:root{--navy:#102b31;--teal:#2e8be0;--teal2:#379be6;--green:#339966;--ink:#18364a;--mute:#748a9b;--bg:#f4f8fb;--border:#e0ebf1;--white:#fff;--card:#fff;--shadow:0 8px 34px rgba(25,77,104,.055);font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:13px;line-height:1.7}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.hidden{display:none!important}.muted{color:var(--mute)}.overline{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.7px}h1,h2,h3,p{margin-top:0}h1{font-size:25px}h2{font-size:19px}h3{font-size:15px}.layout{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:#123b37;color:#d8f6e7;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;z-index:20;box-shadow:-4px 0 20px #0a273522}.sidebar-brand{padding:25px 19px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff17}.brand-icon,.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,#1cb6ad,#207db7);border-radius:13px;font-size:22px;color:white;box-shadow:0 8px 23px #031f3070}.sidebar-brand strong{font-size:17px;display:block;letter-spacing:-.4px;color:#fff}.sidebar-brand small{display:block;font-size:10px;color:#aac6d1;margin-top:-3px}.sidebar-scroll{overflow-y:auto;flex:1;padding:15px 11px}.nav-section{font-size:10px;letter-spacing:1px;color:#7ca8ba;font-weight:800;margin:16px 13px 8px}.nav-link{width:100%;background:transparent;color:#c4dbe5;border:0;border-radius:9px;text-align:right;padding:10px 12px;display:flex;align-items:center;gap:12px;margin-bottom:2px;font-size:12px;font-weight:700;transition:.2s}.nav-link:hover{color:white;background:#ffffff13}.nav-link.active{background:linear-gradient(90deg,#1f7189,#20788a);color:white;box-shadow:inset -3px 0 #50e2cf}.nav-link .symbol{font-size:17px;width:22px;text-align:center}.sidebar-user{display:flex;align-items:center;gap:9px;padding:15px 12px;background:#0d302d;border-top:1px solid #ffffff16}.avatar{height:35px;width:35px;border-radius:10px;background:#2c7187;display:grid;place-items:center;color:#fff;font-weight:800}.sidebar-user-text{flex:1;min-width:0}.sidebar-user-text strong{display:block;color:white;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-text small{font-size:10px;color:#a3c5d3}.icon-btn{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;border-radius:9px;font-size:21px;height:34px;width:34px}.icon-btn:hover{background:#7a96a021}.main-shell{margin-right:244px;min-width:0;width:100%;display:flex;flex-direction:column}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:0 35px;border-bottom:1px solid var(--border)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title small{display:block;color:#859ba9;font-size:11px;margin-bottom:-5px}.topbar-title h1{font-size:21px;margin:0}.topbar-actions{display:flex;align-items:center;gap:10px;color:#7d93a3;font-size:11px}.status-dot{width:8px;height:8px;background:#1ab99b;border-radius:100%;box-shadow:0 0 0 4px #ddf7ed}.mobile-menu{display:none}.content{padding:26px 34px 50px;max-width:1700px;width:100%;margin:0 auto;flex:1}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:13px 35px;color:#98aab5;font-size:10px;background:white}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.page-heading h2{font-size:22px;margin:0 0 3px}.page-heading p{color:#7e94a5;font-size:12px;margin:0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary,.danger,.small-btn{border:1px solid transparent;padding:10px 18px;border-radius:9px;font-weight:800;font-size:12px;transition:.15s}.primary{background:linear-gradient(120deg,#107a8d,#0c9b9b);color:white;box-shadow:0 6px 16px #0c8b9827}.primary:hover{filter:brightness(.94)}.secondary{background:white;border-color:#d7e6ed;color:#236277}.secondary:hover{background:#e9f5f7}.danger{background:#fff1f2;color:#af3449}.small-btn{padding:6px 9px;background:#edf7f8;color:#176b80;font-size:11px}.small-btn:hover{background:#d5f2f3}.full{width:100%}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{background:white;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:15px;padding:19px 20px;min-height:115px;position:relative;overflow:hidden}.metric::before{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--color,#1b91a1)}.metric .tag{font-size:11px;color:#8aa0af}.metric strong{display:block;font-size:25px;margin-top:5px;font-weight:900;line-height:1.6;letter-spacing:-.4px}.metric .sub{color:#9ab0bd;font-size:10px}.metric .metric-icon{position:absolute;top:18px;left:18px;font-size:24px;color:var(--color,#1895aa);background:#f0f9fa;border-radius:12px;width:43px;height:43px;display:grid;place-items:center}.panel{border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow);padding:21px;margin-bottom:21px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-head h3{margin:0;font-size:15px}.panel-head span{font-size:11px;color:#91a4b1}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.grid-half{display:grid;grid-template-columns:1fr 1fr;gap:18px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.search{max-width:370px;min-width:230px}.toolbar input,.toolbar select{max-width:250px}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;text-align:right;width:100%;white-space:nowrap}th{font-weight:700;color:#90a5b3;font-size:11px;background:#f7fafb;padding:13px 12px;border-bottom:1px solid #ebf1f4}td{padding:13px 12px;border-bottom:1px solid #eef3f5;font-size:11px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fcfd}.namecell{font-weight:800;color:#24526a}.mono{font-family:Consolas,monospace;direction:ltr;display:inline-block}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:50px;padding:3px 10px;font-size:10px;background:#eaf3f6;color:#557c8c;font-weight:800}.badge.good{background:#e2f8ef;color:#138462}.badge.bad{background:#ffe8ea;color:#bd4e55}.badge.warn{background:#fff3da;color:#a57810}.empty{text-align:center;padding:45px 15px;color:#92a4b1}.empty .big{font-size:38px;display:block;margin-bottom:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-row.single{grid-template-columns:1fr}label{display:block;font-weight:700;color:#4d6574;font-size:11px;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid #dbe8ee;border-radius:8px;background:white;outline:0;padding:10px 11px;display:block;color:#1a3c4e;margin-top:5px;min-width:0;min-height:40px;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#1397a6;box-shadow:0 0 0 3px #1bafc11c}textarea{min-height:76px;resize:vertical}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{margin:0}.filters input{max-width:170px}.modal-overlay{position:fixed;inset:0;background:#0c263b99;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.modal-card{background:#fff;width:min(660px,100%);max-height:92vh;display:flex;flex-direction:column;border-radius:17px;box-shadow:0 25px 70px #071e3670}.modal-card.wide{width:min(900px,100%)}.modal-head{padding:17px 23px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:22px;overflow-y:auto}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid var(--border)}.form-note{font-size:11px;color:#95a6af}.toast{position:fixed;bottom:25px;left:25px;z-index:220;background:#133f4d;color:white;padding:12px 20px;border-radius:10px;box-shadow:0 15px 30px #122e3f44;font-weight:700}.toast.error{background:#a33d4b}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.auth-art{background:linear-gradient(150deg,#0e4256,#107b83 75%,#1caa94);padding:9% 12%;color:#fff;position:relative;overflow:hidden}.art-brand{font-size:26px;font-weight:900;display:flex;align-items:center;gap:12px}.art-brand strong{font-weight:300}.art-brand .brand-mark{width:50px;height:50px}.auth-art h1{font-size:clamp(30px,3.6vw,56px);line-height:1.4;margin:110px 0 20px;position:relative;z-index:1}.auth-art p{font-size:15px;color:#c9e6e8;max-width:430px;line-height:2}.art-circle{position:absolute;bottom:-220px;left:-130px;border-radius:50%;height:500px;width:500px;border:60px solid #ffffff12;display:grid;place-items:center;color:#ffffff12;font-size:250px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-form{max-width:420px;width:100%}.auth-form h2{font-size:32px;margin:8px 0}.auth-form .muted{margin-bottom:26px}.auth-form input{height:47px}.auth-form .primary{margin-top:15px;padding:13px}.auth-foot{font-size:11px;color:#a5b4c0;margin-top:25px}.mobile-logo{display:none}.welcome{padding:23px 28px;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(95deg,#0d5973,#188b9d);border-radius:16px;margin-bottom:22px;position:relative;overflow:hidden}.welcome:before{content:'✚';font-size:130px;position:absolute;left:30px;top:-48px;color:#ffffff14}.welcome h2{font-size:20px;margin:0}.welcome p{font-size:11px;opacity:.8;margin:3px 0 0}.patient-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.patient-head .round-icon{display:grid;place-items:center;background:#e4f5f6;color:#14899a;height:62px;width:62px;border-radius:17px;font-size:29px}.patient-head strong{font-size:20px}.patient-head small{display:block;color:#8c9faa}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0;border-bottom:1px solid var(--border);padding-bottom:10px}.tab{border:0;background:transparent;color:#768a97;padding:9px 13px;font-weight:800;font-size:12px;border-radius:8px}.tab.active{background:#dff3f4;color:#177b8d}.keyvals{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kv{padding:10px 0;border-bottom:1px solid #f0f4f6}.kv small{display:block;color:#90a4b1}.kv strong{color:#234a5c}.teeth-chart{border:1px solid #e2edf2;background:#fbfdfe;padding:18px 9px;border-radius:14px}.teeth-quadrants{display:grid;grid-template-columns:1fr 1fr;gap:15px;direction:ltr}.tooth-row{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:7px 0}.tooth{font:12px Tahoma,sans-serif;border:1px solid #bad8df;background:white;border-radius:8px;min-width:34px;height:47px;color:#406f81;display:flex;flex-direction:column;align-items:center;justify-content:center}.tooth:before{content:'♧';font-size:17px;line-height:1.2;color:#85b8be}.tooth:hover{border-color:#008d9b;transform:translateY(-2px)}.tooth.decayed{background:#ffe0e1;border-color:#eba1a5}.tooth.filled{background:#d6edff;border-color:#9fc9ee}.tooth.missing{background:#edf0f3;border-style:dashed}.tooth.root_canal{background:#fcecca;border-color:#e6ce8d}.tooth.crown{background:#e7defc;border-color:#c5b8ee}.tooth.implant{background:#d5f3e7;border-color:#91cfaf}.tooth.other{background:#f7e2fa}.chart-label{text-align:center;color:#749aa7;font-size:10px;letter-spacing:.7px;margin:5px 0}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#7994a3;margin-top:13px}.legend span:before{content:'';display:inline-block;width:9px;height:9px;background:var(--c);border-radius:3px;margin-left:5px}.bar-chart{display:flex;align-items:end;gap:10px;height:195px;padding:10px 0 27px;border-bottom:1px solid #e0ebf1}.bar-col{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:0;height:100%}.bar{width:min(40px,80%);border-radius:7px 7px 0 0;background:linear-gradient(0deg,#0b6c86,#22b1b2);min-height:2px}.bar-label{font-size:9px;color:#8ca6b4;height:20px;white-space:nowrap}.progress{height:7px;background:#e8f1f5;border-radius:20px;overflow:hidden;width:130px;display:inline-block}.progress>span{display:block;background:#2ab4a6;height:100%;border-radius:20px}.alert-note{background:#fff7e7;border:1px solid #f5dcac;border-radius:10px;padding:12px 15px;color:#936d21;margin-bottom:16px;font-size:12px}.summary-stats{display:flex;gap:20px;flex-wrap:wrap}.summary-stats strong{font-size:17px}.checkline{display:flex;gap:8px;align-items:center}.checkline input{width:16px;min-height:16px;margin:0}.invoice-paper{background:white;border:1px solid #d7e4ea;padding:32px;margin-top:10px}.invoice-header{display:flex;justify-content:space-between;border-bottom:2px solid #247f95;margin-bottom:18px;padding-bottom:18px}.invoice-header h2{margin:0;color:#156c85}.small-hr{border-bottom:1px solid #eaf0f3;padding-bottom:8px;margin-bottom:10px}.receipt-head{font-size:12px}.info-pill{display:inline-block;border:1px solid #e2eaf0;border-radius:6px;padding:2px 8px}.action-row{display:flex;gap:6px;flex-wrap:wrap}.number-text{direction:ltr;unicode-bidi:embed;display:inline-block}.danger-text{color:#bb5565}.mobile-only{display:none}
@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:24px}.grid-2{grid-template-columns:1fr}.topbar{padding:0 24px}}
@media(max-width:820px){.sidebar{transform:translateX(100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-shell{margin-right:0}.mobile-menu{display:inline-grid}.topbar{height:73px;padding:0 15px}.content{padding:18px 13px}.footer{padding:12px 14px}.footer span,.online-label{display:none}.page-heading{align-items:start;flex-wrap:wrap}.keyvals{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh}.mobile-logo{display:block;font-size:23px;color:#167c8c;font-weight:900;margin-bottom:40px}.grid-half{grid-template-columns:1fr}}
@media(max-width:480px){.cards{gap:9px}.metric{padding:13px;min-height:104px}.metric strong{font-size:21px}.metric .metric-icon{font-size:18px;width:30px;height:30px;left:12px}.panel{padding:13px}.field-row{grid-template-columns:1fr}.auth-panel{padding:25px}.modal-body{padding:13px}.keyvals{grid-template-columns:1fr}.teeth-quadrants{gap:2px}.tooth-row{gap:2px}.tooth{min-width:25px;height:39px;font-size:9px;padding:0}.tooth:before{font-size:13px}.top-date{display:none}}
@media print{body{background:white}.sidebar,.topbar,.footer,.page-heading,.heading-actions,.tabs,.sidebar-user,.no-print,.modal-overlay{display:none!important}.main-shell{margin:0!important}.content{padding:0}.panel{border:0;box-shadow:none;padding:0}.invoice-paper{border:none;margin:0;padding:0}#appContent> :not(.print-zone){display:none!important}.print-zone{display:block!important}table{font-size:12px}}

.update-entry{padding:16px;border-bottom:1px solid #edf2f5;line-height:1.8}.update-entry:last-child{border-bottom:0}.update-entry-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#168b9e}.update-entry-top span{font-size:11px;color:#7795a4}.update-entry ul{margin:8px 20px 0;padding:0;color:#547281;font-size:12px}

/* NMC v1.3 branding */
.login-logo{width:76px;height:76px;object-fit:cover;border-radius:15px;box-shadow:0 8px 25px #071b1825}.art-brand{display:flex;align-items:center;gap:16px}.art-brand>span{line-height:1.5}.sidebar-logo{height:52px;width:52px;border-radius:12px;object-fit:cover;background:#339966}.sidebar-brand{padding:14px 11px}.sidebar-brand strong{font-size:13px;line-height:1.45}.sidebar-brand small{line-height:1.5;margin-top:3px}.mobile-logo{align-items:center;gap:12px}.mobile-logo img{width:75px;height:75px;object-fit:contain;border-radius:13px}.auth-art{background:linear-gradient(155deg,#135a49,#2e8be0)!important}.welcome{background:linear-gradient(95deg,#278de0,#319866)}.nav-link.active{background:linear-gradient(90deg,#2871bd,#339966);box-shadow:inset -3px 0 #a0f9bc}.primary{background:linear-gradient(120deg,#2e8be0,#339966)}.small-btn{background:#ecf5ff;color:#266cad}.primary:hover{filter:brightness(.97)}.overline{color:#339966}.metric::before{width:4px}.sidebar .nav-section{color:#b0d9c2}.footer{font-size:11px}.footer span{color:#2f8157;font-weight:700}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.permission-choice{display:flex;align-items:center;gap:10px;background:#f3faf6;border:1px solid #d6e8df;border-radius:9px;padding:10px;font-size:12px;cursor:pointer}.permission-choice input{width:16px!important;height:16px!important;min-height:0!important}.permission-choice.locked{opacity:.65;cursor:not-allowed}.perm-intro{padding:13px;border-right:3px solid #339966;background:#f6fbf8;color:#496b5c;margin:13px 0}.invoice-brand{display:flex;align-items:center;gap:10px}.invoice-brand img{height:58px;width:58px;border-radius:7px;object-fit:cover}.invoice-brand h2{font-size:16px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{min-width:210px}.filters input,.filters select{width:100%}@media(max-width:560px){.permission-grid{grid-template-columns:1fr}.sidebar-logo{width:46px;height:46px}.mobile-logo{display:flex}}

/* NMC v1.4 compact modern interface */
.nav-svg{width:19px;height:19px;display:block}.nav-link .symbol{width:25px;height:25px;display:grid;place-items:center}
.top-control{border:1px solid #c7e3da;background:#f6faf8;color:#166756;border-radius:11px;padding:8px 11px;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap}.top-control:hover{background:#e3f2e9}
.notification-bell{position:relative;font-size:17px;padding:7px 12px}.notify-counter{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;border-radius:30px;background:#c43d51;color:white;font-size:10px;display:grid;place-items:center;padding:1px 4px}
.dental-emblem{background:#e6f3fe;color:#2180cb;border-radius:12px;padding:6px 9px;font-size:20px}.topbar-actions{gap:8px}.sidebar-logo{width:72px;height:72px;object-fit:contain!important;background:white;padding:2px;border-radius:12px;border:1px solid #e0ede8;box-shadow:0 3px 10px #173f3e18}.login-logo{width:110px;height:110px;object-fit:contain!important;background:white;border:3px solid #d6f3e4;border-radius:20px;padding:3px}.mobile-logo img{width:78px;height:78px;object-fit:contain!important}
.form-section-title{font-size:13px;font-weight:900;color:#258a70;border-bottom:1px solid #dcece6;margin:15px 0 12px;padding-bottom:8px}.print-brand{display:flex;align-items:center;gap:15px;margin-bottom:24px;border-bottom:2px solid #3a9b63;padding-bottom:12px}.print-brand img{height:100px;width:100px;object-fit:contain}.print-brand h2{color:#2785c7;margin:0}.print-brand p{margin:0}.printed-foot{text-align:center;margin:24px 0;color:#387e68;font-size:11px}.print-actions{border:0;padding:0;margin:4px 0;justify-content:start}
html[data-theme="dark"]{color-scheme:dark;--bg:#101e26;--border:#314b58;--text:#f2f7f7;--muted:#b1c4c9}
html[data-theme="dark"] body{background:#10222d;color:#e3eeee}
html[data-theme="dark"] .main-shell,html[data-theme="dark"] .content{background:#10222d;color:#e6f1f1}
html[data-theme="dark"] .panel,html[data-theme="dark"] .metric,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] .invoice-paper{background:#1b313c;color:#e6f1f1;border-color:#385461}
html[data-theme="dark"] .topbar{background:#192f3a;border-color:#385461;color:#e6f1f1}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#142833!important;color:#f2f7f7!important;border-color:#54727b!important}
html[data-theme="dark"] .top-control,html[data-theme="dark"] .permission-choice{background:#254651;color:#e5f6f2;border-color:#426d70}
html[data-theme="dark"] .kv strong,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .page-heading h2,html[data-theme="dark"] .metric strong,html[data-theme="dark"] .form-section-title,html[data-theme="dark"] .modal-head h2{color:#f2f7f7}
html[data-theme="dark"] .keyvals .kv,html[data-theme="dark"] .modal-head,html[data-theme="dark"] table td,html[data-theme="dark"] table th{border-color:#354e5a;color:#e2f0f0}
html[data-theme="dark"] .form-note,html[data-theme="dark"] .muted,html[data-theme="dark"] .page-heading p{color:#b2c8cc}
@media(max-width:720px){.topbar-actions .top-date,.topbar-actions .online-label,.topbar-actions .status-dot{display:none}.top-control{padding:6px}.dental-emblem{padding:4px}}
@media print{
 .modal-overlay:has(.patient-print){position:static!important;inset:auto!important;display:block!important;background:white!important;padding:0!important;backdrop-filter:none!important;overflow:visible!important}
 .modal-overlay:has(.patient-print) .modal-card{width:100%!important;max-width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important;overflow:visible!important}
 body:has(.patient-print) .layout,body:has(.patient-print) #auth,body:has(.patient-print) .modal-head,body:has(.patient-print) .form-footer{display:none!important}
 body:has(.patient-print) .modal-body{overflow:visible!important;padding:10px!important}
 .patient-print .keyvals{display:grid;grid-template-columns:repeat(2,1fr)!important}
}

/* Web updater v1.5 */
.web-update-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:16px 0}
.web-update-form label{flex:1;min-width:210px;margin:0}
.web-update-form button{min-height:41px;align-self:flex-end}
.update-step{display:flex;align-items:flex-start;gap:13px}
.update-step p{margin:3px 0;color:#738c9b;font-size:12px}
.update-step-number{background:#e0f7ec;color:#177a54;border-radius:40px;display:grid;place-items:center;font-size:13px;font-weight:800;height:28px;min-width:28px}
@media(max-width:750px){.web-update-form{display:grid;grid-template-columns:1fr}.web-update-form label{min-width:0}}

/* v1.6 finance allocation previews */
.allocation-box{display:grid;gap:12px;padding:8px 0}
.allocation-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin:12px 0}
.allocation-preview>div{padding:12px;border:1px solid var(--line,#dce7e8);border-radius:12px;background:var(--card,#f3f8f9);display:flex;flex-direction:column;gap:7px}
.allocation-preview b{font-size:1.25em;direction:ltr;text-align:right}
.allocation-rates{align-self:end;padding:12px;line-height:1.8}