/* Généré depuis webapp/style.css — ne pas modifier. */
:root {
  --bg: #0b0d12;
  --surface: #14171f;
  --surface-2: #1b1f29;
  --surface-3: #262b38;
  --border: rgba(255, 255, 255, 0.07);
  --border-2: rgba(255, 255, 255, 0.14);

  --text: #f3f5f9;
  --text-2: #b6bccc;
  --text-3: #8b91a4;

  --accent: #5b7bf0;          /* bleu marque */
  --accent-2: #5b7bf0;
  --accent-hover: #4862d6;
  --accent-soft: rgba(91, 123, 240, 0.15);
  --glow: 0 0 0 transparent;

  --success: #34d399;
  --warning: #f5a524;
  --error: #f0566a;

  --radius: 16px;
  --radius-sm: 10px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --display: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --mono: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;  /* chiffres alignés via tabular-nums */
  --code: "Cascadia Mono", "Consolas", monospace;                     /* codes-barres uniquement */

  /* alias conservés : app.js colore certains éléments avec ces noms */
  --text-primary: var(--text);
  --text-secondary: var(--text-2);
  --text-muted: var(--text-3);
}
/* L'interface web reprend les variables réelles de l'application. */
:root{--paper:var(--surface);--ink:var(--text);--muted:var(--text-3);--line:var(--border-2);--green:var(--accent);--light:var(--accent-soft);--lime:var(--accent-soft);--red:var(--error);font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;color-scheme:dark}
body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text)}
h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.01em}.logo{display:block;height:26px;width:auto;max-width:100%;object-fit:contain}.login-card .logo{height:42px;margin-bottom:30px}.brand{display:block}.brand small{margin-top:12px;font-size:9px;color:var(--text-3);letter-spacing:2px}
.sidebar,.topbar{background:var(--bg)}.sidebar,.topbar,.sidebar-bottom{border-color:var(--border)}.sidebar-bottom p{color:var(--text-2)}.nav-button.active{background:var(--accent-soft);color:var(--accent)}.nav-caption{color:var(--text-3)}.nav-button:hover{background:var(--surface)}.panel{border-color:var(--border);background:var(--surface)}.primary{background:var(--accent)}.primary:hover{background:var(--accent-hover)}.secondary,.icon-button{background:var(--surface-3);color:var(--text-2)}input,select{background:var(--surface-2);color:var(--text);border-color:var(--border-2)}input:focus,select:focus{outline-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.agent{background:var(--surface);border-color:var(--border)}.status-dot.online{background:var(--success);box-shadow:none}.status-dot.offline{background:var(--warning)}.search-form{background:var(--surface-2);border-color:var(--border-2)}.search-form input{background:transparent}.result{background:var(--surface);color:var(--text)}.result:hover{background:var(--surface-2)}.send-panel,.order-guide{background:var(--surface);border-color:var(--border)}.send-panel h2{font-size:23px}.destination{background:var(--surface-2)}.destination span,.guide-number{color:var(--text-3)}.destination strong{color:var(--text)}.count,.badge{background:var(--accent-soft);color:var(--accent)}.badge.sent,.badge.recue,.badge.termine{background:#34d39915;color:var(--success)}.badge.pending,.badge.processing,.badge.brouillon{background:#f5a52415;color:var(--warning)}.badge.error,.badge.uncertain,.badge.annulee,.badge.annule{background:#f0566a15;color:var(--error)}.empty strong{color:var(--text-2)}.empty-icon{color:var(--text-3)}.notice{background:var(--accent-soft);border-color:var(--border-2);color:var(--text-2)}.notice.error{background:#f0566a15;border-color:#f0566a40;color:var(--error)}.pending{background:#f5a52415;border-color:#f5a52440;color:var(--text-2)}.login-view{background:var(--bg)}.login-card{background:var(--surface);border-color:var(--border);box-shadow:none}dialog{background:var(--surface);color:var(--text);border-color:var(--border-2)}.breadcrumb strong{color:var(--text)}.breadcrumb span,footer{color:var(--text-3)}.footer-dot{color:var(--accent)}.eyebrow{color:var(--text-3)}.cart-row small{font-family:var(--code)}.account-picker{display:grid;grid-template-columns:1fr;gap:12px}.account-card{max-width:480px}.version-note{color:var(--text-3);font-size:10px}.inventory-header{display:flex;gap:12px;align-items:end;margin-bottom:20px}.inventory-header label{flex:1}.update-site{background:var(--accent-soft);padding:12px 18px;border-radius:10px;margin-bottom:20px;display:flex;gap:20px;justify-content:space-between;align-items:center}