/* Creative Engineering — Migration 2D-3M
   Extension sûre de 2D-3L : identité admin + finitions dashboard. */
:root{
  --ce-navy:#0b2a5b;
  --ce-blue:#1265d8;
  --ce-sky:#25b7e8;
  --ce-orange:#ff7a12;
  --ce-green:#17a566;
  --ce-red:#e5484d;
  --ce-yellow:#f4c95d;
  --ce-purple:#7b48df;
  --ce-ink:#10213a;
  --ce-muted:#6f7a8c;
  --ce-border:#e3e8ef;
}
.ce3m-bottomgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:18px 0}
.ce3m-card{background:#fff;border:1px solid var(--ce-border);border-radius:16px;box-shadow:0 8px 24px rgba(20,45,80,.07);overflow:hidden}
.ce3m-head{padding:16px 18px 11px;border-bottom:1px solid #edf0f4}
.ce3m-head h3{margin:0;color:var(--ce-ink);font-size:1rem;font-weight:800}
.ce3m-head p{margin:5px 0 0;color:var(--ce-muted);font-size:.82rem}
.ce3m-list{padding:8px 18px 14px}
.ce3m-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f0f2f5;text-decoration:none!important;color:var(--ce-ink)!important}
.ce3m-row:last-child{border-bottom:0}
.ce3m-row:hover .ce3m-row-title{color:var(--ce-orange)}
.ce3m-badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-weight:800}
.ce3m-b-blue{background:#eaf3ff;color:var(--ce-blue)}
.ce3m-b-orange{background:#fff1e4;color:var(--ce-orange)}
.ce3m-b-green{background:#eaf8f1;color:var(--ce-green)}
.ce3m-row-copy{min-width:0;flex:1}
.ce3m-row-title{font-size:.86rem;font-weight:750;transition:.15s}
.ce3m-row-sub{font-size:.75rem;color:var(--ce-muted);margin-top:2px}
.ce3m-arrow{color:#7f8996;font-weight:900}
.ce3m-status{padding:13px 18px 17px;display:grid;gap:9px}
.ce3m-statusline{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border-radius:11px;background:#f8fafc;border:1px solid #edf0f4;font-size:.82rem}
.ce3m-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px}
.ce3m-dot-green{background:var(--ce-green)}
.ce3m-dot-blue{background:var(--ce-sky)}
.ce3m-dot-orange{background:var(--ce-orange)}
.ce3m-status a{text-decoration:none!important;font-weight:750;color:var(--ce-blue)!important}
.ce3m-status a:hover{color:var(--ce-orange)!important}
.ce3m-personalized{color:var(--ce-navy)!important}
@media(max-width:760px){
  .ce3m-bottomgrid{grid-template-columns:1fr}
}