/* שפה עיצובית אחת לכל המסכים של אדמירל (11/11/2026).
   המקור הקובע הוא הקובץ הזה בחדר הפיקוד. כל מסך מעתיק אותו כמו שהוא ומגדיר רק --adm-accent משלו.
   BooxMoney (כספי המשפחה) נשאר בעיצוב שלו, בכוונה. יומן העבודה וכרטיס הלקוח בהירים ונשארים כך.

   כללים:
   - מצב תמיד במילה ובסימן, לא רק בצבע: ✓ תקין · ! דורש תשומת לב · ✕ תקלה · ? לא נבדק
   - טקסט לא קטן מ-13px. גוף 16px. שדה קלט 16px לפחות במגע (אחרת iPhone מגדיל את הדף).
   - יעד מגע 44px לפחות. כבוד ל-prefers-reduced-motion.
   - Heebo כשהוא זמין (נטען מקומית במסכים עם CSP סגור), אחרת גופן המערכת. */
:root {
  --adm-bg: #0b0f17;
  --adm-surface: #121826;
  --adm-surface-2: #182033;
  --adm-surface-3: #202a40;
  --adm-border: rgba(255, 255, 255, 0.09);
  --adm-border-strong: rgba(255, 255, 255, 0.16);

  --adm-text: #eef2f8;
  --adm-text-2: #b4bfd1;
  --adm-text-3: #8a97ad;

  --adm-gold: #d8b876;
  --adm-gold-strong: #f0c869;
  --adm-accent: var(--adm-gold);

  --adm-ok: #34c77b;
  --adm-warn: #f0a92a;
  --adm-bad: #ef5b52;
  --adm-info: #4ec3e6;
  --adm-unknown: #8a97ad;
  --adm-ok-bg: rgba(52, 199, 123, 0.14);
  --adm-warn-bg: rgba(240, 169, 42, 0.14);
  --adm-bad-bg: rgba(239, 91, 82, 0.14);
  --adm-info-bg: rgba(78, 195, 230, 0.14);

  --adm-font: "Heebo", system-ui, -apple-system, "Segoe UI", "Arial Hebrew", sans-serif;
  --adm-fs-xs: 13px;
  --adm-fs-sm: 14px;
  --adm-fs: 16px;
  --adm-fs-lg: 18px;
  --adm-fs-xl: 22px;
  --adm-fs-2xl: 28px;
  --adm-fs-3xl: 36px;
  --adm-lh: 1.55;

  --adm-radius-sm: 10px;
  --adm-radius: 14px;
  --adm-radius-lg: 20px;
  --adm-gap: 16px;
  --adm-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --adm-touch: 44px;
  --adm-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* צבע מבטא לכל בוט: לכותרת, למותג ולכפתור הראשי בלבד. מצב תמיד בצבעי המצב שלמעלה. */
  --adm-accent-hub: #d8b876;
  --adm-accent-darius: #6da7ec;
  --adm-accent-alice: #b48cf2;
  --adm-accent-isabella: #ec7bb0;
  --adm-accent-oliver: #4ec3e6;
  --adm-accent-felix: #8bd17c;
  --adm-accent-ivan: #4ee6a8;
  --adm-accent-gosha: #25d366;
  --adm-accent-assistant: #f2a65a;
  --adm-accent-journal: #e8c547;
  --adm-accent-radar: #7aa2ff;
  color-scheme: dark;
}

.adm-status { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; font-size: var(--adm-fs-sm); font-weight: 600; }
.adm-status--ok { color: var(--adm-ok); background: var(--adm-ok-bg); }
.adm-status--warn { color: var(--adm-warn); background: var(--adm-warn-bg); }
.adm-status--bad { color: var(--adm-bad); background: var(--adm-bad-bg); }
.adm-status--unknown { color: var(--adm-unknown); background: rgba(138, 151, 173, 0.14); }

.adm-btn { min-height: var(--adm-touch); padding: 0 18px; border-radius: var(--adm-radius-sm); border: 1px solid var(--adm-border-strong); background: var(--adm-surface-2); color: var(--adm-text); font: 600 var(--adm-fs) var(--adm-font); cursor: pointer; transition: background 0.15s var(--adm-ease), transform 0.1s var(--adm-ease); }
.adm-btn:hover { background: var(--adm-surface-3); }
.adm-btn:active { transform: scale(0.98); }
.adm-btn--primary { background: var(--adm-accent); border-color: transparent; color: #10131a; }
.adm-btn:focus-visible { outline: 2px solid var(--adm-accent); outline-offset: 2px; }

@media (pointer: coarse) {
  input, select, textarea { font-size: max(16px, 1em); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}