/* LEGOS parent app — warm garden theme */
/* ===== ערכות צבע לפי מוסד — הטוקנים מוחלים דרך html[data-theme] ===== */
:root{--ink:#243f38;--muted:#6d7973;--line:#e7e9df;--shadow:0 6px 24px #233d3210;--green:var(--brand);--sage:var(--brand-tint);--peach:var(--accent-bg)}
:root{--brand:#285b4d;--brand-strong:#214c40;--brand-soft:#326b5a;--brand-ink:#567650;--brand-em:#62806b;--brand-tint:#e8f1e8;--brand-tint-2:#edf2e7;--brand-line:#6d9275;--brand-ring:#dce8d580;--brand-ring-2:#d4e2c9;--brand-on-dark:#d3e1c9;--brand-on-dark-2:#e4efdf;--accent:#b58045;--accent-soft:#c18d68;--accent-bg:#faf1e5;--page-bg:#eaece3;--glow-1:#f4e9d8;--glow-2:#d4e0d0;--cream:#f8f7f2;--brand-sh1:#285b4d18;--brand-sh2:#285b4d25;--brand-sh3:#285b4d0c}
html[data-theme="mauve"]{--brand:#725454;--brand-strong:#5e4444;--brand-soft:#8a6060;--brand-ink:#7e5757;--brand-em:#6e8a98;--brand-tint:#f5eaea;--brand-tint-2:#f7efef;--brand-line:#b08d8d;--brand-ring:#ebdada80;--brand-ring-2:#e9d7d7;--brand-on-dark:#e5cfcf;--brand-on-dark-2:#f2e4e4;--accent:#6e8a98;--accent-soft:#8aa5b2;--accent-bg:#edf2f4;--page-bg:#efeaea;--glow-1:#f5e6e6;--glow-2:#d9e3e7;--cream:#fbf7f7;--brand-sh1:#72545418;--brand-sh2:#72545425;--brand-sh3:#7254540c}
html[data-theme="ocean"]{--brand:#1e4c6b;--brand-strong:#163b54;--brand-soft:#2c6b92;--brand-ink:#4f7590;--brand-em:#56789a;--brand-tint:#e4eef5;--brand-tint-2:#eaf1f7;--brand-line:#6d96b2;--brand-ring:#d5e4ef80;--brand-ring-2:#cfe2ef;--brand-on-dark:#c6deec;--brand-on-dark-2:#deedf6;--accent:#c08a4e;--accent-soft:#ce9a63;--accent-bg:#faf2e8;--page-bg:#e9edf0;--glow-1:#f2ecdd;--glow-2:#d2e0e8;--cream:#f7f9fb;--brand-sh1:#1e4c6b18;--brand-sh2:#1e4c6b25;--brand-sh3:#1e4c6b0c}
html[data-theme="teal"]{--brand:#17565b;--brand-strong:#114448;--brand-soft:#23787e;--brand-ink:#48858a;--brand-em:#4d888c;--brand-tint:#e1f1f1;--brand-tint-2:#e8f4f4;--brand-line:#63a0a3;--brand-ring:#d2e9e980;--brand-ring-2:#cbe7e7;--brand-on-dark:#c3e4e4;--brand-on-dark-2:#dcf0f0;--accent:#c2854f;--accent-soft:#d09765;--accent-bg:#fbf2e9;--page-bg:#e8eeee;--glow-1:#f3ebdc;--glow-2:#cfe3e2;--cream:#f7fafa;--brand-sh1:#17565b18;--brand-sh2:#17565b25;--brand-sh3:#17565b0c}
html[data-theme="plum"]{--brand:#4a3a6b;--brand-strong:#3b2e56;--brand-soft:#63528f;--brand-ink:#7c6ba5;--brand-em:#7e6da6;--brand-tint:#eeeaf6;--brand-tint-2:#f1eef8;--brand-line:#9187b5;--brand-ring:#e2dcf080;--brand-ring-2:#ded7ef;--brand-on-dark:#d6cdea;--brand-on-dark-2:#e7e1f4;--accent:#be8a55;--accent-soft:#cb9b6b;--accent-bg:#fbf3e9;--page-bg:#eceaf0;--glow-1:#f3ebe0;--glow-2:#ddd8e9;--cream:#f9f8fb;--brand-sh1:#4a3a6b18;--brand-sh2:#4a3a6b25;--brand-sh3:#4a3a6b0c}
html[data-theme="amber"]{--brand:#8a4f19;--brand-strong:#6f3f13;--brand-soft:#a9682c;--brand-ink:#b07c46;--brand-em:#a5714a;--brand-tint:#fbeedf;--brand-tint-2:#fcf2e6;--brand-line:#cf9f6f;--brand-ring:#f5e4ce80;--brand-ring-2:#f3e0c9;--brand-on-dark:#f5dcbe;--brand-on-dark-2:#faead6;--accent:#5e7c63;--accent-soft:#6f8d73;--accent-bg:#ebf1eb;--page-bg:#f1ebe2;--glow-1:#f9ebd5;--glow-2:#e4d9c9;--cream:#fcf9f4;--brand-sh1:#8a4f1918;--brand-sh2:#8a4f1925;--brand-sh3:#8a4f190c}
html[data-theme="rose"]{--brand:#8e3f5c;--brand-strong:#74314a;--brand-soft:#a85674;--brand-ink:#b3708a;--brand-em:#ac6480;--brand-tint:#fae8ee;--brand-tint-2:#fbedf1;--brand-line:#c68aa0;--brand-ring:#f2dbe380;--brand-ring-2:#f0d7e0;--brand-on-dark:#f0d2de;--brand-on-dark-2:#f7e4eb;--accent:#b98a4e;--accent-soft:#c69a63;--accent-bg:#faf2e7;--page-bg:#f0e9ec;--glow-1:#f7e7dc;--glow-2:#e5d4da;--cream:#fbf7f8;--brand-sh1:#8e3f5c18;--brand-sh2:#8e3f5c25;--brand-sh3:#8e3f5c0c}
html[data-theme="coffee"]{--brand:#5a4634;--brand-strong:#463629;--brand-soft:#79604a;--brand-ink:#8d735a;--brand-em:#8a7159;--brand-tint:#f2ece4;--brand-tint-2:#f5f0ea;--brand-line:#a28c74;--brand-ring:#e9dfd180;--brand-ring-2:#e6dbcc;--brand-on-dark:#e2d5c4;--brand-on-dark-2:#efe7db;--accent:#6f8a6a;--accent-soft:#829a7d;--accent-bg:#edf2eb;--page-bg:#ede8e1;--glow-1:#f6eddf;--glow-2:#ddd5c9;--cream:#faf7f2;--brand-sh1:#5a463418;--brand-sh2:#5a463425;--brand-sh3:#5a46340c}
html[data-theme="slate"]{--brand:#3a4a5c;--brand-strong:#2d3a49;--brand-soft:#536880;--brand-ink:#6c8098;--brand-em:#6a7d94;--brand-tint:#e9edf2;--brand-tint-2:#eef1f5;--brand-line:#8496a9;--brand-ring:#dee5ec80;--brand-ring-2:#dbe3ea;--brand-on-dark:#cfdae5;--brand-on-dark-2:#e3eaf1;--accent:#b08a5c;--accent-soft:#bf9a70;--accent-bg:#f9f2e9;--page-bg:#eaecef;--glow-1:#f1ebe1;--glow-2:#d8dee5;--cream:#f8f9fa;--brand-sh1:#3a4a5c18;--brand-sh2:#3a4a5c25;--brand-sh3:#3a4a5c0c}
body{color:var(--ink);background:var(--page-bg);background-image:radial-gradient(ellipse at 15% 25%,var(--glow-1) 0,transparent 45%),radial-gradient(ellipse at 90% 80%,var(--glow-2) 0,transparent 50%)}
button,a,input,[role=button]{-webkit-tap-highlight-color:transparent}
button{transition:transform .18s,background .18s,box-shadow .18s}button:active{transform:scale(.98)}
button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
[hidden]{display:none!important}
.app-frame{background:var(--cream);max-width:460px}
.app-scroll{scrollbar-width:thin;scrollbar-color:#cad6c5 transparent}
.screen{animation:screen-in .23s ease;min-height:100%}
.screen>div:first-child{padding:24px 22px 32px!important}
.screen:not(#scr-login):not(#scr-otp)>div:first-child>div:first-child{padding-bottom:20px!important}
.screen:not(#scr-login):not(#scr-otp)>div:first-child>div:first-child>div[style*="font-size:22px"]{font-size:27px!important;letter-spacing:-.7px}
.screen div[style*="box-shadow:0 6px 20px"]{box-shadow:var(--shadow)!important;border:1px solid var(--line)}
.screen div[style*="box-shadow:0 5px 14px"]{box-shadow:none!important;border:1px solid var(--line)}
.screen div[style*="border-radius:22px"]{border-radius:23px!important}
.btn-primary{background:var(--green)!important;box-shadow:0 5px 12px var(--brand-sh1)!important;border-radius:16px;min-height:52px;letter-spacing:.1px}
.btn-primary:hover{background:var(--brand-strong)!important;box-shadow:0 7px 18px var(--brand-sh2)!important}
.btn-primary:disabled{opacity:.65}
.desktop-story{display:none}
/* Entry screen */
#scr-login>.login-page{padding:24px 24px 18px!important}
.brand-line{display:flex;align-items:center;gap:10px;text-align:right}
.brand-line .login-brand-logo{width:48px;height:48px;object-fit:contain;margin:0;filter:none}
.brand-line strong{font-size:17px;font-weight:700;display:block;max-width:260px;overflow-wrap:anywhere;line-height:1.4}
.brand-line div>span{font-size:10px;color:var(--muted);display:block;margin-top:2px;letter-spacing:.15px}
.brand-dot{margin-inline-start:auto;width:9px;height:9px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 0 6px var(--accent-bg);flex:none}
.login-hero{text-align:center;margin-top:28px;position:relative}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.25px;color:#65765c;display:inline-flex;align-items:center;gap:6px;background:#ebf0e3;border:1px solid #e2e9d9;border-radius:30px;padding:7px 13px}
.eyebrow span{color:var(--accent);font-size:14px}
.login-hero h1{font-size:34px;font-weight:700;line-height:1.23;letter-spacing:-1.35px;margin:15px -5px 12px}
.login-hero h1 em{font-style:normal;color:var(--brand-em)}
.login-hero p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.login-hero-logo{display:block;width:auto;max-width:min(240px,70%);height:auto;max-height:170px;object-fit:contain;margin:6px auto 4px}
.login-hero-logo[hidden]{display:none}
.garden-illustration{display:block;width:100%;max-width:340px;height:155px;object-fit:contain;margin:9px auto -2px}
.login-form-card{background:#fff;border:1px solid #e7e9df;border-radius:25px;box-shadow:0 12px 32px #2c4f3710;padding:22px 20px 18px;position:relative}
.form-heading{display:flex;align-items:center;justify-content:space-between}
.form-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0}
.form-heading>span{font-size:23px;color:var(--accent-soft);background:var(--accent-bg);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.form-intro{margin:4px 0 20px;color:var(--muted);font-size:12px}
.login-label{font-size:12px;font-weight:500;margin-bottom:8px}
.login-input-shell{height:54px;background:#fafbf7;border:1px solid #e1e6db;border-radius:13px;padding:0 13px;box-shadow:none}
.login-input-shell:focus-within{border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-ring);background:white}
.login-input{font-size:16px}
.login-input-shell>span{font-size:12px!important;font-weight:400!important;border-right:1px solid #dce2d6;padding-right:9px}
.login-input::placeholder{color:#8c978c}
.login-helper{font-size:11px;line-height:1.65}
.login-submit{width:100%;font-size:15px;font-weight:500;margin-top:17px;height:53px}
.login-footnote{font-size:10px;text-align:center;color:#788576;margin:12px 0 0;line-height:1.6}
.login-signoff{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;letter-spacing:.15px;color:#829079;margin-top:18px}
.login-org-switch{display:block;margin:10px auto 0;padding:6px 10px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.login-org-switch[hidden]{display:none}
.tiny-flower{font-size:18px;color:var(--accent-soft)}
/* Verification */
#scr-otp>div{min-height:calc(100dvh - 20px);padding-top:28px!important}
#scr-otp>div>div:nth-child(2){margin-top:45px!important}
#scr-otp>div>div:nth-child(2)::before{content:'✦';font-size:38px;color:var(--accent);display:block;margin-bottom:22px}
#otp-cells{gap:7px!important}
#otp-cells input{width:calc((100% - 35px)/6)!important;max-width:52px;border-color:#dce4d6!important;border-radius:13px!important;color:var(--green)!important;box-shadow:none!important}
#otp-cells input:focus{outline:3px solid var(--brand-ring-2)!important;border-color:var(--green)!important}
#otp-resend{min-height:44px}
/* Home */
.home-date{font-size:11px;color:#7b8878;margin:4px 0 7px}
#home-greet{font-size:12px!important;color:#72836f!important}
#scr-home [data-bind=parentName]{font-size:27px!important;font-weight:600!important;letter-spacing:-.7px}
#home-children{padding:4px 0 16px!important;gap:9px!important}
#home-children>div{border-radius:100px!important;padding:7px 12px 7px 7px!important;box-shadow:none!important;min-height:48px}
#home-children>div>div:last-child{font-size:13px!important;font-weight:500!important}
.day-hero{display:flex;align-items:center;position:relative;overflow:hidden;text-align:right;width:100%;padding:25px 23px;border:0;border-radius:26px;background:var(--brand);color:#fff;min-height:204px;margin:0 0 14px;box-shadow:0 10px 24px var(--brand-sh1);isolation:isolate}
.day-hero::after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff13;border-radius:50%;left:-52px;top:-55px;z-index:-1;box-shadow:0 0 0 25px #ffffff05}
.day-hero-copy{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.hero-kicker{font-size:11px;color:var(--brand-on-dark);line-height:1.6}
.day-hero strong{font-size:25px;font-weight:500;letter-spacing:-.8px;line-height:1.3}
.hero-link{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:400;color:var(--brand-on-dark-2);margin-top:5px}
.hero-link>span{font-size:20px}
.day-hero>img{width:200px;height:150px;position:absolute;left:-30px;bottom:7px;opacity:.95;z-index:0}
.balance-card{margin-top:14px!important;padding:18px!important;border-radius:22px!important}
.balance-card [data-bind=balance]{font-size:26px!important;font-weight:600!important;letter-spacing:-.7px}
.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.quick-links button{border:1px solid var(--line);background:#fff;padding:16px 14px;border-radius:20px;text-align:right;display:grid;grid-template-columns:1fr auto;gap:14px 4px;align-items:center;font-size:12px;color:var(--ink);font-weight:500;box-shadow:0 3px 10px #233d3205}
.quick-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;grid-column:1/-1}
.quick-icon svg{width:21px;height:21px}
.peach{background:#f8e9df;color:#b27b60}.lavender{background:#efedf6;color:#8a7d9f}
.quick-arrow{color:#879582;font-size:19px}
#home-event-card{margin-top:14px!important}
.media-empty{background:#f1f4eb!important;border:1px dashed #dce4d3;border-radius:17px;color:#73816b;min-height:82px;display:grid;place-items:center;line-height:1.6}
.ph-img{background:linear-gradient(135deg,#e6eddf,#f4edde)}
/* Shared cards and lists */
#act-list>div,#forms-list>div,#notif-list>div,#events-list>div{border:1px solid var(--line);box-shadow:var(--shadow)!important;border-radius:21px!important}
#act-list>div{padding:18px 15px!important}
#att-cells{gap:6px!important;margin-top:13px}
#att-cells>div{border-radius:11px!important;font-size:13px!important}
#scr-payments [data-bind=balance]{font-weight:600!important;letter-spacing:-1.5px}
.login-install{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;height:44px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--brand);cursor:pointer}
.login-install[hidden],.more-row[hidden]{display:none}
.install-sheet{border:0;border-radius:24px;padding:20px;width:min(390px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 50px #0003}
.install-sheet::backdrop{background:#0006}
.install-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.install-sheet-head strong{font-size:18px}
.install-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:15px;cursor:pointer;color:var(--muted)}
.install-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.install-steps li{display:flex;align-items:center;gap:11px;background:var(--cream);border-radius:14px;padding:12px;font-size:14px;line-height:1.5}
.install-steps li>span:nth-child(2){flex:1}
.install-num{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;flex:none}
.install-note{font-size:12px;color:var(--muted);margin:12px 2px 14px}
.install-ok{width:100%;height:48px}
.ctab-bar{overflow-x:auto;scrollbar-width:none}.ctab-bar::-webkit-scrollbar{display:none}
.ctab-bar .ctab{flex:1 0 auto;padding-inline:12px;white-space:nowrap}
.hist-nav{display:flex;align-items:center;gap:8px;margin:14px 0 12px}
.hist-btn{width:42px;height:42px;flex:none;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.hist-btn:disabled{opacity:.35;cursor:default}
.hist-label{flex:1;position:relative;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;overflow:hidden}
.hist-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.hist-select{flex:1;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);font:inherit;font-size:14px;font-weight:700;color:var(--ink);text-align:center;text-align-last:center;padding:0 10px}
.ctab,.lang{font-weight:500;min-height:44px;display:flex;justify-content:center;align-items:center}
.ctab.active{color:var(--green);box-shadow:0 2px 8px var(--brand-sh3)}
.more-row{min-height:65px;padding:15px!important}.more-row span{font-weight:500;font-size:14px}
.more-ic{border-radius:13px;background:var(--brand-tint-2)!important;color:var(--brand-ink)!important}
/* Navigation */
.tabbar{background:#fffdfaf5;border:1px solid #e3e7dc;box-shadow:0 8px 28px #243f3810;backdrop-filter:blur(12px);margin:0 13px 12px;border-radius:24px;padding:7px 5px calc(7px + env(safe-area-inset-bottom,0px));position:relative}
.tabbtn{min-height:53px;border-radius:16px;margin:0 2px}
.tab{color:#778775;font-size:10px;font-weight:500;gap:5px}
.tab svg{width:21px;height:21px;stroke-width:1.7}
.tabbtn.active{background:var(--brand-tint-2)}
.tabbtn.active .tab{color:var(--green)}
.toast-host{width:calc(100% - 40px);bottom:100px}
.toast{font-size:13px;font-weight:400;line-height:1.6;max-width:100%;box-shadow:0 8px 20px #243f3820}
@keyframes screen-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:480px){.app-frame{border-radius:32px;height:min(940px,calc(100dvh - 48px));border:5px solid #ffffffb0;box-shadow:0 28px 90px #2641311c}.screen{min-height:100%}#scr-otp>div{min-height:min(880px,calc(100dvh - 75px))}.app-wrap{gap:100px}}
@media(min-width:1050px){.desktop-story{display:flex;flex-direction:column;width:380px;align-items:flex-start}.story-wordmark{font-size:25px;font-weight:700;letter-spacing:2px;margin-bottom:60px;color:var(--green)}.story-wordmark span{font-size:12px;font-weight:400;letter-spacing:0;border-right:1px solid #b4c2ac;margin-right:12px;padding-right:12px}.desktop-story h2{font-size:53px;font-weight:600;line-height:1.25;letter-spacing:-2px;margin:20px 0}.desktop-story h2 em{font-style:normal;color:var(--brand-em)}.desktop-story>p{font-size:15px;line-height:1.9;color:#77826e;margin:0}.desktop-story>img{width:340px;align-self:center;margin:20px 0}.story-footer{font-size:11px;color:#7e8d75;width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4dccd;padding-top:18px}.story-footer span{font-size:24px;color:var(--accent-soft)}}
@media(max-width:360px){#scr-login>.login-page{padding:19px 18px 16px!important}.login-hero h1{font-size:30px}.screen>div:first-child{padding-left:16px!important;padding-right:16px!important}.day-hero>img{width:165px;left:-25px}.day-hero strong{font-size:23px}.login-form-card{padding:20px 17px}.login-hero{margin-top:21px}.garden-illustration{height:140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The institution logo remains visible at the top of the application. */
.brand-line .login-brand-logo{width:64px;height:64px}
.app-brand-header{display:flex;align-items:center;gap:10px;padding:14px 23px 13px;border-bottom:1px solid #e7e9df;background:#fcfcf8;flex:none}
.app-brand-header>img{width:46px;height:46px;object-fit:contain}
.app-brand-header strong{display:block;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.app-brand-header div>span{display:block;font-size:10px;color:#7a8972;margin-top:2px}
.lang-picker{margin-inline-start:auto;position:relative;flex:none;z-index:30}
.header-lang{width:42px;height:42px;padding:0;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.lang-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:132px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #1f2b2418;padding:5px;display:flex;flex-direction:column;gap:2px}
.lang-menu[hidden]{display:none}
.lang-opt{border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink);text-align:right;padding:10px 12px;border-radius:10px;cursor:pointer}
.lang-opt:hover{background:var(--cream)}
.lang-opt.active{background:var(--brand-tint);color:var(--brand);font-weight:700}
.header-bell{position:relative;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
.header-bell span{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#EF5B5B;border:2px solid #fff;color:#fff;font-size:10px;font-weight:800;line-height:14px;text-align:center}
.app-frame[data-screen=otp] .header-bell{visibility:hidden}
.app-frame:not([data-screen]) .app-brand-header,.app-frame[data-screen=login] .app-brand-header{display:none}
.app-frame[data-screen=otp] #scr-otp>div{min-height:calc(100dvh - 105px)}
@media(min-width:480px){.app-frame[data-screen=otp] #scr-otp>div{min-height:min(780px,calc(100dvh - 160px))}}
.day-hero>img{width:155px;height:125px;left:-17px;bottom:7px}
.day-hero strong{font-size:23px;line-height:1.4}
@media(max-width:360px){.day-hero>img{width:135px;left:-20px}.day-hero strong{font-size:21px}}

/* אלמנטים ניטרליים שנשארו ירוקים — מתיישרים לערכת המוסד */
.app-brand-header{background:var(--cream)}
.eyebrow{background:var(--brand-tint-2);border-color:var(--brand-ring-2);color:var(--brand-ink)}
.eyebrow span{color:var(--accent)}
.media-empty{background:var(--brand-tint-2)!important;border-color:var(--brand-ring-2);color:var(--brand-ink)}
.ph-img{background:linear-gradient(135deg,var(--brand-tint),var(--accent-bg))}
.login-input-shell{background:var(--cream)}
.app-scroll{scrollbar-color:var(--brand-line) transparent}

/* מצב הדגמה (זמני) */
.demo-note{display:flex;align-items:center;gap:8px;background:var(--accent-bg);border:1px solid var(--accent-soft);color:var(--brand);font-size:12px;font-weight:500;border-radius:12px;padding:10px 12px;margin-top:18px;line-height:1.5}
.demo-note span{color:var(--accent);font-size:15px}
#demo-panel .login-field{margin-top:12px}
.otp-demo{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--accent-bg);border:1px dashed var(--accent-soft);border-radius:16px;padding:14px;margin-top:26px;font-size:12px;color:var(--muted)}
.otp-demo strong{font-size:30px;letter-spacing:8px;font-weight:700;color:var(--brand)}


/* מסך חתימה — דפי המסמך האמיתיים עם שדות ממוקמים במ"מ (A4 210×297) */
.sign-page{position:relative;width:100%;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.sign-page img.pg{width:100%;display:block}
.sign-ov{position:absolute;white-space:nowrap;direction:rtl;visibility:hidden;overflow:hidden;font-weight:600}
.sign-ov img{width:100%;height:100%;object-fit:contain;display:block}
.sign-in{position:absolute;visibility:hidden;border:1px solid var(--brand-soft);background:#fff;border-radius:4px;padding:0 3px;font-size:12px;color:var(--ink);font-family:inherit;direction:rtl}
.sign-in[type=checkbox]{padding:0;width:14px;height:14px}
.sign-me{position:absolute;visibility:hidden;border:2px dashed var(--brand-soft);background:var(--brand-tint);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--brand-soft)}
.sign-state{background:var(--brand-tint-2);border:1px solid var(--brand-ring-2);border-radius:16px;padding:16px;margin:4px 0 12px;font-size:14px;line-height:1.6;color:var(--ink)}
.sign-state strong{display:block;font-size:16px;margin-bottom:4px}
.sign-state.ok{background:#E4F6EE;border-color:#BFE8D3}
.sign-state.wait{background:#FDF0E3;border-color:#F3D9BF}
.sign-state a.btn-primary{display:inline-block;padding:10px 18px;margin-top:10px;text-decoration:none;font-size:14px}
.sign-chip{display:inline-block;background:var(--brand-tint);color:var(--brand-soft);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;margin-inline-start:6px}
.form-badge{font-size:12px;font-weight:700;padding:6px 13px;border-radius:999px;white-space:nowrap}