/* ClickOs CRM — base tokens + fonts (standalone, 08.11.2026). Brand: navy ink, one blue action colour, IBM Plex Sans Hebrew. */
@font-face{font-family:"Plex";src:url(fonts/plex-hebrew-400.woff2) format("woff2");font-weight:300 450;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex";src:url(fonts/plex-hebrew-600.woff2) format("woff2");font-weight:451 900;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex";src:url(fonts/plex-latin-400.woff2) format("woff2");font-weight:300 450;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex";src:url(fonts/plex-latin-600.woff2) format("woff2");font-weight:451 650;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex";src:url(fonts/plex-latin-700.woff2) format("woff2");font-weight:651 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --brand-deep:#0E1722;--brand-mid:#152130;--brand-purple:#1B5FE6;--brand-purple2:#2272FF;--brand-violet:#2272FF;--brand-deep-text:#152130;
  --bg:#F6F8FA;--surface:#FFFFFF;--surface-soft:#F3F6FA;--accent-soft:#EAF1FF;--line:#E2E7ED;--line2:#EDF1F5;
  --ink:#152130;--ink2:#3B4858;--muted:#5F6B7B;--faint:#6A7686;
  --ok:#1f9d4d;--ok-soft:#E7F8EC;--warn:#a06b00;--warn-soft:#FCF3DD;--err:#d84a3f;--err-soft:#FDECEC;--info:#1d6fd8;--info-soft:#E6F0FE;
  --grad-header:linear-gradient(160deg,#0E1722,#16222F);--grad-cta:#1B5FE6;--grad-bar:linear-gradient(90deg,#2272FF,#12A6A6);
  --r-card:20px;--r-sub:16px;--r-chip:999px;--r-icon:12px;
  --sh-float:0 10px 30px rgba(21,33,48,.10);--sh-card:0 4px 14px rgba(21,33,48,.06);--sh-cta:0 8px 20px rgba(21,33,48,.18);
  --font:"Plex","IBM Plex Sans Hebrew","Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit;color:inherit}
a{color:inherit}
select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;padding-inline-end:30px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F6B7B' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 11px center;background-size:12px}
:focus-visible{outline:2px solid #2272FF;outline-offset:2px}
::selection{background:#CFE0FF}
.ring{width:24px;height:24px;border-radius:50%;flex:none;
  background:conic-gradient(from 210deg,#2272FF,#12A6A6 25%,#22B26B 50%,#A7B533 68%,#F5A33B 80%,#2272FF);
  -webkit-mask:radial-gradient(circle,transparent 6.5px,#000 7px);mask:radial-gradient(circle,transparent 6.5px,#000 7px)}