/* DB MOTORS — Premium & Compact. Couche visuelle uniquement, sans logique métier. */
:root{color-scheme:dark;--db-bg:#0b0e13;--db-surface:#151a22;--db-surface-2:#1b222d;--db-border:#2b3442;--db-red:#e33742;--db-text:#f4f6fa;--db-muted:#a6b0c0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--db-bg);color:var(--db-text)}
body{background:radial-gradient(ellipse 80% 420px at 50% -190px,rgba(185,35,47,.12),transparent 75%),var(--db-bg);min-height:100dvh}
header{background:rgba(16,20,27,.96);border-bottom:1px solid var(--db-border);padding:13px max(18px,calc((100vw - 1260px)/2));min-height:80px}
.brand{gap:13px}.brand .logo{width:52px;height:52px;flex-basis:52px;border:1px solid #37404c;border-radius:13px;box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.brand strong{font-size:19px;font-weight:850;letter-spacing:.09em}.brand small{margin-top:4px;color:#aeb7c4;letter-spacing:.18em;font-size:10px}
main{max-width:1260px;margin:23px auto;padding:0 22px}
h1{font-size:clamp(24px,2.5vw,31px);font-weight:800;letter-spacing:-.035em}h2{font-size:18px;letter-spacing:-.018em;font-weight:750}h3{letter-spacing:-.01em}
p,.heading p{color:var(--db-muted)}.heading{gap:14px;margin-bottom:17px}.heading p{font-size:13px;line-height:1.55}
.panel,.stat{background:linear-gradient(145deg,#191f29,#151a22 78%);border:1px solid var(--db-border);border-radius:16px;box-shadow:0 5px 22px rgba(0,0,0,.12)}
.panel{padding:21px}.stat{padding:18px 19px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:linear-gradient(var(--db-red),#8d2530);border-radius:0 4px 4px 0}.stat strong,#homeView .stat strong{font-size:clamp(23px,2.4vw,29px);font-weight:800;letter-spacing:-.045em}.stat span{color:#aeb8c7;font-size:12px}
button{background:linear-gradient(180deg,#e9404a,#ca2734);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;font-weight:680;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
button:hover{filter:none;background:#f04450;box-shadow:0 4px 14px rgba(225,49,61,.13)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #ff6973;outline-offset:2px}
button.outline{background:#202734;border:1px solid #394454;color:#eef1f7}button.outline:hover{background:#2a3342;border-color:#586579}button.danger{background:#652a32}
input,select,textarea{background:#10151d;border:1px solid #364153;border-radius:10px;padding:11px 12px;color:#f6f8fb}input:focus,select:focus,textarea:focus{border-color:#db4652}label{color:#c7cfdb}
#tabs{top:0;background:rgba(12,16,22,.96);border:1px solid #2b3441;border-radius:14px;padding:7px;gap:5px;margin:0 0 21px;box-shadow:0 10px 28px #05070a50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#tabs button{font-size:12.5px;font-weight:700;letter-spacing:.005em;background:transparent;border:1px solid transparent;border-radius:9px;padding:11px 13px;color:#b9c3d1;white-space:nowrap}
#tabs button:hover{background:#222b38;color:#fff;box-shadow:none}#tabs button.active{background:linear-gradient(180deg,#e53c47,#c72835);border-color:#f2556050;color:#fff;box-shadow:0 3px 12px #d72e3930}
#tabs button[data-tab="devis"]{border-color:transparent}#tabs button[data-tab="devis"].active{border-color:#f2556050}
#homeView .stats{gap:12px;margin:0 0 17px}.home-quick,.home-recent{margin-bottom:15px}.home-quick h2{margin-bottom:13px}.home-actions{gap:9px}.home-recent-row,.record,.plate-result{border-top-color:#2c3543}.home-recent-row{padding:11px 0}.record{padding:14px 0}.record .buttons{gap:7px}
#list,.record,#homeRecent,.history-item,.db-note-body{overflow-wrap:anywhere}.record strong{font-size:14px}.record small{font-size:12px}
.plate-search{padding:20px}.plate-search label{color:#e8ecf3}.plate-hint{color:#a6b0bf}
dialog{background:#171d27;border:1px solid #465064;border-radius:18px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:rgba(2,4,9,.76);backdrop-filter:blur(4px)}
.db-settings-section,.db-note,.db-day,.finance-kpi,.quote-extra,.prest-library,.backup-verify{border-color:#303b4b}.db-settings-section{background:#131922}.db-settings-tabs button{background:#232b37}.db-settings-tabs button.active{background:#d82f3b}
.db-day{background:#1a212c}.db-appointment{background:#273140}.db-mobile-days button{background:#242d3a}
#notice{color:#c4cfdb}#logout{font-size:12px}#settingsOpen.db-settings-icon{color:#d6deeb}
/* Respecter la mise en page blanche des documents PDF imprimés */
.history-pdf-document{background:#fff;color:#17243a;box-shadow:none}
@media(min-width:1050px){#tabs{justify-content:space-between}#tabs button{flex:1 0 auto}#homeView .stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){header{padding:12px 16px;min-height:72px}main{padding:0 13px;margin:17px auto}.panel{padding:16px;border-radius:14px}.brand .logo{width:46px;height:46px;flex-basis:46px}.brand strong{font-size:16px}.brand small{font-size:9px}#tabs{border-radius:12px;overflow-x:auto;scrollbar-width:thin;padding:6px;margin-bottom:16px;gap:3px}#tabs button{flex:0 0 auto;font-size:12px;padding:11px 12px}#homeView .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat,#homeView .stat{padding:15px 13px 15px 17px}.stat strong,#homeView .stat strong{font-size:24px}.heading{flex-wrap:wrap}.heading p{font-size:12px}.db-top-actions{margin-left:auto}.home-actions button{flex:1 1 100%}.record .buttons button{min-height:38px}.db-settings-dialog{padding:15px}}
@media(max-width:390px){.brand strong{font-size:14px}.brand small{letter-spacing:.1em}.brand{gap:8px}#identity{font-size:10px}#homeView .stat strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}

/* Police Inter homogène dans toute l’interface, y compris les contrôles. */
html,body,button,input,select,textarea,option,summary,dialog{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
#tabs button{font-size:13px;font-weight:600;letter-spacing:0;}
@media(max-width:750px){#tabs button{font-size:12.5px;}}