.sx-wrap{max-width:1100px;margin:0 auto;padding:110px 16px 64px;min-height:70vh}
.sx-card{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:22px;margin-bottom:18px}
.sx-auth{max-width:440px;margin:0 auto}
.sx-narrow{max-width:720px;margin:0 auto 18px}
.sx-card h2{font-family:var(--font-display,inherit);font-size:24px;color:var(--navy,#0b1b3a);margin:0 0 12px}
.sx-card h3{font-size:17px;color:var(--navy,#0b1b3a);margin:0 0 10px}
.sx-field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--navy,#0b1b3a)}
.sx-field small{font-weight:400;color:var(--sub,#6b7280)}
.sx-field input,.sx-field select,.sx-field textarea,.sx-card textarea,.sx-filters select,.sx-filters input,.sx-table select{font:inherit;font-weight:400;border:1px solid var(--line,#d1d5db);border-radius:10px;padding:10px 12px;background:#fff;width:100%;box-sizing:border-box}
.sx-card form textarea{margin-bottom:10px}
.sx-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 14px}
.sx-check input{margin-top:3px}
.sx-full{width:100%}
.sx-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:14px;font-size:14px}
.sx-muted{color:var(--sub,#6b7280);font-size:14px}
.sx-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.sx-top-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:15px}
.sx-link{background:none;border:0;padding:0;color:var(--red,#c8102e);font:inherit;cursor:pointer;text-decoration:underline;text-align:left}
.sx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sx-grid2>.sx-card{margin-bottom:0}
.sx-grid2{margin-bottom:18px}
.sx-row{display:flex;gap:10px;flex-wrap:wrap}
.sx-alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:14px}
.sx-list{display:flex;flex-direction:column}
.sx-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 4px;border-top:1px solid var(--line,#eee);color:inherit;text-decoration:none}
.sx-item:hover{background:#f9fafb}
.sx-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef2ff;color:#3730a3}
.sx-st-nouveau{background:#eff6ff;color:#1d4ed8}.sx-st-en_cours{background:#fef9c3;color:#854d0e}
.sx-st-attente_client{background:#ffedd5;color:#9a3412}.sx-st-termine{background:#dcfce7;color:#166534}
.sx-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sx-pre{white-space:pre-wrap;word-break:break-word}
.sx-dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:14px;margin:12px 0 0}
.sx-dl dt{color:var(--sub,#6b7280)}.sx-dl dd{margin:0}
.sx-steps{display:flex;gap:6px;list-style:none;padding:0;margin:14px 0;flex-wrap:wrap}
.sx-steps li{flex:1;min-width:110px;text-align:center;padding:8px;border-radius:10px;background:#f3f4f6;font-size:13px;color:#6b7280}
.sx-steps li.done{background:#dcfce7;color:#166534}.sx-steps li.cur{background:var(--navy,#0b1b3a);color:#fff;font-weight:700}
.sx-thread{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;margin-bottom:12px}
.sx-msg{background:#f3f4f6;border-radius:12px;padding:10px 12px;max-width:90%;font-size:14px}
.sx-msg.mine{background:#eef2ff;align-self:flex-end}
.sx-msg.internal{background:#fffbeb;border:1px dashed #f59e0b}
.sx-msg-meta{font-size:12px;color:var(--sub,#6b7280);margin-bottom:4px}
.sx-docs,.sx-hist{list-style:none;padding:0;margin:0 0 12px;font-size:14px}
.sx-docs li,.sx-hist li{padding:6px 0;border-bottom:1px solid #f1f1f1}
.sx-mt{margin-top:18px}
.sx-back{display:inline-block;margin-bottom:12px;font-size:14px}
.sx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.sx-kpi{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:14px}
.sx-kpi b{display:block;font-size:26px;color:var(--navy,#0b1b3a)}.sx-kpi span{font-size:13px;color:var(--sub,#6b7280)}
.sx-kpi.warn{border-color:#fca5a5;background:#fef2f2}
.sx-filters{display:grid;grid-template-columns:repeat(3,180px) 1fr;gap:10px;margin-bottom:14px}
.sx-table{width:100%;border-collapse:collapse;font-size:14px}
.sx-table th{text-align:left;color:var(--sub,#6b7280);font-weight:600;padding:8px;border-bottom:1px solid var(--line,#e5e7eb)}
.sx-table td{padding:10px 8px;border-bottom:1px solid #f1f1f1;vertical-align:top}
.sx-click{cursor:pointer}.sx-click:hover{background:#f9fafb}
.sx-late{color:#b91c1c;font-weight:700}
.sx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0b1b3a;color:#fff;padding:12px 18px;border-radius:12px;z-index:9999;max-width:92vw;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.sx-toast-err{background:#b91c1c}
@media (max-width:760px){
  .sx-grid2,.sx-kpis{grid-template-columns:1fr 1fr}
  .sx-grid2{grid-template-columns:1fr}
  .sx-filters{grid-template-columns:1fr 1fr}
  .sx-dl{grid-template-columns:1fr}
  .sx-table thead{display:none}
  .sx-table tr{display:block;border-bottom:1px solid var(--line,#e5e7eb);padding:8px 0}
  .sx-table td{display:block;border:0;padding:3px 4px}
  .sx-wrap{padding-top:90px}
}
[hidden]{display:none!important}