/* Sorti de index.php le 19/09/2026.
 *
 * Les feuilles etaient ecrites dans les pages, ce qui obligeait la
 * politique de securite a autoriser 'unsafe-inline' sur style-src : toute
 * injection de HTML devenait alors une injection de style. En fichier, le
 * navigateur peut les mettre en cache, et la politique peut se fermer.
 *
 * Deplace sans une modification : ce qui suit est le bloc d'origine. */

/* ── full-viewport lock ── */
html,body{height:100%;overflow:hidden;}
.app{height:100vh;overflow:hidden;}
.main{height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column;}
.db-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;}

/* ── page header ── */
.db-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-8) 0;flex-shrink:0;}
.db-greeting{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--psg-gold-dark,#b8860b);margin-bottom:2px;}
.db-title{font-size:1.5rem;font-weight:900;color:var(--psg-navy);margin:0;line-height:1.1;}
.db-sub{font-size:.8rem;color:var(--grey-400);font-weight:600;margin-top:3px;}

/* ── KPI strip ── */
.db-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin:var(--space-5) var(--space-8) 0;flex-shrink:0;}
.db-kpi{background:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:var(--space-4);position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .15s;}
.db-kpi:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);}
.db-kpi::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--sa,var(--psg-navy));opacity:.3;}
.db-kpi-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-500);}
.db-kpi-value{font-size:1.6rem;font-weight:900;color:var(--psg-navy);margin-top:5px;line-height:1;}
.db-kpi-sub{font-size:.7rem;color:var(--grey-400);font-weight:600;margin-top:5px;}
.db-kpi.danger .db-kpi-value{color:#dc2626;}
.db-kpi.danger{border-color:#fca5a5;}

/* ── scrollable content ── */
.db-content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-8);background:var(--grey-100);}

/* ── grid layout ── */
.db-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-4);}
@media(max-width:1100px){.db-grid{grid-template-columns:1fr;}}

/* ── section cards ── */
.db-card{background:#fff;border:1px solid #d9d9d9;border-radius:12px;overflow:hidden;margin-bottom:var(--space-4);}
.db-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--grey-100);background:#fafbff;}
.db-card-title{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--psg-navy);display:flex;align-items:center;gap:7px;}
.db-card-title svg{width:13px;height:13px;}
.db-card-link{font-size:.72rem;font-weight:700;color:var(--psg-navy);text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.db-card-link:hover{text-decoration:underline;}

/* ── order rows ── */
.db-order-row{display:grid;grid-template-columns:90px 1fr 110px 90px;gap:var(--space-3);align-items:center;padding:10px 18px;border-bottom:1px solid var(--grey-50);font-size:.82rem;cursor:pointer;transition:background .1s;}
.db-order-row:last-child{border-bottom:0;}
.db-order-row:hover{background:var(--grey-50);}
.db-order-num{font-weight:800;color:var(--psg-navy);font-family:monospace;}
.db-order-client{font-weight:700;color:var(--grey-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.db-order-products{font-size:.72rem;color:var(--grey-400);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.db-status{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:800;text-transform:uppercase;white-space:nowrap;}
.db-status.urgence{background:#fee2e2;color:#991b1b;}
.db-status.processing{background:#dbeafe;color:#1e40af;}
.db-status.other{background:var(--grey-100);color:var(--grey-600);}
.db-amount{font-weight:800;color:var(--psg-navy);text-align:right;}
.db-empty{padding:40px;text-align:center;color:var(--grey-400);font-weight:700;font-size:.85rem;}

/* ── SAV rows ── */
.db-sav-row{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;border-bottom:1px solid var(--grey-50);cursor:pointer;transition:background .1s;}
.db-sav-row:last-child{border-bottom:0;}
.db-sav-row:hover{background:var(--grey-50);}
.db-sav-dot{width:8px;height:8px;border-radius:50%;background:#dc2626;flex-shrink:0;margin-top:5px;}
.db-sav-email{font-weight:700;color:var(--grey-800);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.db-sav-msg{font-size:.75rem;color:var(--grey-400);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.db-sav-time{font-size:.7rem;color:var(--grey-300);font-weight:600;flex-shrink:0;margin-left:auto;margin-top:2px;}

/* ── shortcuts ── */
.db-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-4);}
.db-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--grey-50);border:1px solid var(--grey-200);border-radius:10px;padding:14px 8px;text-decoration:none;color:var(--grey-600);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:all .15s;text-align:center;}
.db-shortcut:hover{background:#fff;border-color:var(--psg-navy);color:var(--psg-navy);box-shadow:0 2px 8px rgba(0,0,0,.08);}
.db-shortcut svg{width:20px;height:20px;color:var(--grey-400);transition:color .15s;}
.db-shortcut:hover svg{color:var(--psg-navy);}

/* ── activity feed ── */
.db-activity-row{display:flex;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--grey-50);font-size:.78rem;}
.db-activity-row:last-child{border-bottom:0;}
.db-activity-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.db-activity-text{flex:1;color:var(--grey-700);font-weight:600;}
.db-activity-time{font-size:.68rem;color:var(--grey-300);font-weight:600;white-space:nowrap;}