/* Inter 4.1, embarquée localement. Typographie de l'interface uniquement. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('InterVariable.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url('InterVariable-Italic.woff2') format('woff2')}
@media screen{
 html,body{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.45;font-optical-sizing:auto}
 button,input,select,textarea{font-family:inherit}
 h1,.topbar h1,.auth-brand h1{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
 h2,.hero h2,.dialog-head h2,.server-auth .auth-card h2{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
 h3,.panel-head h3,.aw-card h3{font-size:16px;font-weight:600;line-height:1.35}
 h4,strong,b{font-weight:600}
 td,.detail-grid,.record-fields,.aw-facts{font-size:14px}
 input,select,textarea,.auth-card input,.form-field input,.form-field select,.form-field textarea{font-size:14px;font-weight:400}
 .form-field label,.record-fields label,.settings-form label{font-size:14px;font-weight:500}
 .btn,.nav-btn,.nav-btn.active,.aw-tabs button,.aw-tabs button.active,.record-tabs button,.record-tabs button.active{font-size:13px;font-weight:500}
 .icon-btn,.column-sort,.cw-sort{font-size:12px;font-weight:500}
 small,.field-help,.hint,.topbar p,.server-auth .auth-card small{font-size:12px}
 th{font-size:12px;font-weight:500}
 table,.card .value,.agent-metrics,.aw-summary,.aw-volume,.aw-chart,input[type=number]{font-variant-numeric:tabular-nums}
 .reading-state{font-weight:600}
 .rustdesk-mark{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;white-space:nowrap}
 .rustdesk-mark img{display:block;width:18px;height:18px;flex:0 0 18px;object-fit:contain}
 .rustdesk-nav-icon{width:18px;height:18px;vertical-align:middle}
}

/* V2.6.5 : palette A — Océan, fonds limités aux huit indicateurs globaux. */
@media screen {
 .global-dashboard-cards [data-metric-tone="clients"] { --metric-bg:#184e77; --metric-ink:#ffffff; --metric-dark-bg:#184e77; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="equipment"] { --metric-bg:#126782; --metric-ink:#ffffff; --metric-dark-bg:#126782; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="open"] { --metric-bg:#3656a0; --metric-ink:#ffffff; --metric-dark-bg:#3656a0; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="overdue"] { --metric-bg:#52617b; --metric-ink:#ffffff; --metric-dark-bg:#52617b; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="unassigned"] { --metric-bg:#695092; --metric-ink:#ffffff; --metric-dark-bg:#695092; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="incidents"] { --metric-bg:#8f2438; --metric-ink:#ffffff; --metric-dark-bg:#8f2438; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="month"] { --metric-bg:#147d73; --metric-ink:#ffffff; --metric-dark-bg:#147d73; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="warranties"] { --metric-bg:#806233; --metric-ink:#ffffff; --metric-dark-bg:#806233; --metric-dark-ink:#ffffff; }
 .global-dashboard-cards [data-metric-tone="licenses"] { --metric-bg:#80517b; --metric-ink:#ffffff; --metric-dark-bg:#80517b; --metric-dark-ink:#ffffff; }
 .dark-mode .global-dashboard-cards [data-metric-tone] { --metric-bg:var(--metric-dark-bg); --metric-ink:var(--metric-dark-ink); }
 #content .global-dashboard-cards .dashboard-stat[data-metric-tone] { background:var(--metric-bg); color:var(--metric-ink); border-color:rgba(0,0,0,.12); }
 #content .global-dashboard-cards .dashboard-stat[data-metric-tone] > span { color:var(--metric-ink); }
 #content .global-dashboard-cards button.dashboard-stat[data-metric-tone]:hover { box-shadow:0 5px 16px rgba(25,48,79,.25); }
 #content .global-dashboard-cards button.dashboard-stat[data-metric-tone]:focus-visible { outline:3px solid #17365d; outline-offset:3px; }
 .dark-mode #content .global-dashboard-cards button.dashboard-stat[data-metric-tone]:focus-visible { outline-color:#ffffff; }
}

/* Import du catalogue, utilisateurs présents et fiches détaillées. */
@media screen{
 .catalog-import-dialog{width:min(1180px,95vw);max-height:92vh;padding:0;overflow:auto}
 .catalog-import-body{display:grid;gap:12px}.catalog-import-body>p{margin:0}
 .catalog-import-commands{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.catalog-import-commands label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:600}.catalog-import-commands input,.catalog-import-commands select{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;color:var(--ink)}
 .catalog-import-help{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--pale)}.catalog-import-help summary{cursor:pointer;font-weight:600}.catalog-import-help dl{display:grid;grid-template-columns:150px 1fr;gap:7px 12px;margin:12px 0 0}.catalog-import-help dt{font-weight:600}.catalog-import-help dd{margin:0;color:var(--muted)}
 .catalog-import-select-all{display:flex;align-items:center;gap:8px}.catalog-import-select-all input{width:18px;height:18px}
 .catalog-import-preview{max-height:48vh}.catalog-import-preview td{max-width:280px;white-space:pre-wrap;overflow-wrap:anywhere}.catalog-import-preview .catalog-import-control{min-width:210px}.catalog-import-invalid td{background:color-mix(in srgb,var(--red) 7%,#fff)}
 .catalog-import-footer{display:flex;justify-content:flex-end}
 .dark-mode .catalog-import-commands input,.dark-mode .catalog-import-commands select{background:#111b27}.dark-mode .catalog-import-invalid td{background:color-mix(in srgb,var(--red) 13%,#111b27)}

 .about-online-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
 .about-online-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.about-online-head h3{margin:0}.about-online-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.about-online-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.about-online-actions .btn{white-space:nowrap}
 .about-online-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#ddf5e6;color:#12663c;font-weight:700}
 .about-online-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.about-online-user{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--pale)}
 .about-online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}.about-online-user strong,.about-online-user small,.about-online-time span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-online-user small,.about-online-time{color:var(--muted);font-size:11px}.about-online-time{text-align:right}.about-online-time small{margin-top:2px}
 .about-online-loading,.about-online-empty,.about-online-error{grid-column:1/-1;margin:0;padding:13px;border-radius:9px;background:var(--pale);color:var(--muted);text-align:center}.about-online-error{color:var(--red)}
 .dark-mode .about-online-user,.dark-mode .about-online-loading,.dark-mode .about-online-empty{background:#111b27}

 #detailDialog[open]{max-height:94vh;overflow:auto;scrollbar-gutter:stable}
 #detailDialog>.dialog-head{position:sticky;top:0;z-index:14;flex-shrink:0;background:var(--navy);color:#fff;border-bottom-color:transparent;box-shadow:0 5px 16px rgba(16,39,65,.16)}
 #detailDialog>.detail-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;align-items:stretch}
 #detailDialog>.detail-actions>button{box-sizing:border-box;width:100%;min-width:0;max-width:none;height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.15}
 #detailDialog>.detail-actions>button[hidden]{display:none!important}#detailDialog>.detail-actions>.waze-button img{width:25px;height:25px}
}
@media screen and (max-width:700px){.about-online-users{grid-template-columns:minmax(0,1fr)}.about-online-user{grid-template-columns:10px minmax(0,1fr)}.about-online-time{grid-column:2;text-align:left}.catalog-import-help dl{grid-template-columns:1fr}.catalog-import-help dd{margin-bottom:6px}}