:root{--green-deep:#0B5B4B;--green:#087A64;--green-hover:#066653;--soft:#EAF5F1;--bg:#F7F9F8;--surface:#fff;--text:#17211F;--muted:#66736F;--border:#DCE5E2;--success:#16835D;--warning:#B7791F;--danger:#B42318;--radius:12px}*{box-sizing:border-box}body{font-family:'Tajawal',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--green);text-decoration:none}.btn-primary{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green-hover);--bs-btn-hover-border-color:var(--green-hover)}.form-control,.form-select{border-color:var(--border);border-radius:10px;padding:.7rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(8,122,100,.12)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;color:var(--text);font-size:1.25rem}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--green-deep);color:#fff;display:inline-grid;place-items:center}.public-nav{background:color-mix(in srgb,var(--surface) 95%,transparent);border-bottom:1px solid var(--border);min-height:72px}.hero{padding:7rem 0 5rem;background:linear-gradient(180deg,var(--surface),var(--bg))}.eyebrow{display:inline-block;color:var(--green);font-weight:700;font-size:.88rem;margin-bottom:.65rem}.hero h1,.page-hero h1{font-weight:700;line-height:1.25;letter-spacing:-.025em;font-size:clamp(2.3rem,6vw,4.5rem)}.hero .lead{color:var(--muted);max-width:700px;line-height:1.9}.hero-panel,.feature-card,.price-card,.panel,.metric,.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 30px rgba(14,50,43,.035)}.hero-panel{padding:1.5rem}.mini-head,.panel-head{display:flex;align-items:center;justify-content:space-between}.amount{font-size:2.2rem;font-weight:700;margin:2rem 0}.amount small{font-size:1rem;color:var(--muted)}.timeline{display:grid;gap:.75rem}.timeline span{padding-right:1.5rem;position:relative;color:var(--muted)}.timeline span:before{content:'';position:absolute;right:0;top:.4rem;width:9px;height:9px;border-radius:50%;background:var(--border)}.timeline span.done:before{background:var(--success)}.section{padding:5rem 0}.section.soft{background:var(--soft)}.section-head h2{font-weight:700;margin-bottom:2rem}.feature-card,.price-card{height:100%;padding:1.4rem}.feature-card b{display:inline-block;color:var(--green);margin-bottom:1.5rem}.feature-card h3,.price-card h3{font-size:1.08rem;font-weight:700}.feature-card p,.price-card p{color:var(--muted);line-height:1.8}.proof-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.proof-list div{background:var(--surface);border:1px solid var(--border);padding:1rem;border-radius:10px}.proof-list strong,.proof-list span{display:block}.proof-list span{color:var(--muted);font-size:.9rem;margin-top:.25rem}.page-hero{padding:5rem 0 2rem}.page-hero p{color:var(--muted);max-width:760px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.process article{border-top:2px solid var(--green);padding-top:1rem}.price-card.featured{border-color:var(--green)}.legal-note{font-size:.85rem;color:var(--muted);line-height:1.7}.public-footer{border-top:1px solid var(--border);background:var(--surface)}.auth-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:2rem}.auth-card{width:min(100%,440px);padding:2rem}.auth-card h1{font-size:1.5rem;font-weight:700}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;position:fixed;right:0;top:0;bottom:0;background:var(--surface);border-left:1px solid var(--border);padding:1.4rem}.sidebar .nav-link{color:var(--muted);padding:.72rem .85rem;border-radius:10px}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:var(--soft);color:var(--green-deep);font-weight:600}.content-wrap{width:100%;margin-right:255px}.topbar{height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:20}.main-content{padding:2rem}.user-chip{font-size:.9rem}.btn-ghost{border:1px solid var(--border);background:var(--surface)}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.5rem}.page-title h1{font-size:1.6rem;font-weight:700;margin:0}.metric{padding:1rem;min-height:110px}.metric span{display:block;color:var(--muted);font-size:.88rem;margin-bottom:.85rem}.metric strong{font-size:1.35rem}.panel{padding:1.2rem}.panel-head{margin-bottom:1rem}.panel-head h2{font-size:1.05rem;margin:0}.table{--bs-table-bg:transparent}.table th{font-size:.78rem;color:var(--muted);font-weight:600;white-space:nowrap}.status{display:inline-flex;background:var(--soft);color:var(--green-deep);border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.empty{text-align:center!important;color:var(--muted)!important;padding:2rem!important}.toastline{position:fixed;top:82px;left:1rem;z-index:1100;padding:.8rem 1rem;border-radius:10px;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12)}.toastline.success{background:var(--success)}.toastline.error{background:var(--danger)}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{font-size:.75rem;color:var(--muted)}.mobile-bottom .primary{background:var(--green);color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem}@media(max-width:991.98px){.content-wrap{margin-right:0}.main-content{padding:1.2rem 1rem 5rem}.process{grid-template-columns:1fr 1fr}.hero{padding:4rem 0 3rem}}@media(max-width:575.98px){.hero h1{font-size:2.35rem}.proof-list,.process{grid-template-columns:1fr}.page-title{align-items:center}.metric{min-height:95px}.topbar{padding:0 1rem}}
.form-panel{max-width:920px}.wizard{display:grid;gap:1rem;max-width:980px}.wizard-step{position:relative;padding:1.5rem}.wizard-step h2,.action-panel h2{font-size:1.05rem;font-weight:700}.wizard-step p{color:var(--muted);margin:0}.step-no{position:absolute;left:1rem;top:1rem;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--green-deep);display:grid;place-items:center;font-weight:700}.amount-preview{font-weight:700;font-size:1.2rem;padding:.7rem 0}.legal-preview{background:var(--soft);border-right:3px solid var(--green);padding:1rem;border-radius:8px;line-height:1.9}.data-label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.3rem}.data-value{display:block}.amount-box{background:var(--soft);border-radius:10px;padding:1rem}.amount-box span,.amount-box small{display:block;color:var(--muted)}.amount-box strong{display:block;font-size:1.5rem;margin:.3rem 0}.doc-list{display:grid}.doc-list a{display:flex;justify-content:space-between;padding:.8rem;border-bottom:1px solid var(--border)}.doc-list a:last-child{border-bottom:0}.doc-list small{color:var(--muted)}.evidence-list{display:grid;gap:.5rem}.evidence-list div{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center;border-bottom:1px solid var(--border);padding:.7rem 0}.evidence-list span{color:var(--muted);font-size:.82rem}.evidence-list code{font-size:.72rem}.action-panel{position:sticky;top:88px}
.debtor-shell{min-height:100vh;background:var(--bg)}.debtor-head{display:flex;align-items:center;justify-content:space-between}.decision-panel{position:sticky;top:1rem}.decision-options{display:grid;gap:.55rem}.decision-options label{border:1px solid var(--border);border-radius:10px;padding:.75rem;cursor:pointer}.decision-options input{margin-left:.45rem}
.verify-card{max-width:760px}.verify-state{padding:1rem;border-radius:10px}.verify-state.good{background:var(--soft);border-right:4px solid var(--success)}.verify-state.bad{background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-right:4px solid var(--danger)}.verify-state p{margin:.4rem 0 0;color:var(--muted)}.hash-wrap{direction:ltr;display:block;overflow-wrap:anywhere;text-align:left}
.health-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border)}.health-row:last-child{border-bottom:0}.health{font-size:.72rem;font-weight:700;border-radius:999px;padding:.25rem .5rem}.health.ok{background:var(--soft);color:var(--success)}.health.warning{background:#fff4db;color:var(--warning)}.health.failed{background:#fdecea;color:var(--danger)}
.auth-wide{width:min(100%,720px)}.legal-content{max-width:900px}.legal-content section{padding:1.2rem 0;border-bottom:1px solid var(--border)}.legal-content h2{font-size:1.05rem;font-weight:700}.legal-content p{color:var(--muted);line-height:2;margin:0}

/* ===== Eltizam Enterprise UI System v1.1.3 ===== */
:root{
  --brand-green:#0f5b3e;
  --brand-green-700:#0b472f;
  --brand-green-600:#0c6848;
  --brand-green-100:#eaf5ef;
  --brand-gold:#c79a43;
  --brand-gold-100:#fbf4e6;
  --surface:#ffffff;
  --surface-2:#f8faf9;
  --bg:#f4f7f5;
  --text:#17211f;
  --muted:#6b7773;
  --border:#dce5e2;
  --danger:#b42318;
  --warning:#a96b13;
  --success:#167552;
  --sidebar-width:248px;
  --topbar-height:64px;
  --radius-sm:9px;
  --radius:13px;
  --radius-lg:18px;
  --shadow-xs:0 1px 2px rgba(19,42,34,.04);
  --shadow-sm:0 7px 24px rgba(15,91,62,.055);
  --shadow-md:0 15px 40px rgba(15,91,62,.08);
  --ui-icon:16px;
  --ui-icon-nav:18px;
}
html{scroll-behavior:smooth}
body{font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
body.is-authenticated{background:var(--bg)}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}

/* SVG icon contract: every icon has an explicit box. */
.icon,.app-icon{display:inline-block;width:var(--ui-icon)!important;height:var(--ui-icon)!important;min-width:var(--ui-icon)!important;min-height:var(--ui-icon)!important;max-width:var(--ui-icon)!important;max-height:var(--ui-icon)!important;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 var(--ui-icon)!important;overflow:visible}
.icon-sm{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;flex-basis:14px!important}
.icon-lg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex-basis:20px!important}

/* Brand assets */
.brand,.brand-logo,.public-brand{display:flex!important;align-items:center!important;min-width:0;line-height:1}
.brand-logo{min-height:0!important;overflow:hidden}
.brand-logo img,.public-brand img,.offcanvas-logo,.debtor-head .brand-logo img{display:block!important;width:auto!important;object-fit:contain!important;object-position:center!important}
.sidebar .brand-logo{height:48px;padding:.1rem .4rem}
.sidebar .brand-logo img{height:36px!important;max-width:138px!important}
.public-brand{height:56px;padding:0!important;margin:0!important}
.public-brand img{height:40px!important;max-width:154px!important}
.offcanvas-logo{height:36px!important;max-width:138px!important}
.debtor-head .brand-logo{height:44px}.debtor-head .brand-logo img{height:36px!important;max-width:142px!important}

/* Authenticated shell */
.app-shell{display:block;min-height:100vh}
.sidebar{position:fixed!important;inset-block:0;inset-inline-end:0;right:0;left:auto;width:var(--sidebar-width)!important;padding:1rem .75rem!important;background:rgba(255,255,255,.97);border-inline-start:1px solid var(--border);border-left:1px solid var(--border);border-right:0;overflow-y:auto;overflow-x:hidden;z-index:1040;box-shadow:-4px 0 20px rgba(15,91,62,.025)}
[dir=ltr] .sidebar{inset-inline-end:auto;inset-inline-start:0;left:0;right:auto;border-inline-start:0;border-inline-end:1px solid var(--border);border-left:0;border-right:1px solid var(--border);box-shadow:4px 0 20px rgba(15,91,62,.025)}
.content-wrap{width:auto!important;min-width:0;min-height:100vh;margin-inline-end:var(--sidebar-width)!important;margin-inline-start:0!important;margin-right:var(--sidebar-width)!important;margin-left:0!important}
[dir=ltr] .content-wrap{margin-inline-end:0!important;margin-inline-start:var(--sidebar-width)!important;margin-right:0!important;margin-left:var(--sidebar-width)!important}
.sidebar .nav{min-width:0}.sidebar .nav-link{display:flex!important;align-items:center!important;gap:.65rem!important;min-height:40px;padding:.56rem .68rem!important;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:.9rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar .nav-link .icon,.sidebar .nav-link .app-icon{width:var(--ui-icon-nav)!important;height:var(--ui-icon-nav)!important;min-width:var(--ui-icon-nav)!important;min-height:var(--ui-icon-nav)!important;max-width:var(--ui-icon-nav)!important;max-height:var(--ui-icon-nav)!important;flex-basis:var(--ui-icon-nav)!important}
.sidebar .nav-link span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sidebar .nav-link:hover{background:#f3f8f5;color:var(--brand-green-700);border-color:#e3eee8}
.sidebar .nav-link.active{background:var(--brand-green-100);color:var(--brand-green-700);font-weight:700;border-color:#d9eadf;box-shadow:inset -3px 0 0 var(--brand-green)}
[dir=ltr] .sidebar .nav-link.active{box-shadow:inset 3px 0 0 var(--brand-green)}
.sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem .45rem 0;margin-top:auto;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted)}

/* Header */
.topbar{height:var(--topbar-height)!important;min-height:var(--topbar-height);padding:0 1.25rem!important;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);backdrop-filter:saturate(150%) blur(12px);position:sticky;top:0;z-index:1030}
.topbar>div{min-width:0}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;min-width:0}
.user-chip{display:inline-flex;align-items:center;max-width:170px;padding:.35rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.36rem;border-radius:9px;font-weight:600;line-height:1.25;box-shadow:none!important}
.btn-sm{min-height:33px;padding:.36rem .62rem}.btn-primary{--bs-btn-bg:var(--brand-green);--bs-btn-border-color:var(--brand-green);--bs-btn-hover-bg:var(--brand-green-700);--bs-btn-hover-border-color:var(--brand-green-700)}
.btn-outline-primary{--bs-btn-color:var(--brand-green);--bs-btn-border-color:#9fc8b6;--bs-btn-hover-bg:var(--brand-green);--bs-btn-hover-border-color:var(--brand-green)}
.btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn-ghost:hover{background:var(--surface-2);border-color:#cbd9d4;color:var(--brand-green-700)}
.btn .icon,.btn .app-icon,.topbar .icon,.topbar .app-icon{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;max-height:15px!important;flex-basis:15px!important}

/* Main content rhythm */
.main-content{width:100%;max-width:1500px;margin:0 auto;padding:1.45rem 1.5rem 2.5rem}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.page-title h1{font-size:1.48rem;line-height:1.3;font-weight:800;margin:0}.eyebrow{margin-bottom:.32rem;color:var(--brand-green);font-size:.76rem;font-weight:700;letter-spacing:.01em}
.page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.panel,.metric,.auth-card,.feature-card,.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}
.panel{padding:1.1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.9rem}.panel-head h2{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:750;margin:0}.panel-head h2 .icon{color:var(--brand-green)}
.panel-link{font-size:.82rem;font-weight:600;color:var(--brand-green)}

/* Dashboard */
.dashboard-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}
.metric{position:relative;min-height:112px;padding:1rem;overflow:hidden;border-top:0}.metric:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--brand-green)}
.metric-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.metric-label{color:var(--muted);font-size:.78rem;font-weight:600;line-height:1.45}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand-green-100);color:var(--brand-green);flex:none}.metric-icon .icon{width:15px!important;height:15px!important}.metric-value{display:block;font-size:1.35rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}.metric-sub{display:block;margin-top:.3rem;color:var(--muted);font-size:.7rem}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1rem}.dashboard-grid>.panel{min-width:0}.dashboard-grid .panel.full{grid-column:1/-1}
.dashboard-table .table{margin-bottom:0}.dashboard-table .table th{padding-top:.55rem;padding-bottom:.55rem}.dashboard-table .table td{padding-top:.66rem;padding-bottom:.66rem}.dashboard-table .table tbody tr:last-child td{border-bottom:0}
.status{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:700;line-height:1.2;background:var(--brand-green-100);color:var(--brand-green-700)}
.status[data-status="PAID"],.status[data-status="ACTIVE"],.status[data-status="ACKNOWLEDGED"]{background:#e8f6ee;color:#13734e}.status[data-status="OVERDUE"],.status[data-status="DISPUTED"],.status[data-status="FAILED"]{background:#fceceb;color:#a72a20}.status[data-status="PENDING"],.status[data-status="SENT"],.status[data-status="VIEWED"]{background:var(--brand-gold-100);color:#8a5c12}

/* Tables */
.table-responsive{width:100%;border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{--bs-table-bg:transparent;margin-bottom:.2rem}.table th{padding:.65rem .7rem;color:var(--muted);font-size:.73rem;font-weight:700;white-space:nowrap;border-bottom-color:var(--border)}.table td{padding:.72rem .7rem;font-size:.86rem;vertical-align:middle;border-bottom-color:#edf1ef}.table tbody tr:hover{background:rgba(15,91,62,.018)}.table code{font-size:.72rem;color:#57645f}.empty{padding:2.2rem!important;text-align:center!important;color:var(--muted)!important}
.table-tools{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;margin-bottom:.8rem}.table-tools-main,.table-tools-actions{display:flex;align-items:center;gap:.45rem}.table-tools .tt-search{width:min(300px,60vw)}.table-tools .tt-size{width:88px}.table-pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;margin-top:.55rem;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem}.table-pager>div{display:flex;align-items:center;gap:.2rem}

/* Forms/settings */
.form-control,.form-select{min-height:40px;padding:.58rem .72rem;border-color:var(--border);border-radius:9px;font-size:.9rem;background-color:var(--surface)}.form-control:focus,.form-select:focus{border-color:#75b69c;box-shadow:0 0 0 .18rem rgba(15,91,62,.1)}.form-label{margin-bottom:.35rem;font-size:.8rem;font-weight:650;color:#42504b}.form-text,.secret-state{font-size:.72rem;color:var(--muted)}
.settings-tabs{position:sticky;top:calc(var(--topbar-height) + 1px);z-index:20;display:flex;flex-wrap:nowrap;gap:.3rem;padding:.45rem;margin:0 0 .85rem;background:rgba(244,247,245,.96);border:1px solid var(--border);border-radius:11px;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs .nav-item{flex:none}.settings-tabs .nav-link{white-space:nowrap;padding:.42rem .68rem;border-radius:8px;color:var(--muted);font-size:.78rem;font-weight:650}.settings-tabs .nav-link.active{background:var(--brand-green);color:#fff}.settings-tabs~.vstack section{scroll-margin-top:calc(var(--topbar-height) + 70px)}
.currency-checks{display:flex;flex-wrap:wrap;gap:.45rem}.currency-checks label{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .62rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem;cursor:pointer}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.integration-grid fieldset{min-width:0;display:grid;gap:.55rem;padding:.95rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.integration-grid legend{float:none;width:auto;padding:0 .3rem;margin:0;color:var(--brand-green-700);font-size:.88rem;font-weight:750}.switchline{display:flex;align-items:center;gap:.45rem;font-size:.82rem}

/* Team/subscription */
.price-card{height:100%;padding:1.05rem}.price-card h3{margin-bottom:.7rem;font-size:1rem}.price-card strong{display:block;color:var(--brand-green-700);font-size:1rem}.subscription-current{border-inline-start:3px solid var(--brand-green)}
.team-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem}.team-layout>.panel{min-width:0}

/* Offcanvas/mobile navigation */
.offcanvas{--bs-offcanvas-width:min(86vw,310px)}.offcanvas-header{min-height:68px;border-bottom:1px solid var(--border)}.offcanvas-body{padding:.8rem}.offcanvas-body .nav-link{display:flex;align-items:center;gap:.65rem;min-height:42px;padding:.62rem .7rem;border-radius:9px;color:var(--muted);font-size:.88rem}.offcanvas-body .nav-link.active,.offcanvas-body .nav-link:hover{background:var(--brand-green-100);color:var(--brand-green-700);font-weight:700}.offcanvas-body .nav-link .icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-basis:18px!important}
.mobile-bottom{height:64px;padding:.2rem .3rem max(.2rem,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--border);box-shadow:0 -5px 22px rgba(15,91,62,.05)}.mobile-bottom a{display:grid;place-items:center;gap:2px;min-width:52px;color:var(--muted);font-size:.66rem;line-height:1.05}.mobile-bottom a.active{color:var(--brand-green);font-weight:700}.mobile-bottom .icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-basis:18px!important}.mobile-bottom .primary{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%;background:var(--brand-green);color:#fff;font-size:0}.mobile-bottom .primary .icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px!important}

/* Defensive media sizing */
img{max-width:100%;height:auto}svg:not(.icon):not(.app-icon){max-width:100%}

@media(max-width:1399.98px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199.98px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel.full{grid-column:auto}.integration-grid{grid-template-columns:1fr}.team-layout{grid-template-columns:1fr}.team-layout>.panel:first-child{max-width:560px}}
@media(max-width:991.98px){:root{--topbar-height:60px}.sidebar{display:none!important}.content-wrap,[dir=ltr] .content-wrap{width:100%!important;margin:0!important}.main-content{padding:1rem 1rem 5.25rem}.topbar{padding:0 .85rem!important}.public-brand{height:52px}.public-brand img{height:36px!important;max-width:140px!important}.table-tools{align-items:stretch}.table-tools-main,.table-tools-actions{width:100%}.table-tools-main{flex-wrap:wrap}.table-tools .tt-search{width:100%!important;flex:1 1 180px}.table-tools .tt-size{width:82px}.table-tools-actions .btn{flex:1}.dashboard-table .hide-md{display:none}}
@media(max-width:767.98px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1rem}.page-title{align-items:flex-start}.page-title h1{font-size:1.3rem}.metric{min-height:102px}.table-pager{align-items:flex-start;flex-wrap:wrap}.dashboard-table .hide-sm{display:none}.topbar-actions .locale-form .btn{font-size:0}.topbar-actions .locale-form .btn .icon{margin:0}.topbar-actions .logout-label{display:none}}
@media(max-width:420px){.main-content{padding-inline:.75rem}.dashboard-metrics{gap:.55rem}.metric{min-height:96px;padding:.8rem}.metric-value{font-size:1.2rem}.metric-label{font-size:.72rem}.topbar{padding-inline:.65rem!important}.topbar-actions{gap:.28rem}.btn-sm{padding-inline:.5rem}.settings-tabs{margin-inline:-.2rem}}


/* ===== Eltizam Saudi Institutional UI v1.3.0 ===== */
:root{
  --sa-green-950:#09241e;
  --sa-green-900:#104531;
  --sa-green-800:#14573a;
  --sa-green-700:#16644a;
  --sa-green-600:#1b8f84;
  --sa-green-100:#def7e7;
  --sa-green-50:#f3fcf9;
  --gray-25:#fcfcfd;
  --gray-50:#f9fafb;
  --gray-100:#f2f4f7;
  --gray-200:#eaecf0;
  --gray-300:#d0d5dd;
  --gray-500:#667085;
  --gray-600:#475467;
  --gray-700:#344054;
  --gray-900:#101828;
  --gold-500:#f0c300;
  --gold-700:#b88e02;
  --brand-green:var(--sa-green-700);
  --brand-green-dark:var(--sa-green-900);
  --green:var(--sa-green-700);
  --green-deep:var(--sa-green-900);
  --green-hover:var(--sa-green-800);
  --bg:var(--gray-50);
  --surface:#fff;
  --soft:var(--sa-green-50);
  --text:var(--gray-900);
  --muted:var(--gray-600);
  --border:var(--gray-200);
  --radius:10px;
  --radius-sm:8px;
  --radius-lg:12px;
  --shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --shadow-sm:0 4px 12px rgba(16,24,40,.05);
}
html{font-size:16px}
body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}
body.is-public{background:#fff;color:var(--text)}
body.is-public main{overflow:visible}
.skip-link{position:fixed;inset-inline-start:12px;top:-80px;z-index:2000;background:var(--sa-green-900);color:#fff;padding:.65rem .9rem;border-radius:7px}.skip-link:focus{top:10px;color:#fff}
.btn{min-height:42px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .95rem}
.btn-sm{min-height:34px;padding:.35rem .65rem}
.btn-lg{min-height:46px;font-size:1rem;padding:.65rem 1.1rem}
.form-control,.form-select{min-height:44px;border-radius:8px;border-color:var(--gray-300);font-size:.95rem;padding:.62rem .78rem}
.form-control:focus,.form-select:focus{border-color:var(--sa-green-700);box-shadow:0 0 0 3px rgba(22,100,74,.10)}
.icon{max-width:20px;max-height:20px}

/* Header */
.public-nav{min-height:70px;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 0 rgba(16,24,40,.01);position:sticky;top:0;z-index:1030}
.public-nav .container{min-height:70px;gap:1rem}
.public-brand{height:54px;display:flex;align-items:center}
.public-brand img{height:38px!important;max-width:148px!important;width:auto;object-fit:contain}
.public-nav-links{align-items:center}
.public-nav-links .nav-link{font-size:.925rem;font-weight:500;color:var(--gray-700);padding:.48rem .66rem;border-radius:7px;white-space:nowrap}
.public-nav-links .nav-link:hover,.public-nav-links .nav-link.active{color:var(--sa-green-800);background:var(--sa-green-50)}
.public-nav-actions{display:flex;align-items:center;gap:.45rem;margin-inline-start:.75rem}
.public-nav .navbar-toggler{border:1px solid var(--gray-300);border-radius:8px;padding:.42rem .55rem}

/* Common public typography */
.section{padding:64px 0}
.section-muted{background:var(--gray-50);border-block:1px solid var(--gray-100)}
.public-narrow{max-width:850px}
.section-kicker,.eyebrow{display:inline-block;color:var(--sa-green-700);font-size:.82rem;font-weight:700;margin-bottom:.55rem;letter-spacing:0}
.section-heading{max-width:720px;margin-bottom:28px}
.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.section-heading-row>div:first-child{max-width:690px}
.section-heading h2,.section-heading-row h2,.section-title{font-size:clamp(1.55rem,2vw,2rem);line-height:1.35;font-weight:700;color:var(--gray-900);margin:0 0 .55rem;letter-spacing:0}
.section-heading p,.section-heading-row p,.section-copy{font-size:1rem;line-height:1.8;color:var(--gray-600);margin:0}
.page-hero{padding:56px 0 28px;background:#fff;border-bottom:1px solid var(--gray-100)}
.page-hero h1{font-size:clamp(1.85rem,3vw,2.55rem);line-height:1.35;font-weight:700;letter-spacing:0;margin:.2rem 0 .7rem}
.page-hero p{font-size:1rem;line-height:1.85;color:var(--gray-600);max-width:760px;margin:0}

/* Landing hero */
.institutional-hero{padding:72px 0 66px;background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%);border-bottom:1px solid var(--gray-100)}
.institutional-hero h1{font-size:clamp(2.15rem,4.25vw,3.35rem);line-height:1.3;font-weight:700;letter-spacing:-.015em;margin:.2rem 0 1rem;max-width:780px;color:var(--gray-900)}
.hero-copy{font-size:1.08rem;line-height:1.9;color:var(--gray-600);max-width:740px;margin:0}
.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.45rem}
.hero-footnote{font-size:.82rem;color:var(--gray-500);margin:1rem 0 0;max-width:720px}
.record-preview{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);padding:20px}
.record-preview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}
.record-preview-head>div{display:grid;gap:2px}.record-preview-head span{font-size:.78rem;color:var(--gray-500)}.record-preview-head strong{font-size:.95rem;color:var(--gray-900)}
.status-badge{display:inline-flex!important;align-items:center;min-height:28px;padding:.25rem .6rem;border-radius:999px;background:var(--sa-green-50);color:var(--sa-green-800)!important;font-weight:600!important;font-size:.75rem!important}
.record-preview-data{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:12px 0;border-bottom:1px solid var(--gray-200)}
.record-preview-data div{padding:9px 8px}.record-preview-data dt{font-size:.75rem;font-weight:500;color:var(--gray-500);margin-bottom:3px}.record-preview-data dd{font-size:.93rem;font-weight:600;color:var(--gray-900);margin:0}.sar-symbol{font-size:1.05em;color:var(--sa-green-700)}
.record-steps{padding-top:14px;display:grid;gap:10px}.record-steps div{display:flex;align-items:center;gap:.6rem;font-size:.84rem;color:var(--gray-600)}.record-steps .icon{width:17px;height:17px;color:var(--gray-400)}.record-steps .complete .icon{color:var(--sa-green-700)}
.record-preview-note{font-size:.72rem;color:var(--gray-500);background:var(--gray-50);border-radius:7px;padding:.55rem .65rem;margin-top:14px}

/* Service discovery */
.service-search-wrap{position:relative;min-width:min(100%,320px)}.service-search-wrap>.icon{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--gray-500);pointer-events:none}.service-search{padding-inline-start:40px!important;background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;background:#fff}
.service-card{display:grid;grid-template-columns:40px 1fr 20px;gap:13px;align-items:start;color:inherit;padding:20px;border-bottom:1px solid var(--gray-200);transition:background .15s ease,border-color .15s ease}
.service-card:nth-child(odd){border-inline-end:1px solid var(--gray-200)}.service-card:nth-last-child(-n+2){border-bottom:0}.service-card:hover{background:var(--sa-green-50);color:inherit}.service-card-icon{width:40px;height:40px;border-radius:9px;background:var(--gray-50);border:1px solid var(--gray-200);display:grid;place-items:center;color:var(--sa-green-700)}.service-card-icon .icon{width:18px;height:18px}.service-card h3{font-size:.97rem;font-weight:700;margin:1px 0 5px;color:var(--gray-900)}.service-card p{font-size:.86rem;line-height:1.7;color:var(--gray-600);margin:0}.service-arrow{font-size:1rem;color:var(--gray-400);padding-top:5px}[dir=ltr] .service-arrow{transform:rotate(180deg)}.service-empty{text-align:center;padding:24px;color:var(--gray-500);border:1px dashed var(--gray-300);border-radius:10px;margin-top:12px}

/* Benefits and workflow */
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-grid article{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:18px}.benefit-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--sa-green-50);color:var(--sa-green-700);margin-bottom:13px}.benefit-grid article>span .icon{width:17px;height:17px}.benefit-grid h3{font-size:.96rem;font-weight:700;margin:0 0 5px}.benefit-grid p{font-size:.85rem;line-height:1.75;color:var(--gray-600);margin:0}
.formal-steps{list-style:none;margin:0;padding:0;border:1px solid var(--gray-200);border-radius:10px;background:#fff;overflow:hidden}.formal-steps li{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:17px 18px;border-bottom:1px solid var(--gray-200)}.formal-steps li:last-child{border-bottom:0}.formal-steps>li>span{font-size:.8rem;font-weight:700;color:var(--sa-green-700);padding-top:2px}.formal-steps h3{font-size:.95rem;font-weight:700;margin:0 0 3px}.formal-steps p{font-size:.86rem;line-height:1.7;color:var(--gray-600);margin:0}.text-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-weight:600}.text-link .icon{width:14px;height:14px}
.governance-list{background:#fff;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.governance-list>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 16px;border-bottom:1px solid var(--gray-200);align-items:center}.governance-list>div:last-child{border-bottom:0}.governance-list>div>.icon{width:20px;height:20px;color:var(--sa-green-700)}.governance-list span{display:grid;gap:2px}.governance-list strong{font-size:.9rem}.governance-list small{font-size:.78rem;color:var(--gray-500)}.formal-link-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:1.1rem}.formal-link-row a{font-size:.9rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--gray-300);text-underline-offset:4px}

/* FAQ */
.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--gray-200);background:#fff;border-radius:9px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:15px 17px;font-size:.94rem;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{color:var(--sa-green-700);font-size:1.2rem;font-weight:400}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 17px 15px}.faq-answer p{font-size:.88rem;line-height:1.8;color:var(--gray-600);margin:0;max-width:760px}

/* CTA */
.formal-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50)}.formal-cta h2{font-size:1.45rem;font-weight:700;margin:0 0 5px}.formal-cta p{font-size:.92rem;line-height:1.75;color:var(--gray-600);margin:0;max-width:720px}.formal-cta-actions{display:flex;gap:.55rem;flex-wrap:wrap;flex:none}

/* Public secondary pages */
.feature-card,.panel,.price-card,.auth-card{border-radius:10px;box-shadow:var(--shadow-xs);border-color:var(--gray-200)}
.principle-card{padding:18px!important}.principle-card h2{font-size:.96rem!important}.feature-icon,.legal-card-icon{width:38px;height:38px;border-radius:8px;background:var(--sa-green-50);color:var(--sa-green-700);display:grid;place-items:center;margin-bottom:12px}.feature-icon .icon,.legal-card-icon .icon{width:17px;height:17px}
.brand-statement{border-inline-start:3px solid var(--sa-green-700);padding-inline-start:14px}.brand-statement span,.brand-statement strong{display:block}.brand-statement span{font-size:.76rem;color:var(--gray-500)}.brand-statement strong{font-size:.96rem;margin-top:2px}
.public-panel{height:100%}.clean-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.clean-list li{display:flex;gap:8px;align-items:flex-start;color:var(--gray-700);font-size:.9rem}.clean-list .icon{width:17px;height:17px;color:var(--sa-green-700);margin-top:4px;flex:none}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.legal-card{display:grid;grid-template-columns:40px 1fr 20px;gap:12px;align-items:start;color:inherit;padding:18px;border-bottom:1px solid var(--gray-200)}.legal-card:nth-child(odd){border-inline-end:1px solid var(--gray-200)}.legal-card:hover{background:var(--sa-green-50);color:inherit}.legal-card h2{font-size:.95rem;font-weight:700;margin:0 0 4px}.legal-card p{font-size:.83rem;line-height:1.7;color:var(--gray-600);margin:0}.legal-arrow{color:var(--gray-400)}[dir=ltr] .legal-arrow{transform:rotate(180deg)}
.legal-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:.8rem;color:var(--gray-500)}.legal-meta span,.legal-meta a{display:inline-flex;align-items:center;gap:5px}.legal-meta .icon{width:15px;height:15px}.legal-document{border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:12px 28px}.legal-section{padding:22px 0;border-bottom:1px solid var(--gray-200)}.legal-section:last-of-type{border-bottom:0}.legal-section h2{font-size:1.05rem;line-height:1.5;font-weight:700;margin:0 0 9px}.legal-section p{font-size:.9rem;line-height:1.9;color:var(--gray-600);margin:0 0 7px}.legal-section p:last-child{margin-bottom:0}.legal-callout{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:9px;padding:14px;margin:20px 0}.legal-callout>.icon{width:20px;height:20px;color:var(--sa-green-700)}.legal-callout strong{font-size:.88rem}.legal-callout p{font-size:.8rem;color:var(--gray-500);margin:2px 0 0}
.contact-panel,.contact-card{height:100%}.contact-panel h2,.contact-card h2{font-size:1rem;font-weight:700}.contact-dl{margin:0}.contact-dl>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--gray-200)}.contact-dl>div:last-child{border-bottom:0}.contact-dl dt{font-size:.8rem;color:var(--gray-500);font-weight:500}.contact-dl dd{font-size:.9rem;color:var(--gray-900);margin:0}.contact-stack{display:grid;gap:14px}.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.contact-card a{font-size:.9rem}.contact-card p{font-size:.86rem;color:var(--gray-600);margin:0}.whatsapp-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}
.integration-note{font-size:.76rem;line-height:1.6;color:var(--gray-500);background:var(--gray-50);padding:.55rem .65rem;border-radius:7px}.integration-legacy summary{cursor:pointer;color:var(--gray-600);font-size:.8rem}

/* Footer */
.public-footer{background:var(--sa-green-950);color:#fff;border-top:0;padding:46px 0 22px}.public-footer a{color:#e8f4ef}.public-footer a:hover{color:#fff}.footer-brand img{height:40px;max-width:155px;filter:brightness(0) invert(1);object-fit:contain}.footer-brand p{font-size:.84rem;line-height:1.75;color:#cbd8d3;max-width:380px;margin:12px 0 0}.footer-title{font-size:.78rem;font-weight:700;color:#fff;margin-bottom:10px}.footer-links{display:grid;gap:7px}.footer-links a{font-size:.82rem;color:#cbd8d3}.footer-entity{font-size:.77rem;line-height:1.75;color:#b9c9c3;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:28px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:16px;color:#aebfb9;font-size:.74rem}.footer-bottom-links{display:flex;gap:14px;flex-wrap:wrap}

/* Auth refinement */
.auth-page{padding:40px 18px;min-height:calc(100vh - 70px)}.auth-card{padding:26px}.auth-logo{display:flex;justify-content:center;margin-bottom:18px}.auth-logo img{height:44px;max-width:170px;object-fit:contain}.auth-card h1{font-size:1.35rem}.auth-card>p{font-size:.9rem;line-height:1.75}.form-check-label{font-size:.84rem;line-height:1.7}.form-check-label a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:1199.98px){.benefit-grid{grid-template-columns:repeat(2,1fr)}.public-nav-actions{margin-inline-start:0;padding:12px 0}.public-nav-links{align-items:stretch}.public-nav-links .nav-link{padding:.65rem .75rem}.public-nav .navbar-collapse{padding-bottom:10px}}
@media(max-width:991.98px){.section{padding:52px 0}.institutional-hero{padding:54px 0}.institutional-hero h1{font-size:2.35rem}.section-heading-row{align-items:stretch;flex-direction:column;gap:16px}.service-search-wrap{width:100%;min-width:0}.formal-cta{align-items:flex-start;flex-direction:column}.legal-grid{grid-template-columns:1fr}.legal-card:nth-child(odd){border-inline-end:0}.legal-card:last-child{border-bottom:0}.contact-dl>div{grid-template-columns:145px 1fr}}
@media(max-width:767.98px){html{font-size:15.5px}.section{padding:42px 0}.institutional-hero{padding:42px 0}.institutional-hero h1{font-size:clamp(1.9rem,8vw,2.3rem);line-height:1.35}.hero-copy{font-size:1rem;line-height:1.8}.record-preview{padding:16px}.service-grid{grid-template-columns:1fr}.service-card{padding:16px;border-inline-end:0!important;border-bottom:1px solid var(--gray-200)!important}.service-card:last-child{border-bottom:0!important}.benefit-grid{grid-template-columns:1fr}.formal-steps li{grid-template-columns:42px 1fr;padding:15px}.formal-cta{padding:22px 20px}.formal-cta h2{font-size:1.25rem}.legal-document{padding:8px 18px}.legal-callout{grid-template-columns:26px 1fr}.legal-callout .btn{grid-column:2}.contact-dl>div{grid-template-columns:1fr;gap:2px}.footer-bottom{align-items:flex-start;flex-direction:column}.public-footer{padding-top:38px}.page-hero{padding:42px 0 22px}.page-hero h1{font-size:1.85rem}}
@media(max-width:480px){.public-brand img{height:34px!important;max-width:130px!important}.hero-actions .btn,.formal-cta-actions .btn{width:100%}.hero-actions,.formal-cta-actions{width:100%}.record-preview-data{grid-template-columns:1fr}.service-card{grid-template-columns:36px 1fr 16px}.service-card-icon{width:36px;height:36px}.legal-card{grid-template-columns:36px 1fr 16px;padding:15px}.legal-card-icon{width:36px;height:36px}.public-nav-actions{flex-wrap:wrap}.public-nav-actions>.btn{flex:1}.auth-card{padding:20px 16px}.section-heading h2,.section-heading-row h2,.section-title{font-size:1.45rem}}

@media print{.public-nav,.public-footer,.hero-actions,.formal-cta-actions,.service-search-wrap{display:none!important}.section,.institutional-hero,.page-hero{padding:20px 0!important}.legal-document{border:0!important;padding:0!important}}
/* Secondary public components */
.process-rich{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.process-rich article{border:1px solid var(--gray-200);border-radius:10px;background:#fff;padding:18px}.process-rich article>b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--sa-green-50);color:var(--sa-green-700);font-size:.78rem;margin-bottom:12px}.process-rich h3{font-size:.96rem;font-weight:700;margin:0 0 5px}.process-rich p{font-size:.85rem;line-height:1.75;color:var(--gray-600);margin:0}
.feature-card-v2{height:100%;padding:18px}.feature-card-v2 h3{font-size:.96rem;font-weight:700;margin:0 0 5px}.feature-card-v2 p{font-size:.85rem;line-height:1.75;color:var(--gray-600);margin:0}.security-boundary{display:grid;grid-template-columns:54px 1fr;gap:16px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50);padding:20px;margin-top:18px}.security-boundary>div:first-child{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:var(--sa-green-50);color:var(--sa-green-700)}.security-boundary h2{font-size:1.05rem;font-weight:700;margin:0 0 5px}.security-boundary p{font-size:.87rem;line-height:1.8;color:var(--gray-600);margin:0 0 6px}.security-boundary a{font-size:.85rem;font-weight:600}
.plan-tag{display:inline-block;font-size:.72rem;color:var(--sa-green-700);background:var(--sa-green-50);border-radius:999px;padding:.25rem .55rem;margin-bottom:12px}.price-card{padding:20px;height:100%;display:flex;flex-direction:column}.price-card.featured{border-color:var(--sa-green-700)}.price-card h3{font-size:1.02rem;font-weight:700;margin:0 0 7px}.price-card p{font-size:.86rem;line-height:1.75;color:var(--gray-600);margin:0 0 20px}.price-card .btn{margin-top:auto}.pricing-note{display:grid;grid-template-columns:140px 1fr auto;gap:16px;align-items:center;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50);padding:16px 18px;margin-top:18px}.pricing-note strong{font-size:.88rem}.pricing-note span{font-size:.82rem;line-height:1.7;color:var(--gray-600)}.pricing-note a{font-size:.82rem;font-weight:600}
@media(max-width:991.98px){.process-rich{grid-template-columns:repeat(2,1fr)}.pricing-note{grid-template-columns:1fr}.security-boundary{grid-template-columns:42px 1fr}}
@media(max-width:767.98px){.process-rich{grid-template-columns:1fr}.security-boundary{padding:16px}.pricing-note{padding:15px}}
/* Keyboard and touch accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(27,143,132,.35);outline-offset:2px}
@media(max-width:991.98px){.public-nav .nav-link{min-height:44px;display:flex;align-items:center}.public-nav-actions .btn{min-height:44px}}
@media(max-width:480px){.service-card p,.benefit-grid p,.formal-steps p,.faq-answer p,.legal-section p{font-size:.9rem}.record-preview-head{align-items:flex-start}}

/* Platform administration boundary: visually distinct from tenant workspace. */
body.is-platform-admin{--brand-green:#1f3a5f;--brand-green-700:#162a45;--brand-green-600:#294d7a;--brand-green-100:#eaf0f7}
body.is-platform-admin .sidebar{background:#132238;border-inline-start-color:#263b58;box-shadow:-8px 0 28px rgba(16,30,50,.14)}
[dir=ltr] body.is-platform-admin .sidebar{box-shadow:8px 0 28px rgba(16,30,50,.14)}
body.is-platform-admin .sidebar .brand-logo{background:#fff;border-radius:10px;padding:.35rem .55rem!important;margin-bottom:.35rem}
body.is-platform-admin .sidebar .nav-link{color:#c9d5e5}
body.is-platform-admin .sidebar .nav-link:hover{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.08)}
body.is-platform-admin .sidebar .nav-link.active{background:#fff;color:#162a45;border-color:#fff;box-shadow:none}
body.is-platform-admin .sidebar-foot{color:#aebdd0;border-top-color:rgba(255,255,255,.12)}
body.is-platform-admin .topbar{border-bottom-color:#dbe3ee}
body.is-platform-admin .eyebrow{color:#294d7a}
body.is-platform-admin .metric:before{background:#294d7a}
body.is-platform-admin .metric-icon{background:#eaf0f7;color:#294d7a}
body.is-platform-admin .platform-scope-badge{background:#132238;color:#fff;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:800;letter-spacing:.04em}
