/* Layout: warm paper, a soft colour wash behind everything, ink type. One light look, same as the app.
   From the approved design (docs/build/admin-design/source/tokens.css, 4 Nov 2026). Every colour is
   from docs/build/admin-design/replica-colors.md (a colour of the table, sometimes with transparency).
   Fonts are served from this site (font-src 'self'), not from a font CDN. */
@font-face{font-family:"IBM Plex Sans Hebrew";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSansHebrew_400Regular.ttf) format("truetype")}
@font-face{font-family:"IBM Plex Sans Hebrew";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSansHebrew_500Medium.ttf) format("truetype")}
@font-face{font-family:"IBM Plex Sans Hebrew";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSansHebrew_600SemiBold.ttf) format("truetype")}
@font-face{font-family:"IBM Plex Sans Hebrew";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/IBMPlexSansHebrew_700Bold.ttf) format("truetype")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/IBMPlexMono_400Regular.ttf) format("truetype")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/IBMPlexMono_500Medium.ttf) format("truetype")}
[hidden]{display:none!important}
:root{
  --fog:#F3EADB; --paper:#FBF7F2; --white:#FFFFFF; --card:rgba(255,255,255,.62); --ink:#1C1B1F; --soft:#4E4A4F; --mute:#6A6268;
  --line:#E9E1D7; --page-line:#EFE7DC; --fill:rgba(106,98,104,.12); --glass:rgba(243,234,219,.74);
  --wash-peach:#FBA683; --wash-butter:#F8D97F; --wash-sky:#A2BFEA; --wash-lav:#CDBDEE; --wash-rose:#F6B4CB;
  --accent:linear-gradient(100deg,#FFE08A,#FF9F5E 33%,#F49BC1 66%,#B8A7F2); --cta:linear-gradient(95deg,#FFE27A,#FFC79C 33%,#F7B2CF 66%,#C8B8F4);
  --tint:#285FC2; --green:#17705F; --green-bg:#E3F1EC; --warn:#8A5F00; --warn-bg:#FCEFC4; --bad:#BF2A1E; --bad-bg:#FBE6E3;
  --beat:#E2621F; --beat-soft:#FDE8DA; --beat-ink:#8A3812; --sun:#F7C948; --rec:#FF453A;
  --shadow:rgba(28,27,31,.3);
  --sans:"IBM Plex Sans Hebrew",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-s:12px; --r-m:18px; --r-l:28px; --r-xl:36px;
  --ease:cubic-bezier(.22,.8,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--fog);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--tint)}
img,video{max-width:100%;display:block}
:focus-visible{outline:3px solid #285FC2;outline-offset:2px;border-radius:6px}
.mono{font-family:var(--mono);direction:ltr;unicode-bidi:isolate}
.num{font-variant-numeric:tabular-nums}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}
@media (prefers-reduced-transparency:reduce){:root{--glass:var(--fog)}}
