@import url("admin-center.css?v=20260801-company-settings4");
:root{--bg:#f5f7f9;--ink:#1b2430;--muted:#687385;--line:#dce3ea;--panel:#fff;--brand:#155e75;--brand-2:#0f766e;--danger:#b42318;--amber:#b54708;--blue:#175cd3;--ok:#087443;--shadow:0 10px 30px rgba(24,38,57,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:14px}.topbar{position:sticky;top:0;z-index:5;margin-left:248px;min-height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.eyebrow{margin:0 0 3px;color:var(--brand-2);font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:25px;letter-spacing:0}h2{font-size:24px;margin-bottom:5px}h3{font-size:16px;margin-bottom:0}.top-actions,.form-actions{display:flex;gap:10px;align-items:center}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#14212f;color:#d9e4ee;padding:22px 18px;overflow:auto}.brand{font-size:20px;font-weight:800;margin-bottom:22px;color:#fff}.nav-link{display:block;color:#d9e4ee;text-decoration:none;padding:11px 12px;border-radius:6px;margin-bottom:5px}.nav-link:hover,.nav-link.active{background:#233548;color:#fff}.role-box{margin-top:28px;padding:14px;border:1px solid #31465c;border-radius:8px;display:grid;gap:7px;color:#b8c7d7}.role-box strong{color:#fff}.content{margin-left:248px;padding:26px 28px 48px}.btn,button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:9px 13px;text-decoration:none;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:38px}.btn.primary,button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-title p{color:var(--muted);margin-bottom:0}.date-chip,.pill,.status{display:inline-flex;border-radius:999px;background:#eef4f7;color:#244456;padding:5px 9px;font-size:12px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand-2);border-radius:8px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);min-height:105px}.metric span{display:block;color:var(--muted);font-weight:700}.metric strong{display:block;font-size:34px;margin-top:12px}.metric.danger{border-left-color:var(--danger)}.metric.amber{border-left-color:var(--amber)}.metric.blue{border-left-color:var(--blue)}.metric.muted{border-left-color:#667085}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.panel.wide{min-height:300px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head a{color:var(--brand);font-weight:800;text-decoration:none}.bar-list{display:grid;gap:12px}.bar-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;padding:13px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);overflow:hidden}.bar-row i{position:absolute;left:0;bottom:0;height:4px;background:var(--brand-2)}.mini-list,.timeline{display:grid;gap:10px}.mini-list a,.timeline div{border-bottom:1px solid var(--line);padding-bottom:10px;color:var(--ink);text-decoration:none}.mini-list span,.timeline span,small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;gap:10px;margin-bottom:16px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px 11px;color:var(--ink);font:inherit}label{display:grid;gap:6px;font-weight:800;color:#344054}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.span-2{grid-column:span 2}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef3f7;color:#344054;font-size:12px;text-transform:uppercase}tr:hover td{background:#fafcfd}.pill.expired{background:#fee4e2;color:var(--danger)}.pill.expiring-in-7-days,.pill.expiring-in-30-days{background:#fef0c7;color:var(--amber)}.pill.expiring-in-60-days{background:#e0f2fe;color:var(--blue)}.pill.no-expiry-date{background:#f2f4f7;color:#475467}.status{background:#ecfdf3;color:var(--ok)}.actions{display:flex;gap:6px;flex-wrap:wrap}.icon-btn,.inline-form button{font-size:12px;min-height:30px;padding:6px 9px;border-radius:5px}.inline-form{display:inline}.report-grid,.checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:8px;padding:16px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.report span{display:block;color:var(--muted);margin-top:6px}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:8px}.checklist li{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:6px;padding:10px}.checklist .ok strong{color:var(--ok)}.checklist .missing strong{color:var(--danger)}.notice{padding:12px 14px;border-radius:6px;margin-bottom:15px;font-weight:800}.notice.success{background:#ecfdf3;color:var(--ok)}.notice.warning{background:#fff4e5;color:var(--amber)}.empty{padding:26px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:8px}@media(max-width:1100px){.topbar,.content{margin-left:0}.sidebar{position:static;width:auto}.metric-grid,.dashboard-grid,.report-grid,.checklist-grid,.filters,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar{display:block}.top-actions{margin-top:14px;flex-wrap:wrap}}@media print{.sidebar,.topbar,.filters,.btn,.actions{display:none!important}.content{margin:0;padding:0}.panel{box-shadow:none;border:0;padding:0}body{background:#fff}table{min-width:0;font-size:11px}}






















.preview-modal{position:fixed;inset:0;background:rgba(15,23,42,.64);z-index:20;display:none;align-items:center;justify-content:center;padding:24px}.preview-modal.open{display:flex}.preview-dialog{width:min(1100px,96vw);height:min(760px,92vh);background:#fff;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:#f8fafc}.preview-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{display:flex;gap:8px;flex-shrink:0}.preview-body{flex:1;background:#eef2f6;display:flex;align-items:center;justify-content:center;overflow:auto}.preview-body iframe{width:100%;height:100%;border:0;background:#fff}.preview-body img{max-width:100%;max-height:100%;object-fit:contain;background:#fff}.preview-message{max-width:520px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;text-align:center;color:var(--muted)}.preview-message strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}




































































.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#14212f,#155e75 60%,#0f766e)}.login-card{width:min(440px,92vw);background:#fff;border-radius:8px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28);display:grid;gap:14px}.login-card h1{font-size:24px}.login-help{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:4px;color:var(--muted)}.login-help strong{color:var(--ink)}.user-chip{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#f8fafc;color:#344054;font-weight:800}.master-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}.stack-form{display:grid;gap:13px}.master-list{display:grid;gap:8px}.master-list p{margin:0 0 10px;color:var(--muted);line-height:1.5}.master-list strong{color:var(--ink)}






















@media(max-width:1100px){.master-grid{grid-template-columns:1fr}.user-chip{margin-bottom:8px}}




































































.asset-grid{display:grid;grid-template-columns:430px 1fr;gap:18px}.req-editor{display:grid;gap:8px}.req-editor>strong{margin-top:4px}.req-head,.req-row{display:grid;grid-template-columns:1.3fr 1fr .8fr .8fr;gap:7px}.req-head{color:var(--muted);font-size:12px;font-weight:800}.asset-list{display:grid;gap:16px}.asset-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.asset-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.asset-card-head strong{display:block;font-size:17px}.asset-card-head span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.table-wrap.compact table{min-width:700px}.pill.no-date{background:#f2f4f7;color:#475467}






















@media(max-width:1100px){.asset-grid{grid-template-columns:1fr}.req-head{display:none}.req-row{grid-template-columns:1fr}}




































































.req-head-file,.req-row-file{grid-template-columns:1.2fr .9fr .75fr .75fr 1fr}.file-cell{display:grid;gap:6px}.file-cell input[type=file]{padding:7px;background:#fff}.file-cell .icon-btn{width:max-content}






















@media(max-width:1100px){.req-head-file{display:none}.req-row-file{grid-template-columns:1fr}}




































































/* Layout polish: friendlier admin shell */






















body{background:#eef3f6;color:#17202c}.topbar{min-height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 2px 14px rgba(16,24,40,.05);padding:14px 28px}.topbar h1{font-size:22px}.sidebar{background:linear-gradient(180deg,#132131 0%,#172d3b 55%,#123331 100%);padding:18px 14px}.brand{padding:10px 12px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.nav-link{border-radius:8px;padding:10px 12px;font-weight:700}.nav-link.active{background:#fff;color:#123331;box-shadow:0 8px 24px rgba(0,0,0,.14)}.nav-link:hover:not(.active){background:rgba(255,255,255,.1)}.role-box{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:8px}.content{max-width:1680px}.page-hero,.section-title{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;box-shadow:var(--shadow)}.page-hero h2,.section-title h2{font-size:25px}.panel{border-radius:10px;box-shadow:0 12px 28px rgba(24,38,57,.07)}.panel h3{font-size:17px}.metric{border-radius:10px;transition:transform .15s ease,box-shadow .15s ease}.metric:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(24,38,57,.12)}input,select,textarea{border-color:#ccd6e0;border-radius:8px;min-height:40px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(21,94,117,.14);border-color:#23748b}.btn,button,.icon-btn{border-radius:8px}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent}.table-wrap{border-radius:10px}th{background:#f1f6f8;color:#475467;position:sticky;top:0;z-index:1}td{background:#fff}.pill,.status,.date-chip,.user-chip{border-radius:999px}.notice{border-radius:8px}

/* Compact, cross-browser ZMS login layout. Keep the existing form markup and fields intact. */
.zms-login-page{padding:24px;min-height:100svh;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(214,168,75,.12),transparent 28%),linear-gradient(135deg,#07111f,#0b1b30 58%,#07090d)}
.zms-login-shell{width:min(920px,100%);min-height:0;grid-template-columns:1fr .92fr;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.36)}
.zms-login-brand-panel{padding:30px 32px 24px;min-height:560px}
.zms-brand-heading{gap:13px}.zms-brand-logo-large{width:72px;height:72px}.zms-brand-name{font-size:38px}.zms-brand-heading strong{font-size:13px}.zms-brand-heading small{font-size:12px}
.zms-brand-visual{height:230px}.zms-visual-window{height:160px}.zms-login-features{gap:8px}.zms-feature-icon{width:34px;height:34px;border-radius:10px}.zms-login-features strong{font-size:10px}
.zms-login-form-panel{padding:34px 42px 28px}.zms-form-brand{margin-bottom:12px}.zms-form-brand .zms-brand-logo{width:66px;height:66px}.zms-login-heading{margin-bottom:20px}.zms-login-heading h1{font-size:30px}.zms-login-heading p{font-size:14px}.zms-login-form{gap:12px}.zms-field{gap:5px;font-size:12px}.zms-input-wrap{min-height:48px;border-radius:10px;padding:0 12px}.zms-input-wrap input,.zms-input-wrap select{min-height:44px;font-size:14px}.zms-login-submit{min-height:50px;border-radius:10px;margin-top:2px}.zms-login-footer{margin-top:18px}
@media (max-width:900px){.zms-login-page{padding:16px}.zms-login-shell{max-width:680px;grid-template-columns:1fr}.zms-login-brand-panel{min-height:238px;padding:22px 26px 18px}.zms-brand-heading{justify-content:center}.zms-brand-logo-large{width:58px;height:58px}.zms-brand-name{font-size:30px}.zms-brand-visual{display:none}.zms-login-features{margin-top:20px}.zms-login-form-panel{padding:28px 34px 24px}}
@media (max-width:520px){.zms-login-page{padding:0}.zms-login-shell{min-height:100svh;min-height:100vh;border-radius:0}.zms-login-brand-panel{min-height:190px;padding:18px 16px 14px}.zms-brand-heading{gap:9px}.zms-brand-logo-large{width:48px;height:48px}.zms-brand-name{font-size:25px}.zms-brand-heading strong{font-size:10px}.zms-brand-heading small{font-size:9px}.zms-login-features{gap:2px;margin-top:14px}.zms-feature-icon{width:29px;height:29px;border-radius:8px;font-size:8px}.zms-login-features strong{font-size:8px}.zms-login-form-panel{padding:24px 18px 20px}.zms-form-brand .zms-brand-logo{width:58px;height:58px}.zms-login-heading{margin-bottom:18px}.zms-login-heading h1{font-size:26px}.zms-login-heading p{font-size:12px}.zms-login-submit{min-height:48px}.zms-login-footer{font-size:11px;margin-top:16px}}























/* Register pages */






















.register-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-6px 0 18px}.register-summary span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 15px;color:var(--muted);box-shadow:var(--shadow)}.register-summary strong{display:block;color:var(--ink);font-size:22px;margin-bottom:2px}.asset-grid{grid-template-columns:minmax(380px,460px) minmax(0,1fr);align-items:start}.register-form-panel{position:sticky;top:96px}.register-form-panel h3{margin-bottom:14px}.register-list-panel{min-width:0}.stack-form label{font-size:13px}.req-editor{margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fbfc}.req-editor>strong{font-size:14px;color:#243647}.req-head,.req-row{align-items:center}.req-head{padding:0 2px 2px}.req-row{padding:8px;background:#fff;border:1px solid #e6edf2;border-radius:8px}.req-row input{min-height:36px;padding:8px}.req-row-file{grid-template-columns:minmax(170px,1.15fr) minmax(130px,.9fr) minmax(132px,.75fr) minmax(132px,.75fr) minmax(170px,.95fr)}.req-head-file{grid-template-columns:minmax(170px,1.15fr) minmax(130px,.9fr) minmax(132px,.75fr) minmax(132px,.75fr) minmax(170px,.95fr);padding:0 10px}.file-cell{grid-template-columns:1fr auto;align-items:center}.file-cell input[type=file]{min-width:0;font-size:12px}.asset-list{gap:18px}.asset-card{border-radius:10px;padding:0;overflow:hidden}.asset-card-head{background:linear-gradient(135deg,#f8fafc,#eef7f7);border-bottom:1px solid var(--line);padding:14px 16px;margin:0}.asset-card-head strong{font-size:18px;color:#17202c}.asset-card .table-wrap{border:0;border-radius:0}.asset-card table{min-width:760px}.asset-card th,.asset-card td{padding:11px 14px}.asset-card .icon-btn,.actions .icon-btn,.inline-form button{background:#f8fafc;border:1px solid #ccd6e0;color:#243647;text-decoration:none}.asset-card .icon-btn:hover,.actions .icon-btn:hover,.inline-form button:hover{background:#eaf3f4}.preview-modal{backdrop-filter:blur(2px)}.preview-dialog{border-radius:12px}.preview-head{padding:12px 16px}.login-card{border-radius:12px}













































@media(max-width:1200px){.asset-grid{grid-template-columns:1fr}.register-form-panel{position:static}.register-summary{grid-template-columns:1fr}}@media(max-width:760px){.topbar{padding:14px 16px}.content{padding:18px 14px}.page-hero,.section-title{display:block}.metric-grid{gap:10px}.register-summary{gap:10px}.req-editor{padding:10px}.file-cell{grid-template-columns:1fr}.asset-card table{min-width:680px}}




































































.vessel-cert-head,.vessel-cert-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(140px,.7fr) minmax(220px,1fr) minmax(100px,.45fr);gap:8px;align-items:center}.vessel-cert-head{color:var(--muted);font-size:12px;font-weight:800;padding:0 10px}.vessel-cert-row{padding:8px;background:#fff;border:1px solid #e6edf2;border-radius:8px}.vessel-cert-row input{min-height:36px;padding:8px}.vessel-cert-row input[type=file]{font-size:12px}@media(max-width:900px){.vessel-cert-head{display:none}.vessel-cert-row{grid-template-columns:1fr}}




































































.editable-cert-table input{min-height:36px;padding:7px 9px}.editable-cert-table input[type=file]{font-size:12px;background:#fff}.editable-cert-table td{vertical-align:middle}.inline-cert-form{display:block}.cert-form-actions{display:flex;justify-content:flex-end;padding:12px 14px;border-top:1px solid var(--line);background:#f8fafc}.cert-form-actions .btn{min-width:150px}




































































/* Browser-friendly refinements */






















html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100%;overflow-x:hidden}button,input,select,textarea{font-family:inherit;-webkit-appearance:none;appearance:none}select{background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}input[type=date],input[type=file]{-webkit-appearance:auto;appearance:auto}input[type=file]{max-width:100%;line-height:1.2}.content{width:calc(100% - 248px)}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%}.table-wrap:focus-within{outline:3px solid rgba(21,94,117,.12)}table{table-layout:auto}.actions,.top-actions{min-width:0}.top-actions{flex-wrap:wrap;justify-content:flex-end}.btn,.icon-btn,button{touch-action:manipulation;white-space:nowrap}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.filters{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(145px,1fr)) auto auto}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.span-2{grid-column:1/-1}.preview-modal{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.preview-dialog{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}.preview-body{min-height:240px}.preview-message span{display:block}.asset-card{max-width:100%}.asset-card-head{align-items:center}.editable-cert-table input{width:100%}.notice{word-break:break-word}






















@supports not (backdrop-filter:blur(10px)){.topbar{background:#fff}.preview-modal{background:rgba(15,23,42,.78)}}






















@media(max-width:1100px){.content{width:100%}.sidebar{border-bottom:1px solid rgba(255,255,255,.14)}.nav-link{display:inline-flex;margin:3px}.role-box{display:none}.topbar{position:static}.filters{grid-template-columns:1fr 1fr}.filters .btn,.filters button{width:100%}.dashboard-grid{grid-template-columns:1fr}.panel{padding:15px}.table-wrap{margin-left:-2px;margin-right:-2px}.asset-card-head{display:grid}.asset-card-head .icon-btn{width:max-content}.preview-dialog{width:100%;height:calc(100vh - 28px);height:calc(100dvh - 28px)}}






















@media(max-width:700px){body{font-size:13px}.topbar h1{font-size:19px}.top-actions{justify-content:flex-start}.btn,button{min-height:40px}.filters{grid-template-columns:1fr}.metric{min-height:88px}.metric strong{font-size:28px}.page-hero h2,.section-title h2{font-size:21px}.register-summary span{padding:11px}.register-summary strong{font-size:19px}.asset-card table,.table-wrap.compact table,table{min-width:720px}.preview-actions{display:grid;grid-template-columns:1fr 1fr}.preview-head{align-items:start}.preview-head strong{white-space:normal}.login-card{padding:22px}}






















@media print{html,body{background:#fff!important}.content{width:100%!important}.preview-modal{display:none!important}.table-wrap{overflow:visible!important;border:0!important}table{width:100%!important;min-width:0!important;table-layout:auto}th{position:static!important}.page-hero,.section-title,.panel{box-shadow:none!important;border:0!important}}

/* Subscription & Billing modern workspace */
body.subscriptions-modern,
body:has(.subscription-kitchen-scope){
  --sub-ink:#17232b;
  --sub-muted:#64737c;
  --sub-line:rgba(87,110,120,.17);
  --sub-surface:rgba(255,255,255,.84);
  --sub-soft:rgba(236,244,246,.78);
  --sub-primary:#176b7f;
  --sub-primary-dark:#104f60;
  --sub-green:#147c63;
  --sub-amber:#9f681d;
  background:linear-gradient(142deg,rgba(228,241,243,.82),rgba(248,250,250,.96) 44%,rgba(233,239,246,.75));
  color:var(--sub-ink);
}

/* ZMS red, gray, blue, and black visual system */
:root{--bg:#f1f3f5;--ink:#111827;--muted:#667085;--line:#d7dce2;--panel:#fff;--brand:#1469a5;--brand-2:#d92d20;--danger:#b42318;--amber:#b54708;--blue:#1469a5;--ok:#087443;--shadow:0 8px 24px rgba(15,23,42,.08)}
body{background:#f1f3f5;color:#111827}.topbar{background:#fff;border-bottom-color:#d7dce2}.sidebar{background:linear-gradient(180deg,#080b10 0%,#111827 70%,#17202b 100%);color:#d9e0e8}.brand{color:#fff}.nav-link{color:#cbd5e1}.nav-link:hover:not(.active){background:rgba(20,105,165,.22);color:#fff}.nav-link.active{background:linear-gradient(135deg,#1469a5,#0b4f80);color:#fff;box-shadow:0 8px 20px rgba(20,105,165,.25)}.btn.primary,button.primary{background:linear-gradient(135deg,#1469a5,#0b4f80);border-color:#1469a5}.btn.primary:hover,button.primary:hover{background:linear-gradient(135deg,#d92d20,#b42318);border-color:#d92d20}.eyebrow{color:#d92d20}.panel,.form-grid,.table-wrap{border-color:#d7dce2;box-shadow:0 8px 24px rgba(15,23,42,.06)}.page-hero,.section-title{border-color:#d7dce2;background:#fff}.metric{border-left-color:#1469a5}.metric.danger{border-left-color:#d92d20}.metric.blue{border-left-color:#1469a5}.report{border-left-color:#1469a5}.bar-row i{background:#1469a5}.status{background:#e8f5ee;color:#087443}.notice.warning{background:#fff1f0;color:#b42318}
.nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(135deg,#1469a5,#0b4f80);color:#fff;font-size:10px;font-weight:900;line-height:1;transition:transform .18s ease,background .18s ease}.nav-link:hover .nav-icon{background:linear-gradient(135deg,#d92d20,#b42318);transform:translateY(-1px)}.nav-link.active .nav-icon{background:#fff;color:#1469a5;border-color:#fff;box-shadow:0 5px 12px rgba(0,0,0,.16)}.nav-group-title{color:#e5e7eb}.nav-module-chevron{border-color:#94a3b8}
.zms-overview-icon,.zms-metric-icon{background:linear-gradient(135deg,#1469a5,#0b4f80)!important;color:#fff!important}.zms-module-tile::before{background:linear-gradient(135deg,#1469a5,#0b4f80)!important}.zms-module-tile:nth-child(2)::before,.zms-module-tile:nth-child(4)::before{background:linear-gradient(135deg,#d92d20,#b42318)!important}.zms-module-tile:hover{border-color:#1469a5!important}.fitron-tabs a:before{background:linear-gradient(135deg,#e8f1f8,#c8ddeb);color:#1469a5}.fitron-tabs a.active:before{background:linear-gradient(135deg,#1469a5,#0b4f80);color:#fff}
@media(max-width:760px){.sidebar{background:linear-gradient(180deg,#080b10,#111827)}.mobile-shellbar{background:#080b10!important;color:#fff!important}.mobile-menu-toggle{background:#1469a5!important;color:#fff!important}}
.nav-group-divider.hrms-divider{margin:14px 10px 4px;padding:10px 10px 4px;border-top:1px solid rgba(255,255,255,.14);color:#78c7f2;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nav-link.hrms-entry{background:rgba(20,105,165,.12);border-left:3px solid #39a9df;margin-left:6px}
.nav-link.hrms-entry .nav-icon{background:linear-gradient(135deg,#39a9df,#1469a5);border-color:#39a9df}
.nav-link.hrms-entry:hover,.nav-link.hrms-entry.active{background:linear-gradient(135deg,rgba(20,105,165,.36),rgba(11,79,128,.55))}
.nav-workspace-entry{margin:6px 0}
.nav-workspace-entry .nav-link{border-left:3px solid transparent;background:rgba(255,255,255,.045)}
.nav-workspace-entry .nav-link:hover,.nav-workspace-entry .nav-link.active{background:linear-gradient(135deg,rgba(20,105,165,.32),rgba(11,79,128,.52));border-left-color:#39a9df}
.nav-workspace-entry .nav-icon{background:linear-gradient(135deg,#39a9df,#1469a5);border-color:#39a9df}
.hrms-workspace-entry .nav-icon{background:linear-gradient(135deg,#6e8cff,#6941c6);border-color:#8b7cff}

/* Prevent the dashboard brand mark from colliding with heading text. */
#dashboard-container .zms-dashboard-header{display:flex;align-items:center;gap:20px;min-height:104px;padding:18px 22px!important;overflow:hidden}
#dashboard-container .zms-dashboard-header::before{display:none!important}
#dashboard-container .zms-dashboard-header>div:first-child{min-width:0;flex:1}
#dashboard-container .zms-dashboard-header h2{margin:0;line-height:1.15;overflow-wrap:anywhere}
#dashboard-container .zms-dashboard-header p{max-width:680px;margin:6px 0 0;line-height:1.4;overflow-wrap:anywhere}
#dashboard-container .zms-dashboard-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:760px){#dashboard-container .zms-dashboard-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px!important}#dashboard-container .zms-dashboard-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#dashboard-container .zms-dashboard-actions .btn{min-width:0;width:100%}}
@media(max-width:390px){#dashboard-container .zms-dashboard-actions{grid-template-columns:1fr}}
body.subscriptions-modern .content,
body:has(.subscription-kitchen-scope) .content{position:relative;max-width:none}
body.subscriptions-modern .page-hero,
body:has(.subscription-kitchen-scope) .page-hero{
  padding:22px 24px;margin-bottom:12px;border:1px solid rgba(255,255,255,.78);border-radius:8px;
  background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(232,244,246,.74));
  box-shadow:0 12px 34px rgba(25,65,78,.08);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);
}
body.subscriptions-modern .page-hero h2,
body:has(.subscription-kitchen-scope) .page-hero h2{margin-bottom:5px;color:var(--sub-ink);font-size:clamp(24px,2.6vw,34px);letter-spacing:0}
body.subscriptions-modern .page-hero p,
body:has(.subscription-kitchen-scope) .page-hero p{max-width:760px;color:var(--sub-muted)}
body.subscriptions-modern .subscription-kitchen-scope,
body:has(.subscription-kitchen-scope) .subscription-kitchen-scope{
  display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(255,255,255,.76);border-radius:8px;
  background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(25,65,78,.055);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
body.subscriptions-modern .subscription-kitchen-scope>div,
body:has(.subscription-kitchen-scope) .subscription-kitchen-scope>div{min-width:190px}
body.subscriptions-modern .subscription-kitchen-scope>span,
body:has(.subscription-kitchen-scope) .subscription-kitchen-scope>span{padding:5px 8px;border:1px solid rgba(20,124,99,.12);border-radius:5px;background:rgba(230,244,238,.82);color:#175d4d;font-size:11px}
body.subscriptions-modern .subscription-control-strip,
body:has(.subscription-kitchen-scope) .subscription-control-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}
body.subscriptions-modern .subscription-control-strip>div,
body:has(.subscription-kitchen-scope) .subscription-control-strip>div{
  position:relative;overflow:hidden;min-height:105px;padding:15px;border:1px solid rgba(255,255,255,.78);border-radius:8px;
  background:var(--sub-surface);box-shadow:0 9px 26px rgba(25,65,78,.065);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.subscriptions-modern .subscription-control-strip>div:after,
body:has(.subscription-kitchen-scope) .subscription-control-strip>div:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--sub-primary);opacity:.66}
body.subscriptions-modern .subscription-control-strip>div:nth-child(4):after,
body:has(.subscription-kitchen-scope) .subscription-control-strip>div:nth-child(4):after{background:var(--sub-amber)}
body.subscriptions-modern .subscription-control-strip>div:nth-child(5):after,
body:has(.subscription-kitchen-scope) .subscription-control-strip>div:nth-child(5):after{background:var(--sub-green)}
body.subscriptions-modern .subscription-control-strip>div:hover,
body:has(.subscription-kitchen-scope) .subscription-control-strip>div:hover{transform:translateY(-2px);border-color:rgba(23,107,127,.2);box-shadow:0 14px 30px rgba(25,65,78,.1)}
body.subscriptions-modern .subscription-control-strip span,
body:has(.subscription-kitchen-scope) .subscription-control-strip span{color:var(--sub-muted);font-size:10px;letter-spacing:.045em}
body.subscriptions-modern .subscription-control-strip strong,
body:has(.subscription-kitchen-scope) .subscription-control-strip strong{color:var(--sub-ink);font-size:23px;letter-spacing:0}
body.subscriptions-modern .panel,
body:has(.subscription-kitchen-scope) .panel{
  margin-bottom:14px;padding:19px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:var(--sub-surface);
  box-shadow:0 10px 30px rgba(25,65,78,.07);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
body.subscriptions-modern .panel>h3,
body:has(.subscription-kitchen-scope) .panel>h3{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--sub-line);color:var(--sub-ink);font-size:17px;letter-spacing:0}
body.subscriptions-modern .panel-head,
body:has(.subscription-kitchen-scope) .panel-head{padding-bottom:12px;margin-bottom:13px;border-bottom:1px solid var(--sub-line)}
body.subscriptions-modern .panel-head h3,
body:has(.subscription-kitchen-scope) .panel-head h3{color:var(--sub-ink);letter-spacing:0}
body.subscriptions-modern .panel-head p,
body:has(.subscription-kitchen-scope) .panel-head p{color:var(--sub-muted)}
body.subscriptions-modern .planStudio,
body:has(.subscription-kitchen-scope) .planStudio{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(238,246,247,.72))}
body.subscriptions-modern .planStudioHead,
body:has(.subscription-kitchen-scope) .planStudioHead{padding-bottom:12px;border-bottom:1px solid var(--sub-line)}
body.subscriptions-modern .planStudioHead h3,
body:has(.subscription-kitchen-scope) .planStudioHead h3{margin:0;color:var(--sub-ink);font-size:18px}
body.subscriptions-modern .planStudioHead p,
body:has(.subscription-kitchen-scope) .planStudioHead p{margin:4px 0 0;color:var(--sub-muted)}
body.subscriptions-modern .planStudioGrid,
body:has(.subscription-kitchen-scope) .planStudioGrid{grid-template-columns:minmax(0,1fr) 260px;gap:12px}
body.subscriptions-modern .planEditor,
body.subscriptions-modern .planHelp,
body:has(.subscription-kitchen-scope) .planEditor,
body:has(.subscription-kitchen-scope) .planHelp{border:1px solid var(--sub-line);border-radius:7px;background:rgba(255,255,255,.72)}
body.subscriptions-modern .planHelp,
body:has(.subscription-kitchen-scope) .planHelp{background:rgba(229,243,240,.7)}
body.subscriptions-modern .planCard,
body:has(.subscription-kitchen-scope) .planCard{
  border:1px solid var(--sub-line);border-radius:7px;background:rgba(255,255,255,.82);box-shadow:none;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;
}
body.subscriptions-modern .planCard:hover,
body:has(.subscription-kitchen-scope) .planCard:hover{transform:translateY(-2px);border-color:rgba(23,107,127,.28);box-shadow:0 10px 22px rgba(25,65,78,.08)}
body.subscriptions-modern .planPrice,
body:has(.subscription-kitchen-scope) .planPrice{color:var(--sub-primary)}
body.subscriptions-modern .subscription-grid,
body:has(.subscription-kitchen-scope) .subscription-grid{gap:14px}
body.subscriptions-modern .stack-form,
body:has(.subscription-kitchen-scope) .stack-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.subscriptions-modern .stack-form>label,
body:has(.subscription-kitchen-scope) .stack-form>label{min-width:0;color:#53656d;font-size:11px;font-weight:800;letter-spacing:.03em}
body.subscriptions-modern .stack-form>.module-selector-label,
body:has(.subscription-kitchen-scope) .stack-form>.module-selector-label{grid-column:1/-1}
body.subscriptions-modern .stack-form>.btn,
body:has(.subscription-kitchen-scope) .stack-form>.btn{grid-column:1/-1}
body.subscriptions-modern input,
body.subscriptions-modern select,
body.subscriptions-modern textarea,
body:has(.subscription-kitchen-scope) input,
body:has(.subscription-kitchen-scope) select,
body:has(.subscription-kitchen-scope) textarea{
  min-height:43px;border:1px solid rgba(91,113,122,.25);border-radius:6px;background:rgba(255,255,255,.9);color:var(--sub-ink);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.subscriptions-modern textarea,
body:has(.subscription-kitchen-scope) textarea{min-height:90px}
body.subscriptions-modern input:focus,
body.subscriptions-modern select:focus,
body.subscriptions-modern textarea:focus,
body:has(.subscription-kitchen-scope) input:focus,
body:has(.subscription-kitchen-scope) select:focus,
body:has(.subscription-kitchen-scope) textarea:focus{outline:0;border-color:rgba(23,107,127,.68);background:#fff;box-shadow:0 0 0 3px rgba(23,107,127,.11)}
body.subscriptions-modern .module-selector-grid,
body:has(.subscription-kitchen-scope) .module-selector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}
body.subscriptions-modern .check-line,
body:has(.subscription-kitchen-scope) .check-line{
  align-content:start;min-height:54px;padding:10px;border:1px solid var(--sub-line);border-radius:6px;background:rgba(244,248,248,.9);color:var(--sub-ink);transition:background .16s ease,border-color .16s ease;
}
body.subscriptions-modern .check-line:has(input:checked),
body:has(.subscription-kitchen-scope) .check-line:has(input:checked){border-color:rgba(20,124,99,.4);background:rgba(225,243,235,.84)}
body.subscriptions-modern .check-line input,
body:has(.subscription-kitchen-scope) .check-line input{min-height:0;accent-color:var(--sub-green)}
body.subscriptions-modern .btn,
body.subscriptions-modern .icon-btn,
body:has(.subscription-kitchen-scope) .btn,
body:has(.subscription-kitchen-scope) .icon-btn{min-height:39px;border-radius:6px;transition:transform .16s ease,box-shadow .16s ease}
body.subscriptions-modern .btn:hover,
body.subscriptions-modern .icon-btn:hover,
body:has(.subscription-kitchen-scope) .btn:hover,
body:has(.subscription-kitchen-scope) .icon-btn:hover{transform:translateY(-1px)}
body.subscriptions-modern .btn.primary,
body:has(.subscription-kitchen-scope) .btn.primary{border-color:var(--sub-primary);background:linear-gradient(135deg,var(--sub-primary),var(--sub-primary-dark));box-shadow:0 7px 16px rgba(23,107,127,.18)}
body.subscriptions-modern .date-chip,
body:has(.subscription-kitchen-scope) .date-chip{border-radius:5px;background:rgba(228,242,244,.86);color:var(--sub-primary-dark)}
body.subscriptions-modern .table-wrap,
body:has(.subscription-kitchen-scope) .table-wrap{overflow:auto;border:1px solid var(--sub-line);border-radius:7px;background:rgba(255,255,255,.68)}
body.subscriptions-modern .table-wrap:before,
body:has(.subscription-kitchen-scope) .table-wrap:before{display:none}
body.subscriptions-modern th,
body:has(.subscription-kitchen-scope) th{background:rgba(229,240,242,.94);color:#405961;border-color:var(--sub-line);font-size:10.5px;letter-spacing:.04em}
body.subscriptions-modern td,
body:has(.subscription-kitchen-scope) td{border-color:var(--sub-line);color:#293c43}
body.subscriptions-modern tbody tr,
body:has(.subscription-kitchen-scope) tbody tr{transition:background .14s ease}
body.subscriptions-modern tbody tr:hover,
body:has(.subscription-kitchen-scope) tbody tr:hover{background:rgba(232,242,244,.6)}
body.subscriptions-modern .status,
body:has(.subscription-kitchen-scope) .status{border:1px solid rgba(20,124,99,.15);border-radius:999px;background:#e7f4ef;color:#17644f}

@media(max-width:1100px){
  body.subscriptions-modern .subscription-control-strip,
  body:has(.subscription-kitchen-scope) .subscription-control-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.subscriptions-modern .planStudioGrid,
  body:has(.subscription-kitchen-scope) .planStudioGrid{grid-template-columns:1fr}
  body.subscriptions-modern .module-selector-grid,
  body:has(.subscription-kitchen-scope) .module-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.subscriptions-modern .content,
  body:has(.subscription-kitchen-scope) .content{padding:12px 12px 34px}
  body.subscriptions-modern .page-hero,
  body:has(.subscription-kitchen-scope) .page-hero{padding:16px;margin-bottom:9px}
  body.subscriptions-modern .page-hero h2,
  body:has(.subscription-kitchen-scope) .page-hero h2{font-size:22px;line-height:1.2}
  body.subscriptions-modern .page-hero p,
  body:has(.subscription-kitchen-scope) .page-hero p{font-size:13px;line-height:1.45}
  body.subscriptions-modern .subscription-kitchen-scope,
  body:has(.subscription-kitchen-scope) .subscription-kitchen-scope{display:flex;gap:6px;padding:7px;overflow-x:auto;scroll-snap-type:x proximity}
  body.subscriptions-modern .subscription-kitchen-scope>div,
  body:has(.subscription-kitchen-scope) .subscription-kitchen-scope>div{flex:0 0 168px;min-width:168px;scroll-snap-align:start}
  body.subscriptions-modern .subscription-kitchen-scope>span,
  body:has(.subscription-kitchen-scope) .subscription-kitchen-scope>span{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
  body.subscriptions-modern .subscription-control-strip,
  body:has(.subscription-kitchen-scope) .subscription-control-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}
  body.subscriptions-modern .subscription-control-strip>div,
  body:has(.subscription-kitchen-scope) .subscription-control-strip>div{min-height:82px;padding:11px}
  body.subscriptions-modern .subscription-control-strip strong,
  body:has(.subscription-kitchen-scope) .subscription-control-strip strong{font-size:19px}
  body.subscriptions-modern .panel,
  body:has(.subscription-kitchen-scope) .panel{padding:13px 11px;margin-bottom:10px}
  body.subscriptions-modern .panel>h3,
  body:has(.subscription-kitchen-scope) .panel>h3{font-size:15px}
  body.subscriptions-modern .panel-head,
  body:has(.subscription-kitchen-scope) .panel-head{display:flex;align-items:flex-start;gap:8px}
  body.subscriptions-modern .panel-head h3,
  body:has(.subscription-kitchen-scope) .panel-head h3{font-size:15px}
  body.subscriptions-modern .stack-form,
  body:has(.subscription-kitchen-scope) .stack-form,
  body.subscriptions-modern .form-grid,
  body:has(.subscription-kitchen-scope) .form-grid{grid-template-columns:1fr;gap:9px;padding:0}
  body.subscriptions-modern .stack-form>.module-selector-label,
  body.subscriptions-modern .stack-form>.btn,
  body:has(.subscription-kitchen-scope) .stack-form>.module-selector-label,
  body:has(.subscription-kitchen-scope) .stack-form>.btn{grid-column:auto}
  body.subscriptions-modern .module-selector-grid,
  body:has(.subscription-kitchen-scope) .module-selector-grid{grid-template-columns:1fr}
  body.subscriptions-modern .planCards,
  body:has(.subscription-kitchen-scope) .planCards{grid-template-columns:1fr}
  body.subscriptions-modern .table-wrap,
  body:has(.subscription-kitchen-scope) .table-wrap{overflow:visible;border:0;background:transparent}
  body.subscriptions-modern .table-wrap table,
  body.subscriptions-modern .table-wrap tbody,
  body:has(.subscription-kitchen-scope) .table-wrap table,
  body:has(.subscription-kitchen-scope) .table-wrap tbody{display:block;width:100%;min-width:0!important}
  body.subscriptions-modern .table-wrap thead,
  body:has(.subscription-kitchen-scope) .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  body.subscriptions-modern .table-wrap tr,
  body:has(.subscription-kitchen-scope) .table-wrap tr{
    display:grid!important;gap:0;margin:0 0 9px;padding:7px 11px;border:1px solid var(--sub-line);border-radius:7px;
    background:rgba(255,255,255,.86);box-shadow:0 7px 20px rgba(25,65,78,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  body.subscriptions-modern .table-wrap td,
  body:has(.subscription-kitchen-scope) .table-wrap td{
    display:grid!important;grid-template-columns:minmax(90px,36%) minmax(0,1fr);align-items:start;gap:8px;width:100%!important;min-width:0;padding:8px 0!important;
    border:0!important;border-bottom:1px solid rgba(87,110,120,.11)!important;text-align:right;font-size:12px;overflow-wrap:anywhere;
  }
  body.subscriptions-modern .table-wrap td:last-child,
  body:has(.subscription-kitchen-scope) .table-wrap td:last-child{border-bottom:0!important}
  body.subscriptions-modern .table-wrap td:before,
  body:has(.subscription-kitchen-scope) .table-wrap td:before{content:attr(data-label);color:#6a7a82;font-size:9.5px;font-weight:800;letter-spacing:.035em;text-align:left;text-transform:uppercase}
  body.subscriptions-modern .table-wrap .row-actions,
  body:has(.subscription-kitchen-scope) .table-wrap .row-actions{justify-content:flex-end}
  body.subscriptions-modern .table-wrap .row-actions .icon-btn,
  body:has(.subscription-kitchen-scope) .table-wrap .row-actions .icon-btn{flex:0 1 auto;min-height:35px;padding:7px 9px;font-size:10.5px}
  body.subscriptions-modern .mini-upload,
  body:has(.subscription-kitchen-scope) .mini-upload{display:grid;gap:6px;justify-items:end}
  body.subscriptions-modern .mini-upload input[type=file],
  body:has(.subscription-kitchen-scope) .mini-upload input[type=file]{max-width:100%;font-size:11px}
}
@media(max-width:380px){
  body.subscriptions-modern .subscription-control-strip,
  body:has(.subscription-kitchen-scope) .subscription-control-strip{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  body.subscriptions-modern *,body:has(.subscription-kitchen-scope) *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Compact ZMS authentication screens */
.zms-login-page{padding:16px}
.zms-login-shell{width:min(820px,100%);min-height:min(520px,calc(100vh - 32px));border-radius:18px}
.zms-login-brand-panel{padding:26px 30px 22px}
.zms-brand-logo-large{width:64px;height:64px}
.zms-brand-name{font-size:32px}
.zms-brand-visual{height:185px;margin:18px auto 12px}
.zms-login-features{gap:10px}
.zms-login-form-panel{padding:24px 30px 20px}
.zms-form-brand{margin-bottom:10px}.zms-form-brand .zms-brand-logo{width:58px;height:58px}
.zms-login-heading{margin-bottom:15px}.zms-login-heading h1{font-size:25px}
.zms-login-form{gap:9px}.zms-field{gap:4px;font-size:12px}.zms-input-wrap{min-height:43px;border-radius:9px}.zms-input-wrap input,.zms-input-wrap select{min-height:39px;font-size:14px}
.zms-login-submit{min-height:44px;border-radius:9px;font-size:14px}.zms-login-footer{margin-top:12px}
@media(max-width:900px){.zms-login-shell{max-width:620px;min-height:auto}.zms-login-brand-panel{min-height:224px;padding:24px 28px 18px}.zms-brand-logo-large{width:64px;height:64px}.zms-brand-name{font-size:32px}.zms-brand-visual{display:none}.zms-login-features{margin-top:18px}.zms-login-form-panel{padding:28px 32px 24px}}
@media(max-width:520px){.zms-login-page{padding:0}.zms-login-shell{min-height:100svh;border-radius:0}.zms-login-brand-panel{min-height:176px;padding:18px 16px 14px}.zms-brand-logo-large{width:48px;height:48px}.zms-brand-name{font-size:26px}.zms-brand-heading strong{font-size:9px}.zms-brand-heading small{font-size:9px}.zms-login-features{gap:3px;margin-top:12px}.zms-feature-icon{width:28px;height:28px}.zms-login-features strong{font-size:8px}.zms-login-form-panel{padding:24px 18px 20px}.zms-form-brand .zms-brand-logo{width:60px;height:60px}.zms-login-heading{margin-bottom:17px}.zms-login-heading h1{font-size:26px}.zms-login-submit{min-height:48px}}

/* Focused single-panel ZMS admin login */
.zms-login-page{padding:20px;background:radial-gradient(circle at 12% 8%,rgba(214,168,75,.18),transparent 30%),linear-gradient(145deg,#07111f,#102744 62%,#07111f)}
.zms-login-shell{display:block;width:min(410px,100%);min-height:0;border-radius:20px;background:#f8fafc;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.zms-login-brand-panel{display:none}
.zms-login-form-panel{min-height:0;padding:30px 32px 24px;background:rgba(255,255,255,.98)}
.zms-form-brand{margin-bottom:12px}.zms-form-brand .zms-brand-logo{width:64px;height:64px}
.zms-login-heading{margin-bottom:18px}.zms-login-heading h1{font-size:27px}.zms-login-heading p{font-size:13px}
.zms-login-form{gap:11px}.zms-input-wrap{min-height:46px}.zms-input-wrap input,.zms-input-wrap select{min-height:42px}
.zms-login-submit{min-height:48px;margin-top:5px}
.zms-login-footer{margin-top:16px}
@media(max-width:520px){.zms-login-page{padding:0}.zms-login-shell{width:100%;min-height:100svh;border-radius:0}.zms-login-form-panel{display:flex;justify-content:center;flex-direction:column;min-height:100svh;padding:28px 22px 22px}.zms-form-brand .zms-brand-logo{width:62px;height:62px}}

/* Public registration highlights and plan modules */
.saas-resolution-slider{max-width:1240px;margin:0 auto;padding:18px clamp(20px,5vw,72px) 0;display:flex;align-items:stretch;gap:14px}
.saas-resolution-track{position:relative;flex:1;min-height:72px;overflow:hidden;border-radius:14px;background:linear-gradient(110deg,#07111f,#173b7a 58%,#2563eb);color:#fff;box-shadow:0 14px 32px rgba(37,99,235,.16)}
.saas-resolution-slide{display:none;align-items:center;gap:14px;min-height:72px;padding:13px 20px}.saas-resolution-slide.is-active{display:flex}
.saas-resolution-slide>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid rgba(245,216,137,.65);border-radius:11px;color:#f5d889;font-size:11px;font-weight:900}
.saas-resolution-slide div{display:grid;gap:3px}.saas-resolution-slide strong{font-size:15px}.saas-resolution-slide small{color:#d7e3f8;font-size:12px}
.saas-resolution-controls{display:flex;align-items:center;gap:7px}.saas-resolution-controls button{width:36px;height:36px;border:1px solid #cfd7e6;border-radius:10px;background:#fff;color:#173b7a;font-size:17px;cursor:pointer}.saas-resolution-controls button:hover{background:#eef4ff}.saas-resolution-dots{min-width:38px;color:#667085;text-align:center;font-size:11px;font-weight:800}
.saas-plan-modules{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.saas-plan-modules>span{width:100%;color:#667085;font-size:11px;font-weight:750}.saas-plan-modules b{padding:5px 7px;border-radius:7px;background:#eef4ff;color:#2563eb;font-size:10px;font-weight:800}
.saas-hero:before,.saas-hero:after{display:none!important}
@media(max-width:700px){.saas-resolution-slider{padding:14px 16px 0;display:block}.saas-resolution-track{min-height:86px}.saas-resolution-slide{min-height:86px;padding:12px 14px}.saas-resolution-slide strong{font-size:13px}.saas-resolution-slide small{font-size:11px}.saas-resolution-controls{justify-content:center;margin-top:8px}.saas-hero{padding-top:42px}}

/* Residence navigation: tactile icon tiles with a calm, module-specific gradient system. */
.residence-page .fitron-tabs a:nth-child(1):before{background:linear-gradient(135deg,#d9f5ff,#9edcf1);color:#12627b}
.residence-page .fitron-tabs a:nth-child(2):before{background:linear-gradient(135deg,#e4ddff,#c4b5fd);color:#5b35a5}
.residence-page .fitron-tabs a:nth-child(3):before{background:linear-gradient(135deg,#ffe1f0,#f9a8d4);color:#a32663}
.residence-page .fitron-tabs a:nth-child(4):before{background:linear-gradient(135deg,#ffedc7,#f8c56d);color:#8b5b12}
.residence-page .fitron-tabs a:nth-child(5):before{background:linear-gradient(135deg,#d9f7e7,#91dfb6);color:#176b43}
.residence-page .fitron-tabs a:nth-child(6):before{background:linear-gradient(135deg,#ffe0d5,#ffad91);color:#9b3d22}
.residence-page .fitron-tabs a:nth-child(7):before{background:linear-gradient(135deg,#dcecff,#9fc3ff);color:#2459a6}
.residence-page .fitron-tabs a:nth-child(8):before{background:linear-gradient(135deg,#e7e0ff,#b8a5f5);color:#5939a4}
.residence-page .fitron-tabs a:nth-child(9):before{background:linear-gradient(135deg,#d7f3f0,#8bd6ce);color:#126b65}
.residence-page .fitron-tabs a:nth-child(10):before{background:linear-gradient(135deg,#ffe1b8,#f4ad60);color:#8c4a11}
.residence-page .fitron-tabs a:nth-child(11):before{background:linear-gradient(135deg,#e7eaf0,#c7cedb);color:#445064}
.residence-page .fitron-tabs a.active:before{background:linear-gradient(135deg,#fff,#dff8ec);color:#087443}
@media(max-width:700px){
  .residence-page .fitron-tabs{gap:8px;padding:8px;border-radius:12px;background:rgba(255,255,255,.86)}
  .residence-page .fitron-tabs a{min-height:52px;padding:10px 12px;border-radius:10px}
  .residence-page .fitron-tabs a:before{width:30px;height:30px;flex-basis:30px;border-radius:9px}
}

/* ZMS login refresh: presentation only; the existing PHP form contract is unchanged. */
.zms-login-page{min-height:100vh;padding:clamp(18px,4vw,52px);display:grid;place-items:center;background:#07111f;color:#101828;overflow-x:hidden}
.zms-login-page::before,.zms-login-page::after{content:"";position:fixed;pointer-events:none;z-index:0;border:1px solid rgba(214,168,75,.25);border-radius:50%}
.zms-login-page::before{width:520px;height:520px;left:-250px;top:-250px;box-shadow:0 0 0 34px rgba(214,168,75,.035),0 0 0 70px rgba(214,168,75,.025)}
.zms-login-page::after{width:680px;height:680px;right:-410px;bottom:-350px;box-shadow:0 0 0 34px rgba(255,255,255,.22),0 0 0 70px rgba(255,255,255,.1)}
.zms-login-shell{position:relative;z-index:1;width:min(1180px,100%);min-height:min(720px,calc(100vh - 72px));display:grid;grid-template-columns:1.08fr .92fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.35)}
.zms-login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(28px,4vw,58px);background:radial-gradient(circle at 72% 48%,rgba(214,168,75,.14),transparent 22%),linear-gradient(145deg,#0b1b30 0%,#07111f 55%,#07090d 100%);color:#fff;overflow:hidden}
.zms-login-brand-panel::before{content:"";position:absolute;inset:7%;border:1px solid rgba(214,168,75,.32);border-radius:22px;pointer-events:none}
.zms-login-brand-panel::after{content:"";position:absolute;width:420px;height:420px;right:-240px;top:8%;border:1px solid rgba(214,168,75,.2);border-radius:50%;box-shadow:0 0 0 26px rgba(214,168,75,.03),0 0 0 58px rgba(214,168,75,.025);pointer-events:none}
.zms-brand-heading,.zms-brand-visual,.zms-login-features{position:relative;z-index:1}.zms-brand-heading{display:flex;align-items:center;gap:18px}.zms-brand-logo{width:84px;height:84px;object-fit:contain;display:block}.zms-brand-logo-large{width:118px;height:118px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}.zms-brand-heading>div{display:grid;gap:4px}.zms-brand-name{font-size:clamp(32px,4vw,52px);line-height:.95;font-weight:800;letter-spacing:.04em;color:#f5d889}.zms-brand-heading strong{font-size:clamp(13px,1.45vw,17px);letter-spacing:.04em;text-transform:uppercase;color:#fff}.zms-brand-heading small{font-size:14px;color:#aeb9c8;margin-top:4px}
.zms-brand-visual{height:270px;margin:16px auto 8px;width:min(510px,100%);display:grid;place-items:center}.zms-visual-window{width:78%;height:64%;border:1px solid rgba(214,168,75,.55);border-radius:13px;background:linear-gradient(145deg,rgba(23,42,65,.96),rgba(6,12,21,.92));box-shadow:0 20px 45px rgba(0,0,0,.36);transform:perspective(700px) rotateX(5deg) rotateY(-9deg);padding:13px}.zms-visual-bar{display:flex;align-items:center;gap:5px;color:#8493a7;font-size:9px}.zms-visual-bar span{width:5px;height:5px;border-radius:50%;background:#d6a84b}.zms-visual-bar b{margin-left:auto;font-weight:500}.zms-visual-content{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:center;height:86%;padding:14px}.zms-visual-chart{height:95px;display:flex;align-items:end;gap:8px;border-bottom:1px solid rgba(255,255,255,.13)}.zms-visual-chart i{display:block;flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#f5d889,#a97420);height:var(--bar-height,55%)}.zms-visual-chart i:nth-child(2){height:72%}.zms-visual-chart i:nth-child(3){height:46%}.zms-visual-chart i:nth-child(4){height:82%}.zms-visual-chart i:nth-child(5){height:94%}.zms-visual-ring{width:88px;height:88px;border:14px solid rgba(214,168,75,.28);border-top-color:#f5d889;border-right-color:#a97420;border-radius:50%;justify-self:center}.zms-visual-lines{grid-column:1 / -1;display:grid;gap:7px}.zms-visual-lines span{height:5px;border-radius:4px;background:rgba(255,255,255,.18)}.zms-visual-lines span:first-child{width:72%;background:rgba(245,216,137,.7)}.zms-visual-lines span:last-child{width:48%}.zms-visual-orbit{position:absolute;width:82%;height:42%;border:1px solid rgba(214,168,75,.27);border-radius:50%;transform:rotate(-18deg)}
.zms-login-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zms-login-features>div{display:grid;gap:9px;justify-items:center;text-align:center;color:#dfe6ef}.zms-feature-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d6a84b;border-radius:12px;color:#f5d889;font-size:10px;font-weight:800;letter-spacing:.05em;background:rgba(214,168,75,.07)}.zms-login-features strong{font-size:11px;font-weight:600;line-height:1.35}
.zms-login-form-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,72px) clamp(24px,6vw,80px);background:#f8fafc;overflow:hidden}.zms-login-form-panel::after{content:"";position:absolute;width:430px;height:680px;right:-300px;top:10%;border:1px solid #d9dee8;border-radius:50%;box-shadow:0 0 0 26px rgba(217,222,232,.3),0 0 0 55px rgba(217,222,232,.18),0 0 0 86px rgba(217,222,232,.1);pointer-events:none}.zms-form-brand,.zms-login-heading,.zms-login-form,.zms-login-footer{position:relative;z-index:1}.zms-form-brand{text-align:center;margin-bottom:22px}.zms-form-brand .zms-brand-logo{margin:0 auto;width:94px;height:94px}.zms-login-heading{text-align:center;margin-bottom:28px}.zms-login-heading h1{margin:0 0 8px;color:#0b1b30;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.02em}.zms-login-heading p{margin:0;color:#667085;font-size:15px}.zms-login-form{display:grid;gap:17px}.zms-field{display:grid;gap:8px;color:#344054;font-size:13px;font-weight:700}.zms-input-wrap{min-height:54px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid #d9dee8;border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}.zms-input-wrap:focus-within{border-color:#b98a2f;box-shadow:0 0 0 4px rgba(214,168,75,.15);transform:translateY(-1px)}.zms-input-icon{width:22px;color:#0b1b30;font-weight:800;font-size:12px;text-align:center}.zms-input-wrap input,.zms-input-wrap select{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#101828;font-size:15px;padding:0;min-height:50px}.zms-input-wrap input::placeholder{color:#98a2b3}.zms-password-toggle{border:0;background:transparent;color:#667085;font-size:12px;font-weight:700;padding:8px 0;cursor:pointer}.zms-password-toggle:hover,.zms-password-toggle:focus{color:#9a6d1c}.zms-login-options{display:flex;justify-content:flex-start;margin-top:-3px}.zms-remember{display:inline-flex;align-items:center;gap:8px;color:#344054;font-size:13px;cursor:pointer}.zms-remember input{width:17px;height:17px;accent-color:#b98a2f}.zms-login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:4px;padding:0 20px 0 26px;border:0;border-radius:13px;background:linear-gradient(135deg,#07111f,#0b1b30);color:#f5d889;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(7,17,31,.2);transition:transform .2s,box-shadow .2s,background .2s}.zms-login-submit:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(7,17,31,.28);background:linear-gradient(135deg,#0b1b30,#152d4a)}.zms-login-submit:focus-visible{outline:3px solid rgba(214,168,75,.55);outline-offset:3px}.zms-login-submit:disabled{cursor:wait;opacity:.75;transform:none}.zms-login-submit.is-loading span:last-child{opacity:.45}.zms-login-note{text-align:center;color:#98a2b3;font-size:12px;margin:0}.zms-login-form .notice{margin:0}.zms-login-footer{text-align:center;color:#98a2b3;font-size:12px;margin-top:30px}
@media(max-width:900px){.zms-login-shell{grid-template-columns:1fr;max-width:560px;min-height:auto}.zms-login-brand-panel{min-height:300px;padding:28px}.zms-brand-heading{justify-content:center}.zms-brand-logo-large{width:78px;height:78px}.zms-brand-name{font-size:34px}.zms-brand-heading strong{font-size:12px}.zms-brand-heading small{font-size:12px}.zms-brand-visual{height:118px;margin:0 auto}.zms-visual-window{height:78%;width:64%}.zms-login-features{gap:8px}.zms-login-form-panel{padding:38px 32px 30px}.zms-login-footer{margin-top:22px}}
@media(max-width:520px){.zms-login-page{padding:0;display:block}.zms-login-shell{min-height:100vh;border-radius:0}.zms-login-brand-panel{min-height:214px;padding:22px 20px 18px}.zms-login-brand-panel::before{inset:10px;border-radius:16px}.zms-brand-heading{gap:11px}.zms-brand-logo-large{width:58px;height:58px}.zms-brand-name{font-size:28px}.zms-brand-heading strong{font-size:10px}.zms-brand-heading small{font-size:10px}.zms-brand-visual{display:none}.zms-login-features{gap:4px;margin-top:18px}.zms-feature-icon{width:32px;height:32px;border-radius:9px;font-size:8px}.zms-login-features strong{font-size:9px}.zms-login-form-panel{padding:30px 22px 24px}.zms-form-brand{margin-bottom:16px}.zms-form-brand .zms-brand-logo{width:72px;height:72px}.zms-login-heading{margin-bottom:22px}.zms-login-heading h1{font-size:28px}.zms-login-heading p{font-size:13px}.zms-input-wrap{min-height:50px}.zms-login-submit{min-height:52px}}

/* Final full-screen sign-in treatment. Keep the login form contract unchanged. */
.zms-login-page{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,3vw,42px);background:
  radial-gradient(circle at 8% 12%,rgba(37,99,235,.22),transparent 28%),
  radial-gradient(circle at 92% 84%,rgba(6,182,212,.14),transparent 30%),#07111f}
.zms-login-shell{width:min(1120px,100%);min-height:min(680px,calc(100svh - 48px));border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.42);border:1px solid rgba(148,163,184,.2)}
.zms-login-brand-panel{background:linear-gradient(145deg,#0b1b30 0%,#07111f 58%,#081827 100%)}
.zms-login-brand-panel::after{border-color:rgba(59,130,246,.25);box-shadow:0 0 0 26px rgba(59,130,246,.04),0 0 0 58px rgba(6,182,212,.025)}
.zms-brand-name{color:#f9fafb}.zms-brand-heading small{color:#a9b8cc}
.zms-feature-icon{border-color:#3b82f6;color:#8bdcf4;background:rgba(59,130,246,.11)}
.zms-login-form-panel{background:#f8fafc}
.zms-login-form-panel::after{border-color:#d8e1ec}
.zms-login-heading h1{color:#0b1b30}.zms-login-heading p,.zms-login-note,.zms-login-footer{color:#667085}
.zms-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.14)}
.zms-password-toggle{color:#2563eb}.zms-password-toggle:hover,.zms-password-toggle:focus{color:#1d4ed8}
.zms-remember input{accent-color:#2563eb}
.zms-login-submit{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.24)}
.zms-login-submit:hover{background:linear-gradient(135deg,#1d4ed8,#0891b2);box-shadow:0 18px 34px rgba(37,99,235,.32)}
.zms-login-submit:focus-visible{outline:3px solid rgba(37,99,235,.4)}
@media(max-width:900px){.zms-login-page{padding:18px}.zms-login-shell{min-height:auto}.zms-login-brand-panel{min-height:260px}}
@media(max-width:520px){.zms-login-page{padding:0}.zms-login-shell{min-height:100svh;border-radius:0}.zms-login-brand-panel{min-height:214px}}

/* Compact ZMS login: keep the existing authentication markup, but use a small
   single-panel layout that stays comfortable on desktop and mobile. */
.zms-login-page{padding:20px;min-height:100svh;min-height:100vh;background:linear-gradient(145deg,#07111f,#102744 62%,#07111f)}
.zms-login-shell{display:block;width:min(430px,100%);min-height:0;border-radius:20px;background:#f8fafc;box-shadow:0 24px 70px rgba(0,0,0,.38);overflow:hidden}
.zms-login-brand-panel{display:none}
.zms-login-form-panel{min-height:0;padding:30px 32px 24px;background:#f8fafc}
.zms-form-brand{margin-bottom:14px}.zms-form-brand .zms-brand-logo{width:64px;height:64px}
.zms-login-heading{margin-bottom:18px}.zms-login-heading h1{font-size:27px}.zms-login-heading p{font-size:13px}
.zms-login-form{gap:11px}.zms-field{gap:5px;font-size:12px}.zms-input-wrap{min-height:46px;border-radius:11px;padding:0 12px}.zms-input-wrap input,.zms-input-wrap select{min-height:42px;font-size:14px}
.zms-login-submit{min-height:48px;border-radius:11px;margin-top:3px;font-size:15px}.zms-login-footer{margin-top:16px}
@media(max-width:520px){.zms-login-page{padding:0}.zms-login-shell{width:100%;min-height:100svh;border-radius:0}.zms-login-form-panel{display:flex;justify-content:center;flex-direction:column;min-height:100svh;padding:28px 22px 22px}.zms-form-brand .zms-brand-logo{width:62px;height:62px}}

/* ZMS dashboard identity and module icons are intentionally separate from the DMS snapshot below. */
#dashboard-container .zms-dashboard-section-title,#dashboard-container .zms-metric-grid,#dashboard-container .zms-widget-grid{display:none!important}
#dashboard-container .zms-dashboard-header{position:relative;overflow:hidden;padding-left:76px;background:linear-gradient(135deg,#07111f 0%,#0b1b30 56%,#172d47 100%);border:0;color:#fff;box-shadow:0 16px 34px rgba(7,17,31,.18)}
#dashboard-container .zms-dashboard-header::before{content:"Z";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6a84b;border-radius:12px;color:#f5d889;font-size:22px;font-weight:900;box-shadow:0 0 0 5px rgba(214,168,75,.08),0 8px 18px rgba(0,0,0,.2)}
#dashboard-container .zms-dashboard-header::after{content:"";position:absolute;width:280px;height:280px;right:-120px;top:-180px;border:1px solid rgba(245,216,137,.22);border-radius:50%;box-shadow:0 0 0 24px rgba(245,216,137,.03),0 0 0 52px rgba(245,216,137,.02);pointer-events:none}
#dashboard-container .zms-dashboard-header h2{color:#fff}#dashboard-container .zms-dashboard-header p{color:#b9c6d5}#dashboard-container .zms-dashboard-header .zms-dashboard-kicker{color:#f5d889}#dashboard-container .zms-dashboard-header .btn{position:relative;z-index:1;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}#dashboard-container .zms-dashboard-header .btn.primary{background:#d6a84b;border-color:#d6a84b;color:#07111f}
#dashboard-container .zms-module-launcher{position:relative;border:0;border-radius:18px;padding:22px;background:linear-gradient(135deg,#fff 0%,#f7f9fc 68%,#f8f2df 100%);box-shadow:0 12px 30px rgba(16,24,40,.08);overflow:hidden}#dashboard-container .zms-module-launcher::after{content:"";position:absolute;width:270px;height:270px;right:-130px;bottom:-200px;border:1px solid rgba(214,168,75,.28);border-radius:50%;box-shadow:0 0 0 22px rgba(214,168,75,.06),0 0 0 48px rgba(214,168,75,.035);pointer-events:none}#dashboard-container .zms-module-launcher-head{position:relative;z-index:1}#dashboard-container .zms-module-launcher-head h3{color:#0b1b30;font-size:22px}#dashboard-container .zms-module-launcher-head .zms-dashboard-kicker{color:#b07d1d}
#dashboard-container .zms-module-tile{position:relative;z-index:1;min-height:150px;padding:16px;border-radius:14px;border:1px solid #e3e8ef;background:rgba(255,255,255,.82);box-shadow:0 5px 14px rgba(16,24,40,.04)}#dashboard-container .zms-module-tile::before{content:"";width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0b1b30,#2563eb);color:#fff;font-size:15px;font-weight:900;box-shadow:0 6px 14px rgba(37,99,235,.2)}#dashboard-container .zms-module-tile:nth-child(1)::before{content:"D";background:linear-gradient(135deg,#0b1b30,#2563eb)}#dashboard-container .zms-module-tile:nth-child(2)::before{content:"P";background:linear-gradient(135deg,#116149,#10b981)}#dashboard-container .zms-module-tile:nth-child(3)::before{content:"K";background:linear-gradient(135deg,#713f12,#d6a84b)}#dashboard-container .zms-module-tile:nth-child(4)::before{content:"$";background:linear-gradient(135deg,#5b214e,#c45b9b)}#dashboard-container .zms-module-tile:nth-child(5)::before{content:"F";background:linear-gradient(135deg,#173f5f,#3b82f6)}#dashboard-container .zms-module-tile:nth-child(6)::before{content:"R";background:linear-gradient(135deg,#075985,#22a7d6)}#dashboard-container .zms-module-tile:nth-child(7)::before{content:"M";background:linear-gradient(135deg,#4c1d95,#8b5cf6)}#dashboard-container .zms-module-tile:nth-child(8)::before{content:"A";background:linear-gradient(135deg,#374151,#6b7280)}#dashboard-container .zms-module-tile strong{font-size:16px;color:#0b1b30}#dashboard-container .zms-module-tile span:not(.zms-module-icon){color:#667085}#dashboard-container .zms-module-tile b{color:#9a6d1c}#dashboard-container .zms-module-tile:hover{transform:translateY(-4px);border-color:#d6a84b;box-shadow:0 14px 24px rgba(16,24,40,.12)}























.form-note{border:1px dashed var(--line);background:#f8fafc;color:var(--muted);border-radius:8px;padding:12px 14px;line-height:1.45}






















.registered-bottom{grid-column:1/-1}.registered-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.registered-list a{display:block;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 13px;text-decoration:none;color:var(--ink)}.registered-list a:hover{border-color:var(--brand);box-shadow:0 8px 20px rgba(24,38,57,.08)}.registered-list strong{display:block}.registered-list span{display:block;color:var(--muted);font-size:12px;margin-top:4px}























.registry-grid{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:18px;align-items:start}.registry-table td,.registry-table th{white-space:normal}.registry-table small{display:block;color:var(--muted);font-size:12px;margin-top:4px}@media(max-width:1100px){.registry-grid{grid-template-columns:1fr}}























.user-flow-grid{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:18px;align-items:start}.user-flow-grid form{display:contents}.access-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.access-group-title{grid-column:1/-1;margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#eaf4ff;color:#0f4c81;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.access-row{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center}.access-row strong{font-size:13px}.access-row select{min-height:36px}.user-list-panel{grid-column:1/-1}@media(max-width:1100px){.user-flow-grid{grid-template-columns:1fr}.user-flow-grid form{display:grid;gap:14px}.access-row{grid-template-columns:1fr}}



















.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.planStudio{background:linear-gradient(180deg,#ffffff 0%,#f8fbfc 100%)}.planStudioHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.planStudioGrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.planEditor{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px}.planHelp{border:1px solid #d9e8e5;border-radius:10px;background:#f2faf7;padding:14px;display:grid;gap:9px;color:var(--muted);font-size:12px}.planHelp b{color:var(--brand)}.planCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.planCard{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px;text-decoration:none;color:var(--ink);display:grid;gap:10px}.planCardTop{display:flex;justify-content:space-between;gap:10px}.planPrice{font-size:22px;font-weight:900;color:var(--brand-2)}.planPrice small{font-size:11px;color:var(--muted)}.planFeatures{display:grid;gap:5px;color:var(--muted);font-size:12px}@media(max-width:1100px){.subscription-grid,.planStudioGrid{grid-template-columns:1fr}}














































.soft-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.register-upload-form{margin-top:12px;padding-top:2px}.register-upload-form h3{margin-top:0}












































.upload-label{display:inline-flex;margin-bottom:6px;color:var(--brand);font-size:12px;font-weight:800}.editable-cert-table td strong{display:block;min-width:190px}










































.login-logo-wrap{display:flex;justify-content:center;margin-bottom:8px}.login-logo{width:min(230px,72%);height:auto;display:block;object-fit:contain}








































/* Professional login screen */



















.login-page{



















  min-height:100vh;



















  display:grid;



















  place-items:center;



















  padding:32px 18px;



















  background:



















    radial-gradient(circle at 18% 18%, rgba(212,175,55,.20) 0 150px, transparent 151px),



















    radial-gradient(circle at 82% 78%, rgba(21,94,117,.18) 0 190px, transparent 191px),



















    linear-gradient(135deg,#071018 0%,#132131 48%,#0f2f33 100%);



















  color:#17202c;



















}



















.login-page::before{



















  content:"";



















  position:fixed;



















  inset:0;



















  pointer-events:none;



















  background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);



















  background-size:42px 42px;



















  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 82%);



















}



















.login-card{



















  position:relative;



















  width:min(430px,94vw);



















  padding:34px 34px 30px;



















  border:1px solid rgba(255,255,255,.42);



















  border-radius:18px;



















  background:rgba(255,255,255,.96);



















  box-shadow:0 28px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.75);



















  display:grid;



















  gap:15px;



















  overflow:hidden;



















}



















.login-card::before{



















  content:"";



















  position:absolute;



















  inset:0 0 auto 0;



















  height:5px;



















  background:linear-gradient(90deg,#d4af37,#155e75,#0f766e);



















}



















 .login-logo-wrap{




















  display:flex;




















  justify-content:center;




















  align-items:center;




















  margin:4px auto 12px;




















  width:min(310px,88%);




















  height:142px;



















  border-radius:16px;



















  background:linear-gradient(180deg,#ffffff,#f4f7f9);



















  border:1px solid #e3e9ef;



















  box-shadow:0 12px 28px rgba(24,38,57,.10);



















}



















 .login-logo{




















  width:min(255px,92%);




















  max-height:118px;



















  object-fit:contain;



















  display:block;



















}



















.login-card .eyebrow{



















  text-align:center;



















  margin:2px 0 0;



















  color:#b68b1e;



















  letter-spacing:.12em;



















}



















.login-card h1{



















  text-align:center;



















  font-size:24px;



















  line-height:1.2;



















  margin:0 0 6px;



















  color:#101820;



















}



















.login-card label{



















  color:#253344;



















  font-size:13px;



















  gap:7px;



















}



















.login-card input{



















  min-height:46px;



















  border-radius:10px;



















  border-color:#cfd8e3;



















  background:#f9fbfc;



















  padding:12px 13px;



















  font-size:15px;



















}



















.login-card input:focus{



















  background:#fff;



















  border-color:#155e75;



















  outline:4px solid rgba(21,94,117,.14);



















}



















.login-card .btn.primary,



















.login-card button.primary{



















  min-height:46px;



















  margin-top:4px;



















  border-radius:10px;



















  background:linear-gradient(135deg,#132131,#155e75 58%,#0f766e);



















  box-shadow:0 12px 26px rgba(21,94,117,.24);



















  font-size:15px;



















}



















.login-card .notice{



















  margin:0;



















  border-radius:10px;



















}



















@media(max-width:520px){



















  .login-card{padding:28px 22px 24px;border-radius:16px}



















  .login-logo-wrap{width:min(260px,90%);height:122px}



















  .login-logo{width:min(220px,92%)}



















  .login-card h1{font-size:21px}



















}


















































































.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.upload-table-btn[disabled]{opacity:.45;cursor:not-allowed}






































/* Login contrast update for Muni logo */


















.login-page{


















  background:


















    radial-gradient(circle at 18% 18%, rgba(44,145,201,.22) 0 170px, transparent 171px),


















    radial-gradient(circle at 82% 82%, rgba(255,199,44,.13) 0 160px, transparent 161px),


















    linear-gradient(135deg,#030b18 0%,#071d3a 42%,#0b3764 72%,#08233f 100%);


















}


















.login-logo-wrap{


















  background:#ffffff;


















  border-color:rgba(255,255,255,.92);


















  box-shadow:0 18px 38px rgba(0,0,0,.18);


















}


















.login-card{


















  background:rgba(255,255,255,.98);


















}

























































/* Attached-style login redesign */


















.login-page{


















  min-height:100vh;


















  display:grid;


















  place-items:center;


















  padding:34px 18px;


















  background:


















    radial-gradient(circle at 10% 84%, rgba(36,142,226,.42) 0 150px, transparent 151px),


















    radial-gradient(circle at 90% 18%, rgba(10,67,143,.55) 0 230px, transparent 231px),


















    linear-gradient(135deg,#0b63bd 0%,#064b97 38%,#052b63 100%);


















  overflow:hidden;


















}


















.login-page::before{


















  content:"";


















  position:fixed;


















  inset:0;


















  pointer-events:none;


















  background:


















    linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),


















    url("assets/muni-group-logo.png");


















  background-repeat:no-repeat;


















  background-position:120% 58%;


















  background-size:520px auto;


















  opacity:.12;


















  mask-image:linear-gradient(90deg,transparent 0%,#000 50%,#000 100%);


















}


















.pro-login{


















  width:min(760px,94vw);


















  border-radius:22px;


















  padding:52px 64px 42px;


















  background:rgba(255,255,255,.96);


















  border:1px solid rgba(255,255,255,.72);


















  box-shadow:0 30px 90px rgba(0,29,73,.34);


















  display:grid;


















  gap:18px;


















}


















.pro-login::before{height:0;background:none}


















.pro-login .login-logo-wrap{


















  width:260px;


















  height:118px;


















  margin:0 auto 8px;


















  border:2px solid #1d75c9;


















  border-radius:16px;


















  box-shadow:none;


















  background:#fff;


















}


















.pro-login .login-logo{width:220px;max-height:96px}


















.login-welcome{margin:8px 0 0;text-align:center;color:#1473c8;font-size:25px;font-weight:900}


















.pro-login h1{margin:0;text-align:center;color:#10233d;font-size:38px;line-height:1.12;font-weight:900}


















.login-subtitle{margin:-4px 0 18px;text-align:center;color:#71829e;font-size:20px}


















.field-label{gap:9px;color:#233b5f;font-size:15px}


















.field-title{display:flex;align-items:center;gap:8px;font-weight:900}


















.field-box{display:grid;grid-template-columns:48px 1fr 36px;align-items:center;gap:10px;min-height:64px;border:1px solid #d4deeb;border-radius:12px;background:#fff;padding:0 14px;box-shadow:0 8px 24px rgba(20,55,96,.06)}


















.field-box input{border:0;background:transparent;outline:0;min-height:54px;font-size:18px;padding:0;color:#10233d}


















.field-box input:focus{outline:0;border:0;background:transparent}


















.field-icon,.field-side,.feature-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900}


















.field-icon{width:38px;height:38px;background:#e9f2ff;color:#1269bf}.field-side{color:#5d7390}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 0;color:#355071;font-size:16px}.remember-line{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:500}.remember-line input{width:22px;height:22px;min-height:22px}.forgot-link{color:#075fc0;font-weight:700}.login-submit{min-height:64px;border-radius:12px;margin-top:4px;font-size:19px;display:grid;grid-template-columns:1fr auto;padding:0 24px;background:linear-gradient(90deg,#268bf2,#00459d)!important}.secure-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:#8a9ab2;font-size:17px;margin:8px 0 2px}.secure-divider::before,.secure-divider::after{content:"";height:1px;background:#dbe3ee}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;color:#213a5d}.login-features div{display:grid;justify-items:center;gap:8px;border-right:1px solid #dbe3ee}.login-features div:last-child{border-right:0}.feature-icon{width:50px;height:50px;background:#e9f2ff;color:#075fc0}.login-features strong{font-size:16px;font-weight:500}


















@media(max-width:720px){.pro-login{padding:34px 22px;width:min(460px,94vw)}.pro-login h1{font-size:27px}.login-subtitle{font-size:16px}.pro-login .login-logo-wrap{width:220px;height:104px}.pro-login .login-logo{width:188px}.login-features{gap:8px}.login-options{font-size:14px}.secure-divider{font-size:14px;gap:10px}.field-box{grid-template-columns:42px 1fr 28px}.login-features strong{font-size:13px}}




































input[readonly],input:disabled{background:#f5f7fa;color:#53657a}.compact-note{margin:0;width:100%;padding:9px 12px}.icon-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}


































/* Muni tagline logo visibility */
















.pro-login .login-logo-wrap{
















  width:min(420px,92%);
















  height:190px;
















  padding:14px 20px;
















  border:1px solid #d8e5f2;
















  border-radius:18px;
















  background:#ffffff;
















  box-shadow:0 16px 40px rgba(12,52,104,.12);
















}
















.pro-login .login-logo{
















  width:100%;
















  max-width:380px;
















  max-height:158px;
















  object-fit:contain;
















}
















.login-page::before{
















  background:
















    linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),
















    url("assets/muni-login-logo.png");
















  background-repeat:no-repeat;
















  background-position:118% 56%;
















  background-size:560px auto;
















}
















@media(max-width:720px){
  .zms-module-launcher{padding:13px}.zms-module-launcher-head{align-items:flex-start;flex-direction:column}.zms-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.zms-module-tile{min-height:112px;padding:11px}.zms-module-tile strong{font-size:14px}.zms-module-tile span{font-size:11px}
  .pro-login .login-logo-wrap{width:min(330px,94%);height:152px;padding:10px 14px}
















  .pro-login .login-logo{max-width:300px;max-height:128px}
















}


































/* Refined executive login */
















.login-page{
















  min-height:100vh;
















  display:grid;
















  place-items:center;
















  padding:28px 16px;
















  background:
















    radial-gradient(circle at 14% 18%, rgba(45,139,218,.30) 0 190px, transparent 191px),
















    radial-gradient(circle at 86% 82%, rgba(255,196,38,.16) 0 170px, transparent 171px),
















    linear-gradient(140deg,#03132b 0%,#062d62 46%,#075aa6 100%);
















}
















.login-page::before{
















  content:"";
















  position:fixed;
















  inset:0;
















  pointer-events:none;
















  background:
















    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
















    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);
















  background-size:48px 48px;
















  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 58%,transparent 100%);
















}
















.pro-login{
















  width:min(520px,94vw);
















  padding:34px 38px 30px;
















  border-radius:24px;
















  background:rgba(255,255,255,.98);
















  border:1px solid rgba(255,255,255,.82);
















  box-shadow:0 34px 90px rgba(0,22,58,.42);
















  gap:14px;
















}
















.pro-login::before{
















  content:"";
















  position:absolute;
















  inset:0 0 auto 0;
















  height:6px;
















  background:linear-gradient(90deg,#ffc629,#258fca,#064f9e);
















}
















.pro-login .login-logo-wrap{
















  width:min(330px,90%);
















  height:150px;
















  margin:0 auto 4px;
















  padding:12px 16px;
















  border:1px solid #d7e5f4;
















  border-radius:20px;
















  background:linear-gradient(180deg,#fff,#f8fbff);
















  box-shadow:0 18px 42px rgba(9,58,118,.13);
















}
















.pro-login .login-logo{
















  width:100%;
















  max-width:300px;
















  max-height:126px;
















  object-fit:contain;
















}
















.login-welcome{
















  margin:8px 0 0;
















  color:#0869bd;
















  font-size:20px;
















  font-weight:900;
















}
















.pro-login h1{
















  font-size:30px;
















  letter-spacing:0;
















  color:#10223e;
















}
















.login-subtitle{
















  margin:-5px 0 12px;
















  font-size:15px;
















  color:#71829e;
















}
















.field-label{gap:8px}.field-title{font-size:13px;color:#1e3658}.field-box{
















  min-height:56px;
















  grid-template-columns:42px 1fr 28px;
















  border-radius:14px;
















  border-color:#cfdae8;
















  background:#fbfdff;
















  box-shadow:none;
















}
















.field-box:focus-within{
















  border-color:#1472c8;
















  box-shadow:0 0 0 4px rgba(20,114,200,.12);
















  background:#fff;
















}
















.field-box input{min-height:50px;font-size:16px}.field-icon{width:34px;height:34px}.field-side{font-size:12px;opacity:.65}.login-options{font-size:14px;margin:0}.remember-line input{width:18px;height:18px;min-height:18px}.login-submit{
















  min-height:56px;
















  border-radius:14px;
















  margin-top:2px;
















  background:linear-gradient(90deg,#268bf2,#0755b4 58%,#003f91)!important;
















  box-shadow:0 16px 30px rgba(7,85,180,.28);
















}
















.secure-divider{font-size:14px;margin:2px 0;color:#8b9ab0}.login-features{gap:8px}.feature-icon{width:42px;height:42px}.login-features strong{font-size:13px;color:#294262}.login-card .notice{font-size:13px;padding:10px 12px}
















@media(max-width:560px){
















  .pro-login{padding:26px 20px 24px;border-radius:20px}
















  .pro-login .login-logo-wrap{width:min(285px,94%);height:130px}
















  .pro-login .login-logo{max-width:260px;max-height:110px}
















  .pro-login h1{font-size:23px}
















  .login-welcome{font-size:18px}
















  .login-features{grid-template-columns:1fr 1fr 1fr}
















}



































.login-submit{display:flex!important;justify-content:center!important;grid-template-columns:none!important}.login-options{justify-content:flex-start!important}



















































.attachment-box{border:1px solid var(--line);border-radius:10px;background:#f8fbfc;padding:14px;display:grid;gap:10px}.attachment-box input[type=file]{background:#fff}.attached-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.attached-file.muted{color:var(--muted)}






























.attachment-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.attachment-head strong{display:block;font-size:15px}.real-file-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.selected-file{border:1px dashed #b8c7d7;border-radius:8px;background:#fff;padding:10px 12px;color:#243647;font-weight:800}.attachment-box{position:relative}




























.native-file-label{border:2px dashed #8fb6dc;background:#fff;border-radius:10px;padding:14px;display:grid;gap:8px;color:#123f68}.native-file-input{position:static!important;left:auto!important;width:100%!important;height:auto!important;opacity:1!important;background:#fff}.attachment-box .selected-file{font-weight:800;color:#123f68}



























.nav-bottom{margin-top:22px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}








































.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.print-panel{margin-top:18px}@media print{.report-grid,.section-title .top-actions,.report-actions{display:none!important}}
























.register-missing-list li{align-items:center}.register-missing-list .icon-btn{margin-left:auto}































.user-hero{align-items:center}.user-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.user-stat{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px;box-shadow:0 10px 28px rgba(24,38,57,.06)}.user-stat span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.user-stat strong{display:block;font-size:30px;color:var(--ink);margin:6px 0}.user-stat small{color:var(--muted)}.user-stat.owner{border-top:4px solid #0f4c81}.user-stat.company{border-top:4px solid #188f7a}.user-stat.active{border-top:4px solid #c99700}.user-management-shell{display:grid;grid-template-columns:minmax(380px,520px) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}.user-editor-card .panel-head p,.user-access-card .panel-head p,.user-list-panel .panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-form-grid label{display:grid;gap:6px}.user-form-grid label small{font-size:12px;color:var(--muted);line-height:1.35}.user-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.inline-filter-form{display:flex;align-items:center;gap:8px}.inline-filter-form label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase}.inline-filter-form select{min-height:34px;min-width:190px}.compact-access{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-height:560px;overflow:auto;padding-right:4px}.compact-access .access-row{grid-template-columns:1fr;gap:8px}.user-register-grid{display:grid;grid-template-columns:1fr;gap:18px}.user-card-list{display:grid;gap:10px}.user-card-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) minmax(220px,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}.user-card-row strong,.user-card-row small{display:block}.user-card-row small{color:var(--muted);margin-top:4px}.user-list-panel table small{display:block;color:var(--muted);margin-top:4px}@media(max-width:1100px){.user-stats,.user-management-shell{grid-template-columns:1fr}.user-form-grid{grid-template-columns:1fr}.user-card-row{grid-template-columns:1fr}.user-actions{justify-content:stretch}.user-actions .btn{flex:1}}
/* Keep user creation and rights controls above the directory at every desktop width. */
.user-management-shell{grid-template-columns:minmax(0,1fr);position:relative;z-index:2;width:100%;}
.user-editor-card,.user-access-card{position:relative;z-index:2;min-width:0;overflow:visible;}
.user-register-grid{position:relative;z-index:1;clear:both;}
.user-management-shell + .user-register-grid{margin-top:24px;}
@media(max-width:1100px){.user-management-shell{grid-template-columns:minmax(0,1fr);}.user-editor-card,.user-access-card{width:100%;}}









.dashboard-links .metric{position:relative;text-decoration:none}.dashboard-links .metric small{display:block;margin-top:6px;color:var(--muted);font-weight:700}.dashboard-links .metric.registry{border-top:4px solid #6d5dfc}.dashboard-links .metric.vessel{border-top:4px solid #0f766e}.dashboard-links .metric.vehicle{border-top:4px solid #b7791f}.quick-registers a{border-left:4px solid var(--brand)}
















.password-self-card{margin-bottom:18px}.password-self-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.password-self-form label{display:grid;gap:6px}.password-self-form input{min-height:42px}@media(max-width:1100px){.password-self-form{grid-template-columns:1fr}.password-self-form .btn{width:100%}}














.master-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.master-link-card{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 10px 26px rgba(24,38,57,.06)}.master-link-card:hover{border-color:var(--brand);transform:translateY(-1px)}.master-link-card strong{font-size:18px}.master-link-card span{color:var(--muted);line-height:1.45}.master-link-card em{font-style:normal;color:var(--brand);font-weight:800}.master-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.master-summary-grid div{border:1px solid var(--line);border-radius:8px;background:#f8fbfc;padding:14px}.master-summary-grid strong{display:block;font-size:26px;color:var(--brand-2)}.master-summary-grid span{color:var(--muted);font-weight:700}.master-window-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;align-items:start}.master-pill-list{display:flex;flex-wrap:wrap;gap:10px}.master-pill-list span{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#f8fbfc;color:var(--ink);font-weight:700}@media(max-width:900px){.master-link-grid,.master-window-grid,.master-summary-grid{grid-template-columns:1fr}}












.master-action-btn{min-height:70px;justify-content:space-between;font-size:16px}.master-action-btn span{background:rgba(255,255,255,.18);border-radius:999px;padding:4px 10px}.master-row-list{display:grid;gap:10px}.master-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 14px}.master-row strong,.master-row small{display:block}.master-row small{color:var(--muted);margin-top:4px}.master-row .icon-btn{white-space:nowrap}@media(max-width:700px){.master-row{align-items:flex-start;flex-direction:column}.master-row .icon-btn{width:100%;justify-content:center}}










.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row-actions form{margin:0}.icon-btn.danger{border-color:#f2b8b5;color:#b42318;background:#fff5f5}.icon-btn.danger:hover{background:#ffe8e6}








.report small{display:block;color:var(--muted);font-weight:800;margin-top:6px}.report-popup-head{display:grid;gap:4px;margin-bottom:12px}.report-popup-head h2{margin:0;color:var(--ink)}.report-popup-head p{margin:0;color:var(--muted)}.report-popup-head span{font-size:12px;color:var(--brand);font-weight:800}.preview-modal.report-open .preview-dialog{max-width:min(1180px,96vw)}.preview-modal.report-open .preview-body{background:#fff}.report-preview-content table small{display:block;color:var(--muted);margin-top:3px}@media print{body>*:not(.preview-modal){display:none!important}.preview-modal{position:static!important;display:block!important;background:#fff!important}.preview-dialog{box-shadow:none!important;max-width:none!important;width:100%!important}.preview-head{display:none!important}.preview-body{max-height:none!important;overflow:visible!important}}









/* Official report preview and print styling */


.preview-modal.report-open .preview-dialog{max-width:min(1220px,96vw);border-radius:10px;background:#f4f7fb}


.preview-modal.report-open .preview-head{background:#0b3558;color:#fff;border-bottom:0;padding:14px 18px}


.preview-modal.report-open .preview-head .btn{background:#fff;color:#0b3558;border-color:#d7e3ef}


.preview-modal.report-open .preview-body{padding:22px;background:#f4f7fb}


.report-preview-content{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:22px;color:#17202c;box-shadow:0 12px 32px rgba(15,35,55,.08)}


.official-report-head{border:1px solid #cfdce8;border-radius:8px;overflow:hidden;margin-bottom:18px;background:#fff}


.official-brand{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(90deg,#0b3558,#0f5f8f);color:#fff}


.official-brand img{width:96px;height:54px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}


.official-brand strong{display:block;font-size:18px;letter-spacing:.02em}.official-brand span{display:block;font-size:12px;opacity:.9;margin-top:2px}


.official-report-title{padding:18px 18px 12px;border-bottom:1px solid #e2e8f0}.official-report-title h2{margin:0;font-size:24px;color:#102033}.official-report-title p{margin:6px 0 0;color:#5d6b7a;font-size:13px}


.official-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#f7fafc}.official-meta span{padding:10px 14px;border-right:1px solid #e2e8f0;font-size:12px;font-weight:800;color:#334155}.official-meta span:last-child{border-right:0}


.report-preview-content .table-wrap{border:1px solid #d9e2ec;border-radius:8px;overflow:auto;background:#fff}.report-preview-content table{width:100%;border-collapse:collapse;font-size:12px}.report-preview-content th{background:#eaf1f7;color:#102033;text-transform:uppercase;font-size:11px;letter-spacing:.04em;border-bottom:1px solid #cfdce8;padding:10px}.report-preview-content td{border-bottom:1px solid #edf2f7;padding:9px 10px;vertical-align:top}.report-preview-content tr:nth-child(even) td{background:#fbfdff}.report-preview-content td strong{color:#102033}.report-preview-content table small{display:block;color:#64748b;margin-top:3px}.report-preview-content .status{background:#eef6ff;border-color:#cfe5fb;color:#0b4f7a}


@media print{html,body{background:#fff!important;color:#111!important}.preview-modal.report-open{position:static!important;display:block!important;background:#fff!important;padding:0!important}.preview-modal.report-open .preview-dialog{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.preview-modal.report-open .preview-head{display:none!important}.preview-modal.report-open .preview-body{padding:0!important;background:#fff!important;max-height:none!important;overflow:visible!important}.report-preview-content{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.official-brand{background:#0b3558!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.official-brand img{width:82px;height:46px}.official-report-title h2{font-size:20px}.official-meta{grid-template-columns:repeat(3,1fr)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-preview-content .table-wrap{border-radius:0;overflow:visible}.report-preview-content table{font-size:10.5px;page-break-inside:auto}.report-preview-content tr{page-break-inside:avoid;page-break-after:auto}.report-preview-content th{background:#eaf1f7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-preview-content td,.report-preview-content th{padding:7px 8px}a[href]:after{content:''!important}@page{size:A4 landscape;margin:12mm}}






.report-hero{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.report-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.report-summary-strip div{background:#0b3558;color:#fff;border-radius:8px;padding:14px 16px}.report-summary-strip strong{display:block;font-size:26px}.report-summary-strip span{font-size:12px;opacity:.88;font-weight:800}.modern-report-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modern-report{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;border-top:4px solid #64748b}.modern-report.blue{border-top-color:#0f5f8f}.modern-report.danger{border-top-color:#b42318}.modern-report.amber{border-top-color:#b7791f}.modern-report>div:first-child{display:grid;gap:6px}.report-count{text-align:right;background:#f5f8fb;border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:74px}.report-count b{display:block;font-size:22px;color:#0b3558}.report-count small{font-size:11px;color:var(--muted);font-weight:800}.modern-report .report-actions{grid-column:1/-1;justify-content:flex-end}@media(max-width:800px){.report-summary-strip{grid-template-columns:repeat(2,1fr)}.modern-report{grid-template-columns:1fr}.report-count{text-align:left}.modern-report .report-actions{justify-content:stretch}.modern-report .report-actions .icon-btn{flex:1;justify-content:center}}



/* Zeyora Flow inspired official report preview */
.preview-modal.report-open .preview-dialog{max-width:min(1180px,96vw);background:#edf2f7;border-radius:12px}.preview-modal.report-open .preview-head{background:#111827;color:#fff}.preview-modal.report-open .preview-body{background:#edf2f7;padding:20px}.report-preview-content{font-family:Arial,Helvetica,sans-serif;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.zeyora-report-head{background:#fff}.zeyora-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid #d8e1ec}.zeyora-brand{display:flex;align-items:center;gap:14px}.zeyora-brand img{width:112px;height:62px;object-fit:contain;border:1px solid #d8e1ec;border-radius:8px;background:#fff;padding:5px}.zeyora-brand strong{display:block;font-size:20px;color:#0f172a}.zeyora-brand span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;margin-top:3px}.zeyora-doc-box{min-width:190px;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;text-align:right}.zeyora-doc-box span{display:block;background:#0f172a;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;padding:7px 10px}.zeyora-doc-box strong{display:block;color:#0f172a;padding:10px;font-size:15px}.zeyora-title-band{background:linear-gradient(90deg,#0f5f8f,#0b3558);color:#fff;padding:18px 22px}.zeyora-title-band span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;opacity:.85}.zeyora-title-band h2{margin:5px 0 4px;font-size:26px;color:#fff}.zeyora-title-band p{margin:0;font-size:13px;opacity:.92}.zeyora-info-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d8e1ec}.zeyora-info-grid div{padding:12px 16px;border-right:1px solid #d8e1ec;background:#f8fafc}.zeyora-info-grid div:last-child{border-right:0}.zeyora-info-grid span{display:block;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:900;letter-spacing:.05em}.zeyora-info-grid strong{display:block;margin-top:4px;color:#0f172a;font-size:14px}.zeyora-section-title{margin:18px 22px 0;background:#e8f1f8;border-left:5px solid #0f5f8f;color:#0f172a;padding:10px 12px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.zeyora-report-table{margin:12px 22px 20px;border:1px solid #cbd5e1;border-radius:8px;overflow:auto}.zeyora-report-table table{border-collapse:collapse;width:100%;font-size:12px}.zeyora-report-table th{background:#111827!important;color:#fff!important;padding:10px 9px;text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.zeyora-report-table td{padding:9px;border-bottom:1px solid #e2e8f0;vertical-align:top;color:#1f2937}.zeyora-report-table tr:nth-child(even) td{background:#f8fafc}.zeyora-report-table td strong{color:#111827}.zeyora-report-table small{display:block;color:#64748b;margin-top:3px}.zeyora-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:4px 22px 22px}.zeyora-signatures div{border:1px solid #cbd5e1;border-radius:8px;padding:12px;background:#fff}.zeyora-signatures span{display:block;font-size:11px;text-transform:uppercase;color:#64748b;font-weight:900}.zeyora-signatures strong{display:block;margin-top:18px;color:#111827;font-size:13px}
@media(max-width:800px){.zeyora-topline{flex-direction:column;align-items:stretch}.zeyora-doc-box{text-align:left}.zeyora-info-grid,.zeyora-signatures{grid-template-columns:1fr}.zeyora-info-grid div{border-right:0;border-bottom:1px solid #d8e1ec}}
@media print{.report-preview-content{border:0!important;border-radius:0!important;box-shadow:none!important}.zeyora-topline{padding:12px 0}.zeyora-title-band{background:#0b3558!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:12px 14px}.zeyora-title-band h2{font-size:20px}.zeyora-info-grid div{padding:8px 10px}.zeyora-section-title{margin:12px 0 8px}.zeyora-report-table{margin:0 0 14px;border-radius:0;overflow:visible}.zeyora-report-table th{background:#111827!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.zeyora-report-table td,.zeyora-report-table th{padding:6px;font-size:10px}.zeyora-signatures{padding:6px 0 0;gap:8px}.zeyora-signatures div{padding:8px}.zeyora-brand img{width:78px;height:44px}.zeyora-doc-box strong{padding:7px}.zeyora-doc-box span{padding:5px 7px}}

/* Clean official report preview */
.official-report-head{background:#fff;border-bottom:1px solid #d8e1ec}
.official-report-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px 16px}
.official-report-brand{display:flex;align-items:center;gap:16px;min-width:0}
.official-report-brand img{width:128px;height:72px;object-fit:contain;border:1px solid #d8e1ec;border-radius:8px;background:#fff;padding:6px}
.official-report-brand strong{display:block;color:#0f172a;font-size:22px;line-height:1.15}
.official-report-brand span{display:block;color:#0b5d8b;font-size:13px;font-weight:900;margin-top:4px;text-transform:uppercase}
.official-report-brand em{display:block;color:#64748b;font-size:12px;font-style:normal;margin-top:3px}
.official-report-ref{min-width:230px;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;text-align:right;background:#fff}
.official-report-ref span{display:block;background:#0b3558;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}
.official-report-ref strong{display:block;color:#0f172a;font-size:16px;padding:10px 12px 2px}
.official-report-ref small{display:block;color:#64748b;padding:0 12px 10px}
.official-report-title{background:linear-gradient(90deg,#073763,#0b5d8b);color:#fff;padding:18px 24px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.official-report-title span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.86}
.official-report-title h2{color:#fff;font-size:28px;margin:5px 0 4px;line-height:1.15}
.official-report-title p{margin:0;color:#e7f2fb;font-size:13px;line-height:1.45}
.official-report-meta{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d8e1ec;border-bottom:1px solid #d8e1ec}
.official-report-meta div{background:#f8fafc;border-right:1px solid #d8e1ec;padding:12px 14px;min-height:68px}
.official-report-meta div:last-child{border-right:0}
.official-report-meta span{display:block;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.official-report-meta strong{display:block;color:#0f172a;font-size:13px;margin-top:5px;line-height:1.25}
.official-report-meta small{display:block;color:#64748b;font-size:11px;margin-top:2px}
.report-header-details{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8e1ec;border-bottom:1px solid #d8e1ec}
.report-header-details div{background:#fbfdfd;border-right:1px solid #d8e1ec;border-bottom:1px solid #d8e1ec;padding:10px 12px;min-height:58px}
.report-header-details div:nth-child(3n){border-right:0}
.report-header-details span{display:block;color:#607080;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.report-header-details strong{display:block;color:#10242b;font-size:13px;margin-top:4px;line-height:1.25}
.report-header-details small{display:block;color:#64748b;font-size:11px;margin-top:2px}
.official-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 24px 10px;background:#e8f1f8;border-left:5px solid #0b5d8b;padding:10px 12px;color:#0f172a}
.official-section-title span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.official-section-title strong{font-size:12px;color:#0b5d8b}
.official-report-table{margin:0 24px 22px;border:1px solid #cbd5e1;border-radius:8px;overflow:auto;background:#fff}
.official-report-table table{width:100%;min-width:0;border-collapse:collapse;font-size:12px;table-layout:fixed}
.official-report-table th{background:#111827!important;color:#fff!important;text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.06em;padding:10px 9px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.official-report-table td{padding:10px 9px;border-bottom:1px solid #e2e8f0;vertical-align:top;color:#1f2937;word-break:break-word}
.official-report-table tr:nth-child(even) td{background:#f8fafc}
.official-report-table td strong{display:block;color:#0f172a;font-size:12px;line-height:1.35}
.official-report-table small{display:block;color:#64748b;font-size:10.5px;margin-top:4px;line-height:1.3}
.official-report-table .file-ok{color:#087443;font-weight:900}
.official-report-table .file-missing{color:#b42318;font-weight:900}
.official-report-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 24px 24px;margin-top:auto}
.official-report-footer div{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:13px}
.official-report-footer span{display:block;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.official-report-footer strong{display:block;color:#111827;font-size:13px;margin-top:20px}
@media(max-width:900px){.official-report-top{flex-direction:column;align-items:stretch}.official-report-ref{text-align:left}.official-report-meta,.official-report-footer{grid-template-columns:1fr}.official-report-meta div{border-right:0;border-bottom:1px solid #d8e1ec}.official-report-table{margin-left:14px;margin-right:14px}.official-section-title{margin-left:14px;margin-right:14px}}
@media print{.official-report-top{padding:10px 0}.official-report-brand img{width:82px;height:48px}.official-report-brand strong{font-size:18px}.official-report-title{background:#0b3558!important;padding:12px 14px}.official-report-title h2{font-size:20px}.official-report-meta{grid-template-columns:repeat(3,1fr)}.official-report-meta div{padding:7px 9px;min-height:0}.official-section-title{margin:12px 0 8px}.official-report-table{margin:0 0 12px;border-radius:0;overflow:visible}.official-report-table table{font-size:9.5px}.official-report-table th,.official-report-table td{padding:5px 6px}.official-report-footer{padding:4px 0 0;gap:8px}.official-report-footer div{padding:8px}@page{size:A4 landscape;margin:10mm}}

/* ShipmentSMS Clearance Reports inspired preview only */
.preview-modal.report-open .preview-dialog{background:#f4f7f8}
.preview-modal.report-open .preview-head{background:#10242b;color:#fff}
.preview-modal.report-open .preview-head .btn{background:#fff;color:#10242b;border-color:#d8e0e6}
.preview-modal.report-open .preview-dialog{max-width:min(1180px,98vw);width:min(1180px,98vw);background:#eef2f5;border-radius:8px}
.preview-modal.report-open .preview-body{background:#eef2f5;padding:18px;display:flex;justify-content:center;align-items:flex-start}
.clearance-style-report{border-radius:8px;border:1px solid #d8e0e6;box-shadow:0 14px 34px rgba(16,36,43,.12);background:#fff}
.clearance-style-report{min-height:760px;display:flex;flex-direction:column}
.clearance-style-report .official-report-title{background:linear-gradient(135deg,#0f766e,#10242b)!important}
.clearance-style-report .official-report-ref span,.clearance-style-report .official-report-table th{background:#10242b!important;color:#fff!important}
.clearance-style-report .official-report-brand span,.clearance-style-report .official-section-title strong,.clearance-style-report .official-report-table .file-ok{color:#0f766e}
.clearance-style-report .official-section-title{background:#edf8f6;border-left-color:#0f766e}
.clearance-style-report .official-report-meta div{background:#fbfdfd}
.clearance-style-report .official-report-table tr:nth-child(even) td{background:#fbfdfd}
.renewal-preview-report .official-report-title{background:linear-gradient(135deg,#8a1f11,#10242b)!important}
.renewal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 24px 0}
.renewal-summary div{border:1px solid #d8e0e6;border-radius:8px;background:#fff;padding:12px}
.renewal-summary span{display:block;color:#607080;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.renewal-summary strong{display:block;color:#10242b;font-size:24px;margin-top:4px}
.renewal-report-table table{font-size:12px;table-layout:fixed}
.renewal-report-table td{line-height:1.35}
.renewal-report-table td:nth-child(5) strong{font-size:13px;color:#8a1f11}
.renewal-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;background:#e8f1f8;color:#0b5d8b;white-space:normal;line-height:1.2}
.renewal-badge.expired{background:#fee4e2;color:#b42318}
.renewal-badge.expiring-in-7-days,.renewal-badge.expiring-in-30-days{background:#fef0c7;color:#b54708}
.renewal-badge.expiring-in-60-days{background:#e0f2fe;color:#175cd3}
.renewal-badge.no-expiry-date{background:#f2f4f7;color:#475467}
@media(max-width:900px){.renewal-summary{grid-template-columns:1fr 1fr;padding-left:14px;padding-right:14px}.renewal-report-table table{min-width:980px}}
@media print{.print-panel{display:none!important}.clearance-style-report .official-report-title{background:#0f766e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.clearance-style-report .official-report-ref span,.clearance-style-report .official-report-table th{background:#10242b!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media print{.clearance-style-report{min-height:185mm;display:flex!important;flex-direction:column!important}.report-header-details{grid-template-columns:repeat(3,1fr)!important}.report-header-details div{padding:6px 8px;min-height:0}.official-report-table{margin-bottom:8px!important}.official-report-footer{margin-top:auto!important;padding-top:14px!important}.official-report-footer strong{margin-top:14px!important}@page{size:A4 landscape;margin:10mm}}

/* Clearance Status Report document layout */
.clearance-status-report{max-width:1120px;margin:0 auto;border-radius:4px!important;border:1px solid #cfd8e3!important;box-shadow:none!important;background:#fff!important;min-height:720px!important}
.preview-modal.report-open .clearance-status-report{width:1120px;max-width:100%;min-height:792px!important;box-shadow:0 16px 42px rgba(16,36,43,.16)!important}
.clearance-status-report .official-report-head{border-bottom:0;background:#fff}
.clearance-status-report .official-report-top{padding:14px 18px 10px;border-top:6px solid #0f766e;border-bottom:1px solid #d8e0e6}
.clearance-status-report .official-report-brand img{width:88px;height:50px;border:0;padding:0}
.clearance-status-report .official-report-brand strong{font-size:18px;color:#172026}
.clearance-status-report .official-report-brand span{font-size:11px;color:#0f766e;letter-spacing:.04em}
.clearance-status-report .official-report-brand em{font-size:11px;color:#607080}
.clearance-status-report .official-report-ref{min-width:210px;border:1px solid #d8e0e6;border-radius:4px;text-align:left}
.clearance-status-report .official-report-ref span{background:#f4f7f8!important;color:#52616d!important;border-bottom:1px solid #d8e0e6;padding:6px 9px}
.clearance-status-report .official-report-ref strong{font-size:14px;padding:8px 9px 1px}
.clearance-status-report .official-report-ref small{font-size:10px;padding:0 9px 7px}
.clearance-status-report .official-report-title{background:#fff!important;color:#172026!important;padding:14px 18px 8px;border-bottom:0}
.clearance-status-report .official-report-title span{color:#0f766e;opacity:1;font-size:10px}
.clearance-status-report .official-report-title h2{color:#172026!important;font-size:22px;margin:3px 0}
.clearance-status-report .official-report-title p{color:#607080!important;font-size:12px}
.clearance-status-report .report-header-details{margin:0 18px 12px;border:1px solid #d8e0e6;border-radius:4px;overflow:hidden;grid-template-columns:repeat(3,1fr)}
.clearance-status-report .report-header-details div{min-height:48px;padding:8px 10px;background:#fbfcfd}
.clearance-status-report .report-header-details span{font-size:9.5px;color:#607080}
.clearance-status-report .report-header-details strong{font-size:12px;color:#172026}
.clearance-status-report .official-section-title{margin:12px 18px 8px;background:#f4f7f8;border-left:4px solid #0f766e;border-radius:0;padding:8px 10px}
.clearance-status-report .official-section-title span{font-size:11px}
.clearance-status-report .official-report-table{margin:0 18px 12px;border-radius:4px;border-color:#d8e0e6}
.clearance-status-report .official-report-table{overflow:visible}
.clearance-status-report .official-report-table table{font-size:11px;min-width:0!important;width:100%!important;table-layout:fixed}
.clearance-status-report .official-report-table th{background:#10242b!important;padding:8px 7px;font-size:9.5px;letter-spacing:.04em}
.clearance-status-report .official-report-table td{padding:7px;border-bottom-color:#e7edf2}
.clearance-status-report .official-report-table th,.clearance-status-report .official-report-table td{white-space:normal;overflow-wrap:anywhere}
.clearance-status-report .official-report-table td strong{font-size:11.5px}
.clearance-status-report .status,.clearance-status-report .renewal-badge{border-radius:4px;padding:4px 6px;font-size:9.5px}
.clearance-status-report .renewal-summary{padding:4px 18px 0;gap:8px}
.clearance-status-report .renewal-summary div{border-radius:4px;padding:9px 10px;background:#fbfcfd}
.clearance-status-report .renewal-summary strong{font-size:20px;color:#172026}
.clearance-status-report .official-report-footer{padding:12px 18px 18px;gap:12px}
.clearance-status-report .official-report-footer div{border-radius:4px;padding:10px;min-height:68px}
.clearance-status-report .official-report-footer span{font-size:10px}
.clearance-status-report .official-report-footer strong{margin-top:16px;border-top:1px solid #cfd8e3;padding-top:8px}
@media print{.clearance-status-report{max-width:none!important;min-height:185mm!important;border:0!important}.clearance-status-report .official-report-top{padding:8px 0 7px}.clearance-status-report .official-report-title{padding:9px 0 6px}.clearance-status-report .report-header-details,.clearance-status-report .official-section-title,.clearance-status-report .official-report-table{margin-left:0!important;margin-right:0!important}.clearance-status-report .official-report-footer{padding-left:0!important;padding-right:0!important}.clearance-status-report .official-report-table th,.clearance-status-report .official-report-table td{padding:5px 6px}.clearance-status-report .renewal-summary{padding-left:0!important;padding-right:0!important}}

/* Task Dashboard */
.top-alert-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 11px;border:1px solid #cfe2ea;border-radius:999px;background:#f2fbfd;color:#155e75;text-decoration:none;font-weight:800}.top-alert-link span{font-size:12px}.top-alert-link strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#155e75;color:#fff;font-size:12px}.top-alert-link.messages{background:#f5f8ff;border-color:#cdd9ff;color:#175cd3}.top-alert-link.messages strong{background:#175cd3}
.message-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.4fr);gap:18px}.message-thread-list{display:grid;gap:10px}.message-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:grid;gap:8px}.message-card.unread{border-left:5px solid #175cd3;background:#f8fbff}.message-card div:first-child{display:flex;justify-content:space-between;gap:10px}.message-card span,.message-card small{color:var(--muted);font-size:12px}.message-card p{margin:0;color:var(--ink);line-height:1.45}.message-popup{position:fixed;right:22px;bottom:22px;z-index:30;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #cdd9ff;border-left:5px solid #175cd3;border-radius:10px;box-shadow:0 18px 50px rgba(16,24,40,.2);padding:16px;display:grid;gap:8px}.message-popup strong{color:#102a56}.message-popup p{margin:0;line-height:1.45}.message-popup-close{position:absolute;top:8px;right:8px;min-height:26px;width:26px;padding:0;border-radius:999px;font-size:12px}.message-popup .row-actions{margin-top:4px}@media(max-width:1100px){.message-layout{grid-template-columns:1fr}.message-popup{right:12px;bottom:12px}}
.message-layout{align-items:start;grid-template-columns:minmax(340px,.78fr) minmax(0,1.45fr)}
.message-compose{position:sticky;top:88px;overflow:hidden}
.message-compose .panel-head{background:#f7faf9;border-bottom:1px solid var(--line)}
.message-compose select[name="assigned_to"]{border-color:#8eb9b3;background:#f8fffd;font-weight:700}
.message-inbox{min-height:520px;overflow:hidden}
.message-inbox .panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
.message-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafb}
.message-tools input{min-height:40px;background:#fff}
.message-filter-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}
.message-filter-tabs button{min-height:32px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#52616d;font-weight:750;cursor:pointer}
.message-filter-tabs button.active{background:#0f766e;color:#fff}
.message-thread-list{padding:12px;background:#f6f8fa;max-height:720px;overflow:auto}
.message-card{border-radius:8px;padding:14px;box-shadow:0 3px 12px rgba(15,23,42,.04)}
.message-card:hover{border-color:#9fbcb8;box-shadow:0 7px 20px rgba(15,23,42,.08)}
.message-card[hidden]{display:none!important}
@media(max-width:1100px){.message-compose{position:static}.message-tools{grid-template-columns:1fr}.message-filter-tabs{overflow:auto}.message-filter-tabs button{flex:1 0 auto}}
.kitchen-hero{border-left:4px solid #0f766e}
.kitchen-metrics{grid-template-columns:repeat(5,minmax(130px,1fr))}
.kitchen-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.5fr);gap:16px;align-items:start}
.kitchen-list-panel,.kitchen-workspace{overflow:hidden}
.kitchen-list-panel .panel-head{display:grid;gap:10px}
.kitchen-list-panel .panel-head input{width:100%}
.kitchen-project-list{display:grid;gap:7px;padding:10px;max-height:720px;overflow:auto;background:#f6f8fa}
.kitchen-project-item{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;transition:.16s ease}
.kitchen-project-item:hover,.kitchen-project-item.active{border-color:#0f766e;background:#f1faf7;box-shadow:0 6px 18px rgba(15,118,110,.09)}
.kitchen-project-item div{display:grid;gap:3px;min-width:0}.kitchen-project-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kitchen-project-item span,.kitchen-project-item small{font-size:11px;color:var(--muted)}
.kitchen-project-item>small{grid-column:1/-1}.kitchen-status{white-space:nowrap;text-transform:capitalize}
.kitchen-stage-track{display:flex;gap:6px;padding:12px 14px;overflow:auto;border-bottom:1px solid var(--line);background:#f8fafb}
.kitchen-stage-track span{flex:0 0 auto;padding:6px 9px;border:1px solid #d7e0e6;border-radius:6px;background:#fff;color:#607080;font-size:11px;font-weight:750}
.kitchen-stage-track span.active{border-color:#0f766e;background:#0f766e;color:#fff}
.kitchen-detail-grid{padding:14px}.kitchen-design-preview{margin:0 14px 14px;padding:14px;border:1px solid #cfe2dd;border-radius:8px;background:#f4faf8}.kitchen-design-preview h4{margin:0 0 7px}.kitchen-design-preview p{margin:0;line-height:1.55}
.kitchen-action-form,.kitchen-feedback{display:grid;gap:10px;padding:14px;border-top:1px solid var(--line)}.kitchen-action-form{grid-template-columns:repeat(3,minmax(0,1fr))}.kitchen-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.kitchen-feedback{grid-template-columns:180px 1fr auto;align-items:end;background:#f8fafb}
.kitchen-feedback{grid-template-columns:1fr;align-items:stretch;margin:0 14px 14px;padding:16px;border:1px solid #cfe2dd;border-radius:8px;background:#f7fbfa}.kitchen-feedback-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.kitchen-feedback-head h4,.kitchen-feedback-head p{margin:0}.kitchen-feedback-head p{margin-top:4px;color:var(--muted);font-size:12px}.kitchen-feedback-head label{width:150px}.kitchen-feedback-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kitchen-feedback-check{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.kitchen-feedback-check input{width:17px;height:17px;min-height:0;margin:1px 0 0;accent-color:#0f766e}.kitchen-feedback-check span{font-size:13px;line-height:1.35}.kitchen-feedback-remarks{margin:0}.kitchen-feedback>.btn{justify-self:end}.kitchen-feedback-summary{margin:0 14px 14px;padding:15px;border:1px solid #b9dcd4;border-radius:8px;background:#f3faf8}.kitchen-feedback-summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.kitchen-feedback-summary-head>div{display:flex;align-items:baseline;gap:10px}.kitchen-feedback-summary-head span{font-size:13px;font-weight:800;color:#0f766e}.kitchen-feedback-summary-head strong{font-size:20px}.kitchen-feedback-summary-head small{color:var(--muted)}.kitchen-feedback-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kitchen-feedback-answer-grid>div{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:6px;background:#fff;border:1px solid var(--line)}.kitchen-feedback-answer-grid span{font-size:11px;font-weight:900;text-transform:uppercase}.kitchen-feedback-answer-grid .yes span{color:#0f766e}.kitchen-feedback-answer-grid .no span{color:#a13d3d}.kitchen-feedback-answer-grid p{margin:0;font-size:12px}.kitchen-feedback-summary-remarks{display:grid;gap:4px;margin:11px 0 0;padding-top:11px;border-top:1px solid #d7e6e2;font-size:13px}.kitchen-feedback-summary-remarks strong{font-size:12px;color:var(--muted)}
.kitchen-design-editor{margin-bottom:16px;border-left:4px solid #0f766e}.kitchen-design-editor .form-grid{padding:0 16px 16px}.kitchen-design-editor textarea{min-height:104px}
.kitchen-customer-master,.kitchen-record-preview{margin-bottom:16px}.kitchen-customer-master .form-grid{padding:0 16px 16px}.kitchen-customer-master .table-wrap{border-top:1px solid var(--line)}.kitchen-customer-details{padding:0 16px 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.kitchen-customer-details .span-2{grid-column:span 2}.kitchen-revision-list{display:grid;gap:10px;padding:0 16px 16px}.kitchen-revision{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.kitchen-revision strong,.kitchen-revision span,.kitchen-revision small{display:block}.kitchen-revision span{margin-top:5px;font-weight:800;color:#0f766e}.kitchen-revision small{margin-top:4px;color:var(--muted)}.kitchen-revision p{margin:0;line-height:1.5}.kitchen-revision .row-actions{grid-column:1/-1}
.kitchen-team-editor{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.kitchen-team-editor section,.kitchen-assigned-teams section{padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbfc}.kitchen-team-editor h4,.kitchen-assigned-teams h4{margin:0 0 9px}.kitchen-team-editor h4 small{color:var(--muted);font-weight:600}.kitchen-member-row{display:grid;grid-template-columns:1fr 160px;gap:8px;margin-bottom:8px}.kitchen-add-member{margin-top:2px}.kitchen-assigned-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}.kitchen-assigned-teams span,.kitchen-assigned-teams small{display:block;margin-top:5px;color:#415363}
.kitchen-team-master{margin-bottom:16px}.kitchen-team-master>.form-grid{padding:0 16px 16px}.kitchen-master-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 16px 16px}.kitchen-master-columns>section{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.kitchen-master-columns h4{margin:0;padding:12px 14px;background:#f4faf8;border-bottom:1px solid var(--line)}.kitchen-member-row{grid-template-columns:1fr}.kitchen-member-row select{width:100%}
.kitchen-group-list{display:grid;gap:10px;padding:0 16px 16px}.kitchen-group-list article{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr) auto;gap:14px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.kitchen-group-list strong,.kitchen-group-list span{display:block}.kitchen-group-list p{margin:0}.kitchen-group-list p span{margin-bottom:4px;color:#526576}.kitchen-portal-layout{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:16px;align-items:start}.kitchen-portal-detail>.detail-grid{padding:14px}.kitchen-customer-actions{display:grid;gap:14px;padding:0 14px 14px}.kitchen-customer-actions>.form-grid{padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbfc}
.kitchen-production-form{margin:0 14px 14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbfc}.kitchen-portal-workflow{padding:0 14px 14px}
@media(max-width:1200px){.kitchen-metrics{grid-template-columns:repeat(3,minmax(130px,1fr))}.kitchen-layout{grid-template-columns:1fr}.kitchen-action-form{grid-template-columns:1fr}.kitchen-feedback{grid-template-columns:1fr}}
@media(max-width:1000px){.kitchen-portal-layout{grid-template-columns:1fr}}
@media(max-width:640px){.kitchen-metrics{grid-template-columns:1fr}.kitchen-project-item{grid-template-columns:1fr}.kitchen-stage-track{margin-inline:-14px}.kitchen-detail-grid,.kitchen-customer-details,.kitchen-team-editor,.kitchen-assigned-teams,.kitchen-master-columns,.kitchen-feedback-questions,.kitchen-feedback-answer-grid{grid-template-columns:1fr}.kitchen-customer-details .span-2{grid-column:auto}.kitchen-revision,.kitchen-member-row,.kitchen-group-list article{grid-template-columns:1fr}.kitchen-feedback-head,.kitchen-feedback-summary-head{align-items:stretch;flex-direction:column}.kitchen-feedback-head label{width:100%}.kitchen-feedback>.btn{width:100%;justify-self:stretch}}
@media print{body:has(.kitchen-record-preview) .topbar,body:has(.kitchen-record-preview) .sidebar,body:has(.kitchen-record-preview) .mobile-shellbar,body:has(.kitchen-record-preview) main>*:not(.kitchen-record-preview){display:none!important}body:has(.kitchen-record-preview) main{margin:0;padding:0}.kitchen-record-preview{border:0!important;box-shadow:none!important}.kitchen-record-preview .panel-head button,.kitchen-record-preview .preview-btn{display:none!important}}
.fitron-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.fitron-tabs a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#244456;text-decoration:none;font-weight:800}.fitron-tabs a.active,.fitron-tabs a:hover{background:#155e75;color:#fff;border-color:#155e75}.fitron-tabs+.metric-grid{margin-top:4px}.invoice-actions{gap:6px;flex-wrap:wrap}.invoice-actions .share-btn{text-decoration:none}.invoice-actions .whatsapp{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.invoice-actions .viber{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.payment-row td{background:#f8fbfc!important;border-top:0}.payment-receive-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.payment-receive-form label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#607080;font-weight:900}.payment-receive-form input,.payment-receive-form select{margin-top:5px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:700}.payment-receive-form .btn,.payment-receive-form .icon-btn{min-height:38px;align-self:end}.fitron-invoice-templates,.fitron-invoice-print{display:none}.preview-body .fitron-invoice-print{display:flex}.fitron-billto{border-top:1px solid #d8e0e6}.fitron-invoice-print .official-report-table td:last-child{font-size:15px}
.muted{color:var(--muted);margin:4px 0 0;font-size:12px}.task-dashboard{padding:0;overflow:hidden}.task-dashboard>.panel-head{padding:16px 18px;margin:0;border-bottom:1px solid var(--line);background:#fff}.task-alert-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:14px 18px;background:#f8fbfc;border-bottom:1px solid var(--line)}.task-alert{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px;background:#fff;padding:10px}.task-alert strong{display:block;font-size:12px;color:#172026}.task-alert span{display:block;color:#607080;font-size:12px;margin-top:3px}.task-alert.danger{border-left-color:var(--danger)}.task-alert.amber{border-left-color:var(--amber)}.task-alert.green{border-left-color:var(--ok)}.task-workspace{display:grid;grid-template-columns:300px 1fr;min-height:520px}.task-list{border-right:1px solid var(--line);background:#fbfcfd;padding:12px;display:grid;align-content:start;gap:8px}.task-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.task-list-item{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.task-list-item.active,.task-list-item:hover{border-color:#0f766e;background:#eef8f6}.task-list-item strong{display:block;font-size:13px}.task-list-item span,.task-list-item small{display:block;color:#607080;font-size:11px;margin-top:4px}.task-detail{padding:16px;background:#fff}.task-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-form-grid .span-2{grid-column:span 2}.task-checklist{border:1px solid var(--line);border-radius:8px;background:#f8fbfc;padding:12px;margin:12px 0;display:grid;gap:8px}.task-checklist>strong{font-size:13px}.task-checklist label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:700}.task-checklist input[type=checkbox]{width:16px;height:16px;accent-color:#0f766e}.task-side-panels{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;margin-top:14px}.task-side-panels section{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:12px;display:grid;gap:8px;align-content:start}.task-side-panels h4{margin:0;font-size:13px}.task-message{border:1px solid #d8e3ea;background:#fff;border-radius:8px;padding:9px;margin-bottom:8px}.task-message.unread{border-left:4px solid #0f766e}.task-message p{margin:6px 0;color:#1b2430}.message-form{display:grid;gap:8px}.timeline-item{border-bottom:1px solid var(--line);padding-bottom:8px}.timeline-item strong{display:block;font-size:12px}.timeline-item span{display:block;font-size:11px;color:#607080;margin-top:3px}@media(max-width:1100px){.task-workspace{grid-template-columns:1fr}.task-list{border-right:0;border-bottom:1px solid var(--line)}.task-form-grid,.task-side-panels{grid-template-columns:1fr}.task-form-grid .span-2{grid-column:auto}}

/* Browser friendly responsive layout */
.mobile-shellbar,.mobile-menu-close,.mobile-menu-backdrop{display:none}.brand-row{display:block}.nav-scroll{display:block}.mobile-menu-toggle{min-height:40px;background:#fff;color:#123331;border-color:rgba(255,255,255,.45);box-shadow:0 8px 18px rgba(0,0,0,.14)}
@media(max-width:1100px){body{padding-top:66px}.mobile-shellbar{position:fixed;inset:0 0 auto 0;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:66px;padding:10px 14px;background:linear-gradient(135deg,#10243a,#0f766e);color:#fff;box-shadow:0 8px 28px rgba(15,23,42,.22)}.mobile-shellbar strong{font-size:17px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-shellbar span{font-size:12px;font-weight:800;opacity:.86;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{position:fixed;top:74px;left:12px;right:12px;bottom:auto;width:auto;max-height:calc(100dvh - 88px);z-index:50;display:none;border-radius:14px;padding:12px;background:linear-gradient(180deg,#132131,#123331);box-shadow:0 22px 70px rgba(15,23,42,.38);overflow:hidden}.sidebar.mobile-open{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px;border-bottom:1px solid rgba(255,255,255,.14)}.brand{margin:0;border:0;padding:4px 6px}.mobile-menu-close{display:inline-flex;min-height:34px;padding:7px 10px;color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.nav-scroll{overflow:auto;padding:10px 2px 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nav-link{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;margin:0;padding:10px;border-radius:10px;background:rgba(255,255,255,.07)}.nav-link.active{background:#fff;color:#123331}.nav-bottom{display:contents}.role-box{display:grid;margin:10px 2px 2px}.mobile-menu-backdrop{position:fixed;inset:0;z-index:45;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.mobile-menu-backdrop.show{display:block}.topbar{margin-left:0;min-height:auto;padding:16px 14px;display:grid;gap:12px}.topbar .top-actions{justify-content:flex-start}.content{margin-left:0;width:100%;padding:16px 14px 42px}.section-title,.page-hero{display:grid;gap:12px;padding:15px}.panel{padding:14px;border-radius:10px}.panel-head{display:grid;gap:10px;align-items:start}.metric-grid,.report-grid,.checklist-grid,.master-summary-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.dashboard-grid,.message-layout,.subscription-grid,.planStudioGrid,.registry-grid,.user-flow-grid,.master-window-grid{grid-template-columns:1fr}.form-grid,.task-form-grid{grid-template-columns:1fr;padding:14px}.span-2,.task-form-grid .span-2{grid-column:auto}.filters{grid-template-columns:1fr}.filters .btn,.filters button,.top-actions .btn,.top-actions button{width:100%}.table-wrap{border-radius:10px;overflow:auto}.table-wrap:before{content:"Swipe table left / right";display:block;padding:8px 10px;background:#f8fbfc;color:#667085;font-size:11px;font-weight:800;border-bottom:1px solid var(--line)}.row-actions,.actions,.invoice-actions{display:flex;flex-wrap:wrap;gap:7px}.row-actions .icon-btn,.actions .icon-btn,.invoice-actions .icon-btn,.invoice-actions .share-btn{flex:1 1 auto;justify-content:center}.asset-grid{grid-template-columns:1fr}.register-form-panel{position:static}.register-summary{grid-template-columns:1fr}.task-workspace{grid-template-columns:1fr}.task-list{max-height:330px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.task-side-panels{grid-template-columns:1fr}.fitron-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fitron-tabs a{text-align:center;border-radius:10px}.preview-dialog{width:100%;height:calc(100dvh - 28px);border-radius:12px}.message-popup{left:12px;right:12px;bottom:12px;width:auto}}
@media(max-width:620px){body{font-size:13px}.mobile-shellbar{grid-template-columns:auto 1fr;min-height:62px}.mobile-shellbar span{grid-column:2;font-size:11px;max-width:100%;margin-top:-6px}.sidebar{top:70px;left:8px;right:8px;max-height:calc(100dvh - 78px)}.nav-scroll{grid-template-columns:1fr}.content{padding:12px 10px 34px}.topbar{padding:14px 10px}.page-hero h2,.section-title h2{font-size:20px}.metric strong{font-size:26px}.metric-grid,.report-grid,.checklist-grid,.master-summary-grid{grid-template-columns:1fr}.btn,button,.icon-btn{width:100%;white-space:normal}.panel-head .date-chip{width:max-content}.login-page{padding:18px 10px}.login-card{width:100%;padding:22px 16px}.login-logo{width:min(220px,86%)}.login-features{grid-template-columns:1fr;gap:10px}.preview-head{display:grid}.preview-actions{grid-template-columns:1fr;display:grid}.vessel-cert-row,.req-row,.access-row{grid-template-columns:1fr}.payment-receive-form{grid-template-columns:1fr}.message-card div:first-child{display:grid}.official-report-table,.zeyora-report-table,.renewal-report-table{overflow:auto}.report-preview-content{min-width:900px}}
@media(max-width:1100px){.content,.panel,.panel-head,.user-flow-grid,.user-flow-grid>*{min-width:0;max-width:100%}.table-wrap{width:100%;min-width:0}.user-list-panel{overflow:hidden}}

/* Mobile menu and report preview polish */
@media(max-width:1100px){
  .mobile-shellbar{min-height:64px;padding:9px 12px;background:linear-gradient(135deg,#0a2540 0%,#104b63 58%,#0f766e 100%);grid-template-columns:auto minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.16)}
  .mobile-menu-toggle{width:auto!important;min-width:84px;border-radius:999px;background:rgba(255,255,255,.96);color:#0a2540;border:0}
  .mobile-shellbar strong{font-size:16px}
  .mobile-shellbar span{justify-self:end;max-width:28vw;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.12)}
  .sidebar{top:72px;left:10px;right:10px;border-radius:18px;padding:0;background:#0f1f2f}
  .brand-row{padding:14px 14px 12px;background:linear-gradient(135deg,#0b3558,#0f766e);border-bottom:0}
  .brand-row .brand{font-size:18px}
  .mobile-menu-close{width:auto!important;border-radius:999px;background:rgba(255,255,255,.16)}
  .nav-scroll{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#132131}
  .nav-link{min-height:46px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);font-size:13px}
  .nav-link.active{background:#fff;color:#0b3558;border-color:#fff}
  .role-box{margin:0;padding:12px 14px;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;background:#0f1f2f}
}

@media(max-width:760px){
  .preview-modal.report-open{padding:0!important;align-items:stretch;justify-content:stretch}
  .preview-modal.report-open .preview-dialog{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .preview-modal.report-open .preview-head{display:grid;grid-template-columns:1fr;gap:10px;padding:10px 12px!important}
  .preview-modal.report-open .preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .preview-modal.report-open .preview-actions .btn{width:100%;min-height:38px}
  .preview-modal.report-open .preview-body{padding:10px!important;overflow:auto!important;align-items:flex-start!important;justify-content:flex-start!important}
  .preview-modal.report-open .report-preview-content{min-width:0!important;width:100%!important;max-width:100%!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden}
  .preview-modal.report-open .clearance-status-report{width:100%!important;max-width:100%!important;min-height:auto!important}
  .preview-modal.report-open .official-report-top,.preview-modal.report-open .zeyora-topline{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  .preview-modal.report-open .official-report-brand,.preview-modal.report-open .zeyora-brand{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important}
  .preview-modal.report-open .official-report-brand img,.preview-modal.report-open .zeyora-brand img{width:76px!important;height:auto!important}
  .preview-modal.report-open .official-report-ref,.preview-modal.report-open .zeyora-doc-box{min-width:0!important;text-align:left!important}
  .preview-modal.report-open .official-report-title,.preview-modal.report-open .zeyora-title-band{padding:12px!important}
  .preview-modal.report-open .official-report-title h2,.preview-modal.report-open .zeyora-title-band h2{font-size:18px!important;line-height:1.2!important}
  .preview-modal.report-open .report-header-details,.preview-modal.report-open .official-report-meta,.preview-modal.report-open .zeyora-info-grid,.preview-modal.report-open .renewal-summary{grid-template-columns:1fr!important;margin-left:10px!important;margin-right:10px!important}
  .preview-modal.report-open .official-section-title,.preview-modal.report-open .zeyora-section-title{margin:10px!important}
  .preview-modal.report-open .official-report-table,.preview-modal.report-open .zeyora-report-table,.preview-modal.report-open .renewal-report-table{margin:10px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .preview-modal.report-open .official-report-table table,.preview-modal.report-open .zeyora-report-table table,.preview-modal.report-open .renewal-report-table table{min-width:720px!important;width:max-content!important;table-layout:auto!important}
  .preview-modal.report-open .official-report-footer,.preview-modal.report-open .zeyora-signatures{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important}
}

@media(max-width:620px){
  .mobile-shellbar{grid-template-columns:auto minmax(0,1fr);gap:8px}
  .mobile-shellbar span{display:none}
  .sidebar{top:70px;left:8px;right:8px}
  .nav-scroll{grid-template-columns:1fr}
}

/* Expandable hamburger menu for mobile */
@media(max-width:1100px){
  body{padding-top:64px}
  .mobile-shellbar{min-height:64px;padding:8px 12px;background:#08243f;box-shadow:0 10px 26px rgba(8,36,63,.22)}
  .mobile-menu-toggle{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-width:48px!important;width:48px!important;height:44px!important;padding:0!important;border-radius:12px!important;background:#fff!important;color:#08243f!important;font-size:0!important;box-shadow:0 8px 18px rgba(0,0,0,.18)}
  .mobile-menu-toggle:before{content:"";width:20px;height:14px;background:linear-gradient(#08243f,#08243f) 0 0/100% 2px no-repeat,linear-gradient(#08243f,#08243f) 0 50%/100% 2px no-repeat,linear-gradient(#08243f,#08243f) 0 100%/100% 2px no-repeat}
  .mobile-menu-toggle:after{content:"Menu";position:absolute;left:54px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em}
  .mobile-menu-toggle[aria-expanded="true"]:before{height:20px;background:linear-gradient(45deg,transparent 45%,#08243f 46%,#08243f 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#08243f 46%,#08243f 54%,transparent 55%)}
  .mobile-menu-toggle[aria-expanded="true"]:after{content:"Close"}
  .mobile-shellbar strong{padding-left:54px;font-size:16px}
  .sidebar{top:64px;left:0;right:0;width:100%;max-height:0;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;padding:0;border-radius:0 0 18px 18px;background:#0f1f2f;box-shadow:0 26px 58px rgba(8,36,63,.34);overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:max-height .24s ease,opacity .2s ease,transform .22s ease}
  .sidebar.mobile-open{max-height:calc(100dvh - 64px);opacity:1;transform:translateY(0);pointer-events:auto}
  .brand-row{padding:12px 14px;background:#0b3558;border-bottom:1px solid rgba(255,255,255,.12)}
  .mobile-menu-close{display:none!important}
  .nav-scroll{display:grid;grid-template-columns:1fr!important;gap:6px;padding:10px 12px;overflow:auto;background:#10243a}
  .nav-link{justify-content:flex-start;text-align:left;min-height:44px;padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#eaf6fb}
  .nav-link.active{background:#fff;color:#0b3558;border-color:#fff}
  .nav-bottom{display:grid;gap:6px}
  .role-box{padding:12px 14px;background:#0f1f2f;border-top:1px solid rgba(255,255,255,.12)}
  .mobile-menu-backdrop{z-index:38;background:rgba(8,24,40,.46)}
  .sidebar{z-index:50}
  .mobile-shellbar{z-index:55}
}

@media(max-width:620px){
  .mobile-shellbar{grid-template-columns:48px minmax(0,1fr);gap:8px}
  .mobile-shellbar strong{padding-left:54px}
  .mobile-menu-toggle:after{left:54px}
}

/* Power BI style mobile report preview */
@media(max-width:760px){
  .preview-modal.report-open{background:#0b1727!important}
  .preview-modal.report-open .preview-dialog{background:#f3f6fb!important}
  .preview-modal.report-open .preview-head{position:sticky;top:0;z-index:5;background:#0b1727!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .preview-modal.report-open #previewTitle{font-size:15px;line-height:1.25;color:#fff}
  .preview-modal.report-open .preview-actions{grid-template-columns:1fr 1fr}
  .preview-modal.report-open .preview-actions .btn{border-radius:10px;background:#fff!important;color:#0b1727!important;border:0!important;font-weight:900}
  .preview-modal.report-open .preview-body{background:#f3f6fb!important;padding:10px!important}
  .preview-modal.report-open .powerbi-mobile-report{display:grid!important;gap:10px!important;width:100%!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-head,.preview-modal.report-open .powerbi-mobile-report .zeyora-report-head{border:0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-top,.preview-modal.report-open .powerbi-mobile-report .zeyora-topline{display:grid!important;grid-template-columns:1fr!important;padding:12px!important;gap:10px!important;background:#fff!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-brand,.preview-modal.report-open .powerbi-mobile-report .zeyora-brand{display:grid!important;grid-template-columns:54px 1fr!important;gap:10px!important;align-items:center!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-brand img,.preview-modal.report-open .powerbi-mobile-report .zeyora-brand img{width:54px!important;height:38px!important;object-fit:contain!important;border-radius:8px!important;padding:3px!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-brand strong,.preview-modal.report-open .powerbi-mobile-report .zeyora-brand strong{font-size:15px!important;line-height:1.2!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-brand span,.preview-modal.report-open .powerbi-mobile-report .official-report-brand em,.preview-modal.report-open .powerbi-mobile-report .zeyora-brand span{font-size:10px!important;line-height:1.25!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-ref,.preview-modal.report-open .powerbi-mobile-report .zeyora-doc-box{display:grid!important;grid-template-columns:1fr!important;min-width:0!important;text-align:left!important;border-radius:10px!important;background:#f8fafc!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-ref span,.preview-modal.report-open .powerbi-mobile-report .zeyora-doc-box span{background:#0b1727!important;color:#fff!important;border:0!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-title,.preview-modal.report-open .powerbi-mobile-report .zeyora-title-band{padding:14px!important;background:linear-gradient(135deg,#0b1727,#155e75)!important;color:#fff!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-title h2,.preview-modal.report-open .powerbi-mobile-report .zeyora-title-band h2{font-size:19px!important;margin:4px 0!important;color:#fff!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-title p,.preview-modal.report-open .powerbi-mobile-report .zeyora-title-band p{font-size:12px!important;color:#dbeafe!important}
  .preview-modal.report-open .powerbi-mobile-report .report-header-details,.preview-modal.report-open .powerbi-mobile-report .official-report-meta,.preview-modal.report-open .powerbi-mobile-report .zeyora-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:10px!important;border:0!important;background:#f3f6fb!important}
  .preview-modal.report-open .powerbi-mobile-report .report-header-details div,.preview-modal.report-open .powerbi-mobile-report .official-report-meta div,.preview-modal.report-open .powerbi-mobile-report .zeyora-info-grid div{border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;padding:10px!important;min-height:0!important}
  .preview-modal.report-open .powerbi-mobile-report .report-header-details span,.preview-modal.report-open .powerbi-mobile-report .official-report-meta span,.preview-modal.report-open .powerbi-mobile-report .zeyora-info-grid span{font-size:9px!important;color:#64748b!important;letter-spacing:.06em!important}
  .preview-modal.report-open .powerbi-mobile-report .report-header-details strong,.preview-modal.report-open .powerbi-mobile-report .official-report-meta strong,.preview-modal.report-open .powerbi-mobile-report .zeyora-info-grid strong{font-size:13px!important;color:#0f172a!important}
  .preview-modal.report-open .powerbi-mobile-report .renewal-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
  .preview-modal.report-open .powerbi-mobile-report .renewal-summary div{border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.07)!important;padding:12px!important}
  .preview-modal.report-open .powerbi-mobile-report .renewal-summary span{font-size:9px!important;color:#64748b!important}
  .preview-modal.report-open .powerbi-mobile-report .renewal-summary strong{font-size:24px!important;color:#0f172a!important}
  .preview-modal.report-open .powerbi-mobile-report .official-section-title,.preview-modal.report-open .powerbi-mobile-report .zeyora-section-title{display:flex!important;margin:0!important;border:0!important;border-radius:12px!important;background:#e6f2f2!important;color:#0f172a!important;padding:10px 12px!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-table,.preview-modal.report-open .powerbi-mobile-report .zeyora-report-table,.preview-modal.report-open .powerbi-mobile-report .renewal-report-table{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  .preview-modal.report-open .powerbi-mobile-report table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important;font-size:12px!important}
  .preview-modal.report-open .powerbi-mobile-report thead{display:none!important}
  .preview-modal.report-open .powerbi-mobile-report tbody{display:grid!important;gap:10px!important;width:100%!important}
  .preview-modal.report-open .powerbi-mobile-report tr{display:grid!important;gap:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(15,23,42,.07)!important;overflow:hidden!important}
  .preview-modal.report-open .powerbi-mobile-report td{display:grid!important;grid-template-columns:minmax(108px,.38fr) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #eef2f7!important;background:#fff!important;color:#0f172a!important;word-break:break-word!important}
  .preview-modal.report-open .powerbi-mobile-report td:last-child{border-bottom:0!important}
  .preview-modal.report-open .powerbi-mobile-report td:before{content:attr(data-label);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#64748b;line-height:1.3}
  .preview-modal.report-open .powerbi-mobile-report td strong{font-size:13px!important;color:#0f172a!important}
  .preview-modal.report-open .powerbi-mobile-report td small{font-size:11px!important;color:#64748b!important}
  .preview-modal.report-open .powerbi-mobile-report .status,.preview-modal.report-open .powerbi-mobile-report .renewal-badge{justify-self:start;border-radius:999px!important;padding:5px 8px!important;white-space:normal!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-footer,.preview-modal.report-open .powerbi-mobile-report .zeyora-signatures{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:0!important}
  .preview-modal.report-open .powerbi-mobile-report .official-report-footer div,.preview-modal.report-open .powerbi-mobile-report .zeyora-signatures div{border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;padding:10px!important}
}

/* Sidebar module icons */
.nav-link{display:flex;align-items:center;gap:10px}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.1);color:#d9f2f2;font-size:15px;line-height:1}
.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav-link.active .nav-icon{background:#0f766e;color:#fff;box-shadow:0 7px 16px rgba(15,118,110,.22)}
.nav-link:hover:not(.active) .nav-icon{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:1100px){
  .nav-link{gap:11px}
  .nav-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px;background:rgba(255,255,255,.12)}
  .nav-link.active .nav-icon{background:#0b3558;color:#fff}
}

/* Mobile header title left, larger attractive menu button right */
@media(max-width:1100px){
  .mobile-shellbar{grid-template-columns:minmax(0,1fr) 68px!important;gap:12px!important;min-height:72px!important;padding:10px 14px!important;background:linear-gradient(135deg,#061b31 0%,#0b3558 58%,#0f766e 100%)!important}
  .mobile-shellbar strong{grid-column:1!important;grid-row:1!important;padding-left:0!important;justify-self:start!important;font-size:18px!important;font-weight:900!important;letter-spacing:.01em;line-height:1.1;max-width:100%;white-space:normal!important}
  .mobile-shellbar span{display:none!important}
  .mobile-menu-toggle{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:64px!important;min-width:64px!important;height:52px!important;border-radius:18px!important;background:linear-gradient(180deg,#ffffff,#dff7f4)!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.85)!important}
  .mobile-menu-toggle:before{width:28px!important;height:18px!important;background:linear-gradient(#08243f,#08243f) 0 0/100% 3px no-repeat,linear-gradient(#08243f,#08243f) 0 50%/100% 3px no-repeat,linear-gradient(#08243f,#08243f) 0 100%/100% 3px no-repeat!important}
  .mobile-menu-toggle:after{content:""!important;display:none!important}
  .mobile-menu-toggle[aria-expanded="true"]:before{height:26px!important;background:linear-gradient(45deg,transparent 45%,#08243f 46%,#08243f 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#08243f 46%,#08243f 54%,transparent 55%)!important}
  .sidebar{top:72px!important}
  .sidebar.mobile-open{max-height:calc(100dvh - 72px)!important}
}

@media(max-width:420px){
  .mobile-shellbar{grid-template-columns:minmax(0,1fr) 62px!important;padding-left:12px!important;padding-right:10px!important}
  .mobile-shellbar strong{font-size:17px!important}
  .mobile-menu-toggle{width:60px!important;min-width:60px!important;height:50px!important}
}

.report-file-preview{margin-bottom:5px;background:#e8f7f4!important;border-color:#b7e4dc!important;color:#0f766e!important;font-weight:900}
@media(max-width:760px){
  .preview-modal.report-open .powerbi-mobile-report .report-file-preview{width:max-content!important;min-height:34px!important;border-radius:999px!important;padding:7px 11px!important}
}

/* Tenant portal mobile top menu */
@media(max-width:1100px){
  .mobile-shellbar.tenant-mobile-shellbar{background:linear-gradient(135deg,#22270f 0%,#556020 48%,#0b4f76 100%)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 32px rgba(13,34,54,.24)!important}
  .mobile-shellbar.tenant-mobile-shellbar strong{display:block!important;color:#fff!important;font-size:17px!important;line-height:1.15!important;text-transform:none!important;white-space:normal!important;word-break:break-word!important}
  .mobile-shellbar.tenant-mobile-shellbar span{display:block!important;color:#e9f7ff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-top:4px!important}
  .mobile-shellbar.tenant-mobile-shellbar .mobile-menu-toggle{background:linear-gradient(180deg,#fff,#eef7df)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:0 12px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.9)!important}
  .mobile-shellbar.tenant-mobile-shellbar .mobile-menu-toggle:before{background:linear-gradient(#263010,#263010) 0 0/100% 3px no-repeat,linear-gradient(#263010,#263010) 0 50%/100% 3px no-repeat,linear-gradient(#263010,#263010) 0 100%/100% 3px no-repeat!important}
  .mobile-shellbar.tenant-mobile-shellbar .mobile-menu-toggle[aria-expanded="true"]:before{background:linear-gradient(45deg,transparent 45%,#263010 46%,#263010 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#263010 46%,#263010 54%,transparent 55%)!important}
}

@media(max-width:420px){
  .mobile-shellbar.tenant-mobile-shellbar strong{font-size:16px!important}
  .mobile-shellbar.tenant-mobile-shellbar span{font-size:10px!important}
}

.vault-return-btn{background:#10243a!important;color:#fff!important;border-color:#10243a!important}
.vault-return-link{background:linear-gradient(135deg,#fff7ed,#e0f2fe)!important;color:#10243a!important;border:1px solid rgba(14,116,144,.22)!important;font-weight:900!important}
.vault-return-link .nav-icon{font-size:18px}

/* Fitron printable report previews */
.fitron-report-templates,.fitron-official-report{display:none}.preview-body .fitron-official-report{display:block}.fitron-report-card{display:grid;gap:8px}.fitron-report-card .report-actions{margin-top:6px}.fitron-report-grid{align-items:stretch}@media print{.preview-body .fitron-official-report{display:block!important}.fitron-report-templates{display:none!important}}


/* Fitron tenant search */
.list-search-input{min-width:min(420px,46vw);height:38px}.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:700px){.list-search-input{min-width:100%;width:100%}.head-actions{width:100%}}

/* Sidebar module grouping */
.nav-group{display:grid;gap:6px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid rgba(148,163,184,.18)}
.nav-group-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8ea0b8;padding:8px 12px 3px}
.fitron-nav-group{background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(14,116,144,.10));border:1px solid rgba(34,197,94,.28);border-radius:12px;padding:8px;margin-bottom:14px}
.fitron-nav-group .nav-group-title{color:#4f5c1d}

/* Collapsible sidebar modules */
.nav-module{display:block;padding:0 0 10px;overflow:hidden}
.nav-module .nav-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:10px 12px;color:#d9e4ee;font-size:12px;letter-spacing:0;cursor:pointer;list-style:none;border-radius:8px;transition:background .15s ease,color .15s ease}
.nav-module .nav-group-title::-webkit-details-marker{display:none}
.nav-module .nav-group-title:hover,.nav-module[open]>.nav-group-title{background:rgba(255,255,255,.1);color:#fff}
.nav-module-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .16s ease;flex:0 0 auto;margin-right:3px}
.nav-module[open] .nav-module-chevron{transform:rotate(225deg);margin-top:5px}
.nav-module-links{display:grid;gap:4px;padding:7px 0 0}
.nav-module:not([open])>.nav-module-links{display:none}
.nav-module-links .nav-link{margin-bottom:0}
.fitron-nav-group{padding:6px;margin-bottom:14px}
.fitron-nav-group .nav-group-title{color:#dff7e8}
@media(max-width:1100px){.nav-module{width:100%;margin:0;padding:0;border-bottom:0}.nav-module .nav-group-title{min-height:46px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}.nav-module-links{padding:6px 4px 2px}.fitron-nav-group{padding:0;background:transparent;border:0}.nav-module-links .nav-link{width:100%}}

/* Payment Request navigation */
.payment-nav-group{position:relative;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:6px;background:rgba(245,158,11,.07)}
.payment-nav-group>.nav-group-title{color:#fff4d6}
.payment-nav-group>.nav-group-title>span:first-child{display:flex;align-items:center;gap:9px}
.payment-nav-group>.nav-group-title>span:first-child:before{content:"$";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fbbf24;color:#3b2a08;font-size:13px;font-weight:900}
.payment-nav-group[open]>.nav-group-title{background:rgba(245,158,11,.14)}
.dms-nav-group>.nav-group-title>span:first-child,.messaging-nav-group>.nav-group-title>span:first-child,.kitchen-nav-group>.nav-group-title>span:first-child{display:flex;align-items:center;gap:9px}.dms-nav-group>.nav-group-title>span:first-child:before,.messaging-nav-group>.nav-group-title>span:first-child:before,.kitchen-nav-group>.nav-group-title>span:first-child:before{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font-size:13px;font-weight:900;line-height:1}.dms-nav-group>.nav-group-title>span:first-child:before{content:"\1F4C4";background:#dbeafe;color:#1e3a8a}.messaging-nav-group>.nav-group-title>span:first-child:before{content:"\2709";background:#dcfce7;color:#14532d}.kitchen-nav-group>.nav-group-title>span:first-child:before{content:"\2699";background:#fef3c7;color:#78350f}.dms-nav-group[open]>.nav-group-title{background:rgba(59,130,246,.13)}.messaging-nav-group[open]>.nav-group-title{background:rgba(34,197,94,.13)}.kitchen-nav-group[open]>.nav-group-title{background:rgba(245,158,11,.13)}
.payment-nav-group .nav-link.active{background:#fff7df;color:#6b4600;box-shadow:0 6px 18px rgba(15,23,42,.18)}
.payment-request-tabs{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:8px;margin:0 0 18px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px rgba(24,38,57,.06)}
.payment-request-tabs .icon-btn{position:relative;justify-content:flex-start;gap:9px;min-height:44px;padding:9px 11px;background:#f7f9fb;border:1px solid #d8e1e8;color:#344054;font-size:12px;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.payment-request-tabs .icon-btn:before{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:6px;background:#e6edf2;color:#365263;font-size:13px;font-weight:900}
.payment-request-tabs .icon-btn:hover{background:#fff;border-color:#94a8b7;box-shadow:0 5px 14px rgba(24,38,57,.09)}
.payment-request-tabs .icon-btn.active{background:#155e75;border-color:#155e75;color:#fff;box-shadow:0 7px 18px rgba(21,94,117,.22)}
.payment-request-tabs .icon-btn.active:before{background:#fff;color:#155e75}
.payment-request-tabs a[href*="view=dashboard"]:before{content:"1"}.payment-request-tabs a[href*="view=new"]:before{content:"+"}.payment-request-tabs a[href*="view=my"]:before{content:"2"}.payment-request-tabs a[href*="view=manager"]:before{content:"3"}.payment-request-tabs a[href*="view=finance"]:before{content:"4"}.payment-request-tabs a[href*="view=director"]:before{content:"5"}.payment-request-tabs a[href*="view=release"]:before{content:"6"}.payment-request-tabs a[href*="view=completed"]:before{content:"7"}.payment-request-tabs a[href*="view=reports"]:before{content:"R"}.payment-request-tabs a[href*="view=settings"]:before{content:"S"}
@media(max-width:1250px){.payment-request-tabs{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:700px){.payment-request-tabs{display:flex;overflow-x:auto;padding:8px;scroll-snap-type:x proximity}.payment-request-tabs .icon-btn{flex:0 0 170px;width:auto;scroll-snap-align:start;white-space:normal}.payment-nav-group{padding:4px}}

.payment-nav-group .nav-module-links{display:grid;gap:3px}.payment-nav-group .nav-link{display:flex;align-items:center;gap:9px}.payment-nav-group .nav-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:6px;background:rgba(251,191,36,.16);color:#fde68a;font-size:10px;font-weight:900}.payment-nav-group .nav-link.active .nav-icon{background:#fbbf24;color:#3b2a08}.payment-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:14px 16px;border:1px solid #dce3ea;border-left:4px solid #d59716;border-radius:8px;background:#fff}.payment-workspace-header>div:first-child{display:grid;gap:2px}.payment-workspace-header span{color:#9a6700;font-size:11px;font-weight:900;text-transform:uppercase}.payment-workspace-header h3,.payment-workspace-header p{margin:0}.payment-workspace-header h3{font-size:18px}.payment-workspace-header p{color:var(--muted);font-size:12px}.payment-workspace-role{display:grid;gap:3px;min-width:150px;padding:9px 11px;border-radius:7px;background:#fff8e6;text-align:right}.payment-workspace-role small{margin:0;color:#8b640d}.payment-request-tabs a[hidden]{display:none!important}@media(max-width:700px){.payment-workspace-header{align-items:stretch;flex-direction:column}.payment-workspace-role{text-align:left}.payment-request-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.payment-request-tabs .icon-btn{width:100%;min-width:0;flex:auto}}
.payment-request-content{min-width:0}.payment-request-content>.page-hero,.payment-request-content>.payment-workspace-header,.payment-request-content>.panel,.payment-request-content>.dashboard-grid,.payment-request-content>.subscription-control-strip{width:100%;max-width:none}.payment-request-content>.dashboard-grid{grid-template-columns:minmax(0,1fr)}.payment-request-content>.dashboard-grid>.panel{width:100%;min-width:0}.payment-request-content .table-wrap{width:100%;max-width:100%;overflow-x:auto}.payment-request-content .table-wrap table{min-width:760px}.payment-request-content .form-grid{width:100%;min-width:0}.payment-request-content .detail-grid{width:100%;min-width:0}@media(max-width:700px){.payment-request-content .table-wrap table{min-width:680px}.payment-request-content .form-grid,.payment-request-content .detail-grid{grid-template-columns:1fr}.payment-request-content .span-2{grid-column:auto}}
.payflow-controller-workspace{display:grid;gap:16px;margin-top:4px}.payflow-controller-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid #cfe0e5;border-radius:8px;background:#e6f1f3;color:#173b47}.payflow-controller-hero span{display:block;color:#167184;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.payflow-controller-hero h3{margin:5px 0;font-size:22px}.payflow-controller-hero p{max-width:680px;margin:0;color:#506872;font-size:13px}.payflow-controller-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.payflow-controller-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.payflow-controller-kpis article{min-height:130px;padding:15px;border:1px solid #d9e6ea;border-radius:7px;background:#fff;box-shadow:0 7px 18px rgba(20,55,70,.05)}.payflow-controller-kpis span,.payflow-controller-kpis small{display:block;color:#637984;font-size:11px;font-weight:800}.payflow-controller-kpis span{text-transform:uppercase;letter-spacing:.04em}.payflow-controller-kpis strong{display:block;margin:12px 0 7px;color:#123d4b;font-size:28px;line-height:1}.payflow-controller-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payflow-alert-list{display:grid;gap:8px}.payflow-alert-list a{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dae6e9;border-left:4px solid #d59716;border-radius:5px;color:#183b47;text-decoration:none;background:#fbfdfd}.payflow-alert-list a:hover{background:#f3fafb}.payflow-alert-list strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff1cc;color:#815c09}.payflow-alert-list span{font-size:13px;font-weight:700}.payflow-cashflow{display:grid;grid-template-columns:1fr;gap:1px;border:1px solid #d9e6ea;border-radius:6px;overflow:hidden}.payflow-cashflow div{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#f8fbfc}.payflow-cashflow span{color:#607885;font-size:12px;font-weight:700}.payflow-cashflow strong{color:#173b47}.payflow-analysis{display:grid;gap:13px}.payflow-analysis-row{display:grid;gap:6px}.payflow-analysis-row>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.payflow-analysis-row span{color:#607885}.payflow-analysis-row i{display:block;height:8px;overflow:hidden;border-radius:4px;background:#e7eff1}.payflow-analysis-row b{display:block;height:100%;border-radius:4px;background:#1b8091}.payflow-controller-register small{display:block;margin-top:3px;color:#70838c;font-size:11px}@media(max-width:1180px){.payflow-controller-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.payflow-controller-hero{align-items:stretch;flex-direction:column;padding:16px}.payflow-controller-hero h3{font-size:19px}.payflow-controller-actions{justify-content:stretch}.payflow-controller-actions .btn{flex:1}.payflow-controller-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payflow-controller-kpis article{min-height:112px;padding:12px}.payflow-controller-kpis strong{font-size:23px}.payflow-controller-grid{grid-template-columns:1fr}.payflow-controller-register{padding:13px}.payflow-controller-register .table-wrap table{min-width:650px}}@media print{.sidebar,.mobile-shellbar,.mobile-menu-backdrop,.page-hero,.payment-workspace-header,.payment-request-tabs,.payflow-controller-actions,.role-box{display:none!important}.content{padding:0!important}.payflow-controller-workspace{display:block}.payflow-controller-hero{border:0;padding:0 0 12px;margin-bottom:12px;background:#fff}.payflow-controller-kpis{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.payflow-controller-kpis article{min-height:80px;box-shadow:none}.payflow-controller-grid{grid-template-columns:1fr 1fr;margin-bottom:12px}.payflow-controller-register{break-inside:avoid}.payflow-controller-workspace .panel{box-shadow:none}}

/* Residence Management navigation */
.fitron-nav-group>.nav-group-title>span:first-child{display:flex;align-items:center;gap:9px}
.fitron-nav-group>.nav-group-title>span:first-child:before{content:"R";display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#86efac;color:#14532d;font-size:12px;font-weight:900}
.fitron-nav-group[open]>.nav-group-title{background:rgba(34,197,94,.13)}
.fitron-nav-group .nav-link.active{background:#ecfdf3;color:#166534;box-shadow:0 6px 18px rgba(15,23,42,.18)}
.fitron-tabs{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:9px;margin:0 0 18px;padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,250,247,.92));border:1px solid rgba(166,205,193,.55);border-radius:12px;box-shadow:0 12px 28px rgba(24,80,67,.08)}
.fitron-tabs a{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(204,224,217,.75);border-radius:9px;background:rgba(247,251,250,.94);color:#344054;font-size:12px;text-decoration:none;font-weight:850;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.fitron-tabs a:before{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#d9f5e6,#b8e7d2);color:#176344;font-size:12px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 10px rgba(33,128,91,.12);transition:transform .18s ease,background .18s ease,color .18s ease}
.fitron-tabs a:hover{transform:translateY(-2px);background:#fff;border-color:#79b99c;color:#145c3f;box-shadow:0 9px 18px rgba(24,90,68,.14)}
.fitron-tabs a:hover:before{transform:rotate(-5deg) scale(1.08)}
.fitron-tabs a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.fitron-tabs a.active{background:linear-gradient(135deg,#087443,#0d9b72);border-color:#087443;color:#fff;box-shadow:0 10px 22px rgba(8,116,67,.25)}
.fitron-tabs a.active:before{background:linear-gradient(135deg,#fff,#d9f8e9);color:#087443;box-shadow:0 4px 10px rgba(0,0,0,.14)}
.fitron-tabs a:active{transform:translateY(0) scale(.98)}
.fitron-tabs a[href*="tab=dashboard"]:before{content:"1"}.fitron-tabs a[href*="tab=apartments"]:before{content:"A"}.fitron-tabs a[href*="tab=tenants"]:before{content:"O"}.fitron-tabs a[href*="tab=agreements"]:before{content:"G"}.fitron-tabs a[href*="tab=invoices"]:before{content:"I"}.fitron-tabs a[href*="tab=maintenance"]:before{content:"M"}.fitron-tabs a[href*="tab=municipality"]:before{content:"C"}.fitron-tabs a[href*="tab=accounting"]:before{content:"$"}.fitron-tabs a[href*="tab=reports"]:before{content:"R"}.fitron-tabs a[href*="tab=tenantPortal"]:before{content:"P"}.fitron-tabs a[href*="tab=settings"]:before{content:"S"}
@media(max-width:1250px){.fitron-tabs{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:700px){.fitron-tabs{display:flex;overflow-x:auto;padding:8px;scroll-snap-type:x proximity}.fitron-tabs a{flex:0 0 170px;width:auto;text-align:left;scroll-snap-align:start;white-space:normal}}

/* Unit owner portal selector */
.tenant-owner-selector{border-left:4px solid #087443}
.tenant-owner-selector .panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.tenant-owner-selector .form-grid{grid-template-columns:minmax(280px,1.35fr) minmax(220px,1fr) minmax(190px,.8fr) auto;align-items:end}
.tenant-owner-search input[type=search]{padding-left:42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23087443' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 13px center/18px 18px no-repeat;border-color:#83b99a}
.tenant-owner-search input[type=search]:focus{border-color:#087443;outline:3px solid rgba(8,116,67,.13)}
.tenant-owner-open{min-width:126px}
@media(max-width:1100px){.tenant-owner-selector .form-grid{grid-template-columns:1fr 1fr}.tenant-owner-open{width:100%}}
@media(max-width:700px){.tenant-owner-selector .form-grid{grid-template-columns:1fr}}

/* Zeyora Flow module */
.flow-nav-group{border:1px solid rgba(56,189,248,.3);border-radius:8px;padding:6px;background:rgba(14,165,233,.07)}
.flow-nav-group>.nav-group-title{color:#e0f2fe}
.flow-nav-group>.nav-group-title>span:first-child{display:flex;align-items:center;gap:9px}
.flow-nav-group>.nav-group-title>span:first-child:before{content:"F";display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#38bdf8;color:#082f49;font-size:12px;font-weight:900}
.flow-nav-group[open]>.nav-group-title{background:rgba(14,165,233,.15)}
.flow-nav-group .nav-link.active{background:#e0f2fe;color:#075985;box-shadow:0 6px 18px rgba(15,23,42,.18)}
.flow-module-hero{align-items:center}
.content.flow-content{height:auto;padding:26px 28px 48px;overflow:visible}.flow-module-panel{width:100%;height:auto;min-height:0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none}
.flow-module-frame{display:block;width:100%;height:1200px;min-height:720px;border:0;background:#fff;overflow:visible}
@media(max-width:1100px){.flow-nav-group{padding:4px}.content.flow-content{height:auto;padding:22px 20px 42px}.flow-module-panel{height:auto;min-height:0}}
@media(max-width:700px){.content.flow-content{height:auto;padding:16px 12px 34px}.flow-module-panel{height:auto;min-height:0;margin:0}.flow-module-hero .btn{width:100%}}

/* Subscription control dashboard */
.subscription-control-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}
.subscription-control-strip>div{background:#fff;border:1px solid #dbe6f2;border-radius:12px;padding:14px;box-shadow:0 10px 24px rgba(15,45,82,.07)}
.subscription-control-strip span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.subscription-control-strip strong{display:block;margin-top:7px;color:#0f172a;font-size:22px;line-height:1.1}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.projectflow-portal-assignment{display:grid!important;gap:8px!important;grid-column:1/-1;padding:14px;border:1px solid #cbd8e6;border-radius:10px;background:#f7fafc;min-width:0}
.projectflow-portal-assignment>span{display:block;color:#18324a;font-size:13px;font-weight:900;line-height:1.3}
.projectflow-portal-assignment>small{display:block;color:#64748b;font-size:12px;line-height:1.4}
.projectflow-portal-assignment .check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px}
.projectflow-portal-assignment .check-grid>label{display:flex!important;align-items:center;gap:9px;min-height:46px;padding:10px 12px;border:1px solid #d4dfeb;border-radius:8px;background:#fff;color:#253b53;font-size:12px;font-weight:800;cursor:pointer}
.projectflow-portal-assignment .check-grid>label:hover{border-color:#0f766e;background:#f0faf7}
.projectflow-portal-assignment .check-grid>label:has(input:checked){border-color:#0f766e;background:#e9f7f3;box-shadow:0 0 0 2px rgba(15,118,110,.1)}
.projectflow-portal-assignment .check-grid input[type=checkbox]{display:block!important;width:18px!important;height:18px!important;min-width:18px;margin:0;accent-color:#0f766e;opacity:1!important;appearance:auto!important}
.projectflow-portal-assignment .check-grid input[type=checkbox]+*{display:inline}
.module-selector-label{gap:7px!important}
.module-selector-label>small{color:#64748b;font-weight:500}
.module-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.module-selector-grid .check-line{position:relative;display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 14px;border:1px solid #d8e1e8;border-radius:8px;background:#f8fafb;color:#26333d;font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.module-selector-grid .check-line:hover{border-color:#8eb9b3;background:#f3faf8}
.module-selector-grid .check-line:has(input:checked){border-color:#0f766e;background:#edf8f5;box-shadow:0 0 0 2px rgba(15,118,110,.08)}
.module-selector-grid .check-line input{width:18px;height:18px;margin:0;accent-color:#0f766e}
.check-line{display:flex!important;align-items:center;gap:8px;border:1px solid #dbe6f2;border-radius:10px;padding:10px!important;background:#f8fbff;font-weight:800;color:#18324a}
.check-line input{width:auto!important;height:auto!important}
@media(max-width:1100px){.subscription-control-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.subscription-control-strip{grid-template-columns:1fr 1fr}.subscription-control-strip strong{font-size:18px}.check-grid,.module-selector-grid{grid-template-columns:1fr}}

/* Public invoice payment screen */
.invoice-pay-page{min-height:100dvh;padding:18px;align-items:start;place-items:start center;overflow:auto}
.invoice-pay-card{width:min(760px,100%);max-width:760px;margin:18px auto;padding:24px;gap:16px}
.invoice-pay-card .login-logo-wrap{margin-left:auto;margin-right:auto}
.invoice-pay-card h1{font-size:30px;line-height:1.16}
.invoice-pay-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#f8fbfc;border:1px solid var(--line);border-radius:12px;padding:12px}
.invoice-pay-details>div{min-width:0;border:1px solid #e4ebf1;border-radius:10px;background:#fff;padding:10px}
.invoice-pay-details span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}
.invoice-pay-details strong{display:block;margin-top:5px;word-break:break-word}
.invoice-pay-form{box-shadow:none;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}
.invoice-pay-form .span-2{grid-column:1/-1}
@media(max-width:700px){
  .invoice-pay-page{display:block;padding:10px;background:linear-gradient(160deg,#0b3158,#0f766e)}
  .invoice-pay-card{width:100%;max-width:none;min-height:auto;margin:0 auto;padding:18px 14px 16px;border-radius:16px}
  .invoice-pay-card .login-logo-wrap{width:min(210px,78vw);height:auto;padding:8px 10px;margin-bottom:6px}
  .invoice-pay-card .login-logo{width:min(180px,70vw);max-height:92px}
  .invoice-pay-card h1{font-size:24px;line-height:1.15}
  .invoice-pay-details{grid-template-columns:1fr;padding:8px;gap:8px}
  .invoice-pay-form{grid-template-columns:1fr;padding:10px;gap:10px}
  .invoice-pay-form .span-2{grid-column:auto}
  .invoice-pay-form button,.invoice-pay-form .btn{width:100%}
}


.field-box select{border:0;background:transparent;outline:0;width:100%;min-height:50px;font:inherit;color:#0e223d}


/* MuniDMS staff login redesign */
body.login-page{
  min-height:100dvh;
  padding:clamp(18px,3vw,42px);
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 12% 18%, rgba(40,139,230,.42), transparent 30%),
    radial-gradient(circle at 90% 82%, rgba(231,180,83,.26), transparent 28%),
    linear-gradient(135deg,#071426 0%,#0b2f63 52%,#05223b 100%)!important;
  overflow:auto;
}
body.login-page::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(135deg, rgba(0,0,0,.75), transparent 70%);
  pointer-events:none;
}
.login-layout{
  position:relative;
  z-index:1;
  width:min(1120px,100%);
  display:grid;
  grid-template-columns:minmax(340px,.92fr) minmax(380px,500px);
  gap:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 34px 100px rgba(0,0,0,.38);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.login-brand-panel{
  min-height:650px;
  padding:54px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    linear-gradient(145deg,rgba(6,22,43,.94),rgba(7,55,112,.78)),
    radial-gradient(circle at 18% 20%,rgba(255,204,104,.22),transparent 34%);
}
.brand-mark{
  width:108px;
  height:108px;
  border-radius:28px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  margin-bottom:28px;
}
.brand-mark img{width:82px;height:82px;border-radius:22px;object-fit:cover;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.login-brand-panel .login-welcome{margin:0 0 10px;color:#f4c66a;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-align:left}
.login-brand-panel h1{margin:0;color:#fff;font-size:clamp(42px,5vw,64px);line-height:1;font-weight:950;letter-spacing:0}
.login-brand-panel .login-subtitle{margin:18px 0 32px;color:#d9e7fa;font-size:18px;line-height:1.65;text-align:left;max-width:520px}
.login-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.login-proof-grid span{display:grid;gap:5px;padding:16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.login-proof-grid strong{font-size:15px;color:#fff}.login-proof-grid small{font-size:12px;color:#bcd0e9}
.login-layout .pro-login{
  width:100%!important;
  min-height:650px;
  padding:50px 48px!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  border:0!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:16px!important;
}
.login-layout .pro-login .login-logo-wrap{
  width:86px!important;
  height:86px!important;
  padding:0!important;
  margin:0 auto 8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.login-layout .pro-login .login-logo{width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important;border-radius:22px;object-fit:cover;box-shadow:0 18px 42px rgba(13,35,70,.22)}
.login-layout .pro-login .login-kicker{margin:0;text-align:center;color:#0a65b7;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.login-layout .pro-login h1{font-size:34px!important;line-height:1.1!important;color:#0b1c33!important;text-align:center;margin:0!important;font-weight:950!important;letter-spacing:0!important}
.login-layout .pro-login>.login-subtitle{margin:-4px auto 8px!important;max-width:360px;text-align:center!important;color:#66758f!important;font-size:15px!important;line-height:1.55!important}
.login-layout .field-label{display:grid!important;gap:8px!important;color:#1b3557!important;font-weight:850!important}
.login-layout .field-title{font-size:13px!important;color:#1e3658!important}
.login-layout .field-box{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:44px 1fr 28px!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid #d6e1ee!important;
  border-radius:15px!important;
  background:#fff!important;
  padding:0 14px!important;
  box-shadow:0 10px 26px rgba(16,43,84,.06)!important;
}
.login-layout .field-box:focus-within{border-color:#1672c7!important;box-shadow:0 0 0 4px rgba(22,114,199,.12),0 12px 28px rgba(16,43,84,.08)!important}
.login-layout .field-icon,.login-layout .field-side{display:grid;place-items:center;border-radius:999px;font-weight:950!important}
.login-layout .field-icon{width:34px!important;height:34px!important;background:#eaf3ff!important;color:#0a65b7!important}
.login-layout .field-side{color:#7a8ca5!important;font-size:12px!important}
.login-layout .field-box input,.login-layout .field-box select{border:0!important;outline:0!important;background:transparent!important;width:100%!important;min-height:52px!important;font-size:16px!important;color:#0b1c33!important}
.login-layout .login-options{justify-content:flex-start!important;margin:2px 0!important;color:#405774!important;font-size:14px!important}
.login-layout .login-submit{min-height:58px!important;border-radius:15px!important;background:linear-gradient(135deg,#0a74d6,#064897)!important;font-size:17px!important;font-weight:900!important;box-shadow:0 16px 34px rgba(6,72,151,.28)!important}
.login-layout .secure-divider{margin:6px 0 0!important;font-size:13px!important;color:#8393a9!important;gap:12px!important}
.login-layout .login-features{gap:10px!important;color:#273f61!important}
.login-layout .login-features div{border-right:0!important;padding:10px 6px;border-radius:14px;background:#f1f6fc!important}
.login-layout .feature-icon{width:34px!important;height:34px!important;background:#fff!important;color:#0a65b7!important;border:1px solid #dce7f3!important}
.login-layout .login-features strong{font-size:13px!important;font-weight:850!important;color:#263d5e!important}
@media(max-width:860px){
  body.login-page{padding:12px;background:linear-gradient(160deg,#071426,#0b4f93)!important}
  .login-layout{grid-template-columns:1fr;border-radius:24px;width:min(500px,100%)}
  .login-brand-panel{min-height:auto;padding:28px 24px 24px;text-align:center;align-items:center}
  .brand-mark{width:82px;height:82px;margin-bottom:14px}.brand-mark img{width:64px;height:64px;border-radius:18px}
  .login-brand-panel h1{font-size:36px}.login-brand-panel .login-subtitle{font-size:14px;text-align:center;margin:10px 0 16px;line-height:1.5}
  .login-proof-grid{display:none}
  .login-layout .pro-login{min-height:auto;padding:26px 20px 24px!important}
  .login-layout .pro-login .login-logo-wrap{display:none!important}
  .login-layout .pro-login h1{font-size:26px!important}
  .login-layout .login-features{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:430px){.login-layout{border-radius:18px}.login-brand-panel{padding:22px 18px}.login-layout .pro-login{padding:22px 16px!important}.login-layout .field-box{grid-template-columns:38px 1fr 22px!important;padding:0 10px!important}.login-layout .login-features strong{font-size:12px!important}.login-layout .secure-divider span{white-space:normal;text-align:center}}
.kitchen-customer-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.kitchen-customer-picker label{margin:0}.kitchen-new-customer-btn{white-space:nowrap;min-height:42px}.kitchen-customer-dialog{width:min(680px,94vw);height:auto;max-height:92vh}.kitchen-customer-dialog .preview-head>div{display:grid;gap:3px}.kitchen-customer-dialog .preview-head small{color:var(--muted)}.kitchen-customer-popup-form{padding:20px;overflow:auto}.kitchen-popup-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:700px){.kitchen-customer-picker{grid-template-columns:1fr}.kitchen-new-customer-btn{width:100%}.kitchen-customer-popup-form{grid-template-columns:1fr}.kitchen-customer-popup-form .span-2{grid-column:auto}}
.kitchen-design-selector{margin-bottom:16px}.kitchen-design-selector>label{display:grid;gap:6px;max-width:760px}.kitchen-portal-decisions{display:flex;gap:10px;align-items:end}.kitchen-pay-now{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.kitchen-pay-now label{min-width:260px}.kitchen-portal-revisions{display:grid;gap:8px}.kitchen-portal-revisions h4{margin:0}.kitchen-portal-revisions article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.kitchen-portal-revisions article span,.kitchen-portal-revisions article small{color:var(--muted)}@media(max-width:700px){.kitchen-portal-revisions article{grid-template-columns:1fr}.kitchen-pay-now,.kitchen-pay-now label{width:100%;min-width:0}.kitchen-pay-now .btn{width:100%}}
.kitchen-production-delivery{display:grid;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(180px,1fr));gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.kitchen-production-delivery>div{display:grid;gap:3px}.kitchen-production-delivery small{color:var(--muted)}@media(max-width:800px){.kitchen-production-delivery{grid-template-columns:1fr}}
.kitchen-view-dashboard .kitchen-action-form,.kitchen-view-projects .kitchen-action-form,.kitchen-view-feedback .kitchen-action-form{display:none}.kitchen-view-design .kitchen-workspace{display:none}.kitchen-view-delivery .kitchen-production-field,.kitchen-view-delivery .kitchen-assembly-field{display:none}.kitchen-view-assembly .kitchen-production-field,.kitchen-view-assembly .kitchen-delivery-field{display:none}.kitchen-design-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line);background:#f8fafc}.kitchen-design-submit p{margin:0;color:var(--muted)}.kitchen-customer-timeline{display:grid;gap:14px}.kitchen-update-list{display:grid;gap:8px}.kitchen-update-list article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-left:3px solid #0f766e;background:#f8fafc}.kitchen-update-list p{margin:3px 0;color:var(--muted)}.kitchen-update-list small{color:var(--muted)}.kitchen-customer-records{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kitchen-customer-records>section{padding:14px;border:1px solid var(--line);border-radius:6px}.kitchen-customer-records h4{margin:0 0 10px}.kitchen-customer-records article{display:grid;gap:4px;padding:9px 0;border-top:1px solid var(--line)}@media(max-width:700px){.kitchen-design-submit{align-items:stretch;flex-direction:column}.kitchen-update-list article,.kitchen-customer-records{grid-template-columns:1fr}}
.kitchen-view-design>.kitchen-hero,.kitchen-view-design>.kitchen-metrics,.kitchen-view-design>.kitchen-layout{display:none}
.kitchen-member-selector{display:grid;gap:10px}.kitchen-member-selector-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kitchen-member-selector-head>div{display:grid;gap:3px}.kitchen-member-selector-head>div:last-child{display:flex;align-items:center;gap:8px}.kitchen-member-selector-head small,.kitchen-member-selector-head span{color:var(--muted)}.kitchen-member-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kitchen-member-choice{display:flex!important;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.kitchen-member-choice:has(input:checked){border-color:#0f766e;background:#f0fdfa}.kitchen-member-choice input{width:18px;height:18px;flex:0 0 auto}.kitchen-member-choice span{display:grid;gap:2px}.kitchen-member-choice small{color:var(--muted)}@media(max-width:700px){.kitchen-member-selector-head{align-items:stretch;flex-direction:column}.kitchen-member-selector-head>div:last-child{justify-content:space-between}.kitchen-member-checks{grid-template-columns:1fr}}
.kitchen-admin-workflow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.kitchen-admin-workflow-summary>div{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.kitchen-admin-workflow-summary span,.kitchen-admin-workflow-summary small{color:var(--muted)}@media(max-width:900px){.kitchen-admin-workflow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.kitchen-admin-workflow-summary{grid-template-columns:1fr}}
.kitchen-view-deliveryPortal .kitchen-production-field,.kitchen-view-deliveryPortal .kitchen-assembly-field,.kitchen-view-deliveryPortal .kitchen-team-editor{display:none}.kitchen-delivery-portal-details{margin-bottom:10px}
.kitchen-assembly-progress{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.kitchen-assembly-workflow{margin-top:10px}
.module-selector-grid .check-line small{display:block;margin:4px 0 0 24px;color:var(--muted);line-height:1.35}.owner-module-overview{margin-bottom:16px}.owner-module-company-list{display:grid;gap:8px}.owner-module-company-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px}.owner-module-company-list article>div{display:flex;gap:6px;flex-wrap:wrap}.owner-module-company-list article>div:first-child{display:grid}.owner-module-company-list small{color:var(--muted)}.recent-kitchen-functions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.recent-kitchen-functions span{padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:#f8fafc;color:var(--muted);font-size:12px}@media(max-width:700px){.owner-module-company-list article{align-items:flex-start;flex-direction:column}}
.subscription-kitchen-scope{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fff}.subscription-kitchen-scope>div{display:grid;margin-right:5px}.subscription-kitchen-scope small{color:var(--muted)}.subscription-kitchen-scope>span{padding:5px 8px;border-radius:4px;background:#f0fdfa;color:#115e59;font-size:12px;font-weight:700}
.kitchen-module{--k-accent:#0f766e;--k-accent-soft:#ecfdf5;--k-ink:#17202c;display:grid;gap:16px}.kitchen-view-dashboard>.kitchen-hero{display:none}.kitchen-command-center{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px;border:1px solid #cbd5e1;border-radius:8px;background:linear-gradient(135deg,#ffffff 0%,#f4fbf9 58%,#f8fafc 100%);box-shadow:0 10px 28px rgba(15,23,42,.07)}.kitchen-command-center>div:first-child{display:grid;gap:5px}.kitchen-command-center>div:first-child>span{color:var(--k-accent);font-size:12px;font-weight:800;text-transform:uppercase}.kitchen-command-center h2{margin:0;color:var(--k-ink);font-size:28px;letter-spacing:0}.kitchen-command-center p{margin:0;color:var(--muted)}.kitchen-access-identity{display:grid;align-content:center;justify-items:end;gap:3px;padding-left:18px;border-left:1px solid #dbe5e2}.kitchen-access-identity small,.kitchen-access-identity span{color:var(--muted)}.kitchen-command-center nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.kitchen-command-center nav a{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 11px;border:1px solid #d6e2df;border-radius:6px;background:#fff;color:var(--k-ink);text-decoration:none}.kitchen-command-center nav a:hover{border-color:var(--k-accent);background:var(--k-accent-soft)}.kitchen-command-center nav a span{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:var(--k-accent-soft);color:var(--k-accent);font-size:11px;font-weight:900}.kitchen-module .kitchen-metrics{margin:0}.kitchen-module .kitchen-layout,.kitchen-module .kitchen-portal-layout{gap:14px}.kitchen-module .panel{border-color:#dce4e8;box-shadow:0 5px 18px rgba(15,23,42,.045)}.kitchen-module .panel-head h3{color:var(--k-ink)}.kitchen-module .kitchen-project-item{border-radius:6px;transition:border-color .15s ease,background .15s ease}.kitchen-module .kitchen-project-item:hover,.kitchen-module .kitchen-project-item.active{border-color:var(--k-accent);background:#f3fbf8}.kitchen-module .kitchen-stage-track{padding:8px;border:1px solid #dce4e8;border-radius:6px;background:#f8fafc}.kitchen-module .kitchen-stage-track span.active{background:var(--k-accent);color:#fff}.kitchen-nav-group .nav-link{min-height:38px}.kitchen-nav-group .nav-link.active{background:#e9f7f3;color:#115e59}.kitchen-module .btn.primary{background:#0f766e;border-color:#0f766e}.kitchen-module .btn.primary:hover{background:#115e59;border-color:#115e59}@media(max-width:760px){.kitchen-command-center{grid-template-columns:1fr;padding:16px}.kitchen-access-identity{justify-items:start;padding:12px 0 0;border-left:0;border-top:1px solid #dbe5e2}.kitchen-command-center nav{grid-template-columns:1fr 1fr}.kitchen-command-center h2{font-size:24px}}@media(max-width:460px){.kitchen-command-center nav{grid-template-columns:1fr}}
.kitchen-assembly-status-band{display:grid;gap:12px;padding:16px;border:1px solid #dce4e8;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045)}.kitchen-assembly-status-band .panel-head{margin:0}.kitchen-assembly-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.kitchen-assembly-status-card{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid #d8e2e0;border-radius:7px;background:linear-gradient(150deg,#fff,#f4fbf9);color:var(--k-ink);text-decoration:none}.kitchen-assembly-status-card:hover{border-color:var(--k-accent);box-shadow:0 8px 18px rgba(15,118,110,.1)}.kitchen-assembly-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kitchen-assembly-status-card>strong{font-size:17px}.kitchen-assembly-status-card>p{margin:0;color:var(--muted)}.kitchen-assembly-card-location{display:grid;gap:2px;padding:9px 10px;border-left:3px solid var(--k-accent);background:#fff}.kitchen-assembly-card-location span,.kitchen-assembly-card-stats span{color:var(--muted);font-size:11px;text-transform:uppercase}.kitchen-assembly-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kitchen-assembly-card-stats>div{display:grid;gap:3px;padding:8px;background:#fff;border:1px solid #e3e9ec;border-radius:5px}.kitchen-assembly-card-stats b{font-size:12px;overflow-wrap:anywhere}@media(max-width:520px){.kitchen-assembly-card-stats{grid-template-columns:1fr}}
.kitchen-customer-login-share{display:grid;gap:14px;border-color:#99d5c8!important;background:linear-gradient(135deg,#fff,#f0fdfa)}.kitchen-customer-login-share>div:first-child>span{color:#0f766e;font-size:12px;font-weight:800;text-transform:uppercase}.kitchen-customer-login-share h3{margin:3px 0}.kitchen-customer-login-share p{margin:0;color:var(--muted)}.kitchen-login-credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kitchen-login-credentials>div{display:grid;gap:3px;padding:10px 12px;border:1px solid #cce7e0;border-radius:6px;background:#fff}.kitchen-login-credentials span{color:var(--muted);font-size:12px}@media(max-width:650px){.kitchen-login-credentials{grid-template-columns:1fr}.kitchen-customer-login-share .row-actions{display:grid}.kitchen-customer-login-share .row-actions>*{width:100%}}
.kitchen-master-menu{margin:4px 0}.kitchen-master-menu>summary{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;color:inherit;cursor:pointer;list-style:none}.kitchen-master-menu>summary::-webkit-details-marker{display:none}.kitchen-master-menu>summary:after{content:'+';margin-left:auto;color:var(--muted)}.kitchen-master-menu[open]>summary:after{content:'−'}.kitchen-master-menu>div{padding-left:12px}.kitchen-customer-account-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.kitchen-customer-account-summary>div{display:grid;gap:4px;padding:13px 14px;border:1px solid #d9e5e2;border-radius:7px;background:linear-gradient(145deg,#fff,#f3fbf8)}.kitchen-customer-account-summary span{color:var(--muted);font-size:12px}.kitchen-customer-account-summary strong{color:#134e4a;font-size:17px}@media(max-width:980px){.kitchen-customer-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.kitchen-customer-account-summary{grid-template-columns:1fr}}
.kitchen-admin-customer-switcher{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:18px;align-items:end;padding:16px;border:1px solid #b9dcd4;border-radius:8px;background:linear-gradient(135deg,#fff,#effaf7)}.kitchen-admin-customer-switcher>div{display:grid;gap:4px}.kitchen-admin-customer-switcher>div>span{color:#0f766e;font-size:12px;font-weight:800;text-transform:uppercase}.kitchen-admin-customer-switcher h3,.kitchen-admin-customer-switcher p{margin:0}.kitchen-admin-customer-switcher p{color:var(--muted)}.kitchen-admin-customer-switcher form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:end}.kitchen-admin-customer-switcher label{display:grid;gap:5px}@media(max-width:900px){.kitchen-admin-customer-switcher{grid-template-columns:1fr}.kitchen-admin-customer-switcher form{grid-template-columns:1fr}.kitchen-admin-customer-switcher form>*{width:100%}}
.kitchen-use-address{display:flex;align-items:center;gap:7px;margin-top:7px;color:var(--muted);font-size:12px;font-weight:600}.kitchen-use-address input{width:16px!important;height:16px!important;min-height:0!important}
.kitchen-view-projects>.kitchen-customer-master{width:100%;margin-top:2px}
.kitchen-project-select-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.kitchen-project-select-form label{margin:0}.kitchen-project-select-form .btn{min-height:42px}@media(max-width:640px){.kitchen-project-select-form{grid-template-columns:1fr}.kitchen-project-select-form .btn{width:100%}}
.user-rights-module-filter{display:grid;gap:12px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.user-rights-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.user-rights-picker-head strong{font-size:14px}.user-rights-picker-head small{margin:0;color:var(--muted)}.user-rights-module-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.user-rights-module-checks label{display:flex;align-items:center;gap:9px;min-height:42px;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer;font-size:13px;font-weight:750}.user-rights-module-checks label:hover{border-color:#82aaa3}.user-rights-module-checks label.active{border-color:#18816f;background:#edf9f6;color:#105f53}.user-rights-module-checks input{width:17px;height:17px;min-height:0;margin:0;accent-color:#18816f}.user-rights-module-checks label[hidden],#userRightsMatrix [hidden]{display:none!important}@media(max-width:700px){.user-rights-picker-head{align-items:flex-start;flex-direction:column}.user-rights-module-checks{grid-template-columns:1fr 1fr}}@media(max-width:440px){.user-rights-module-checks{grid-template-columns:1fr}}
.kitchen-portal-header{display:grid;gap:13px;padding:17px 18px;border:1px solid #d7e2e0;border-left:4px solid #147d6d;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045)}.kitchen-portal-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.kitchen-portal-title>div:first-child{display:grid;gap:3px}.kitchen-portal-title>div:first-child>span{color:#147d6d;font-size:11px;font-weight:900;text-transform:uppercase}.kitchen-portal-title h2,.kitchen-portal-title p{margin:0}.kitchen-portal-title h2{font-size:23px;letter-spacing:0}.kitchen-portal-title p{color:var(--muted);font-size:13px}.kitchen-portal-user{display:grid;justify-items:end;gap:2px;padding-left:16px;border-left:1px solid #dce5e3}.kitchen-portal-user small,.kitchen-portal-user span{color:var(--muted);font-size:11px}.kitchen-context-facts{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px}.kitchen-context-facts>div{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid #e0e7ea;border-radius:6px;background:#f8fafb}.kitchen-context-facts span{color:#66758a;font-size:10px;font-weight:800;text-transform:uppercase}.kitchen-context-facts strong{overflow:hidden;color:#263444;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.kitchen-context-empty{padding:10px 12px;border:1px dashed #cbd8d5;border-radius:6px;background:#f8fbfa;color:var(--muted);font-size:13px}.kitchen-module .panel-head{gap:12px;padding:14px 16px}.kitchen-module .panel-head h3{font-size:16px}.kitchen-module .panel-head p{margin-top:3px;font-size:12px}.kitchen-module input,.kitchen-module select,.kitchen-module textarea{border-color:#cbd7dc;background:#fff}.kitchen-module input:focus,.kitchen-module select:focus,.kitchen-module textarea:focus{border-color:#147d6d;box-shadow:0 0 0 3px rgba(20,125,109,.1)}.kitchen-entry-form label{position:relative}.kitchen-entry-form .required-mark{float:right;margin:0 0 3px 8px;color:#a43e3e;font-size:9px;font-weight:900;text-transform:uppercase}.kitchen-module .form-grid{gap:12px 14px}.kitchen-module .form-grid>button[type=submit],.kitchen-module .kitchen-actions{margin-top:3px}.kitchen-list-panel{position:sticky;top:14px}.kitchen-project-list{max-height:calc(100vh - 265px);min-height:300px;padding:8px;background:#f5f7f8}.kitchen-project-item{padding:11px}.kitchen-project-item.active{box-shadow:inset 3px 0 #147d6d}.kitchen-workspace>.panel-head{background:#fbfcfd;border-bottom:1px solid #e2e8eb}.kitchen-stage-track{scrollbar-width:thin}.kitchen-detail-grid>div{min-width:0}.kitchen-detail-grid strong{overflow-wrap:anywhere}.kitchen-action-form{padding:16px;background:#fbfcfd}.kitchen-actions{position:sticky;bottom:0;z-index:3;margin-inline:-16px;margin-bottom:-16px;padding:11px 16px;border-top:1px solid #dce4e8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.kitchen-production-form,.kitchen-customer-actions>.form-grid,.kitchen-team-editor section{background:#fbfcfd}.kitchen-view-productionPortal{--k-accent:#0f6f8c}.kitchen-view-delivery,.kitchen-view-deliveryPortal{--k-accent:#6b5f1d}.kitchen-view-assembly,.kitchen-view-assemblyPortal{--k-accent:#7a4b79}.kitchen-view-feedback{--k-accent:#3f6f3c}.kitchen-view-customerPortal{--k-accent:#9a5c20}.kitchen-view-productionPortal .kitchen-portal-header{border-left-color:#0f6f8c}.kitchen-view-delivery .kitchen-portal-header,.kitchen-view-deliveryPortal .kitchen-portal-header{border-left-color:#9a7a18}.kitchen-view-assembly .kitchen-portal-header,.kitchen-view-assemblyPortal .kitchen-portal-header{border-left-color:#7a4b79}.kitchen-view-feedback .kitchen-portal-header{border-left-color:#3f6f3c}.kitchen-view-customerPortal .kitchen-portal-header{border-left-color:#9a5c20}@media(max-width:1050px){.kitchen-context-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.kitchen-list-panel{position:static}.kitchen-project-list{max-height:460px;min-height:0}}@media(max-width:650px){.kitchen-portal-header{padding:14px}.kitchen-portal-title{align-items:flex-start;flex-direction:column}.kitchen-portal-user{justify-items:start;width:100%;padding:9px 0 0;border-top:1px solid #dce5e3;border-left:0}.kitchen-context-facts{grid-template-columns:1fr 1fr}.kitchen-context-facts>div:last-child:nth-child(odd){grid-column:1/-1}.kitchen-actions{position:static;margin:4px 0 0;padding:10px 0 0;background:transparent;backdrop-filter:none}.kitchen-actions .btn{flex:1 1 100%}}@media(max-width:420px){.kitchen-context-facts{grid-template-columns:1fr}.kitchen-context-facts>div:last-child:nth-child(odd){grid-column:auto}}
.kitchen-portal-access-panel{display:grid;gap:13px;padding:16px;border:1px solid #dce4e8;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045)}.kitchen-portal-access-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.kitchen-portal-access-head>div:first-child{display:grid;gap:3px}.kitchen-portal-access-head span:not(.date-chip){color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.kitchen-portal-access-head h3,.kitchen-portal-access-head p{margin:0}.kitchen-portal-access-head h3{font-size:17px}.kitchen-portal-access-head p{color:var(--muted);font-size:12px}.kitchen-portal-access-tools{display:flex;align-items:center;gap:8px}.kitchen-portal-access-tools input{width:min(380px,42vw)}.kitchen-portal-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}.kitchen-portal-user-card{display:grid;gap:10px;padding:12px;border:1px solid #dce4e8;border-radius:7px;background:#fbfcfd}.kitchen-portal-user-card-head{display:flex;align-items:start;justify-content:space-between;gap:9px}.kitchen-portal-user-card-head>div{display:grid;gap:2px;min-width:0}.kitchen-portal-user-card-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kitchen-portal-user-card-head small{color:var(--muted)}.kitchen-portal-user-meta{display:grid;gap:3px;padding:8px 9px;border-left:3px solid #0f766e;background:#f3faf8}.kitchen-portal-user-meta span{font-size:12px;font-weight:850}.kitchen-portal-user-meta small{color:var(--muted);font-size:11px}.kitchen-portal-user-card .row-actions{margin-top:auto}.kitchen-portal-user-card .icon-btn{min-height:34px}@media(max-width:760px){.kitchen-portal-access-head{align-items:stretch;flex-direction:column}.kitchen-portal-access-tools{align-items:stretch;flex-direction:column}.kitchen-portal-access-tools input{width:100%}.kitchen-portal-access-tools .date-chip{align-self:flex-start}.kitchen-portal-user-grid{grid-template-columns:1fr}}
.kitchen-portal-user-groups{display:grid;gap:12px}.kitchen-portal-user-group{display:grid;gap:9px;padding:11px;border:1px solid #dce4e8;border-radius:7px;background:#f8fafb}.kitchen-portal-user-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.kitchen-portal-user-group-head strong{font-size:14px}.kitchen-portal-user-group-head span{padding:4px 7px;border-radius:5px;background:#e9f4f1;color:#0f6659;font-size:10px;font-weight:850;text-transform:uppercase}.kitchen-portal-user-group:nth-child(2) .kitchen-portal-user-meta{border-left-color:#9a7a18;background:#fbf9ee}.kitchen-portal-user-group:nth-child(3) .kitchen-portal-user-meta{border-left-color:#7a4b79;background:#faf5fa}
.kitchen-portal-login-page{min-height:100vh;margin:0;background:#f3f6f7;color:#17202c}.kitchen-portal-login-shell{display:grid;align-content:center;gap:12px;width:min(540px,calc(100% - 28px));min-height:100vh;margin:auto;padding:28px 0}.kitchen-login-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kitchen-login-tabs a{display:grid;justify-items:center;gap:4px;padding:9px 6px;border:1px solid #d5dfe3;border-radius:7px;background:#fff;color:#526273;font-size:11px;font-weight:750;text-decoration:none}.kitchen-login-tabs a span{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#edf4f3;color:#0f766e;font-size:10px;font-weight:900}.kitchen-login-tabs a.active{border-color:#0f766e;background:#eff9f6;color:#115e59}.kitchen-portal-login-card{display:grid;gap:14px;padding:28px;border:1px solid #d7e1e5;border-top:4px solid #0f766e;border-radius:8px;background:#fff;box-shadow:0 16px 42px rgba(20,32,48,.1)}.kitchen-login-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:7px;background:#e9f7f3;color:#0f766e;font-size:14px;font-weight:900}.kitchen-login-brand{color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.kitchen-portal-login-card h1,.kitchen-portal-login-card p{margin:0}.kitchen-portal-login-card h1{font-size:25px;letter-spacing:0}.kitchen-portal-login-card>p{color:#657488;font-size:13px;line-height:1.5}.kitchen-portal-login-card label{display:grid;gap:6px;color:#344255;font-size:12px;font-weight:750}.kitchen-portal-login-card input,.kitchen-portal-login-card select{min-height:44px;border:1px solid #cad6dc;border-radius:6px;background:#fff}.kitchen-portal-login-card .btn{min-height:44px}.kitchen-general-login{justify-self:center;color:#426075;font-size:12px;font-weight:750;text-decoration:none}.portal-production .kitchen-portal-login-card{border-top-color:#0f6f8c}.portal-production .kitchen-login-mark{background:#eaf5f8;color:#0f6f8c}.portal-delivery .kitchen-portal-login-card{border-top-color:#9a7a18}.portal-delivery .kitchen-login-mark{background:#fbf7e8;color:#806414}.portal-assembly .kitchen-portal-login-card{border-top-color:#7a4b79}.portal-assembly .kitchen-login-mark{background:#f7edf7;color:#7a4b79}@media(max-width:520px){.kitchen-login-tabs{grid-template-columns:1fr 1fr}.kitchen-portal-login-card{padding:21px}}
.kitchen-portal-login-page .kitchen-login-tabs{display:none!important}
.kitchen-portal-user-card .kitchen-share-login.whatsapp{border-color:#8fd4ad;color:#08783e;background:#effbf4}.kitchen-portal-user-card .kitchen-share-login.viber{border-color:#c7b1df;color:#67418c;background:#f8f3fc}
.kitchen-portal-credentials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kitchen-portal-credentials>div{display:grid;gap:3px;padding:9px;border:1px solid #dce4e8;border-radius:6px;background:#fff}.kitchen-portal-credentials span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.kitchen-portal-credentials strong{overflow-wrap:anywhere;font-size:12px}.kitchen-view-settings .kitchen-portal-access-panel{margin-top:14px}@media(max-width:520px){.kitchen-portal-credentials{grid-template-columns:1fr}}
.kitchen-share-password-row{flex:1 0 100%;display:grid;gap:4px}.kitchen-share-password-row input{width:100%;min-height:36px;font-size:12px}.kitchen-share-feedback{min-height:14px;color:#53677a;font-size:10px;line-height:1.35}
.kitchen-reports-page{display:grid;gap:14px;width:calc(100% - 248px);min-width:0;margin-left:248px;padding:26px 28px 48px}.kitchen-reports-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px;border:1px solid #d8e2e5;border-left:4px solid #0f766e;border-radius:8px;background:#fff}.kitchen-reports-header>div:first-child{display:grid;gap:3px}.kitchen-reports-header>div:first-child>span{color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.kitchen-reports-header h2,.kitchen-reports-header p{margin:0}.kitchen-reports-header h2{font-size:24px;letter-spacing:0}.kitchen-reports-header p{color:var(--muted);font-size:13px}.kitchen-report-actions{display:flex;gap:8px}.kitchen-report-metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px}.kitchen-report-metrics>div{display:grid;gap:4px;padding:12px;border:1px solid #dce4e8;border-radius:7px;background:#fff}.kitchen-report-metrics span{color:#69788a;font-size:10px;font-weight:800;text-transform:uppercase}.kitchen-report-metrics strong{font-size:17px}.kitchen-report-controls{display:grid;gap:11px;min-width:0;padding:13px;border:1px solid #dce4e8;border-radius:8px;background:#f8fafb}.kitchen-report-tabs{display:flex;gap:6px;min-width:0;overflow:auto;padding-bottom:2px}.kitchen-report-tabs button{flex:0 0 auto;min-height:34px;padding:7px 10px;border:1px solid #d5dfe3;border-radius:6px;background:#fff;color:#47576a;font-size:11px;font-weight:800;cursor:pointer}.kitchen-report-tabs button.active{border-color:#0f766e;background:#eaf7f3;color:#0f6659}.kitchen-report-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:8px}.kitchen-report-output{min-width:0;overflow:hidden;border:1px solid #dce4e8;border-radius:8px;background:#fff}.kitchen-report-output .panel-head{margin:0;padding:13px 15px;border-bottom:1px solid #e1e7ea;background:#fbfcfd}.kitchen-report-output table{min-width:980px}.kitchen-report-output th{font-size:10px;text-transform:uppercase}.kitchen-report-output td{font-size:12px;vertical-align:top;white-space:normal}.kitchen-report-output tbody tr:hover{background:#f5faf8}@media(max-width:1150px){.kitchen-reports-page{width:100%;margin-left:0;padding:16px 14px 42px}.kitchen-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.kitchen-reports-header{align-items:stretch;flex-direction:column}.kitchen-report-actions>*{flex:1}.kitchen-report-metrics{grid-template-columns:1fr 1fr}.kitchen-report-filters{grid-template-columns:1fr}.kitchen-report-output .panel-head{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.kitchen-report-metrics{grid-template-columns:1fr}}@media print{body:has(.kitchen-reports-page) .topbar,body:has(.kitchen-reports-page) .sidebar,body:has(.kitchen-reports-page) .mobile-shellbar,body:has(.kitchen-reports-page) .kitchen-report-actions,body:has(.kitchen-reports-page) .kitchen-report-controls{display:none!important}body:has(.kitchen-reports-page) main{margin:0;padding:0}.kitchen-reports-page{display:block;width:100%;margin:0;padding:0}.kitchen-reports-header,.kitchen-report-output{border:0;box-shadow:none}.kitchen-report-metrics{grid-template-columns:repeat(3,1fr);margin:12px 0}.kitchen-report-output .table-wrap{overflow:visible}.kitchen-report-output table{min-width:0;font-size:9px}}

.kitchen-report-menu{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));overflow:visible;padding:0}.kitchen-report-menu .modern-report{min-height:150px}.kitchen-report-menu .modern-report.active{border-color:#0f766e;border-top-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.12),var(--shadow)}.kitchen-report-menu .report-actions{margin-top:4px}.kitchen-report-menu .report-actions button{flex:1}.kitchen-selected-file-previews{margin-top:8px}.kitchen-selected-file-previews .preview-btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-workspace-header .payment-report-actions{margin-left:auto;align-self:center;display:flex;gap:8px;flex-wrap:wrap}.payment-register-report .report-document-head{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #164e63;padding-bottom:16px;margin-bottom:18px}.payment-register-report .report-document-head div{display:grid;gap:3px}.payment-register-report .report-document-head h2{margin:0;font-size:20px}.payment-register-report .report-document-head span,.payment-register-report .report-document-head small{color:#64748b}.payment-register-report .report-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}.payment-register-report .report-signatures span{border-top:1px solid #64748b;padding-top:7px;text-align:center;font-size:12px;font-weight:700}@media(max-width:700px){.payment-workspace-header .payment-report-actions{width:100%;margin-left:0}.payment-workspace-header .payment-report-actions .btn{flex:1}.payment-register-report .report-document-head{display:grid}.payment-register-report .report-signatures{gap:12px}}
.payflow-rights-card{margin:12px 0 18px;padding:14px;border:1px solid #bae6fd;background:#f0f9ff;border-radius:6px}.payflow-rights-card[hidden]{display:none!important}.payflow-rights-card>strong,.payflow-rights-card>small{display:block}.payflow-rights-card>small{color:#64748b;margin:3px 0 12px}.payflow-rights-card .check-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.payflow-rights-card label{display:grid;gap:5px;font-size:12px;font-weight:700}@media(max-width:760px){.payflow-rights-card .check-grid{grid-template-columns:1fr}}

/* Mobile navigation mirrors the permitted desktop module tree. */
@media(max-width:1100px){
  #mainSidebar .nav-scroll{display:block!important;width:100%;padding:10px 12px 18px;overflow-x:hidden;overflow-y:auto}
  #mainSidebar .nav-module{display:block!important;width:100%;margin:0 0 7px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);overflow:hidden}
  #mainSidebar .nav-module>.nav-group-title{display:flex!important;width:100%;min-height:48px;margin:0;padding:11px 13px;border:0;border-radius:0;background:rgba(255,255,255,.07)}
  #mainSidebar .nav-module[open]>.nav-group-title{background:rgba(15,118,110,.28);color:#fff}
  #mainSidebar .nav-module>.nav-module-links{display:none;width:100%;padding:7px;background:rgba(2,18,32,.2)}
  #mainSidebar .nav-module[open]>.nav-module-links{display:grid!important;grid-template-columns:1fr;gap:5px}
  #mainSidebar .nav-module-links>.nav-link,#mainSidebar .nav-module-links>details{width:100%;margin:0}
  #mainSidebar .nav-link{display:flex!important;width:100%;align-items:center;justify-content:flex-start;text-align:left}
  #mainSidebar .nav-bottom{display:grid!important;grid-template-columns:1fr;gap:5px;width:100%}
}
.payflow-allocation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2px 0 8px}.payflow-allocation-grid>div{border:1px solid #d6e1e7;background:#f7fafb;padding:12px;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.payflow-allocation-grid>div>span{font-weight:700;color:#263944}.payflow-allocation-grid>div>strong{color:#087ea4}.payflow-allocation-grid label{grid-column:1/-1;margin:0}.payflow-allocation-grid input[readonly]{background:#fff;font-weight:700}@media(max-width:700px){.payflow-allocation-grid{grid-template-columns:1fr}}
.payflow-request-slip{background:#fff;color:#17242d;max-width:980px;margin:auto;border:1px solid #b8c8d0}.payflow-slip-title{background:#111;color:#fff;padding:16px 20px;display:flex;justify-content:center;gap:8px;font-size:20px}.payflow-slip-title span{font-weight:700}.payflow-slip-columns{display:grid;grid-template-columns:1fr 1.15fr}.payflow-slip-columns section+section{border-left:1px solid #b8c8d0}.payflow-request-slip h3{margin:0;padding:8px 12px;background:#10a9d4;color:#071c25;font-size:15px;text-align:center}.payflow-request-slip dl{margin:0}.payflow-request-slip dl>div{display:grid;grid-template-columns:minmax(150px,.9fr) 1.2fr;border-top:1px solid #d6e0e5}.payflow-request-slip dt,.payflow-request-slip dd{margin:0;padding:8px 10px}.payflow-request-slip dt{font-weight:700}.payflow-request-slip dd{border-left:1px solid #d6e0e5;text-align:right}.payflow-slip-allocation>div{display:grid;grid-template-columns:1fr 80px 1fr;border-top:1px solid #d6e0e5}.payflow-slip-allocation>div>*{padding:9px 12px}.payflow-slip-allocation strong,.payflow-slip-allocation b{text-align:right}.payflow-slip-roi p{min-height:72px;margin:0;padding:12px}.payflow-request-slip .report-signatures{grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.payflow-slip-columns{grid-template-columns:1fr}.payflow-slip-columns section+section{border-left:0;border-top:1px solid #b8c8d0}.payflow-request-slip dl>div{grid-template-columns:1fr}.payflow-request-slip dd{border-left:0;text-align:left;padding-top:0}.payflow-request-slip .report-signatures{grid-template-columns:repeat(2,1fr)}.payflow-slip-title{font-size:16px;flex-wrap:wrap}}
.payflow-request-form{gap:14px 18px}.payflow-form-section{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:10px 0 0;padding:11px 13px;border-left:4px solid #0e7490;background:#eff8fa;border-radius:0 6px 6px 0}.payflow-form-section strong{color:#15313d;font-size:15px}.payflow-form-section span{color:#647783;font-size:12px;text-align:right}.payflow-request-form>label{padding:0 2px}.payflow-request-form>label>input,.payflow-request-form>label>select,.payflow-request-form>label>textarea{margin-top:6px}.payflow-request-form .form-actions{margin-top:4px;padding:14px;border-top:1px solid #d7e1e6;background:#f8fafb;border-radius:6px;justify-content:flex-end}.payflow-request-form .payflow-slip-preview{margin-right:auto;border-color:#0e7490;color:#0e6177;background:#fff}.preview-modal.payflow-slip-open{padding:12px;align-items:stretch}.preview-modal.payflow-slip-open .preview-dialog{width:min(980px,100%);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto}.preview-modal.payflow-slip-open .preview-head{flex:0 0 auto}.preview-modal.payflow-slip-open .preview-body{display:block;overflow:auto;padding:18px;background:#dfe7ec}.preview-modal.payflow-slip-open .payflow-request-slip{box-sizing:border-box;width:210mm;max-width:100%;min-height:270mm;margin:0 auto;border:0;border-radius:0;box-shadow:0 12px 32px rgba(15,23,42,.18);overflow:hidden}.preview-modal.payflow-slip-open .payflow-slip-title{padding:18px 20px}.preview-modal.payflow-slip-open .report-signatures{margin-top:28px;padding:18px 16px 12px}@media(max-width:700px){.payflow-form-section{display:grid;gap:3px}.payflow-form-section span{text-align:left}.payflow-request-form .form-actions{display:grid;grid-template-columns:1fr 1fr}.payflow-request-form .payflow-slip-preview{grid-column:1/-1;margin:0}.preview-modal.payflow-slip-open{padding:0}.preview-modal.payflow-slip-open .preview-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.preview-modal.payflow-slip-open .preview-body{padding:10px}.preview-modal.payflow-slip-open .payflow-request-slip{width:100%;min-height:0}.preview-modal.payflow-slip-open .powerbi-mobile-report{background:#fff!important}}
@media print{.preview-modal.report-open .payflow-request-slip{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.preview-modal.report-open .payflow-request-slip .payflow-slip-title{background:#111!important;color:#fff!important}.preview-modal.report-open .payflow-request-slip h3{background:#10a9d4!important}.preview-modal.report-open .payflow-request-slip .report-signatures{page-break-inside:avoid;margin-top:18mm}@page{size:A4 portrait;margin:12mm}}
.payflow-request-form .payflow-form-section{border-left-color:#0b3558;background:#edf3f8}.payflow-request-form .payflow-form-section strong{color:#0b3558}.payflow-request-form .payflow-slip-preview{border-color:#0b3558;color:#0b3558}.payflow-request-slip{padding-bottom:14px}.payflow-request-slip .official-report-head{margin:0;border:0;border-radius:0;box-shadow:none}.payflow-request-slip .official-report-top{padding:16px 20px 13px;border:0}.payflow-request-slip .official-report-brand img{width:150px;height:82px;object-fit:contain;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.payflow-request-slip .official-report-title{padding:14px 20px}.payflow-request-slip .official-report-title h2{font-size:21px}.payflow-request-slip .report-header-details{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-left:0;border-right:0}.payflow-request-slip .official-section-title{margin:14px 18px 8px}.payflow-request-slip .official-report-table{margin:0 18px 12px;border-radius:4px}.payflow-request-slip .official-report-table table{min-width:0;font-size:11px}.payflow-request-slip .official-report-table th,.payflow-request-slip .official-report-table td{padding:7px 8px}.payflow-request-slip .payflow-request-table th{width:19%;background:#eaf1f7;color:#334b5d;text-transform:uppercase;font-size:9px;letter-spacing:.04em}.payflow-request-slip .payflow-request-table td{width:31%}.payflow-request-slip .payflow-allocation-table th:nth-child(1){width:36%}.payflow-request-slip .payflow-allocation-table th:nth-child(2),.payflow-request-slip .payflow-allocation-table th:nth-child(3){width:18%}.payflow-request-slip .payflow-allocation-table td:last-child{text-align:right}.payflow-official-remarks{min-height:58px;margin:0 18px 12px;padding:10px 12px;border:1px solid #d8e0e6;border-radius:4px;background:#fbfcfd;line-height:1.5}.payflow-request-slip .official-report-footer{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 18px 4px;gap:8px}.payflow-request-slip .official-report-footer div{min-height:72px;padding:9px}.payflow-request-slip .official-report-footer strong{margin-top:24px;font-size:11px}@media(max-width:700px){.payflow-request-slip .report-header-details{grid-template-columns:1fr!important}.payflow-request-slip .official-report-footer{grid-template-columns:1fr!important}.payflow-request-slip .payflow-request-table table{display:table!important}.payflow-request-slip .payflow-request-table tbody{display:table-row-group!important}.payflow-request-slip .payflow-request-table tr{display:table-row!important}.payflow-request-slip .payflow-request-table th,.payflow-request-slip .payflow-request-table td{display:table-cell!important;width:auto!important}.payflow-request-slip .payflow-request-table td[colspan="3"]{display:table-cell!important}}
@media print{.payflow-request-slip .official-report-top{padding:0 0 8px}.payflow-request-slip .official-report-title{padding:10px 12px}.payflow-request-slip .report-header-details{grid-template-columns:repeat(3,1fr)!important;margin:0}.payflow-request-slip .official-section-title,.payflow-request-slip .official-report-table,.payflow-request-slip .payflow-official-remarks{margin-left:0!important;margin-right:0!important}.payflow-request-slip .official-report-footer{grid-template-columns:repeat(4,1fr)!important;padding-left:0!important;padding-right:0!important}.payflow-request-slip .official-report-table table{font-size:9.5px!important}.payflow-request-slip .official-report-table th,.payflow-request-slip .official-report-table td{padding:5px 6px!important}.payflow-request-slip .payflow-official-remarks{min-height:44px}.payflow-request-slip .official-report-footer div{min-height:60px}@page{size:A4 portrait;margin:12mm}}
.payflow-company-setting-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.payflow-company-logo-preview{display:grid;gap:8px;padding:14px;border:1px solid #d8e2e8;border-radius:6px;background:#f8fafb}.payflow-company-logo-box{display:grid;place-items:center;min-height:132px;padding:12px;border:1px dashed #aebdc6;border-radius:5px;background:#fff;color:#70828d;font-weight:800}.payflow-company-logo-box img{display:block;max-width:100%;max-height:108px;object-fit:contain}.payflow-company-logo-preview strong{color:#17313d}.payflow-company-logo-preview span{color:#667984;font-size:12px;line-height:1.45}.payflow-settings-status{align-self:center;color:#0f766e;font-weight:800}.payflow-company-master .form-actions{justify-content:flex-start}@media(max-width:760px){.payflow-company-setting-layout{grid-template-columns:1fr}.payflow-company-logo-preview{grid-template-columns:110px 1fr;align-items:center}.payflow-company-logo-box{grid-row:1/3;min-height:90px}.payflow-company-master .form-actions{display:grid;grid-template-columns:1fr}.payflow-settings-status{padding:4px 0}}
.report-template-store{display:none!important}
.pos-nav-group>.nav-group-title>span:first-child:before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:-5px;border-radius:5px;background:#14b8a6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M3 3h2l2 12h10l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='17' cy='20' r='1'/%3E%3C/svg%3E") center/14px no-repeat}.pos-customer-public{min-height:100vh;background:#eef4f5;color:#17202c}.pos-customer-shell{width:min(1080px,calc(100% - 28px));margin:auto;padding:28px 0 48px}.pos-customer-login{display:grid;gap:15px;width:min(440px,100%);margin:8vh auto 0;padding:28px;border:1px solid #d7e2e5;border-top:4px solid #0f766e;border-radius:8px;background:#fff;box-shadow:0 18px 48px rgba(20,32,48,.12)}.pos-customer-login h1,.pos-customer-login p{margin:0}.pos-customer-login p{color:#66758a;line-height:1.5}.pos-customer-login>a{text-align:center;color:#52677a;font-weight:700;text-decoration:none}.pos-customer-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:7px;background:#e5f7f3;color:#0f766e;font-weight:900}.pos-customer-login>span{color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.pos-customer-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:20px;border-radius:8px;background:#103a46;color:#fff}.pos-customer-header h1,.pos-customer-header p{margin:3px 0}.pos-customer-header>div>span{font-size:11px;font-weight:900;text-transform:uppercase;color:#a7f3d0}.pos-customer-header p{color:#d6e7eb}.pos-customer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.pos-customer-metrics article{display:grid;gap:4px;padding:17px;border:1px solid #d8e3e6;border-radius:8px;background:#fff}.pos-customer-metrics span,.pos-customer-metrics small{color:#687789}.pos-customer-metrics strong{font-size:25px;color:#0f766e}.pos-customer-orders{padding:18px;border:1px solid #d8e3e6;border-radius:8px;background:#fff}.pos-customer-orders>.panel-head p{margin:4px 0 0;color:#687789}.pos-customer-orders>article{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #e2e8ea}.pos-customer-orders>article>div{display:grid;gap:4px}.pos-customer-orders>article span{color:#687789;font-size:12px}.pos-customer-orders>article b{width:max-content;padding:4px 8px;border-radius:999px;background:#e8f7f2;color:#087443;font-size:11px}.pos-customer-orders details{grid-column:1/-1}.pos-customer-orders summary{cursor:pointer;color:#0f766e;font-weight:800}.pos-customer-orders details p{display:flex;justify-content:space-between;gap:12px;margin:8px 0;padding:8px;background:#f7fafb}@media(max-width:700px){.pos-customer-shell{width:calc(100% - 20px);padding:14px 0 30px}.pos-customer-login{margin-top:4vh;padding:21px}.pos-customer-header{align-items:flex-start}.pos-customer-header h1{font-size:21px}.pos-customer-metrics{grid-template-columns:1fr}.pos-customer-orders{padding:13px}.pos-customer-orders>article{grid-template-columns:1fr 1fr}.pos-customer-orders>article>div:last-of-type{grid-column:1/-1}.pos-customer-public .btn{min-height:42px}}@media(max-width:520px){.pos-page .pos-page-head{align-items:flex-start;flex-direction:column}.pos-page .pos-cashier{width:100%}.pos-terminal{display:block!important}.pos-catalog,.pos-cart{width:100%!important}.pos-cart{margin-top:12px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pos-product{min-width:0!important}.pos-tools{grid-template-columns:1fr auto!important}.pos-tools #posCustomerButton{grid-column:1/-1;width:100%}.pos-customer-orders>article{grid-template-columns:1fr}}
.preview-modal.report-open .payflow-request-slip .official-report-brand img{width:150px!important;height:82px!important;max-width:42%!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;object-fit:contain!important}@media(max-width:700px){.preview-modal.report-open .payflow-request-slip .official-report-brand{grid-template-columns:120px minmax(0,1fr)!important}.preview-modal.report-open .payflow-request-slip .official-report-brand img{width:120px!important;height:68px!important;max-width:100%!important}}@media print{.preview-modal.report-open .payflow-request-slip .official-report-brand img{width:125px!important;height:70px!important;max-width:none!important;border:0!important;padding:0!important;background:transparent!important}}
.preview-modal.payflow-slip-open .preview-head{background:#e5e7eb!important;color:#1f2937!important;border-bottom:1px solid #cbd5e1!important}.preview-modal.payflow-slip-open .preview-head .btn{background:#fff!important;color:#1f2937!important;border-color:#b8c3cf!important}.payflow-request-slip .official-report-title{background:#e5e7eb!important;color:#1f2937!important}.payflow-request-slip .official-report-title span,.payflow-request-slip .official-report-title h2,.payflow-request-slip .official-report-title p{color:#1f2937!important}.payflow-request-slip .official-report-title p{color:#53606d!important}@media print{.payflow-request-slip .official-report-title{background:#e5e7eb!important;color:#1f2937!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.payflow-request-slip .official-report-title span,.payflow-request-slip .official-report-title h2,.payflow-request-slip .official-report-title p{color:#1f2937!important}}
.preview-modal.payflow-slip-open{background:rgba(28,49,60,.68)!important}.preview-modal.payflow-slip-open .preview-head{background:#dce8ee!important;color:#17313d!important;border-bottom-color:#b8cbd5!important}.preview-modal.payflow-slip-open .preview-head .btn{background:#f8fbfc!important;color:#174b5c!important;border-color:#9fb8c4!important}.preview-modal.payflow-slip-open .preview-body{background:#eaf0f3!important}.payflow-request-slip .official-report-title{background:#d9e9ef!important;color:#163541!important;border-top:1px solid #bfd3dc!important;border-bottom:1px solid #bfd3dc!important}.payflow-request-slip .official-report-title span{color:#0e6479!important}.payflow-request-slip .official-report-title h2{color:#163541!important}.payflow-request-slip .official-report-title p{color:#526b76!important}.payflow-request-slip .official-section-title{background:#e4f0f3!important;color:#173b47!important;border-color:#bdd4dc!important}.payflow-request-slip .official-section-title span,.payflow-request-slip .official-section-title strong{color:#173b47!important}.payflow-request-slip .official-report-table th{background:#edf4f6!important;color:#294955!important}.payflow-request-slip .official-report-table td{background:#fff!important;color:#1f343d!important}.payflow-request-slip .report-header-details>div{background:#f8fbfc!important;border-color:#d3e0e6!important}.payflow-request-slip .report-header-details span{color:#58717c!important}.payflow-request-slip .report-header-details strong{color:#173541!important}.payflow-request-slip .payflow-official-remarks{background:#f8fbfc;border-color:#cedde4;color:#29434e}.payflow-request-slip .official-report-footer div{background:#f8fbfc!important;border-color:#cedde4!important}.payflow-request-slip .official-report-footer span{color:#56707b!important}.payflow-request-slip .official-report-footer strong{color:#183b48!important}@media print{.payflow-request-slip .official-report-title{background:#d9e9ef!important;border-color:#bfd3dc!important}.payflow-request-slip .official-section-title{background:#e4f0f3!important;border-color:#bdd4dc!important}.payflow-request-slip .official-report-table th{background:#edf4f6!important}.payflow-request-slip .report-header-details>div,.payflow-request-slip .payflow-official-remarks,.payflow-request-slip .official-report-footer div{background:#f8fbfc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.payflow-reject-dialog{width:min(460px,calc(100vw - 28px));padding:0;border:0;border-radius:8px;background:#fff;color:#1f3038;box-shadow:0 24px 70px rgba(15,23,42,.3)}.payflow-reject-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.payflow-reject-dialog form{display:grid;gap:14px;padding:18px}.payflow-reject-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #dce5e9}.payflow-reject-head span{display:block;color:#9f2d20;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.payflow-reject-head h3{margin:3px 0 0;font-size:18px}.payflow-reject-reference{margin:0;padding:9px 11px;border-radius:5px;background:#f8eeee;color:#78251b;font-weight:800}.payflow-reject-dialog label{font-weight:800}.payflow-reject-dialog textarea{margin-top:7px;width:100%;resize:vertical}.payflow-reject-dialog .form-actions{justify-content:flex-end;margin:0;padding:0;border:0;background:transparent}@media(max-width:520px){.payflow-reject-dialog form{padding:15px}.payflow-reject-dialog .form-actions{display:grid;grid-template-columns:1fr 1fr}.payflow-reject-dialog .btn{width:100%}}
.pos-customer-login-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(900px,100%);margin:6vh auto 0}.pos-customer-login-wrap .pos-customer-login{width:100%;margin:0}.pos-customer-activation{border-top-color:#0b4f76}.pos-customer-activation h2{margin:0}@media(max-width:700px){.pos-customer-login-wrap{grid-template-columns:1fr;margin-top:2vh}.pos-customer-activation{padding-top:21px}}

/* POS master workflow: entry first, register below. */
.pos-page[data-pos-view="customers"] .pos-admin-grid,.pos-page[data-pos-view="discounts"] .pos-admin-grid{display:flex!important;flex-direction:column;gap:14px}.pos-page[data-pos-view="customers"] .pos-admin-grid>form,.pos-page[data-pos-view="discounts"] .pos-admin-grid>form{order:1;width:100%}.pos-page[data-pos-view="customers"] .pos-admin-grid>section,.pos-page[data-pos-view="discounts"] .pos-admin-grid>section{order:2;width:100%}.pos-page[data-pos-view="loyalty"] .pos-loyalty-layout{display:flex!important;flex-direction:column;gap:14px}.pos-page[data-pos-view="loyalty"] .pos-loyalty-tools{order:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.pos-page[data-pos-view="loyalty"] .pos-loyalty-layout>section{order:2;width:100%}@media(max-width:760px){.pos-page[data-pos-view="loyalty"] .pos-loyalty-tools{grid-template-columns:1fr}}
.pos-customer-public .pos-customer-login-wrap{display:block;width:min(440px,100%)}
.pos-customer-shop{margin-top:18px;padding:18px;border:1px solid #d8e3e6;border-radius:8px;background:#fff}.pos-customer-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.pos-customer-product-grid article{display:grid;gap:7px;padding:12px;border:1px solid #dce5e8;border-radius:7px}.pos-customer-product-grid h3{font-size:14px;margin:0}.pos-customer-product-grid small{color:#687789}.pos-customer-product-image{display:grid;place-items:center;aspect-ratio:4/3;border-radius:6px;background:#edf5f4;color:#0f766e;font-size:22px;font-weight:900;overflow:hidden}.pos-customer-product-image img{width:100%;height:100%;object-fit:cover}.pos-customer-cart{position:fixed;top:0;right:0;z-index:80;display:grid;grid-template-rows:auto 1fr auto;width:min(440px,100%);height:100dvh;padding:18px;background:#fff;box-shadow:-20px 0 50px rgba(15,23,42,.24);transform:translateX(105%);transition:transform .2s ease}.pos-customer-cart.open{transform:translateX(0)}.pos-customer-cart-items{overflow:auto}.pos-customer-cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e2e8ea}.pos-customer-cart-row>div{display:grid;gap:3px}.pos-customer-cart-row>div:last-child{display:flex;align-items:center;gap:7px}.pos-customer-cart-row button{width:32px;height:32px;min-height:32px;padding:0}.pos-customer-cart form{display:grid;gap:10px;padding-top:12px;border-top:1px solid #dce5e8}.pos-customer-cart-total{display:flex;justify-content:space-between;font-size:18px}@media(max-width:560px){.pos-customer-shop{padding:13px}.pos-customer-product-grid{grid-template-columns:1fr 1fr}.pos-customer-cart{padding:14px}}@media(max-width:380px){.pos-customer-product-grid{grid-template-columns:1fr}}

/* Retail POS mobile workspace and customer login sharing. */
.pos-share-customer-login{margin-left:6px;border-color:#8acfc4;color:#0f766e;background:#edf9f6}@media(max-width:700px){.pos-page{min-width:0}.pos-page-head{padding:14px!important}.pos-page-head h2{font-size:21px}.pos-page .panel{padding:13px}.pos-page .form-grid{grid-template-columns:1fr!important;padding:13px}.pos-page .span-2{grid-column:1!important}.pos-page .pos-master-head,.pos-page .panel-head{align-items:flex-start;flex-direction:column}.pos-page .pos-master-head>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.pos-page .pos-master-head .btn{width:100%}.pos-page .pos-master-tabs{width:100%;overflow-x:auto}.pos-page .table-wrap{margin:0;overflow-x:auto}.pos-page table{min-width:680px}.pos-page .pos-flow-document-head{align-items:flex-start;flex-direction:column}.pos-page .pos-flow-actions{display:grid;grid-template-columns:1fr}.pos-page .pos-flow-actions .btn{width:100%}.pos-page .pos-metrics{grid-template-columns:1fr 1fr}.pos-page .pos-delivery-details{grid-template-columns:1fr}.pos-page .actions{display:grid;grid-template-columns:1fr 1fr}.pos-share-customer-login{margin:5px 0 0 5px}}@media(max-width:430px){.pos-page .pos-metrics{grid-template-columns:1fr}.pos-page .pos-product-grid{grid-template-columns:1fr 1fr!important}.pos-page .pos-product{min-width:0}.pos-page .pos-product strong{font-size:12px}.pos-page .pos-cart-row{grid-template-columns:1fr auto}.pos-page .pos-payment-methods{grid-template-columns:repeat(3,1fr)}}

/* Z PayFlow requisition: clean A4 print output. */
@media print{
  body.payflow-preview-active{overflow:visible!important;background:#fff!important}
  .preview-modal.payflow-slip-open{position:static!important;display:block!important;inset:auto!important;width:auto!important;height:auto!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .preview-modal.payflow-slip-open .preview-dialog{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  .preview-modal.payflow-slip-open .preview-head,.preview-modal.payflow-slip-open .preview-actions,.preview-modal.payflow-slip-open button{display:none!important}
  .preview-modal.payflow-slip-open .preview-body{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  .preview-modal.payflow-slip-open .payflow-request-slip{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;box-shadow:none!important}
  body.payflow-preview-active>:not(.preview-modal){display:none!important}
  ::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}
.payflow-request-slip .official-report-brand span{display:none!important}

/* Z PayFlow requisition: print the same composition shown in Preview Slip. */
@media print{
  @page{size:A4 portrait;margin:8mm}
  .preview-modal.payflow-slip-open .preview-dialog,
  .preview-modal.payflow-slip-open .preview-body{width:648px!important;max-width:648px!important;margin:0!important;padding:0!important}
  .preview-modal.payflow-slip-open .payflow-request-slip{box-sizing:border-box!important;width:900px!important;max-width:900px!important;padding-bottom:14px!important;color:#1f343d!important;zoom:.72!important;page-break-inside:avoid!important;break-inside:avoid-page!important}
  .payflow-request-slip .official-report-top{padding:16px 20px 13px!important}
  .payflow-request-slip .official-report-brand{display:flex!important;align-items:center!important;gap:16px!important}
  .payflow-request-slip .official-report-brand img{width:150px!important;height:82px!important;max-width:150px!important;object-fit:contain!important}
  .payflow-request-slip .official-report-brand strong{font-size:22px!important;line-height:1.15!important}
  .payflow-request-slip .official-report-brand em{font-size:12px!important;margin-top:3px!important}
  .payflow-request-slip .official-report-title{padding:14px 20px!important}
  .payflow-request-slip .official-report-title h2{font-size:21px!important}
  .payflow-request-slip .report-header-details{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .payflow-request-slip .official-section-title{margin:14px 18px 8px!important}
  .payflow-request-slip .official-report-table{margin:0 18px 12px!important;border-radius:4px!important;overflow:visible!important}
  .payflow-request-slip .official-report-table table{width:100%!important;min-width:0!important;font-size:11px!important}
  .payflow-request-slip .official-report-table th,.payflow-request-slip .official-report-table td{padding:7px 8px!important}
  .payflow-request-slip .payflow-official-remarks{min-height:58px!important;margin:0 18px 12px!important;padding:10px 12px!important}
  .payflow-request-slip .official-report-footer{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:10px 18px 4px!important;gap:8px!important}
  .payflow-request-slip .official-report-footer div{min-height:72px!important;padding:9px!important}
  .payflow-request-slip .official-report-footer strong{margin-top:24px!important;font-size:11px!important}
}
.pos-transfer-dialog{width:min(440px,calc(100vw - 24px));padding:0;border:0;border-radius:8px;background:#fff;color:#1f3038;box-shadow:0 24px 70px rgba(15,23,42,.3)}.pos-transfer-dialog::backdrop{background:rgba(15,23,42,.6);backdrop-filter:blur(2px)}.pos-transfer-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px 13px;border-bottom:1px solid #dce5e9}.pos-transfer-dialog-head span{display:block;color:#0f766e;font-size:10px;font-weight:900;text-transform:uppercase}.pos-transfer-dialog-head h3{margin:3px 0 0;font-size:19px}.pos-transfer-dialog>label{display:grid;gap:6px;margin:13px 18px;font-weight:800}.pos-transfer-dialog>label input{width:100%}.pos-transfer-dialog>label small{color:#687789;font-size:11px;font-weight:500}.pos-transfer-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 18px 4px;padding:12px;border:1px solid #cfe3df;border-radius:6px;background:#edf9f6}.pos-transfer-summary span{color:#526b72;font-size:12px;font-weight:800}.pos-transfer-summary strong{color:#0f766e;font-size:20px}.pos-transfer-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 18px 18px}.pos-transfer-dialog-actions .btn{width:100%}.pos-transfer-button{border-color:#65b9aa!important;background:#e9f8f4!important;color:#0f766e!important}@media(max-width:520px){.pos-transfer-dialog-head{padding:15px}.pos-transfer-dialog>label,.pos-transfer-summary{margin-left:15px;margin-right:15px}.pos-transfer-dialog-actions{padding:12px 15px 15px}}
.pos-delivery-filterbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) 190px;gap:10px;align-items:end;margin:14px 0;padding:13px;border:1px solid #d5e3e7;border-radius:7px;background:#f7fafb}.pos-delivery-filterbar>div{display:grid;gap:3px}.pos-delivery-filterbar>div span{color:#0f766e;font-size:10px;font-weight:900;text-transform:uppercase}.pos-delivery-filterbar>div strong{font-size:15px}.pos-delivery-filterbar label{margin:0}.pos-delivery-filterbar input,.pos-delivery-filterbar select{width:100%;min-height:40px}.pos-delivery-batch{display:flex;align-items:center;gap:9px;margin:0 0 13px;padding:10px 12px;border-left:4px solid #0f766e;background:#edf7f5}.pos-delivery-batch strong{margin-right:auto}.pos-delivery-batch select{min-width:170px}.pos-delivery-check{width:40px!important;text-align:center!important}.pos-delivery-progress{display:grid;gap:6px;margin:0 0 13px;padding:10px 12px;border-radius:6px;background:#f3f7f8}.pos-delivery-progress>div{display:flex;justify-content:space-between;gap:12px;color:#526b72;font-size:11px}.pos-delivery-progress i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#dce7ea}.pos-delivery-progress b{display:block;height:100%;border-radius:inherit;background:#0f766e}.pos-delivery-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pos-delivery-quick-actions .btn{width:100%;min-height:40px}.pos-delivery-cards>article{border-top:4px solid #0f766e}.pos-delivery-cards>article[hidden],.pos-delivery-layout tr[hidden]{display:none!important}@media(max-width:760px){.pos-delivery-filterbar{grid-template-columns:1fr}.pos-delivery-batch{display:grid;grid-template-columns:1fr 1fr}.pos-delivery-batch strong{grid-column:1/-1}.pos-delivery-batch select{min-width:0;width:100%}.pos-delivery-batch .btn{width:100%}.pos-delivery-quick-actions{grid-template-columns:1fr}.pos-delivery-portal .pos-delivery-details{grid-template-columns:1fr!important}}
.pos-mobile-cartbar,.pos-mobile-cart-backdrop,.pos-mobile-cart-close{display:none}@media(max-width:760px){body:has(.pos-modern-mobile-ready){background:#edf3f4}.pos-modern-mobile-ready{padding:10px 10px 92px!important}.pos-modern-mobile-ready .pos-page-head{margin:0 0 10px;padding:14px!important;border:0!important;border-radius:7px!important;background:#173b47!important;color:#fff!important}.pos-modern-mobile-ready .pos-page-head h2{color:#fff!important;font-size:20px!important}.pos-modern-mobile-ready .pos-page-head p,.pos-modern-mobile-ready .pos-page-head span{color:#c9dde2!important}.pos-modern-mobile-ready .pos-tools{position:sticky;top:0;z-index:12;display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;gap:8px!important;padding:9px!important;border:1px solid #d5e2e5;border-radius:7px;background:#fff;box-shadow:0 7px 20px rgba(22,49,61,.1)}.pos-modern-mobile-ready .pos-search input{min-height:44px!important}.pos-modern-mobile-ready #posScanButton{width:54px!important;min-height:44px!important}.pos-modern-mobile-ready #posCustomerButton{grid-column:1/-1!important;width:100%!important;min-height:40px!important}.pos-modern-mobile-ready .pos-categories{display:flex!important;gap:7px!important;overflow-x:auto!important;margin:10px 0!important;padding:2px 0 7px!important;scrollbar-width:none}.pos-modern-mobile-ready .pos-categories::-webkit-scrollbar{display:none}.pos-modern-mobile-ready .pos-categories button{flex:0 0 auto!important;min-height:38px!important;padding:8px 12px!important;border-radius:6px!important}.pos-modern-mobile-ready .pos-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.pos-modern-mobile-ready .pos-product{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;min-width:0!important;min-height:0!important;padding:9px!important;border:1px solid #d6e2e5!important;border-radius:7px!important;background:#fff!important;box-shadow:0 4px 12px rgba(20,47,59,.06)!important;text-align:left!important}.pos-modern-mobile-ready .pos-product:active{transform:scale(.98)}.pos-modern-mobile-ready .pos-product-photo{width:100%!important;aspect-ratio:4/3!important;height:auto!important;border-radius:5px!important}.pos-modern-mobile-ready .pos-product>span:last-child{display:grid!important;gap:3px!important;min-width:0!important}.pos-modern-mobile-ready .pos-product strong{display:-webkit-box;overflow:hidden;font-size:13px!important;line-height:1.25!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pos-modern-mobile-ready .pos-product small{overflow:hidden;color:#71808b!important;font-size:10px!important;text-overflow:ellipsis;white-space:nowrap}.pos-modern-mobile-ready .pos-product>span:last-child>b{color:#0f766e!important;font-size:14px!important}.pos-modern-mobile-ready .pos-cart{position:fixed!important;z-index:92!important;right:0!important;bottom:0!important;left:0!important;top:auto!important;display:grid!important;grid-template-rows:auto minmax(90px,1fr) auto!important;width:100%!important;height:min(88dvh,760px)!important;margin:0!important;padding:13px!important;border:0!important;border-radius:12px 12px 0 0!important;background:#fff!important;box-shadow:0 -18px 55px rgba(15,31,42,.3)!important;transform:translateY(105%)!important;transition:transform .22s ease!important;overflow:hidden!important}.pos-modern-mobile-ready .pos-cart.mobile-open{transform:translateY(0)!important}.pos-modern-mobile-ready .pos-cart-head{display:grid!important;grid-template-columns:1fr auto auto!important;gap:7px!important;align-items:center!important;padding-bottom:10px!important}.pos-modern-mobile-ready .pos-mobile-cart-close{display:block}.pos-modern-mobile-ready .pos-cart-items{min-height:90px!important;overflow:auto!important;padding-right:2px}.pos-modern-mobile-ready .pos-cart-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px 0!important}.pos-modern-mobile-ready .pos-cart-row>.pos-qty{grid-row:2!important}.pos-modern-mobile-ready #posCheckoutForm{overflow-y:auto!important;padding:10px 1px max(14px,env(safe-area-inset-bottom))!important}.pos-modern-mobile-ready .pos-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pos-modern-mobile-ready .pos-payment-methods label span{min-height:42px!important}.pos-modern-mobile-ready .pos-sale-actions{position:sticky;bottom:0;display:grid!important;grid-template-columns:1fr 1.4fr!important;gap:8px!important;padding-top:9px!important;background:#fff}.pos-modern-mobile-ready .pos-sale-actions .btn{width:100%!important;min-height:46px!important}.pos-mobile-cartbar{position:fixed;z-index:80;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;display:block;padding:0;border-radius:8px;background:#173b47;box-shadow:0 12px 30px rgba(13,37,47,.28);transition:transform .18s ease}.pos-mobile-cartbar.pulse{transform:scale(1.02)}.pos-mobile-cart-open{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;width:100%;min-height:64px;padding:9px 12px;border:0;background:transparent;color:#fff;text-align:left}.pos-mobile-cart-open>span{display:grid;gap:2px}.pos-mobile-cart-open small{color:#b9d4da;font-size:10px;font-style:normal}.pos-mobile-cart-open strong{font-size:14px}.pos-mobile-cart-open>b{font-size:17px}.pos-mobile-cart-open em{font-style:normal}.pos-mobile-cart-open>i{padding:9px 11px;border-radius:5px;background:#20a38d;color:#fff;font-size:11px;font-style:normal;font-weight:900}.pos-mobile-cart-backdrop{position:fixed;z-index:90;inset:0;display:block;border:0;background:rgba(11,27,35,.58);opacity:0;pointer-events:none;transition:opacity .2s}.pos-mobile-cart-backdrop.open{opacity:1;pointer-events:auto}.pos-cart-sheet-open{overflow:hidden!important}.pos-modern-mobile-ready .panel{border-radius:7px!important;box-shadow:none!important}.pos-modern-mobile-ready .table-wrap{overflow:visible!important}.pos-modern-mobile-ready .table-wrap table{display:block!important;width:100%!important;min-width:0!important}.pos-modern-mobile-ready .table-wrap thead{display:none!important}.pos-modern-mobile-ready .table-wrap tbody{display:grid!important;gap:9px!important}.pos-modern-mobile-ready .table-wrap tr{display:grid!important;gap:0!important;overflow:hidden!important;border:1px solid #d8e3e6!important;border-radius:7px!important;background:#fff!important}.pos-modern-mobile-ready .table-wrap td{display:grid!important;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr)!important;gap:9px!important;width:auto!important;padding:9px 11px!important;border:0!important;border-bottom:1px solid #edf1f2!important;white-space:normal!important;word-break:break-word!important}.pos-modern-mobile-ready .table-wrap td:last-child{border-bottom:0!important}.pos-modern-mobile-ready .table-wrap td:before{content:attr(data-label);color:#6b7c86;font-size:9px;font-weight:900;text-transform:uppercase}.pos-modern-mobile-ready .form-grid,.pos-modern-mobile-ready .stack-form{gap:11px!important}.pos-modern-mobile-ready input,.pos-modern-mobile-ready select,.pos-modern-mobile-ready textarea{font-size:16px!important}.pos-modern-mobile-ready .pos-master-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none}.pos-modern-mobile-ready .pos-master-tabs button{flex:0 0 auto!important;min-height:40px!important}.pos-modern-mobile-ready .pos-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.pos-modern-mobile-ready .pos-metrics article{padding:12px!important}.pos-modern-mobile-ready .pos-metrics strong{font-size:20px!important}}@media(max-width:390px){.pos-modern-mobile-ready .pos-product-grid{grid-template-columns:1fr!important}.pos-mobile-cart-open{grid-template-columns:1fr auto}.pos-mobile-cart-open>i{display:none}.pos-modern-mobile-ready .pos-metrics{grid-template-columns:1fr!important}}
.pos-mobile-width-fix{display:none}@media(max-width:760px){body:has(.pos-modern-mobile-ready){overflow-x:hidden!important}.pos-modern-mobile-ready{width:100%!important;max-width:100%!important;min-width:0!important}.pos-modern-mobile-ready>*{width:100%!important;max-width:100%!important;min-width:0!important}.pos-modern-mobile-ready .pos-terminal,.pos-modern-mobile-ready .pos-catalog{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}.pos-modern-mobile-ready .pos-tools{width:100%!important;max-width:100%!important;min-width:0!important}.pos-modern-mobile-ready .pos-search,.pos-modern-mobile-ready .pos-search input{width:100%!important;min-width:0!important}.pos-modern-mobile-ready .pos-categories button{width:auto!important}.pos-modern-mobile-ready .pos-product-grid{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.pos-modern-mobile-ready .pos-product{width:100%!important;max-width:100%!important}}
@media(max-width:330px){.pos-modern-mobile-ready .pos-product-grid{grid-template-columns:1fr!important}}
.pos-loyalty-pill[data-expandable="1"]{display:block!important;padding:0!important;overflow:hidden}.pos-loyalty-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto 18px;gap:9px;align-items:center;width:100%;min-height:54px;padding:10px 11px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.pos-loyalty-toggle>div{display:grid;gap:2px}.pos-loyalty-toggle>div span{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.pos-loyalty-toggle>div strong{font-size:13px}.pos-loyalty-toggle>b{padding:4px 8px;border-radius:999px;background:#e5e7eb;color:#475569;font-size:10px}.pos-loyalty-compact-points{color:#0f766e;font-size:11px;font-weight:900;white-space:nowrap}.pos-loyalty-toggle>i{width:9px;height:9px;border-right:2px solid #526b72;border-bottom:2px solid #526b72;transform:rotate(45deg);transition:transform .18s}.pos-loyalty-pill.expanded .pos-loyalty-toggle>i{transform:rotate(225deg)}.pos-loyalty-pill.gold .pos-loyalty-toggle>b{background:#fff0b8;color:#765600}.pos-loyalty-expandable-content{display:grid;gap:9px;padding:0 11px 11px;border-top:1px solid #e1e8eb}.pos-loyalty-expandable-content[hidden]{display:none!important}.pos-loyalty-expandable-content .pos-loyalty-balance{padding-top:10px}@media(max-width:430px){.pos-loyalty-toggle{grid-template-columns:minmax(0,1fr) auto 16px}.pos-loyalty-toggle>b{display:none}.pos-loyalty-compact-points{font-size:10px}}
/* Mobile workspaces: Z PayFlow, ProjectFlow and Flow. */
@media(max-width:760px){
  body:has(.payment-request-content),body:has(.kitchen-module),body:has(.flow-content){overflow-x:hidden;background:#eef3f5}
  body:has(.payment-request-content) .content,body:has(.kitchen-module) .content,body:has(.flow-content) .content{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;padding:10px 10px 42px!important}
  .payment-request-content,.kitchen-module,.flow-content{width:100%!important;max-width:100%!important;min-width:0!important}
  .payment-request-content>*,.kitchen-module>*{max-width:100%!important;min-width:0!important}
  .payment-request-content .page-hero,.kitchen-module .page-hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:15px!important;border:0!important;border-radius:7px!important;background:#173b47!important;color:#fff!important}
  .payment-request-content .page-hero h2,.kitchen-module .page-hero h2,.payment-request-content .page-hero p,.kitchen-module .page-hero p{color:#fff!important}
  .payment-request-content .page-hero .btn,.kitchen-module .page-hero .btn{width:100%!important;min-height:44px!important}
  .payment-workspace-header{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:14px!important;border-left-color:#d59716!important;border-radius:7px!important}
  .payment-workspace-header h3{font-size:17px!important}.payment-workspace-role{width:100%!important;min-width:0!important;text-align:left!important}
  .payment-request-content .subscription-control-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .payment-request-content .subscription-control-strip>div{min-width:0!important;padding:11px!important;border-radius:7px!important}
  .payment-request-content .panel,.kitchen-module .panel{padding:13px!important;border-radius:7px!important;box-shadow:none!important}
  .payment-request-content .panel-head,.kitchen-module .panel-head{align-items:flex-start!important;flex-direction:column!important;gap:9px!important}
  .payment-request-content .form-grid,.payment-request-content .detail-grid,.kitchen-module .form-grid,.kitchen-module .detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding:0!important}
  .payment-request-content .span-2,.kitchen-module .span-2{grid-column:1!important}
  .payment-request-content input,.payment-request-content select,.payment-request-content textarea,.kitchen-module input,.kitchen-module select,.kitchen-module textarea{width:100%!important;max-width:100%!important;font-size:16px!important}
  .kitchen-module input[type="checkbox"],.kitchen-module input[type="radio"]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important}
  .payment-request-content .form-actions,.payment-request-content .row-actions,.kitchen-module .form-actions,.kitchen-module .row-actions,.kitchen-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .payment-request-content .form-actions .btn,.payment-request-content .row-actions .btn,.payment-request-content .row-actions .icon-btn,.kitchen-module .form-actions .btn,.kitchen-module .row-actions .btn,.kitchen-module .row-actions .icon-btn,.kitchen-actions .btn{width:100%!important;min-height:42px!important;margin:0!important}
  .payment-request-content .table-wrap,.kitchen-module .table-wrap{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:auto!important;border:1px solid #d9e3e7;border-radius:7px;-webkit-overflow-scrolling:touch}
  .payment-request-content .table-wrap table{min-width:680px!important}.kitchen-module .table-wrap table{min-width:720px!important}
  .payment-request-content .table-wrap:after,.kitchen-module .table-wrap:after{content:"Swipe to view more";position:sticky;left:0;display:block;width:max-content;padding:5px 8px;color:#637784;font-size:10px;font-weight:800}
  .payflow-form-section{display:grid!important;gap:3px!important;padding:10px 11px!important}.payflow-form-section span{text-align:left!important}
  .payflow-allocation-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .payment-request-content .payflow-request-form .form-actions{position:sticky;z-index:16;bottom:8px;padding:9px!important;border:1px solid #d7e1e6;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,35,45,.16)}
  .payment-request-content .payflow-request-form .payflow-slip-preview{grid-column:1/-1!important}
  .payflow-reject-dialog{width:calc(100vw - 20px)!important;max-height:88dvh!important;overflow:auto!important}
  .kitchen-command-center{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:15px!important;border-radius:7px!important;background:#fff!important}
  .kitchen-command-center h2{font-size:22px!important}.kitchen-command-center nav{display:flex!important;grid-column:1!important;gap:7px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none}.kitchen-command-center nav a{flex:0 0 150px!important;min-height:46px!important}
  .kitchen-access-identity{justify-items:start!important;padding:10px 0 0!important;border-left:0!important;border-top:1px solid #dbe5e2!important}
  .kitchen-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .kitchen-layout,.kitchen-portal-layout,.kitchen-team-editor,.kitchen-assigned-teams,.kitchen-master-columns{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .kitchen-project-list{max-height:320px!important;padding:8px!important}.kitchen-project-item{grid-template-columns:1fr auto!important;padding:11px!important}
  .kitchen-stage-track{display:flex!important;gap:6px!important;margin:0!important;padding:8px!important;overflow-x:auto!important;scrollbar-width:none}
  .kitchen-stage-track span{flex:0 0 auto!important}.kitchen-detail-grid,.kitchen-customer-details{padding:11px!important}
  .kitchen-action-form,.kitchen-production-form,.kitchen-feedback{grid-template-columns:1fr!important;margin:0!important;padding:11px!important}
  .kitchen-revision,.kitchen-group-list article,.kitchen-member-row{grid-template-columns:1fr!important}
  .flow-content{padding:0!important;background:#fff!important;overflow:visible!important}
  .flow-module-panel{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0!important}
  .flow-module-frame{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:720px!important;height:1200px!important;border:0!important;overflow:visible!important}
}
@media(max-width:420px){
  .payment-request-content .subscription-control-strip,.kitchen-metrics{grid-template-columns:1fr!important}
  .payment-request-content .form-actions,.payment-request-content .row-actions,.kitchen-module .form-actions,.kitchen-module .row-actions,.kitchen-actions{grid-template-columns:1fr!important}
}
.pos-report-dashboard{display:grid;gap:13px;min-width:0}.pos-report-command{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #d6e2e7;border-left:4px solid #1a73e8;border-radius:8px;background:#fff}.pos-report-command>div:first-child{display:grid;gap:3px}.pos-report-command span{color:#1a73e8;font-size:10px;font-weight:900;text-transform:uppercase}.pos-report-command h3,.pos-report-command p{margin:0}.pos-report-command h3{font-size:23px}.pos-report-command p{color:#64748b;font-size:12px}.pos-report-command-actions{display:flex;gap:8px}.pos-report-filters{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(5,minmax(130px,1fr)) auto;gap:8px;align-items:end;padding:13px;border:1px solid #d9e4e8;border-radius:8px;background:#f8fafb}.pos-report-filters label{display:grid;gap:5px;color:#536672;font-size:10px;font-weight:900;text-transform:uppercase}.pos-report-filters input,.pos-report-filters select{width:100%;min-height:39px;background-color:#fff;font-size:12px;text-transform:none}.pos-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pos-report-kpis article{display:grid;gap:5px;padding:14px;border:1px solid #d9e3e7;border-radius:7px;background:#fff}.pos-report-kpis article:nth-child(4n+1){border-top:3px solid #1a73e8}.pos-report-kpis article:nth-child(4n+2){border-top:3px solid #34a853}.pos-report-kpis article:nth-child(4n+3){border-top:3px solid #fbbc04}.pos-report-kpis article:nth-child(4n+4){border-top:3px solid #ea4335}.pos-report-kpis span{color:#677985;font-size:10px;font-weight:900;text-transform:uppercase}.pos-report-kpis strong{font-size:19px;color:#172b34}.pos-report-workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:12px}.pos-report-chart,.pos-report-table{min-width:0;overflow:hidden;border:1px solid #d9e3e7;border-radius:8px;background:#fff}.pos-report-chart{padding:14px}.pos-report-chart .panel-head{margin-bottom:12px}.pos-report-chart .panel-head span:first-child{color:#1a73e8;font-size:10px;font-weight:900;text-transform:uppercase}.pos-report-bars{display:grid;gap:9px;min-height:260px;align-content:start}.pos-report-bar{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(100px,1.3fr) auto;gap:8px;align-items:center;font-size:11px}.pos-report-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-report-bar i{display:block;height:10px;overflow:hidden;border-radius:3px;background:#e7edf1}.pos-report-bar i b{display:block;height:100%;border-radius:inherit;background:#1a73e8;transition:width .25s}.pos-report-bar:nth-child(4n+2) i b{background:#34a853}.pos-report-bar:nth-child(4n+3) i b{background:#fbbc04}.pos-report-bar:nth-child(4n+4) i b{background:#ea4335}.pos-report-bar>strong{font-size:10px}.pos-report-table{display:grid;grid-template-rows:auto minmax(280px,1fr) auto}.pos-report-table-tools{display:grid;grid-template-columns:1fr 90px;gap:8px;padding:11px;border-bottom:1px solid #e0e7ea}.pos-report-table-tools input,.pos-report-table-tools select{min-height:38px}.pos-report-table .table-wrap{max-height:520px;overflow:auto}.pos-report-table table{width:100%;min-width:620px}.pos-report-table thead{position:sticky;z-index:2;top:0}.pos-report-table th{cursor:pointer;background:#edf3f6;color:#425865;font-size:9px;text-transform:uppercase}.pos-report-table tbody tr:nth-child(even){background:#f9fbfc}.pos-report-table td{font-size:11px}.pos-report-table footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-top:1px solid #e0e7ea;color:#637681;font-size:11px}.pos-report-table footer div{display:flex;gap:7px}.pos-report-updated{text-align:right;color:#687a85;font-size:10px}.pos-report-empty{display:grid;place-items:center;gap:4px;min-height:180px;color:#687a85;text-align:center}.pos-report-empty strong{color:#344b57;font-size:14px}@media(max-width:1150px){.pos-report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-report-filters label:first-child{grid-column:1/-1}.pos-report-workspace{grid-template-columns:1fr}.pos-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.pos-report-command{align-items:flex-start;flex-direction:column;padding:15px}.pos-report-command-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.pos-report-command-actions .btn{width:100%}.pos-report-filters{grid-template-columns:1fr 1fr;padding:11px}.pos-report-filters label:first-child{grid-column:1/-1}.pos-report-filters .btn{grid-column:1/-1;width:100%}.pos-report-kpis{grid-template-columns:1fr 1fr}.pos-report-workspace{grid-template-columns:1fr}.pos-report-bar{grid-template-columns:minmax(78px,.7fr) minmax(70px,1.3fr);gap:6px}.pos-report-bar>strong{grid-column:2;text-align:right}.pos-report-table .table-wrap{max-height:none;overflow:visible}.pos-report-table table{display:block;min-width:0}.pos-report-table thead{display:none}.pos-report-table tbody{display:grid;gap:8px;padding:9px}.pos-report-table tr{display:grid;overflow:hidden;border:1px solid #dae4e8;border-radius:7px;background:#fff!important}.pos-report-table td{display:grid;grid-template-columns:minmax(100px,.42fr) minmax(0,1fr);gap:8px;padding:9px 10px;border:0;border-bottom:1px solid #edf1f2}.pos-report-table td:last-child{border-bottom:0}.pos-report-table td:before{content:attr(data-label);color:#687a85;font-size:9px;font-weight:900;text-transform:uppercase}.pos-report-table footer{align-items:flex-start;flex-direction:column}.pos-report-table footer div{display:grid;grid-template-columns:1fr 1fr;width:100%}.pos-report-table footer button{width:100%;min-height:40px}}@media(max-width:420px){.pos-report-filters,.pos-report-kpis{grid-template-columns:1fr}}
@media print{body:has(.pos-report-dashboard) .topbar,body:has(.pos-report-dashboard) .sidebar,body:has(.pos-report-dashboard) .mobile-shellbar,body:has(.pos-report-dashboard) .pos-page-head,body:has(.pos-report-dashboard) .pos-report-command-actions,body:has(.pos-report-dashboard) .pos-report-filters,body:has(.pos-report-dashboard) .pos-report-table-tools,body:has(.pos-report-dashboard) .pos-report-table footer{display:none!important}body:has(.pos-report-dashboard) .content{width:100%!important;margin:0!important;padding:8mm!important}.pos-report-dashboard{display:block}.pos-report-command,.pos-report-chart,.pos-report-table{margin-bottom:8mm;border-color:#cbd5e1;box-shadow:none}.pos-report-kpis{grid-template-columns:repeat(4,1fr);margin-bottom:6mm}.pos-report-workspace{display:block}.pos-report-bars{min-height:0}.pos-report-table .table-wrap{max-height:none;overflow:visible}.pos-report-table table{min-width:0;font-size:8px}.pos-report-updated{margin-top:4mm}}
/* Retail POS report print preview */
body.pos-preview-open{overflow:hidden}.pos-print-preview{position:fixed;inset:0;z-index:10000;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#e8edf3;color:#172033}.pos-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:#fff;border-bottom:1px solid #d8e0e9;box-shadow:0 2px 12px rgba(15,23,42,.08)}.pos-preview-toolbar>div{display:flex;align-items:center;gap:8px}.pos-preview-toolbar strong{font-size:16px}.pos-preview-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:#f8fafc;border-bottom:1px solid #d8e0e9;font-size:12px}.pos-preview-controls label{display:flex;align-items:center;gap:6px;margin-left:12px}.pos-preview-controls select{min-width:82px;padding:6px}.pos-preview-stage{overflow:auto;padding:24px}.pos-preview-document{--preview-zoom:1;display:grid;justify-content:center;transform-origin:top center}.pos-print-sheet{display:none;box-sizing:border-box;width:210mm;min-height:297mm;padding:13mm 13mm 12mm;background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.18);transform:scale(var(--preview-zoom));transform-origin:top center;margin-bottom:calc((var(--preview-zoom) - 1) * 297mm + 24px)}.pos-print-sheet.is-preview-page{display:flex;flex-direction:column}.pos-print-company{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:2px solid #173f5f}.pos-print-company img,.pos-print-logo-fallback{width:64px;height:64px;object-fit:contain;flex:0 0 64px}.pos-print-logo-fallback{display:grid;place-items:center;border-radius:6px;background:#173f5f;color:#fff;font-size:20px;font-weight:900}.pos-print-company h1{margin:0 0 2px;font-size:21px;letter-spacing:0}.pos-print-company p,.pos-print-company small{display:block;margin:0;color:#526579;font-size:10px}.pos-print-title{padding:13px 0 11px}.pos-print-title span{color:#167c80;font-size:9px;font-weight:900;text-transform:uppercase}.pos-print-title h2{margin:3px 0;font-size:19px;letter-spacing:0}.pos-print-title p{margin:0;color:#64748b;font-size:10px}.pos-print-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.pos-print-kpis div{padding:8px 9px;border:1px solid #d6e1e8;border-left:3px solid #167c80;background:#f7fafb}.pos-print-kpis span{display:block;color:#607386;font-size:8px;text-transform:uppercase}.pos-print-kpis strong{display:block;margin-top:2px;font-size:13px}.pos-print-chart{display:grid;gap:5px;margin:0 0 12px;padding:10px;border:1px solid #d6e1e8}.pos-print-chart>div{display:grid;grid-template-columns:105px 1fr 90px;align-items:center;gap:8px;font-size:8px}.pos-print-chart i{height:7px;background:#e7eef2}.pos-print-chart b{display:block;height:100%;background:#167c80}.pos-print-chart strong{text-align:right}.pos-print-table-wrap{flex:1}.pos-print-table-wrap table{width:100%;border-collapse:collapse;table-layout:auto;font-size:8px}.pos-print-table-wrap th{padding:6px;background:#173f5f!important;color:#fff!important;text-align:left;text-transform:uppercase}.pos-print-table-wrap td{padding:6px;border:1px solid #d8e0e9;vertical-align:top;overflow-wrap:anywhere}.pos-print-table-wrap tr:nth-child(even) td{background:#f7fafb}.pos-print-sheet>footer{display:flex;justify-content:space-between;margin-top:10px;padding-top:7px;border-top:1px solid #d8e0e9;color:#64748b;font-size:8px}.pos-preview-status{display:flex;justify-content:space-between;padding:7px 16px;background:#fff;border-top:1px solid #d8e0e9;color:#526579;font-size:11px}
@media(max-width:760px){.pos-preview-toolbar{align-items:flex-start;padding:8px}.pos-preview-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.pos-preview-toolbar .btn{padding:7px;font-size:10px}.pos-preview-controls{justify-content:flex-start;overflow:auto}.pos-preview-stage{padding:10px}.pos-print-sheet{transform:scale(calc(var(--preview-zoom) * .43));transform-origin:top left;margin-right:calc(-210mm * .57);margin-bottom:calc(-297mm * .57)}}
@media print{body.pos-preview-open>*:not(.pos-print-preview){display:none!important}.pos-print-preview{position:static;display:block;background:#fff}.pos-preview-toolbar,.pos-preview-controls,.pos-preview-status{display:none!important}.pos-preview-stage{overflow:visible;padding:0}.pos-preview-document{display:block}.pos-print-sheet,.pos-print-sheet.is-preview-page{display:flex!important;width:210mm;min-height:297mm;margin:0!important;padding:12mm 13mm;box-shadow:none;transform:none!important;break-after:page;page-break-after:always}.pos-print-sheet:last-child{break-after:auto;page-break-after:auto}@page{size:A4 portrait;margin:0}}

/* Keep every report table inside its printable sheet. */
.pos-print-preview{inset:3vh 3vw;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;box-shadow:0 0 0 100vmax rgba(15,23,42,.62),0 24px 70px rgba(15,23,42,.32)}.pos-preview-close{margin-left:5px;border-color:#cbd5e1!important;background:#fff!important;color:#334155!important}.pos-preview-close:hover{background:#f1f5f9!important;color:#0f172a!important}
.pos-print-sheet.pos-print-landscape{width:297mm;min-height:210mm;padding:10mm 11mm}.pos-print-table-wrap{width:100%;max-width:100%;overflow:hidden}.pos-print-table-wrap table{width:100%!important;max-width:100%!important;table-layout:fixed}.pos-print-table-wrap th,.pos-print-table-wrap td{max-width:0;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere;hyphens:auto;line-height:1.25}.pos-print-table-wrap th{font-size:7px}.pos-print-table-wrap td{font-size:7.5px}.pos-print-table-wrap table[class*="pos-print-columns-8"],.pos-print-table-wrap table[class*="pos-print-columns-9"]{font-size:6.5px}.pos-print-landscape .pos-print-company{padding-bottom:7px}.pos-print-landscape .pos-print-company img,.pos-print-landscape .pos-print-logo-fallback{width:50px;height:50px;flex-basis:50px}.pos-print-landscape .pos-print-title{padding:8px 0}.pos-print-landscape .pos-print-kpis{grid-template-columns:repeat(6,1fr);margin-bottom:7px}.pos-print-landscape .pos-print-chart{grid-template-columns:1fr 1fr;column-gap:14px;padding:7px;margin-bottom:8px}.pos-print-landscape .pos-print-chart>div{grid-template-columns:85px 1fr 75px}.pos-preview-landscape .pos-preview-document{min-width:297mm}
@media(max-width:760px){.pos-print-preview{inset:8px;border-radius:7px}.pos-preview-landscape .pos-print-sheet{transform:scale(calc(var(--preview-zoom) * .3));margin-right:calc(-297mm * .7);margin-bottom:calc(-210mm * .7)}.pos-preview-landscape .pos-preview-document{min-width:0}}
@media print{.pos-print-preview{inset:auto;border:0;border-radius:0;overflow:visible;box-shadow:none}.pos-print-sheet.pos-print-portrait,.pos-print-sheet.pos-print-portrait.is-preview-page{page:posPortrait;width:210mm;min-height:297mm}.pos-print-sheet.pos-print-landscape,.pos-print-sheet.pos-print-landscape.is-preview-page{page:posLandscape;width:297mm;min-height:210mm;padding:10mm 11mm}@page posPortrait{size:A4 portrait;margin:0}@page posLandscape{size:A4 landscape;margin:0}}

.pos-mira-guide{margin:0 0 11px;border:1px solid #91a8b7;background:#f8fbfc}.pos-mira-guide>header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#dcebf0;color:#173f4f}.pos-mira-guide>header div{display:grid;gap:2px}.pos-mira-guide>header span{font-size:7px;font-weight:800;letter-spacing:.08em}.pos-mira-guide>header strong{font-size:11px}.pos-mira-guide>header>b{padding:4px 7px;border:1px solid #93aeba;background:#fff;font-size:8px}.pos-mira-taxpayer{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr}.pos-mira-taxpayer>span{display:grid;gap:2px;min-height:36px;padding:7px 9px;border-right:1px solid #c8d7df}.pos-mira-taxpayer>span:last-child{border-right:0}.pos-mira-taxpayer small{color:#5d7280;font-size:7px;text-transform:uppercase}.pos-mira-taxpayer strong{font-size:9px;overflow-wrap:anywhere}.pos-mira-guide>p{margin:0;padding:6px 9px;border-top:1px solid #c8d7df;color:#536b78;font-size:7px}.pos-mira-declaration{display:grid;grid-template-columns:1fr 1fr .7fr;gap:12px;margin-top:15px}.pos-mira-declaration div{display:grid;gap:12px}.pos-mira-declaration small{font-size:7px;text-transform:uppercase;color:#607386}.pos-mira-declaration span{border-bottom:1px solid #607386}.pos-print-landscape .pos-mira-taxpayer{grid-template-columns:2fr 1fr 1fr 1.5fr}.pos-print-landscape .pos-mira-guide{margin-bottom:7px}.pos-print-landscape .pos-mira-declaration{margin-top:8px}
@media(max-width:760px){.pos-mira-taxpayer{grid-template-columns:1fr 1fr}.pos-mira-taxpayer>span:nth-child(2){border-right:0}.pos-mira-taxpayer>span:nth-child(-n+2){border-bottom:1px solid #c8d7df}}

.pos-printer-registry{display:grid;gap:16px;padding:20px;border:1px solid rgba(148,163,184,.3);background:rgba(255,255,255,.78);backdrop-filter:blur(12px)}.pos-printer-registry>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pos-printer-registry>header span{color:#526879;font-size:11px;font-weight:800;text-transform:uppercase}.pos-printer-registry>header h3{margin:3px 0;font-size:19px}.pos-printer-registry>header p{margin:0;color:#637787;font-size:13px}.pos-printer-registry>header>b{padding:6px 9px;background:#e7f0f4;color:#275b70;font-size:11px}.pos-printer-form{padding:16px;background:#f7fafb;border-left:3px solid #2d7795}.pos-printer-list{display:grid;gap:7px}.pos-printer-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #dce5ea;background:#fff}.pos-printer-list article>div{display:grid;gap:2px}.pos-printer-list article span{color:#637787;font-size:11px}.pos-printer-list article>b{font-size:11px;color:#315c6e}.pos-printer-empty{padding:24px;border:1px dashed #bacbd4;color:#637787;text-align:center}@media(max-width:700px){.pos-printer-registry{padding:14px}.pos-printer-registry>header{display:grid}.pos-printer-list article{grid-template-columns:minmax(0,1fr) auto}.pos-printer-list article form{grid-column:1/-1}.pos-printer-list article form button{width:100%}}
/* ZMS main login: responsive 2026 refresh */
body.login-page:not(.invoice-pay-page):not(.kitchen-portal-login-page){min-height:100dvh;margin:0;background:#edf3f3;color:#18222d;font-family:Inter,"Segoe UI",Arial,sans-serif}.login-page:not(.invoice-pay-page) .login-layout{width:min(1120px,calc(100% - 48px));min-height:min(720px,calc(100dvh - 48px));margin:24px auto;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(430px,1.18fr);overflow:hidden;border:1px solid #d7e0e1;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(24,34,45,.14)}.login-page .login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 54px;background:#17363b;color:#fff;overflow:hidden}.login-page .login-brand-panel:before{content:"";position:absolute;inset:0;border:18px solid rgba(255,255,255,.035);pointer-events:none}.login-page .login-brand-panel:after{content:"ZMS";position:absolute;right:-12px;bottom:-30px;color:rgba(255,255,255,.035);font-size:150px;font-weight:900;line-height:1;letter-spacing:0;pointer-events:none}.login-page .brand-mark{position:relative;z-index:1;width:74px;height:74px;display:grid;place-items:center;margin-bottom:28px;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}.login-page .brand-mark img{width:58px;height:58px;object-fit:contain}.login-page .login-brand-panel .login-welcome{position:relative;z-index:1;margin:0 0 7px;color:#7fe0d4;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px}.login-page .login-brand-panel h1{position:relative;z-index:1;margin:0;font-size:54px;line-height:1;letter-spacing:0}.login-page .login-brand-panel>.login-subtitle{position:relative;z-index:1;max-width:390px;margin:18px 0 34px;color:#d3e2e3;font-size:15px;line-height:1.65}.login-page .login-proof-grid{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-page .login-proof-grid span{min-width:0;padding:12px 10px;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:rgba(255,255,255,.055)}.login-page .login-proof-grid strong,.login-page .login-proof-grid small{display:block;white-space:normal}.login-page .login-proof-grid strong{font-size:11px;color:#fff}.login-page .login-proof-grid small{margin-top:3px;color:#abc4c6;font-size:9px}.login-page .login-card.pro-login{align-self:center;width:min(100%,510px);margin:0 auto;padding:54px 58px;border:0;border-radius:0;background:#fff;box-shadow:none}.login-page .pro-login .login-logo-wrap{display:none}.login-page .pro-login .login-kicker{margin:0 0 7px;color:#158077;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.login-page .pro-login h1{margin:0;color:#18222d;font-size:31px;line-height:1.2;letter-spacing:0}.login-page .pro-login>p.login-subtitle{margin:9px 0 28px;color:#667786;font-size:13px;line-height:1.55}.login-page .field-label{display:grid;gap:7px;margin:0 0 15px}.login-page .field-title{color:#344451;font-size:11px;font-weight:800}.login-page .field-box{min-height:48px;display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;border:1px solid #cfdadd;border-radius:6px;background:#fbfdfd;transition:border-color .2s,box-shadow .2s,background .2s}.login-page .field-box:focus-within{border-color:#158077;background:#fff;box-shadow:0 0 0 3px rgba(21,128,119,.13)}.login-page .field-icon{width:28px;height:28px;display:grid;place-items:center;justify-self:center;border-radius:5px;background:#e3f3f1;color:#106b64;font-size:10px;font-weight:900}.login-page .field-side{color:#9aabb1;font-size:9px;font-weight:800;text-align:center}.login-page .field-box input,.login-page .field-box select{width:100%;min-width:0;height:46px;padding:0 8px;border:0!important;outline:0!important;background:transparent!important;color:#18222d;font-size:14px;box-shadow:none!important}.login-page .field-box select{cursor:pointer}.login-page .login-options{display:flex;align-items:center;justify-content:space-between;margin:3px 0 18px}.login-page .remember-line{display:flex;align-items:center;gap:8px;color:#596b78;font-size:11px}.login-page .remember-line input{width:16px;height:16px;accent-color:#158077}.login-page .login-submit{width:100%;min-height:48px;border-radius:6px;background:#158077!important;border-color:#158077!important;color:#fff;font-size:13px;font-weight:900;box-shadow:0 10px 22px rgba(21,128,119,.22);transition:transform .18s,background .18s,box-shadow .18s}.login-page .login-submit:hover{transform:translateY(-1px);background:#106b64!important;box-shadow:0 13px 26px rgba(21,128,119,.28)}.login-page .login-submit:active{transform:none}.login-page .secure-divider{display:flex;align-items:center;gap:10px;margin:24px 0 16px;color:#89989f;font-size:9px;text-transform:uppercase}.login-page .secure-divider:before,.login-page .secure-divider:after{content:"";height:1px;flex:1;background:#e1e8ea}.login-page .login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.login-page .login-features>div{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:5px;background:#f3f7f7;color:#5b6c77}.login-page .feature-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;background:#fff;color:#158077;font-size:8px;font-weight:900}.login-page .login-features strong{font-size:9px}.login-page .pro-login .notice{margin:0 0 16px;border-radius:6px;font-size:12px}
@media(max-width:820px){body.login-page:not(.invoice-pay-page):not(.kitchen-portal-login-page){background:#fff}.login-page:not(.invoice-pay-page) .login-layout{width:100%;min-height:100dvh;margin:0;display:block;border:0;border-radius:0;box-shadow:none}.login-page .login-brand-panel{min-height:auto;padding:22px 24px 20px;display:grid;grid-template-columns:52px 1fr;grid-template-areas:"logo welcome" "logo title" "subtitle subtitle";column-gap:14px;justify-content:stretch}.login-page .login-brand-panel:before,.login-page .login-brand-panel:after,.login-page .login-proof-grid{display:none}.login-page .brand-mark{grid-area:logo;width:52px;height:52px;margin:0;border-radius:7px}.login-page .brand-mark img{width:42px;height:42px}.login-page .login-brand-panel .login-welcome{grid-area:welcome;align-self:end;margin:0 0 2px;font-size:9px}.login-page .login-brand-panel h1{grid-area:title;align-self:start;font-size:28px}.login-page .login-brand-panel>.login-subtitle{grid-area:subtitle;max-width:none;margin:14px 0 0;font-size:11px;line-height:1.5}.login-page .login-card.pro-login{width:100%;max-width:520px;padding:34px 24px 28px}.login-page .pro-login h1{font-size:27px}.login-page .pro-login>p.login-subtitle{margin-bottom:24px}}
@media(max-width:420px){.login-page .login-brand-panel{padding:18px 18px 16px}.login-page .login-card.pro-login{padding:28px 18px 24px}.login-page .field-box{min-height:46px;grid-template-columns:38px minmax(0,1fr) 25px}.login-page .login-features{gap:4px}.login-page .login-features>div{padding:7px 3px;gap:4px}.login-page .feature-icon{display:none}}
@media(max-height:720px) and (min-width:821px){.login-page:not(.invoice-pay-page) .login-layout{min-height:calc(100dvh - 24px);margin:12px auto}.login-page .login-brand-panel{padding:38px 44px}.login-page .login-card.pro-login{padding:34px 52px}.login-page .brand-mark{width:60px;height:60px;margin-bottom:20px}.login-page .brand-mark img{width:48px;height:48px}.login-page .login-brand-panel h1{font-size:44px}.login-page .login-brand-panel>.login-subtitle{margin:14px 0 24px}.login-page .pro-login>p.login-subtitle{margin-bottom:20px}.login-page .secure-divider{margin:18px 0 12px}}

/* Compact ZMS login: quiet enterprise finish */
body.login-page:not(.invoice-pay-page):not(.kitchen-portal-login-page){--zms-primary:#1a73e8;--zms-primary-dark:#1557b0;--zms-primary-light:#e8f0fe;--zms-bg:#f0f4f9;--zms-text:#202124;--zms-muted:#5f6368;--zms-border:#dadce0;display:grid;place-items:center;padding:24px;background:var(--zms-bg)}.login-page:not(.invoice-pay-page) .login-layout{width:min(760px,100%);min-height:0;margin:0;grid-template-columns:250px minmax(0,1fr);border:1px solid rgba(218,220,224,.9);border-radius:8px;box-shadow:0 8px 30px rgba(32,33,36,.08)}.login-page .login-brand-panel{min-height:470px;padding:36px 30px;justify-content:center;background:#174ea6}.login-page .login-brand-panel:before{inset:12px;border:1px solid rgba(255,255,255,.12)}.login-page .login-brand-panel:after{right:-8px;bottom:-17px;font-size:92px;color:rgba(255,255,255,.04)}.login-page .brand-mark{width:58px;height:58px;margin-bottom:22px;border-radius:7px;box-shadow:0 7px 20px rgba(8,35,82,.2)}.login-page .brand-mark img{width:46px;height:46px}.login-page .login-brand-panel .login-welcome{margin-bottom:5px;color:#c9dafb;font-size:9px;letter-spacing:1.2px}.login-page .login-brand-panel h1{font-size:36px;font-weight:750}.login-page .login-brand-panel>.login-subtitle{margin:13px 0 25px;color:#e3ebfb;font-size:11px;line-height:1.55}.login-page .login-proof-grid{gap:5px}.login-page .login-proof-grid span{padding:8px 6px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.045)}.login-page .login-proof-grid strong{font-size:9px}.login-page .login-proof-grid small{font-size:8px;color:#cfdbef}.login-page .login-card.pro-login{width:100%;max-width:none;padding:38px 42px}.login-page .pro-login .login-kicker{margin-bottom:5px;color:var(--zms-primary);font-size:9px;letter-spacing:1.1px}.login-page .pro-login h1{color:var(--zms-text);font-size:24px;font-weight:700}.login-page .pro-login>p.login-subtitle{margin:7px 0 22px;color:var(--zms-muted);font-size:11px}.login-page .field-label{gap:5px;margin-bottom:12px}.login-page .field-title{color:#3c4043;font-size:10px}.login-page .field-box{min-height:43px;grid-template-columns:36px minmax(0,1fr) 25px;border-color:var(--zms-border);border-radius:5px;background:#fff}.login-page .field-box:focus-within{border-color:var(--zms-primary);box-shadow:0 0 0 3px rgba(26,115,232,.11)}.login-page .field-icon{width:24px;height:24px;border-radius:4px;background:var(--zms-primary-light);color:var(--zms-primary);font-size:8px}.login-page .field-box input,.login-page .field-box select{height:41px;font-size:12px}.login-page .login-options{margin:1px 0 14px}.login-page .remember-line{font-size:10px}.login-page .remember-line input{width:14px;height:14px;accent-color:var(--zms-primary)}.login-page .login-submit{min-height:43px;border-radius:5px;background:var(--zms-primary)!important;border-color:var(--zms-primary)!important;font-size:11px;box-shadow:0 5px 14px rgba(26,115,232,.18)}.login-page .login-submit:hover{background:var(--zms-primary-dark)!important;box-shadow:0 7px 18px rgba(26,115,232,.23)}.login-page .secure-divider{margin:18px 0 12px;font-size:8px}.login-page .login-features{gap:5px}.login-page .login-features>div{padding:6px 4px;border-radius:4px;background:#f7f9fc}.login-page .feature-icon{width:17px;height:17px;color:var(--zms-primary);font-size:7px}.login-page .login-features strong{font-size:8px}.login-page .pro-login .notice{margin-bottom:12px;padding:9px;font-size:10px}
@media(max-width:700px){body.login-page:not(.invoice-pay-page):not(.kitchen-portal-login-page){display:block;padding:0;background:#fff}.login-page:not(.invoice-pay-page) .login-layout{width:100%;min-height:100dvh;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}.login-page .login-brand-panel{min-height:0;padding:18px 20px;display:grid;grid-template-columns:46px 1fr;grid-template-areas:"logo welcome" "logo title";column-gap:12px}.login-page .login-brand-panel:before{inset:7px}.login-page .login-brand-panel:after,.login-page .login-brand-panel>.login-subtitle,.login-page .login-proof-grid{display:none}.login-page .brand-mark{grid-area:logo;width:46px;height:46px;margin:0}.login-page .brand-mark img{width:36px;height:36px}.login-page .login-brand-panel .login-welcome{grid-area:welcome;align-self:end;margin:0 0 1px;font-size:8px}.login-page .login-brand-panel h1{grid-area:title;align-self:start;font-size:24px}.login-page .login-card.pro-login{flex:1;width:min(100%,430px);margin:0 auto;padding:31px 22px 24px}.login-page .pro-login h1{font-size:23px}.login-page .pro-login>p.login-subtitle{margin-bottom:21px}}
@media(max-width:360px){.login-page .login-card.pro-login{padding:25px 16px 20px}.login-page .login-features strong{display:none}.login-page .login-features>div{padding:6px}}
@media(max-height:620px) and (min-width:701px){body.login-page:not(.invoice-pay-page):not(.kitchen-portal-login-page){padding:10px}.login-page .login-brand-panel{min-height:440px;padding:27px}.login-page .login-card.pro-login{padding:27px 36px}.login-page .brand-mark{width:50px;height:50px;margin-bottom:16px}.login-page .brand-mark img{width:40px;height:40px}.login-page .login-brand-panel>.login-subtitle{margin:9px 0 17px}.login-page .pro-login>p.login-subtitle{margin-bottom:15px}.login-page .field-label{margin-bottom:9px}.login-page .secure-divider{margin:13px 0 9px}}

/* Permission-aware module groups and a cleaner, more visible ZMS login mark. */
#mainSidebar .nav-module-locked>.nav-group-title{cursor:not-allowed;opacity:.5}
#mainSidebar .nav-module-locked>.nav-group-title:hover{background:transparent;color:#d9e4ee}
#mainSidebar .nav-module-locked .nav-module-chevron{display:none}
.login-page .brand-mark{width:116px;height:116px;margin-bottom:24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.login-page .brand-mark img{width:112px;height:112px;object-fit:contain}
@media(max-width:700px){.login-page .login-brand-panel{grid-template-columns:72px 1fr}.login-page .brand-mark{width:72px;height:72px}.login-page .brand-mark img{width:70px;height:70px}}
@media(max-height:620px) and (min-width:701px){.login-page .brand-mark{width:88px;height:88px;margin-bottom:16px}.login-page .brand-mark img{width:84px;height:84px}}
.vehicle-entry-panel{align-self:start;border:1px solid #d8e2ec;border-radius:7px;background:#fff;overflow:hidden}.vehicle-entry-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 12px;cursor:pointer;font-weight:800;color:#1d425b;list-style:none}.vehicle-entry-panel summary::-webkit-details-marker{display:none}.vehicle-entry-panel summary:after{content:'+';order:-1;color:#1a73e8;font-size:20px;font-weight:500}.vehicle-entry-panel[open] summary{border-bottom:1px solid #d8e2ec}.vehicle-entry-panel[open] summary:after{content:'-'}.vehicle-entry-panel .register-form-panel{border:0;border-radius:0;box-shadow:none}.vehicle-entry-panel .register-form-panel .panel-head{display:none}@media(max-width:760px){.vehicle-entry-panel summary{padding:0 10px}.vehicle-entry-panel summary .btn{min-height:36px;padding:7px 10px;font-size:12px}}
/* Z PayFlow currency master */
.payflow-currency-master{margin-top:16px}
.payflow-currency-master .payflow-currency-form{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #dfe7ec}
.payflow-default-currency{display:flex!important;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid #d7e1e7;background:#f7fafb}
.payflow-default-currency input{width:18px!important;height:18px;margin:0;flex:0 0 auto}
.payflow-currency-master td .status{white-space:nowrap}
.payflow-exchange-preview{display:flex;min-height:74px;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;border:1px solid #c7dce5;border-left:4px solid #19708e;border-radius:6px;background:#f3f8fa;color:#264956}
.payflow-exchange-preview span{font-size:11px;font-weight:800;text-transform:uppercase;color:#58717b}
.payflow-exchange-preview strong{font-size:18px;color:#133b4a}
.payflow-exchange-preview small{color:#5d7480}
.payflow-exchange-preview.missing-rate{border-left-color:#c28a16;background:#fff9eb}
.payflow-exchange-preview.missing-rate strong{font-size:14px;color:#805d12}
@media(max-width:760px){.payflow-currency-master .table-wrap{overflow-x:auto}.payflow-default-currency{grid-column:1/-1}}
@media(max-width:700px){
  .preview-modal.payflow-slip-open .preview-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px!important}
  .preview-modal.payflow-slip-open .preview-head strong{white-space:normal;line-height:1.3}
  .preview-modal.payflow-slip-open .preview-actions{display:flex;gap:7px}
  .preview-modal.payflow-slip-open .preview-actions .btn{width:auto;min-height:38px;padding:8px 11px}
  .preview-modal.payflow-slip-open .payflow-request-slip{min-width:0!important;max-width:100%!important;box-shadow:none}
  .preview-modal.payflow-slip-open .official-report-top{display:grid;grid-template-columns:1fr;align-items:start}
  .preview-modal.payflow-slip-open .official-report-ref{width:100%;max-width:none;text-align:left}
  .preview-modal.payflow-slip-open .official-report-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .preview-modal.payflow-slip-open .official-report-table table{min-width:560px}
  .preview-modal.payflow-slip-open .official-report-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  .preview-modal.payflow-slip-open .preview-head{grid-template-columns:1fr}
  .preview-modal.payflow-slip-open .preview-actions{display:grid;grid-template-columns:1fr 1fr}
  .preview-modal.payflow-slip-open .preview-actions .btn{width:100%}
  .preview-modal.payflow-slip-open .official-report-footer{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.payflow-page{overflow-x:hidden!important;background:#eef3f5}
  body.payflow-page .content{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;padding:10px 10px 42px!important;overflow-x:hidden!important}
  body.payflow-page .payment-request-content,
  body.payflow-page .payment-request-content>*{box-sizing:border-box;width:100%;max-width:100%!important;min-width:0!important}
  .payment-request-content .payflow-request-list-wrap{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;margin:0;overflow:visible!important;border:0;background:transparent}
  .payment-request-content .payflow-request-list-wrap:before{display:none}
  .payment-request-content .payflow-request-list-wrap:after{display:none!important}
  .payment-request-content .payflow-request-list-wrap table.payflow-request-list{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border:0;background:transparent}
  .payment-request-content .payflow-request-list thead{display:none}
  .payment-request-content .payflow-request-list tbody{display:grid!important;gap:12px;width:100%!important;max-width:100%!important;min-width:0!important}
  .payment-request-content .payflow-request-list tr{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(112px,.62fr);grid-template-areas:"request status" "vendor vendor" "amount due" "actions actions";width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden;border:1px solid #d4e0e6;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(15,42,54,.09)}
  .payment-request-content .payflow-request-list td{box-sizing:border-box;display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:0;padding:12px 14px!important;border:0!important;background:#fff!important;text-align:left!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere}
  .payment-request-content .payflow-request-list td:before{display:block;margin-bottom:4px;color:#6b7f89;font-size:9px;font-weight:900;line-height:1.3;text-transform:uppercase}
  .payment-request-content .payflow-request-list td:nth-child(1){grid-area:request;padding:13px 14px 11px!important;border-top:4px solid #19708e!important;border-bottom:1px solid #e7edf0!important;background:#f8fbfc!important}
  .payment-request-content .payflow-request-list td:nth-child(1):before{content:"Payment request";color:#19708e}
  .payment-request-content .payflow-request-list td:nth-child(1) strong{display:block;color:#153b49;font-size:16px;line-height:1.25}
  .payment-request-content .payflow-request-list td:nth-child(2){grid-area:vendor;border-bottom:1px solid #edf1f3!important}
  .payment-request-content .payflow-request-list td:nth-child(2):before{content:"Supplier / Event"}
  .payment-request-content .payflow-request-list td:nth-child(3){grid-area:amount;border-right:1px solid #edf1f3!important;color:#123c4b;font-size:17px;font-weight:900}
  .payment-request-content .payflow-request-list td:nth-child(3):before{content:"Amount";font-size:9px;font-weight:900}
  .payment-request-content .payflow-request-list td:nth-child(4){grid-area:status;display:flex!important;flex-direction:column;align-items:flex-end;padding:13px 14px 11px!important;border-top:4px solid #19708e!important;border-bottom:1px solid #e7edf0!important;background:#f8fbfc!important;text-align:right!important}
  .payment-request-content .payflow-request-list td:nth-child(4):before{content:"Status"}
  .payment-request-content .payflow-request-list td:nth-child(4) .status{max-width:100%;white-space:normal;text-align:center}
  .payment-request-content .payflow-request-list td:nth-child(5){grid-area:due;color:#334e59;font-weight:800}
  .payment-request-content .payflow-request-list td:nth-child(5):before{content:"Due date"}
  .payment-request-content .payflow-request-list td:nth-child(6){grid-area:actions;padding:10px!important;border-top:1px solid #e7edf0!important;background:#f8fafb!important}
  .payment-request-content .payflow-request-list td:nth-child(6):before{content:"Actions";margin:0 0 7px 2px}
  .payment-request-content .payflow-request-list td small{display:block;margin-top:4px;color:#657984;font-size:10px;line-height:1.35}
  .payment-request-content .payflow-request-list td>*{max-width:100%;min-width:0}
  .payment-request-content .payflow-request-list .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
  .payment-request-content .payflow-request-list .row-actions .icon-btn,
  .payment-request-content .payflow-request-list .row-actions form,
  .payment-request-content .payflow-request-list .row-actions form button{width:100%;margin:0}
  .payment-request-content .payflow-request-list td[colspan]{grid-area:1/1/-1/-1;display:block!important;width:100%!important;padding:12px!important;border:0!important}
  .payment-request-content .payflow-request-list td[colspan]:before{display:none}
  .payment-request-content .payflow-request-list td[colspan] .empty{padding:20px 12px}
}
@media(max-width:420px){
  .payment-request-content .payflow-request-list tr{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr)}
  .payment-request-content .payflow-request-list td{padding:10px 11px!important}
  .payment-request-content .payflow-request-list td:nth-child(1),
  .payment-request-content .payflow-request-list td:nth-child(4){padding:11px!important}
  .payment-request-content .payflow-request-list .row-actions{grid-template-columns:1fr}
}
@media(max-width:350px){
  .payment-request-content .payflow-request-list tr{grid-template-columns:1fr;grid-template-areas:"request" "status" "vendor" "amount" "due" "actions"}
  .payment-request-content .payflow-request-list td:nth-child(3){border-right:0!important;border-bottom:1px solid #edf1f3!important}
  .payment-request-content .payflow-request-list td:nth-child(4){align-items:flex-start;border-top:0!important;text-align:left!important}
}

/* Shared ZMS mobile table pattern: compact record cards with a fixed action zone. */
@media(max-width:760px){
  .zms-action-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
  table.zms-action-table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:0!important;background:transparent!important}
  table.zms-action-table thead{display:none!important}
  table.zms-action-table tbody{display:grid!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  table.zms-action-table tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden;border:1px solid #d6e1e6;border-top:3px solid #155e75;border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(24,38,57,.07)}
  table.zms-action-table tbody>tr[hidden]{display:none!important}
  table.zms-action-table tbody>tr:hover td{background:inherit}
  table.zms-action-table td{box-sizing:border-box;display:grid!important;grid-column:1/-1;grid-template-columns:minmax(104px,.38fr) minmax(0,1fr);gap:10px;align-items:start;width:auto!important;max-width:100%!important;min-width:0!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid #edf2f4!important;background:#fff!important;color:#283d47;text-align:left!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere}
  table.zms-action-table td:before{content:attr(data-label);min-width:0;color:#6a7c86;font-size:9px;font-weight:800;line-height:1.35;text-transform:uppercase}
  table.zms-action-table td[data-mobile-role="primary"]{display:block!important;grid-column:1/-1;padding:13px!important;border-bottom:1px solid #dfe8ec!important;background:#f7fafb!important;color:#153b49;font-size:15px;font-weight:800;line-height:1.35}
  table.zms-action-table td[data-mobile-role="primary"]:before{display:block;margin-bottom:4px;color:#19708e;font-size:9px}
  table.zms-action-table td[data-mobile-role="primary"] strong{display:block;color:#153b49;font-size:16px;line-height:1.3}
  table.zms-action-table td[data-mobile-role="primary"] small{font-weight:500}
  table.zms-action-table td[data-mobile-role="status"]{grid-column:1/-1;min-width:0;background:#fff!important;text-align:left!important}
  table.zms-action-table td[data-mobile-role="status"]:before{display:block}
  table.zms-action-table td[data-mobile-role="status"] .status,table.zms-action-table td[data-mobile-role="status"] .pill{max-width:100%;justify-content:center;white-space:normal;text-align:center}
  table.zms-action-table td[data-mobile-role="actions"]{display:grid!important;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px 12px!important;border:0!important;background:#f7fafb!important}
  table.zms-action-table td[data-mobile-role="actions"]:before{display:block;grid-column:1/-1;margin:0 0 1px 1px;color:#5e727d}
  table.zms-action-table td[data-mobile-role="actions"]>.btn,table.zms-action-table td[data-mobile-role="actions"]>.icon-btn,table.zms-action-table td[data-mobile-role="actions"]>form{display:block!important;width:100%!important;min-width:0;margin:0!important}
  table.zms-action-table td[data-mobile-role="actions"]>form button{width:100%!important;min-height:42px!important;margin:0!important}
  table.zms-action-table td[data-mobile-role="actions"] .row-actions,table.zms-action-table td[data-mobile-role="actions"] .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  table.zms-action-table td[data-mobile-role="actions"] .row-actions>*,table.zms-action-table td[data-mobile-role="actions"] .actions>*,table.zms-action-table td[data-mobile-role="actions"] form{width:100%;min-width:0;margin:0}
  table.zms-action-table td[data-mobile-role="actions"] .btn,table.zms-action-table td[data-mobile-role="actions"] .icon-btn,table.zms-action-table td[data-mobile-role="actions"] button{width:100%!important;min-height:42px!important;margin:0!important}
  table.zms-action-table tr.zms-action-card-empty{display:block;padding:0;border-top-width:1px}
  table.zms-action-table td[data-mobile-role="empty"]{display:block!important;padding:14px!important;border:0!important;text-align:center!important}
  table.zms-action-table td[data-mobile-role="empty"]:before{display:none}
}
@media(max-width:420px){
  table.zms-action-table td{grid-template-columns:minmax(92px,.38fr) minmax(0,1fr);padding:9px 11px!important}
}
@media(max-width:350px){table.zms-action-table td[data-mobile-role="actions"]{grid-template-columns:1fr}}

/* Shared mobile typography scale across ZMS modules and record cards. */
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:13px;line-height:1.45}
  h1{font-size:21px;line-height:1.2}
  h2,.page-hero h2,.section-title h2{font-size:20px;line-height:1.25}
  h3,.panel h3,.panel-head h3{font-size:16px;line-height:1.3}
  h4{font-size:14px;line-height:1.35}
  p{line-height:1.45}
  .page-hero p,.section-title p,.panel-head p{font-size:12.5px;line-height:1.45}
  .eyebrow,.payment-workspace-kicker{font-size:10px;line-height:1.35}
  label{font-size:12.5px;line-height:1.35}
  input,select,textarea{font-size:16px!important;line-height:1.35}
  .btn,button,.icon-btn{font-size:12.5px;line-height:1.25}
  .date-chip,.pill,.status{font-size:10.5px;line-height:1.25}
  small,.mini-list span,.timeline span{font-size:11px;line-height:1.4}
  .metric span,.register-summary span{font-size:11px;line-height:1.35}
  .metric strong{font-size:25px;line-height:1.1}
  .detail-grid span,.detail-row span{font-size:11px;line-height:1.35}
  .detail-grid strong,.detail-row strong{font-size:13.5px;line-height:1.4}
  .mobile-shellbar strong{font-size:17px;line-height:1.1}
  .mobile-shellbar span{font-size:11px;line-height:1.3}
  .sidebar .nav-link,.sidebar summary{font-size:13px;line-height:1.35}
  table.zms-action-table td{font-size:13px;line-height:1.4}
  table.zms-action-table td:before{font-size:9.5px;line-height:1.3}
  table.zms-action-table td[data-mobile-role="primary"]{font-size:14px;line-height:1.35}
  table.zms-action-table td[data-mobile-role="primary"] strong{font-size:15px;line-height:1.3}
  table.zms-action-table td[data-mobile-role="actions"] .btn,table.zms-action-table td[data-mobile-role="actions"] .icon-btn,table.zms-action-table td[data-mobile-role="actions"] button{font-size:12.5px;line-height:1.25}
  .payment-workspace-header h3{font-size:16px!important;line-height:1.3}
  .payment-workspace-header p{font-size:12px;line-height:1.4}
  .payment-request-content .payflow-request-list td{font-size:13px!important;line-height:1.4!important}
  .payment-request-content .payflow-request-list td:nth-child(1) strong{font-size:15px!important;line-height:1.3!important}
  .payment-request-content .payflow-request-list td:nth-child(2){font-size:14px!important}
  .payment-request-content .payflow-request-list td:nth-child(3){font-size:16px!important;line-height:1.25!important}
  .payment-request-content .payflow-request-list td:before{font-size:9.5px!important;line-height:1.3!important}
  .payment-request-content .payflow-request-list .status{font-size:10.5px!important;line-height:1.25!important}
  .payment-request-content .payflow-request-list .btn,.payment-request-content .payflow-request-list .icon-btn,.payment-request-content .payflow-request-list button{font-size:12.5px!important;line-height:1.25!important}
  .kitchen-module .panel-head h3,.pos-page .panel-head h3,.tenant-portal-content .panel-head h3{font-size:16px;line-height:1.3}
  .kitchen-module td,.pos-page td,.tenant-portal-content td{font-size:13px;line-height:1.4}
}
@media(max-width:390px){
  h1{font-size:20px}
  h2,.page-hero h2,.section-title h2{font-size:19px}
  h3,.panel h3,.panel-head h3{font-size:15.5px}
  .page-hero p,.section-title p,.panel-head p{font-size:12px}
}

/* Professional function headings shared by every ZMS module. */
.zms-function-header,
.payment-request-content .zms-function-header,
.kitchen-module .zms-function-header,
.pos-page .zms-function-header{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 18px!important;
  padding:17px 20px!important;
  overflow:hidden!important;
  border:1px solid #d9e3e8!important;
  border-left:4px solid #155e75!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#172b35!important;
  box-shadow:none!important;
}
.zms-function-header>div:first-child,
.zms-function-header>div:first-child>*{min-width:0}
.zms-function-header .zms-function-kicker{
  display:block!important;
  margin:0 0 4px!important;
  color:#0f6b72!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.zms-function-header h1,
.zms-function-header h2{
  margin:0!important;
  color:#172b35!important;
  font-size:22px!important;
  font-weight:750!important;
  line-height:1.22!important;
  letter-spacing:0!important;
}
.zms-function-header p{
  max-width:840px!important;
  margin:5px 0 0!important;
  color:#60727c!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:0!important;
}
.zms-function-header>.top-actions,
.zms-function-header>.row-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
}
.zms-function-header>.btn,
.zms-function-header>.icon-btn,
.zms-function-header>.date-chip,
.zms-function-header>.status{
  align-self:center!important;
  margin:0!important;
}
.pos-page-head.zms-function-header .pos-cashier{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding:8px 10px!important;
  border:1px solid #dce5e9!important;
  border-radius:6px!important;
  background:#f7fafb!important;
  color:#243b46!important;
}
.pos-page-head.zms-function-header .pos-cashier i{width:8px!important;height:8px!important;flex:0 0 8px!important}
.pos-page-head.zms-function-header .pos-cashier strong{color:#243b46!important;font-size:12px!important;line-height:1.3!important}
.pos-page-head.zms-function-header .pos-cashier small{margin:1px 0 0!important;color:#687b85!important;font-size:10.5px!important;line-height:1.3!important}

@media(max-width:760px){
  .zms-function-header,
  .payment-request-content .zms-function-header,
  .kitchen-module .zms-function-header,
  .pos-page .zms-function-header{
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
    margin-bottom:12px!important;
    padding:13px 14px!important;
    border-left-width:3px!important;
    border-radius:7px!important;
  }
  .zms-function-header .zms-function-kicker{margin-bottom:3px!important;font-size:9.5px!important}
  .zms-function-header h1,.zms-function-header h2{font-size:18px!important;line-height:1.25!important}
  .zms-function-header p{max-width:none!important;margin-top:4px!important;font-size:12px!important;line-height:1.42!important}
  .zms-function-header>.top-actions,.zms-function-header>.row-actions{justify-content:flex-start!important;width:100%!important}
  .zms-function-header>.top-actions .btn,.zms-function-header>.row-actions .btn{min-height:38px!important}
  .pos-page-head.zms-function-header .pos-cashier{width:100%!important;padding:7px 9px!important}
}

/* ProjectFlow Workflow Control: compact SaaS workspace and mobile action cards. */
.kitchen-workflow-saas{
  --workflow-ink:#17333f;
  --workflow-muted:#667983;
  --workflow-line:#dce5e9;
  --workflow-surface:#f6f8f9;
  --workflow-accent:#167083;
}
.kitchen-workflow-saas .kitchen-hero{margin-bottom:12px!important}
.kitchen-workflow-saas>.kitchen-portal-header{display:none!important}
.kitchen-workflow-saas .kitchen-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
.kitchen-workflow-saas .kitchen-metrics .metric{
  min-height:82px;
  padding:13px 14px;
  border:1px solid var(--workflow-line);
  border-radius:6px;
  background:#fff;
  box-shadow:none;
}
.kitchen-workflow-saas .kitchen-metrics .metric span{color:var(--workflow-muted);font-size:11px;font-weight:700}
.kitchen-workflow-saas .kitchen-metrics .metric strong{color:var(--workflow-ink);font-size:25px;line-height:1.1}
.kitchen-workflow-saas .kitchen-layout{
  display:grid;
  grid-template-columns:minmax(280px,350px) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.kitchen-workflow-saas .kitchen-list-panel,
.kitchen-workflow-saas .kitchen-workspace{
  min-width:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--workflow-line);
  border-radius:8px;
  background:#fff;
  box-shadow:none;
}
.kitchen-workflow-saas .kitchen-list-panel>.panel-head,
.kitchen-workflow-saas .kitchen-workspace>.panel-head{margin:0;padding:15px 16px;border-bottom:1px solid var(--workflow-line);background:#fff}
.kitchen-workflow-saas .kitchen-list-panel>.panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.kitchen-workflow-saas .kitchen-list-panel>.panel-head input{grid-column:1/-1;min-height:42px;border-color:var(--workflow-line);background:var(--workflow-surface)}
.workflow-pipeline-toggle{
  min-height:34px;
  padding:6px 9px;
  border:1px solid var(--workflow-line);
  border-radius:6px;
  background:#fff;
  color:var(--workflow-accent);
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
}
.kitchen-workflow-saas .kitchen-project-list{display:grid;gap:0;max-height:690px;overflow:auto;background:var(--workflow-surface)}
.kitchen-workflow-saas .kitchen-project-item{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 10px;
  min-width:0;
  padding:13px 15px;
  border:0;
  border-bottom:1px solid var(--workflow-line);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.kitchen-workflow-saas .kitchen-project-item:last-child{border-bottom:0}
.kitchen-workflow-saas .kitchen-project-item.active{border-left:3px solid var(--workflow-accent);background:#f0f7f8}
.kitchen-workflow-saas .kitchen-project-item>div{min-width:0}
.kitchen-workflow-saas .kitchen-project-item strong,
.kitchen-workflow-saas .kitchen-project-item span,
.kitchen-workflow-saas .kitchen-project-item small{min-width:0}
.kitchen-workflow-saas .kitchen-project-item>div strong{display:block;overflow:hidden;color:var(--workflow-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.kitchen-workflow-saas .kitchen-project-item>div span{display:block;margin-top:3px;overflow:hidden;color:var(--workflow-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.kitchen-workflow-saas .kitchen-project-item>small{grid-column:1/-1;color:var(--workflow-muted);font-size:10.5px}
.kitchen-workflow-saas .workflow-pipeline-collapsed .kitchen-project-list{display:none}
.kitchen-workflow-saas .kitchen-stage-track{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:14px 16px;overflow:visible;border-bottom:1px solid var(--workflow-line);background:var(--workflow-surface)}
.kitchen-workflow-saas .kitchen-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px 16px 0}
.kitchen-workflow-saas .kitchen-detail-grid>div{display:grid;align-content:start;gap:4px;min-width:0;padding:10px;border:1px solid var(--workflow-line);border-radius:6px;background:var(--workflow-surface)}
.kitchen-workflow-saas .kitchen-detail-grid>div span{display:block;color:var(--workflow-muted);font-size:10px;font-weight:700}
.kitchen-workflow-saas .kitchen-detail-grid>div strong{display:block;min-width:0;overflow:hidden;color:var(--workflow-ink);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.kitchen-workflow-saas .workflow-accordion{
  margin:12px 16px 0;
  overflow:hidden;
  border:1px solid var(--workflow-line);
  border-radius:7px;
  background:#fff;
}
.kitchen-workflow-saas .workflow-accordion>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  padding:10px 13px;
  list-style:none;
  background:var(--workflow-surface);
  cursor:pointer;
}
.kitchen-workflow-saas .workflow-accordion>summary::-webkit-details-marker{display:none}
.kitchen-workflow-saas .workflow-accordion>summary span{display:grid;gap:2px;min-width:0}
.kitchen-workflow-saas .workflow-accordion>summary strong{color:var(--workflow-ink);font-size:13px}
.kitchen-workflow-saas .workflow-accordion>summary small{overflow:hidden;color:var(--workflow-muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.kitchen-workflow-saas .workflow-accordion>summary b{width:8px;height:8px;flex:0 0 8px;border-right:2px solid var(--workflow-accent);border-bottom:2px solid var(--workflow-accent);transform:rotate(45deg);transition:transform .2s ease}
.kitchen-workflow-saas .workflow-accordion[open]>summary b{transform:rotate(225deg)}
.kitchen-workflow-saas .workflow-accordion-body{display:grid;gap:12px;padding:13px}
.kitchen-workflow-saas .workflow-accordion-body>.kitchen-design-preview,
.kitchen-workflow-saas .workflow-accordion-body>.kitchen-admin-workflow-summary{margin:0;padding:0;border:0;background:transparent}
.kitchen-workflow-saas .workflow-accordion-body>.kitchen-design-preview h4{display:none}
.kitchen-workflow-saas .kitchen-admin-workflow-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kitchen-workflow-saas .kitchen-action-form{display:block;padding:0 0 16px}
.kitchen-workflow-saas .workflow-accordion-body>label{margin:0}
.kitchen-workflow-saas .workflow-accordion-body input,
.kitchen-workflow-saas .workflow-accordion-body select,
.kitchen-workflow-saas .workflow-accordion-body textarea{width:100%}
.kitchen-workflow-saas .kitchen-team-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.kitchen-workflow-saas .kitchen-team-editor>section{margin:0;padding:12px;border:1px solid var(--workflow-line);border-radius:6px;background:var(--workflow-surface)}
.kitchen-workflow-saas .workflow-action-dock{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:14px 16px 0;padding-top:14px;border-top:1px solid var(--workflow-line)}
.workflow-mobile-tab{display:none}

@media(max-width:900px){
  .kitchen-workflow-saas .kitchen-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}
  .kitchen-workflow-saas .kitchen-admin-workflow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .kitchen-workflow-saas{padding-bottom:104px}
  .kitchen-workflow-saas .kitchen-hero>.btn{width:100%;min-height:42px}
  .kitchen-workflow-saas .kitchen-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
  .kitchen-workflow-saas .kitchen-metrics .metric{display:none;min-height:72px;padding:10px 9px}
  .kitchen-workflow-saas .kitchen-metrics .metric.workflow-mobile-kpi{display:grid}
  .kitchen-workflow-saas .kitchen-metrics .metric span{font-size:9.5px;line-height:1.25}
  .kitchen-workflow-saas .kitchen-metrics .metric strong{font-size:23px}
  .kitchen-workflow-saas .kitchen-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .kitchen-workflow-saas .kitchen-list-panel,
  .kitchen-workflow-saas .kitchen-workspace{width:100%;max-width:100%;border-radius:7px}
  .kitchen-workflow-saas .kitchen-list-panel>.panel-head,
  .kitchen-workflow-saas .kitchen-workspace>.panel-head{padding:12px}
  .kitchen-workflow-saas .kitchen-project-list{max-height:none;padding:9px;gap:8px}
  .kitchen-workflow-saas .kitchen-project-item{grid-template-columns:minmax(0,1fr) auto;padding:12px;border:1px solid var(--workflow-line)!important;border-radius:7px;background:#fff}
  .kitchen-workflow-saas .kitchen-project-item.active{border-color:#9fc5ce!important;border-left:4px solid var(--workflow-accent)!important;background:#f3f9fa}
  .kitchen-workflow-saas .kitchen-project-item>div strong{font-size:13.5px}
  .kitchen-workflow-saas .kitchen-project-item>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kitchen-workflow-saas .kitchen-stage-track{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding:10px 12px;scrollbar-width:none;scroll-snap-type:x proximity}
  .kitchen-workflow-saas .kitchen-stage-track::-webkit-scrollbar{display:none}
  .kitchen-workflow-saas .kitchen-stage-track span{min-width:max-content;scroll-snap-align:start}
  .kitchen-workflow-saas .kitchen-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 12px 0}
  .kitchen-workflow-saas .workflow-accordion{margin:9px 12px 0}
  .kitchen-workflow-saas .workflow-accordion>summary{min-height:50px;padding:9px 11px}
  .kitchen-workflow-saas .workflow-accordion>summary strong{font-size:12.5px}
  .kitchen-workflow-saas .workflow-accordion>summary small{max-width:250px;font-size:10px}
  .kitchen-workflow-saas .workflow-accordion-body{gap:10px;padding:11px}
  .kitchen-workflow-saas .kitchen-admin-workflow-summary,
  .kitchen-workflow-saas .kitchen-team-editor{grid-template-columns:minmax(0,1fr)}
  .kitchen-workflow-saas .workflow-accordion-body input,
  .kitchen-workflow-saas .workflow-accordion-body select{min-height:44px}
  .kitchen-workflow-saas .workflow-action-dock{
    position:fixed;
    right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    left:10px;
    z-index:90;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin:0;
    padding:8px;
    border:1px solid #ccdce2;
    border-radius:8px;
    background:rgba(255,255,255,.97);
    box-shadow:0 8px 24px rgba(20,48,61,.16);
    backdrop-filter:blur(10px);
  }
  .kitchen-workflow-saas .workflow-action-dock>.workflow-mobile-tab{display:block;min-height:36px;border:0;border-radius:5px;background:#eef3f5;color:#34505c;font-weight:800}
  .kitchen-workflow-saas .workflow-action-dock>.btn{grid-column:1/-1;width:100%;min-height:44px;margin:0}
}

@media(max-width:390px){
  .kitchen-workflow-saas .kitchen-metrics .metric{padding:9px 7px}
  .kitchen-workflow-saas .kitchen-metrics .metric span{font-size:9px}
  .kitchen-workflow-saas .kitchen-metrics .metric strong{font-size:21px}
  .kitchen-workflow-saas .workflow-accordion>summary small{max-width:210px}
}

/* Z PayFlow Overview: focused SaaS dashboard and mobile request cards. */
.payflow-overview-saas{
  --pay-overview-ink:#17333f;
  --pay-overview-muted:#667983;
  --pay-overview-line:#dce5e9;
  --pay-overview-soft:#f6f8f9;
  --pay-overview-accent:#167083;
}
.payflow-overview-saas>.payment-workspace-header{display:none!important}
.payflow-overview-saas>.subscription-control-strip{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 14px!important;
}
.payflow-overview-saas>.subscription-control-strip>div{
  display:grid!important;
  align-content:center;
  min-width:0;
  min-height:92px;
  padding:13px 14px!important;
  border:1px solid var(--pay-overview-line)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.payflow-overview-saas>.subscription-control-strip span{color:var(--pay-overview-muted)!important;font-size:10.5px!important;font-weight:750!important;line-height:1.3!important}
.payflow-overview-saas>.subscription-control-strip strong{min-width:0;margin-top:6px!important;overflow:hidden;color:var(--pay-overview-ink)!important;font-size:23px!important;line-height:1.08!important;text-overflow:ellipsis}
.payflow-overview-saas>.panel{
  padding:0!important;
  overflow:hidden;
  border:1px solid var(--pay-overview-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.payflow-overview-saas>.panel>.panel-head{display:flex;align-items:center;gap:10px;margin:0!important;padding:14px 16px!important;border-bottom:1px solid var(--pay-overview-line);background:#fff}
.payflow-overview-saas>.panel>.panel-head h3{margin:0;color:var(--pay-overview-ink);font-size:15px}
.payflow-overview-saas>.panel>.panel-head .date-chip{margin-left:auto}
.payflow-overview-saas .payflow-request-list-wrap{margin:0!important;border:0!important;border-radius:0!important}
.payflow-overview-saas .payflow-request-list{margin:0!important}
.payflow-overview-saas .payflow-request-list thead th{padding:11px 12px;border-bottom:1px solid var(--pay-overview-line);background:var(--pay-overview-soft);color:#536a75;font-size:10px;letter-spacing:0;text-transform:uppercase}
.payflow-overview-saas .payflow-request-list tbody td{padding:11px 12px;border-bottom:1px solid #e8eef1}
.payflow-overview-saas .payflow-request-list tbody tr:last-child td{border-bottom:0}
.payflow-overview-saas .payflow-request-list .row-actions{gap:6px}
.payflow-overview-toggle{
  min-height:34px;
  padding:6px 9px;
  border:1px solid var(--pay-overview-line);
  border-radius:6px;
  background:#fff;
  color:var(--pay-overview-accent);
  font-family:inherit;
  font-size:11px;
  font-weight:750;
  line-height:1.2;
  cursor:pointer;
}
.payflow-overview-collapsed>.payflow-request-list-wrap{display:none!important}
.payflow-overview-mobile-dock{display:none}

@media(max-width:1050px) and (min-width:761px){
  .payflow-overview-saas>.subscription-control-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .payflow-overview-saas{padding-bottom:76px!important}
  .payflow-overview-saas>.zms-function-header>.btn{width:100%;min-height:42px}
  .payflow-overview-saas>.subscription-control-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-bottom:10px!important}
  .payflow-overview-saas>.subscription-control-strip>div{display:none!important;min-height:74px;padding:10px 8px!important}
  .payflow-overview-saas>.subscription-control-strip>div.payflow-mobile-kpi{display:grid!important}
  .payflow-overview-saas>.subscription-control-strip span{font-size:9px!important;line-height:1.25!important}
  .payflow-overview-saas>.subscription-control-strip strong{margin-top:4px!important;font-size:22px!important}
  .payflow-overview-saas>.panel{border-radius:7px!important}
  .payflow-overview-saas>.panel>.panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px 12px!important}
  .payflow-overview-saas>.panel>.panel-head .date-chip{display:none}
  .payflow-overview-saas .payflow-overview-toggle{min-height:36px}
  .payflow-overview-saas .payflow-request-list-wrap{padding:8px!important;background:var(--pay-overview-soft)!important}
  .payflow-overview-saas .payflow-request-list tbody{gap:8px!important}
  .payflow-overview-saas .payflow-request-list tbody>tr{border-radius:7px!important;box-shadow:none!important}
  .payflow-overview-saas .payflow-request-list td:nth-child(2){overflow:hidden}
  .payflow-overview-saas .payflow-request-list td:nth-child(2),
  .payflow-overview-saas .payflow-request-list td:nth-child(2) small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .payflow-overview-saas .payflow-request-list .row-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .payflow-overview-mobile-dock{
    position:fixed;
    right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    left:10px;
    z-index:90;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding:8px;
    border:1px solid #ccdce2;
    border-radius:8px;
    background:rgba(255,255,255,.97);
    box-shadow:0 8px 24px rgba(20,48,61,.16);
    backdrop-filter:blur(10px);
  }
  .payflow-overview-mobile-dock a{display:grid;place-items:center;min-width:0;min-height:42px;padding:7px 5px;border-radius:5px;background:#eef3f5;color:#34505c;font-size:10.5px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none}
  .payflow-overview-mobile-dock a:first-child{background:var(--pay-overview-accent);color:#fff}
}

@media(max-width:390px){
  .payflow-overview-saas>.subscription-control-strip>div{padding:9px 7px!important}
  .payflow-overview-saas>.subscription-control-strip span{font-size:8.5px!important}
  .payflow-overview-saas>.subscription-control-strip strong{font-size:20px!important}
  .payflow-overview-mobile-dock a{font-size:10px}
}

/* Z PayFlow New Request: minimalist glass surfaces with Fluent interaction states. */
.payflow-new-modern{
  --pay-new-ink:#17333f;
  --pay-new-muted:#667983;
  --pay-new-line:rgba(140,163,174,.34);
  --pay-new-accent:#176f82;
  --pay-new-accent-soft:rgba(23,111,130,.1);
  --pay-new-surface:rgba(255,255,255,.76);
  position:relative;
  padding-bottom:22px;
  background:#eef4f6;
}
.payflow-new-modern>.payment-workspace-header{display:none!important}
.payflow-new-modern>.zms-function-header{
  position:relative;
  z-index:2;
  margin-bottom:12px!important;
  padding:18px 20px!important;
  border:1px solid var(--pay-new-line)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:0 10px 28px rgba(33,63,75,.09)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.payflow-new-modern>.zms-function-header h2{color:var(--pay-new-ink)!important;letter-spacing:0!important}
.payflow-new-modern>.zms-function-header p{max-width:720px;color:var(--pay-new-muted)!important}
.payflow-new-modern>.zms-function-header>.btn{
  min-height:40px;
  border:1px solid rgba(23,111,130,.28)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--pay-new-accent)!important;
  box-shadow:0 3px 10px rgba(33,63,75,.07);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.payflow-new-modern>.zms-function-header>.btn:hover{transform:translateY(-1px);background:#fff!important;box-shadow:0 7px 16px rgba(33,63,75,.12)}
.payflow-new-form-panel{
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.payflow-new-form-panel>.panel-head{display:none!important}
.payflow-form-navigator{
  position:sticky;
  top:8px;
  z-index:35;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:3px;
  margin:0 0 12px;
  padding:6px;
  border:1px solid var(--pay-new-line);
  border-radius:6px;
  background:rgba(246,250,251,.8);
  box-shadow:0 8px 22px rgba(33,63,75,.09);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%);
}
.payflow-form-navigator button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:38px;
  padding:7px 9px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#4d6570;
  font:750 11px/1.2 inherit;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.payflow-form-navigator button:hover,
.payflow-form-navigator button:focus-visible{background:var(--pay-new-accent-soft);color:var(--pay-new-accent);outline:0}
.payflow-form-navigator button:active{transform:scale(.985)}
.payflow-form-navigator button span{
  display:grid;
  width:22px;
  height:22px;
  flex:0 0 22px;
  place-items:center;
  border:1px solid rgba(23,111,130,.23);
  border-radius:4px;
  background:rgba(255,255,255,.72);
  color:var(--pay-new-accent);
  font-size:10px;
}
.payflow-new-modern .payflow-request-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.payflow-modern-section{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 16px;
  min-width:0;
  padding:18px;
  scroll-margin-top:76px;
  border:1px solid var(--pay-new-line);
  border-left:4px solid rgba(23,111,130,.72);
  border-radius:5px;
  background:var(--pay-new-surface);
  box-shadow:0 7px 20px rgba(33,63,75,.07);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
  animation:payflowSurfaceIn .28s ease both;
}
.payflow-modern-section:nth-of-type(2){animation-delay:.035s}
.payflow-modern-section:nth-of-type(3){animation-delay:.07s}
.payflow-modern-section:nth-of-type(4){animation-delay:.105s}
.payflow-modern-section:nth-of-type(5){animation-delay:.14s}
.payflow-modern-section>.payflow-form-section{
  grid-column:1/-1;
  margin:0 0 2px!important;
  padding:0 0 11px!important;
  border:0!important;
  border-bottom:1px solid rgba(140,163,174,.3)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pay-new-ink)!important;
}
.payflow-modern-section>.payflow-form-section strong{font-size:13px!important;letter-spacing:0!important}
.payflow-modern-section label{
  display:grid;
  align-content:start;
  gap:6px;
  min-width:0;
  margin:0;
  color:#49616d;
  font-size:11.5px;
  font-weight:750;
  transition:color .18s ease;
}
.payflow-modern-section label.field-active{color:var(--pay-new-accent)}
.payflow-modern-section label.span-2,
.payflow-modern-section>.span-2{grid-column:1/-1}
.payflow-modern-section input,
.payflow-modern-section select,
.payflow-modern-section textarea{
  width:100%;
  min-width:0;
  min-height:44px;
  margin:0;
  border:1px solid rgba(117,144,156,.42)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--pay-new-ink)!important;
  box-shadow:inset 0 1px 1px rgba(26,55,68,.035);
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease;
}
.payflow-modern-section textarea{min-height:88px;resize:vertical}
.payflow-modern-section input:hover,
.payflow-modern-section select:hover,
.payflow-modern-section textarea:hover{border-color:rgba(23,111,130,.5)!important;background:#fff!important}
.payflow-modern-section input:focus,
.payflow-modern-section select:focus,
.payflow-modern-section textarea:focus{
  border-color:var(--pay-new-accent)!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(23,111,130,.13),0 5px 14px rgba(33,63,75,.08)!important;
}
.payflow-modern-section input[readonly]{background:rgba(233,240,243,.72)!important;color:#657984!important}
.payflow-modern-section input[type="file"]{min-height:48px;padding:8px;background:rgba(247,250,251,.86)!important}
.payflow-modern-section label>small{color:var(--pay-new-muted);font-size:10.5px;font-weight:500;line-height:1.45}
.payflow-modern-section .payflow-allocation-grid{
  grid-column:1/-1;
  gap:10px;
  margin:0;
  border:1px solid rgba(140,163,174,.28);
  border-radius:4px;
  background:rgba(238,245,247,.68);
}
.payflow-modern-section .payflow-allocation-grid>div{border-radius:3px;background:rgba(255,255,255,.7)}
.payflow-new-modern .payflow-request-form>.form-actions{
  position:sticky;
  bottom:8px;
  z-index:30;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--pay-new-line)!important;
  border-radius:6px!important;
  background:rgba(246,250,251,.84)!important;
  box-shadow:0 10px 26px rgba(33,63,75,.11)!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%);
}
.payflow-new-modern .payflow-request-form>.form-actions .btn{
  min-height:42px;
  border-radius:4px!important;
  box-shadow:0 3px 9px rgba(33,63,75,.07);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.payflow-new-modern .payflow-request-form>.form-actions .btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(33,63,75,.13)}

@keyframes payflowSurfaceIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1050px) and (min-width:761px){
  .payflow-modern-section{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .payflow-new-modern{padding-bottom:88px;background:#edf3f5!important}
  .payflow-new-modern>.zms-function-header{padding:15px!important;border-radius:5px!important}
  .payflow-new-modern>.zms-function-header>.btn{width:100%;min-height:42px}
  .payflow-form-navigator{
    top:6px;
    display:flex;
    justify-content:flex-start;
    gap:5px;
    overflow-x:auto;
    padding:6px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .payflow-form-navigator::-webkit-scrollbar{display:none}
  .payflow-form-navigator button{min-width:max-content;min-height:40px;padding:7px 10px;scroll-snap-align:start}
  .payflow-modern-section{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px;
    padding:14px 12px;
    scroll-margin-top:66px;
    border-radius:5px;
    box-shadow:0 5px 15px rgba(33,63,75,.065);
  }
  .payflow-modern-section label.span-2,
  .payflow-modern-section>.span-2{grid-column:1}
  .payflow-modern-section .payflow-allocation-grid{grid-column:1}
  .payflow-new-modern .payflow-request-form>.form-actions{
    position:fixed!important;
    right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:10px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:8px!important;
  }
  .payflow-new-modern .payflow-request-form>.form-actions .btn{
    grid-column:auto!important;
    width:100%;
    min-width:0;
    margin:0;
    padding:7px 5px;
    font-size:10.5px;
    line-height:1.15;
  }
}

@media(max-width:390px){
  .payflow-form-navigator button{font-size:10.5px}
  .payflow-form-navigator button span{width:20px;height:20px;flex-basis:20px}
  .payflow-modern-section{padding:12px 10px}
}

@media(prefers-reduced-motion:reduce){
  .payflow-modern-section{animation:none}
  .payflow-new-modern .btn,
  .payflow-form-navigator button,
  .payflow-modern-section input,
  .payflow-modern-section select,
  .payflow-modern-section textarea{transition:none!important}
}

/* Z PayFlow suite: shared minimalist glass and Fluent treatment. */
body.payflow-modern-shell{background:#eaf1f4!important}
.payflow-modern-suite{
  --pay-suite-ink:#17333f;
  --pay-suite-muted:#637984;
  --pay-suite-line:rgba(137,160,171,.34);
  --pay-suite-accent:#176f82;
  --pay-suite-accent-soft:rgba(23,111,130,.1);
  --pay-suite-surface:rgba(255,255,255,.76);
  --pay-suite-shadow:0 9px 24px rgba(33,63,75,.08);
  position:relative;
  min-width:0;
  padding-bottom:28px;
  background:#eaf1f4!important;
}
.payflow-modern-suite>.payment-workspace-header,
.payflow-modern-suite>.payment-workspace-header.payflow-workspace-hidden{display:none!important}
.payflow-modern-suite>.zms-function-header{
  position:relative;
  z-index:2;
  margin-bottom:12px!important;
  padding:18px 20px!important;
  border:1px solid var(--pay-suite-line)!important;
  border-left:4px solid rgba(23,111,130,.82)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 28px rgba(33,63,75,.09)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.payflow-modern-suite>.zms-function-header h2{color:var(--pay-suite-ink)!important;letter-spacing:0!important}
.payflow-modern-suite>.zms-function-header p{max-width:760px;color:var(--pay-suite-muted)!important}
.payflow-modern-suite>.zms-function-header>.btn,
.payflow-modern-suite>.zms-function-header .payment-report-actions .btn{
  min-height:40px;
  border-radius:4px!important;
  box-shadow:0 3px 10px rgba(33,63,75,.07);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.payflow-modern-suite>.zms-function-header>.btn:hover,
.payflow-modern-suite>.zms-function-header .payment-report-actions .btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(33,63,75,.12)}
.payflow-modern-suite>.zms-function-header .payment-report-actions{
  display:flex;
  grid-column:2;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin:0;
}
.payflow-modern-suite .payflow-modern-panel:not(.payflow-new-form-panel){
  border:1px solid var(--pay-suite-line)!important;
  border-radius:6px!important;
  background:var(--pay-suite-surface)!important;
  box-shadow:var(--pay-suite-shadow)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
  animation:payflowSuiteIn .24s ease both;
}
.payflow-modern-suite .payflow-modern-panel:not(.payflow-new-form-panel)>.panel-head{
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(137,160,171,.28)!important;
  background:transparent!important;
}
.payflow-modern-suite .payflow-modern-panel:not(.payflow-new-form-panel)>.panel-head h3,
.payflow-modern-suite .payflow-modern-panel:not(.payflow-new-form-panel)>h3{color:var(--pay-suite-ink);letter-spacing:0}
.payflow-modern-suite .payflow-modern-panel:not(.payflow-new-form-panel)>.panel-head p{margin:4px 0 0;color:var(--pay-suite-muted)}
.payflow-modern-suite .payflow-modern-register{
  overflow:hidden!important;
  padding:0!important;
}
.payflow-modern-suite .payflow-modern-panel.payflow-modern-register>.panel-head{
  margin:0!important;
  padding:14px 16px!important;
}
.payflow-modern-suite .payflow-modern-register>.payflow-request-list-wrap{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.payflow-modern-suite .payflow-request-list{margin:0!important;border:0!important;background:transparent}
.payflow-modern-suite .payflow-request-list thead th{
  padding:11px 12px;
  border-bottom:1px solid var(--pay-suite-line);
  background:rgba(233,240,243,.78)!important;
  color:#536a75;
  font-size:10px;
  letter-spacing:0;
  text-transform:uppercase;
}
.payflow-modern-suite .payflow-request-list tbody td{
  padding:11px 12px;
  border-bottom:1px solid rgba(137,160,171,.22);
  background:rgba(255,255,255,.44);
  transition:background-color .16s ease;
}
.payflow-modern-suite .payflow-request-list tbody tr:hover td{background:rgba(245,250,251,.92)}
.payflow-modern-suite .payflow-request-list tbody tr:last-child td{border-bottom:0}
.payflow-modern-suite .row-actions{gap:6px}
.payflow-modern-suite .payflow-request-list .row-actions>.icon-btn,
.payflow-modern-suite .payflow-request-list .row-actions>form>.icon-btn,
.payflow-modern-suite .payflow-request-list .row-actions>form>button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 9px;
  border:1px solid rgba(117,144,156,.34);
  background:rgba(255,255,255,.78);
  color:#315766;
  font-weight:750;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
}
.payflow-modern-suite .payflow-request-list .row-actions>form{margin:0}
.payflow-modern-suite .payflow-request-list .row-actions .danger{border-color:rgba(190,74,65,.28);background:rgba(255,246,245,.88);color:#a3372f}
.payflow-modern-suite .icon-btn,
.payflow-modern-suite .btn{
  border-radius:4px!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;
}
.payflow-modern-suite .icon-btn:hover,
.payflow-modern-suite .btn:hover{transform:translateY(-1px)}
.payflow-modern-suite .status{
  border:1px solid rgba(23,111,130,.14);
  border-radius:4px!important;
  box-shadow:none!important;
}
.payflow-modern-suite .date-chip{border-radius:4px!important;background:rgba(235,242,245,.82)!important;color:#506a76!important}
.payflow-modern-suite .payflow-modern-grid{gap:12px!important}
.payflow-modern-suite .detail-grid{gap:8px}
.payflow-modern-suite .detail-grid>div{
  display:grid;
  align-content:start;
  gap:4px;
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(137,160,171,.28);
  border-radius:4px;
  background:rgba(244,248,249,.68);
}
.payflow-modern-suite .detail-grid>div span{color:var(--pay-suite-muted)}
.payflow-modern-suite .detail-grid>div strong{color:var(--pay-suite-ink);overflow-wrap:anywhere}
.payflow-modern-suite:not(.payflow-modern-view-new) form label{
  color:#49616d;
  font-weight:750;
  transition:color .18s ease;
}
.payflow-modern-suite:not(.payflow-modern-view-new) form label.field-active{color:var(--pay-suite-accent)}
.payflow-modern-suite:not(.payflow-modern-view-new) form input,
.payflow-modern-suite:not(.payflow-modern-view-new) form select,
.payflow-modern-suite:not(.payflow-modern-view-new) form textarea{
  min-height:42px;
  border:1px solid rgba(117,144,156,.42)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--pay-suite-ink)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.payflow-modern-suite:not(.payflow-modern-view-new) form input:focus,
.payflow-modern-suite:not(.payflow-modern-view-new) form select:focus,
.payflow-modern-suite:not(.payflow-modern-view-new) form textarea:focus{
  border-color:var(--pay-suite-accent)!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(23,111,130,.13),0 5px 14px rgba(33,63,75,.07)!important;
}
.payflow-modern-suite .payflow-company-setting-layout{gap:16px}
.payflow-modern-suite .payflow-company-logo-preview{
  border:1px solid var(--pay-suite-line);
  border-radius:5px;
  background:rgba(240,246,248,.7);
}
.payflow-modern-suite .payflow-company-logo-box{border-radius:4px;background:rgba(255,255,255,.78)}
.payflow-modern-suite .payflow-currency-master .payflow-currency-form{border-bottom-color:rgba(137,160,171,.28)}
.payflow-modern-suite .payflow-default-currency{border-radius:4px;background:rgba(242,247,249,.78)}
.payflow-modern-suite .payflow-controller-workspace{gap:12px}
.payflow-modern-suite .payflow-controller-hero{
  border:1px solid var(--pay-suite-line);
  border-radius:6px;
  background:rgba(255,255,255,.68);
  color:var(--pay-suite-ink);
  box-shadow:var(--pay-suite-shadow);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}
.payflow-modern-suite .payflow-controller-kpis{gap:8px}
.payflow-modern-suite .payflow-controller-kpis article{
  min-height:116px;
  border:1px solid var(--pay-suite-line);
  border-radius:5px;
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 18px rgba(33,63,75,.06);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.payflow-modern-suite .payflow-controller-kpis strong{color:var(--pay-suite-ink)}
.payflow-modern-suite .payflow-controller-grid{gap:12px}
.payflow-modern-suite .payflow-alert-list a{
  border-color:rgba(137,160,171,.3);
  border-left-color:#d49b28;
  border-radius:4px;
  background:rgba(250,252,252,.72);
}
.payflow-modern-suite .payflow-cashflow{border-color:var(--pay-suite-line);border-radius:4px}
.payflow-modern-suite .payflow-cashflow div{background:rgba(244,248,249,.72)}
.payflow-modern-suite .payflow-analysis-row i{border-radius:2px;background:rgba(137,160,171,.18)}
.payflow-modern-suite .payflow-analysis-row b{border-radius:2px}
.payflow-modern-suite>.subscription-control-strip{
  gap:8px!important;
  margin-bottom:12px!important;
}
.payflow-modern-suite>.subscription-control-strip>div{
  border:1px solid var(--pay-suite-line)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 6px 18px rgba(33,63,75,.06)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
body.payflow-modern-shell .payflow-reject-dialog{border-radius:6px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

@keyframes payflowSuiteIn{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:900px) and (min-width:761px){
  .payflow-modern-suite>.zms-function-header .payment-report-actions{grid-column:1/-1;justify-content:flex-start}
  .payflow-modern-suite>.zms-function-header{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:760px){
  .payflow-modern-suite{padding-bottom:26px!important;background:#eaf1f4!important}
  .payflow-modern-suite>.zms-function-header{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:5px!important;
  }
  .payflow-modern-suite>.zms-function-header>.btn{width:100%;min-height:42px}
  .payflow-modern-suite>.zms-function-header .payment-report-actions{
    display:grid!important;
    grid-column:1;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%;
  }
  .payflow-modern-suite>.zms-function-header .payment-report-actions .btn{width:100%;min-width:0;margin:0;padding:8px 6px;font-size:10.5px}
  .payflow-modern-suite>.zms-function-header .payment-report-actions .btn:first-child:nth-last-child(3){grid-column:1/-1!important}
  .payflow-modern-suite .payflow-modern-panel:not(.payflow-new-form-panel){border-radius:5px!important;box-shadow:0 5px 15px rgba(33,63,75,.065)!important}
  .payflow-modern-suite .payflow-modern-register>.panel-head{padding:12px!important}
  .payflow-modern-suite .payflow-modern-register>.payflow-request-list-wrap{padding:8px!important;background:rgba(238,244,246,.78)!important}
  .payflow-modern-suite .payflow-request-list tbody{gap:8px!important}
  .payflow-modern-suite .payflow-request-list tbody>tr{
    border:1px solid var(--pay-suite-line)!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.78)!important;
    box-shadow:0 5px 14px rgba(33,63,75,.06)!important;
  }
  .payflow-modern-suite .payflow-request-list td{background:rgba(255,255,255,.54)!important}
  .payflow-modern-suite .payflow-request-list td:nth-child(1),
  .payflow-modern-suite .payflow-request-list td:nth-child(4),
  .payflow-modern-suite .payflow-request-list td:nth-child(6){background:rgba(244,248,249,.72)!important}
  .payflow-modern-suite .payflow-request-list .row-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .payflow-modern-suite .payflow-request-list .row-actions .icon-btn,
  .payflow-modern-suite .payflow-request-list .row-actions button{min-height:38px;padding:7px 5px;font-size:10.5px!important}
  .payflow-modern-suite .payflow-modern-grid{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .payflow-modern-suite .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .payflow-modern-suite .payflow-company-setting-layout{grid-template-columns:minmax(0,1fr)}
  .payflow-modern-suite .payflow-controller-hero{align-items:stretch;padding:15px}
  .payflow-modern-suite .payflow-controller-kpis{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:3px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .payflow-modern-suite .payflow-controller-kpis::-webkit-scrollbar{display:none}
  .payflow-modern-suite .payflow-controller-kpis article{min-width:150px;min-height:106px;padding:12px;scroll-snap-align:start}
  .payflow-modern-suite .payflow-controller-grid{grid-template-columns:minmax(0,1fr)}
  .payflow-modern-suite .payflow-currency-master .table-wrap,
  .payflow-modern-suite .payflow-controller-register .table-wrap{max-width:100%;overflow-x:auto}
}

@media(max-width:390px){
  .payflow-modern-suite .detail-grid{grid-template-columns:minmax(0,1fr)!important}
  .payflow-modern-suite .payflow-request-list .row-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(prefers-reduced-motion:reduce){
  .payflow-modern-suite .payflow-modern-panel{animation:none!important}
  .payflow-modern-suite .btn,
  .payflow-modern-suite .icon-btn,
  .payflow-modern-suite input,
  .payflow-modern-suite select,
  .payflow-modern-suite textarea{transition:none!important}
}

/* DMS suite: shared minimalist glass and Fluent treatment. */
body.dms-modern-shell{background:#eaf1f4!important}
.dms-modern-suite{
  --dms-suite-ink:#17333f;
  --dms-suite-muted:#637984;
  --dms-suite-line:rgba(137,160,171,.34);
  --dms-suite-accent:#176f82;
  --dms-suite-accent-soft:rgba(23,111,130,.1);
  --dms-suite-surface:rgba(255,255,255,.76);
  --dms-suite-shadow:0 9px 24px rgba(33,63,75,.08);
  min-width:0;
  max-width:100%;
  padding-bottom:30px;
  overflow-x:hidden;
  background:#eaf1f4!important;
}
.dms-modern-suite>.zms-function-header,
.dms-dashboard-modern .dms-suite-header{
  position:relative;
  z-index:2;
  margin-bottom:12px!important;
  padding:18px 20px!important;
  border:1px solid var(--dms-suite-line)!important;
  border-left:4px solid rgba(23,111,130,.82)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 28px rgba(33,63,75,.09)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.dms-modern-suite>.zms-function-header h2,
.dms-dashboard-modern .dms-suite-header h2{color:var(--dms-suite-ink)!important;letter-spacing:0!important}
.dms-modern-suite>.zms-function-header p,
.dms-dashboard-modern .dms-suite-header p{max-width:780px;color:var(--dms-suite-muted)!important}
.dms-modern-suite>.zms-function-header .btn,
.dms-dashboard-modern .dms-suite-header .btn{
  min-height:40px;
  border-radius:4px!important;
  box-shadow:0 3px 10px rgba(33,63,75,.07);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.dms-modern-suite>.zms-function-header .btn:hover,
.dms-dashboard-modern .dms-suite-header .btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(33,63,75,.12)}
.dms-modern-suite .dms-modern-panel{
  border:1px solid var(--dms-suite-line)!important;
  border-radius:6px!important;
  background:var(--dms-suite-surface)!important;
  box-shadow:var(--dms-suite-shadow)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
  animation:dmsSuiteIn .24s ease both;
}
.dms-modern-suite .dms-modern-panel>.panel-head{
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(137,160,171,.28)!important;
  background:transparent!important;
}
.dms-modern-suite .dms-modern-panel>.panel-head h3,
.dms-modern-suite .dms-modern-panel>h3{color:var(--dms-suite-ink);letter-spacing:0}
.dms-modern-suite .date-chip,
.dms-modern-suite .pill,
.dms-modern-suite .status{border:1px solid rgba(23,111,130,.14);border-radius:4px!important;box-shadow:none!important}
.dms-modern-suite .btn,
.dms-modern-suite .icon-btn,
.dms-modern-suite button{border-radius:4px!important;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
.dms-modern-suite .btn:hover,
.dms-modern-suite .icon-btn:hover,
.dms-modern-suite button:hover{transform:translateY(-1px)}

/* Dashboard */
.zms-module-launcher{margin:0 0 16px;padding:18px;border:1px solid rgba(137,160,171,.28);border-radius:8px;background:rgba(255,255,255,.68);box-shadow:0 8px 22px rgba(33,63,75,.06);backdrop-filter:blur(12px)}
.zms-module-launcher-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.zms-module-launcher-head h3{margin:2px 0 0;font-size:20px}.zms-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zms-module-tile{display:flex;min-height:122px;flex-direction:column;justify-content:space-between;gap:8px;padding:14px;border:1px solid rgba(137,160,171,.26);border-radius:6px;background:rgba(255,255,255,.78);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.zms-module-tile:hover{transform:translateY(-2px);border-color:rgba(23,111,130,.48);box-shadow:0 8px 18px rgba(33,63,75,.1)}.zms-module-tile strong{font-size:16px;color:#17364a}.zms-module-tile span{font-size:12px;line-height:1.45;color:#607887}.zms-module-tile b{font-size:12px;color:#176f82}.zms-dashboard-section-title{margin:18px 0 10px;color:#17364a;font-size:16px}
.dms-dashboard-modern{gap:12px;max-width:none;color:var(--dms-suite-ink)}
.dms-dashboard-modern .dms-suite-header{align-items:center;margin:0!important}
.dms-dashboard-modern .zms-dashboard-actions{align-items:center}
.dms-dashboard-modern .zms-metric-grid{gap:8px}
.dms-dashboard-modern .zms-metric-card{
  min-height:100px;
  border:1px solid var(--dms-suite-line);
  border-radius:5px;
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 18px rgba(33,63,75,.06);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.dms-dashboard-modern .zms-metric-card:hover{border-color:rgba(23,111,130,.42);box-shadow:0 9px 21px rgba(33,63,75,.1)}
.dms-dashboard-modern .zms-metric-icon{border-radius:4px;background:rgba(23,111,130,.09);color:var(--dms-suite-accent)}
.dms-dashboard-modern .zms-metric-label,
.dms-dashboard-modern .zms-metric-note{color:var(--dms-suite-muted)}
.dms-dashboard-modern .zms-widget-grid{gap:12px}
.dms-dashboard-modern .zms-widget{
  border:1px solid var(--dms-suite-line);
  border-radius:6px;
  background:rgba(255,255,255,.73);
  box-shadow:var(--dms-suite-shadow);
  -webkit-backdrop-filter:blur(13px) saturate(120%);
  backdrop-filter:blur(13px) saturate(120%);
}
.dms-dashboard-modern .zms-widget-header{border-bottom-color:rgba(137,160,171,.28);background:rgba(248,251,252,.52)}
.dms-dashboard-modern .zms-bar-row,
.dms-dashboard-modern .zms-list a{border-bottom-color:rgba(137,160,171,.2)}
.dms-dashboard-modern .zms-bar-row i{border-radius:2px;background:rgba(23,111,130,.28)}

/* Forms, filters, and entry surfaces */
.dms-modern-suite .dms-modern-filters{
  gap:8px;
  margin-bottom:12px;
  padding:12px;
  border:1px solid var(--dms-suite-line);
  border-radius:6px;
  background:rgba(255,255,255,.7);
  box-shadow:0 7px 20px rgba(33,63,75,.07);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.dms-modern-suite form label{color:#49616d;transition:color .18s ease}
.dms-modern-suite form label.field-active{color:var(--dms-suite-accent)}
.dms-modern-suite form input,
.dms-modern-suite form select,
.dms-modern-suite form textarea{
  min-height:42px;
  border:1px solid rgba(117,144,156,.42)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--dms-suite-ink)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.dms-modern-suite form input:focus,
.dms-modern-suite form select:focus,
.dms-modern-suite form textarea:focus{
  border-color:var(--dms-suite-accent)!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(23,111,130,.13),0 5px 14px rgba(33,63,75,.07)!important;
}
.dms-form-navigator{
  position:sticky;
  top:8px;
  z-index:30;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:3px;
  margin:0 0 12px;
  padding:6px;
  border:1px solid var(--dms-suite-line);
  border-radius:6px;
  background:rgba(246,250,251,.82);
  box-shadow:0 8px 22px rgba(33,63,75,.09);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%);
}
.dms-form-navigator button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  border:0;
  background:transparent;
  color:#4d6570;
  font:750 11px/1.2 inherit;
}
.dms-form-navigator button:hover,
.dms-form-navigator button:focus-visible{background:var(--dms-suite-accent-soft);color:var(--dms-suite-accent);outline:0}
.dms-form-navigator button span{
  display:grid;
  width:22px;
  height:22px;
  flex:0 0 22px;
  place-items:center;
  border:1px solid rgba(23,111,130,.23);
  border-radius:4px;
  background:rgba(255,255,255,.72);
  color:var(--dms-suite-accent);
  font-size:10px;
}
.dms-modern-suite .dms-document-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dms-modern-form-section{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 16px;
  padding:18px;
  scroll-margin-top:72px;
  border:1px solid var(--dms-suite-line);
  border-left:4px solid rgba(23,111,130,.72);
  border-radius:5px;
  background:var(--dms-suite-surface);
  box-shadow:0 7px 20px rgba(33,63,75,.07);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
  animation:dmsSuiteIn .24s ease both;
}
.dms-modern-form-section>header{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(137,160,171,.28);
}
.dms-modern-form-section>header>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:4px;background:var(--dms-suite-accent);color:#fff;font-size:11px;font-weight:850}
.dms-modern-form-section>header>div{display:grid;gap:2px}
.dms-modern-form-section>header strong{color:var(--dms-suite-ink);font-size:13px}
.dms-modern-form-section>header small{margin:0;color:var(--dms-suite-muted);font-size:10.5px}
.dms-modern-form-section>.span-2{grid-column:1/-1}
.dms-modern-form-section .attachment-box{margin:0;border-radius:4px;background:rgba(241,247,248,.72)}
.dms-modern-suite .dms-document-form>.form-actions{
  position:sticky;
  bottom:8px;
  z-index:25;
  justify-content:flex-end;
  margin:0;
  padding:10px;
  border:1px solid var(--dms-suite-line);
  border-radius:6px;
  background:rgba(246,250,251,.84);
  box-shadow:0 10px 26px rgba(33,63,75,.11);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

/* Registers, tables, reports, and master data */
.dms-modern-suite .dms-modern-summary{gap:8px!important;margin-bottom:12px!important}
.dms-modern-suite .dms-modern-summary>span,
.dms-modern-suite .dms-modern-summary>div{
  border:1px solid var(--dms-suite-line)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--dms-suite-muted)!important;
  box-shadow:0 6px 18px rgba(33,63,75,.06)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.dms-modern-suite .dms-modern-summary strong{color:var(--dms-suite-ink)!important}
.dms-modern-suite .dms-modern-grid{gap:12px!important}
.dms-modern-suite .register-form-panel{top:84px}
.dms-modern-suite .vehicle-entry-panel{
  border:1px solid var(--dms-suite-line);
  border-radius:5px;
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 18px rgba(33,63,75,.06);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.dms-modern-suite .asset-card,
.dms-modern-suite .registered-list a,
.dms-modern-suite .registered-action-row,
.dms-modern-suite .master-row{
  border-color:var(--dms-suite-line)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:none!important;
}
.dms-modern-suite .asset-card-head{border-bottom-color:rgba(137,160,171,.28);background:rgba(242,247,249,.74)!important}
.dms-modern-suite .dms-modern-table-wrap{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:auto;
  border:1px solid var(--dms-suite-line)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.72)!important;
}
.dms-modern-suite .dms-modern-table{max-width:none;background:transparent}
.dms-modern-suite .dms-modern-table thead th{border-bottom:1px solid var(--dms-suite-line);background:rgba(233,240,243,.82)!important;color:#536a75;letter-spacing:0}
.dms-modern-suite .dms-modern-table tbody td{border-bottom-color:rgba(137,160,171,.22);background:rgba(255,255,255,.43);transition:background-color .16s ease}
.dms-modern-suite .dms-modern-table tbody tr:hover td{background:rgba(245,250,251,.92)}
.dms-modern-suite .row-actions{gap:6px}
.dms-modern-suite .row-actions>.icon-btn,
.dms-modern-suite .row-actions>form>.icon-btn,
.dms-modern-suite .row-actions>form>button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 9px;
  border:1px solid rgba(117,144,156,.34);
  background:rgba(255,255,255,.78);
  color:#315766;
  text-align:center;
  text-decoration:none;
}
.dms-modern-suite .row-actions>form{margin:0}
.dms-modern-suite .report-summary-strip{margin-top:0}
.dms-modern-suite .modern-report{
  border:1px solid var(--dms-suite-line)!important;
  border-left:4px solid rgba(23,111,130,.72)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 6px 18px rgba(33,63,75,.06)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.dms-modern-suite .report-count{border-color:var(--dms-suite-line);border-radius:4px;background:rgba(240,246,248,.72)}
.dms-modern-suite .master-link-grid{gap:12px;margin-bottom:12px}
.dms-modern-suite .master-action-btn{min-height:58px;border-radius:5px!important}
.dms-modern-suite .master-summary-grid{gap:8px}
.dms-modern-suite .master-summary-grid>div{border-color:var(--dms-suite-line);border-radius:5px;background:rgba(244,248,249,.72)}
.dms-modern-suite .timeline>div{padding:11px 0;border-bottom-color:rgba(137,160,171,.24)}

/* Task workspace */
.dms-modern-suite .task-dashboard{overflow:hidden;padding:0!important}
.dms-modern-suite .task-dashboard>.panel-head{margin:0!important;padding:14px 16px!important}
.dms-modern-suite .task-alert-strip{gap:8px;padding:12px 14px;border-bottom-color:rgba(137,160,171,.28);background:rgba(238,244,246,.7)}
.dms-modern-suite .task-alert{border-color:var(--dms-suite-line);border-radius:4px;background:rgba(255,255,255,.76)}
.dms-modern-suite .task-list{border-color:rgba(137,160,171,.28);background:rgba(242,247,249,.68)}
.dms-modern-suite .task-list-item{border-color:var(--dms-suite-line);border-radius:4px;background:rgba(255,255,255,.72)}
.dms-modern-suite .task-list-item.active,
.dms-modern-suite .task-list-item:hover{border-color:rgba(23,111,130,.48);background:rgba(232,245,246,.82)}
.dms-modern-suite .task-detail{background:rgba(255,255,255,.52)}
.dms-modern-suite .task-checklist,
.dms-modern-suite .task-side-panels section,
.dms-modern-suite .task-message{border-color:var(--dms-suite-line);border-radius:4px;background:rgba(247,250,251,.72)}

@keyframes dmsSuiteIn{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1050px) and (min-width:761px){
  .dms-modern-form-section{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .dms-modern-suite{padding:10px 10px 30px!important;background:#eaf1f4!important}
  .dms-modern-suite>.zms-function-header,
  .dms-dashboard-modern .dms-suite-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:5px!important;
  }
  .dms-modern-suite>.zms-function-header>.btn,
  .dms-dashboard-modern .zms-dashboard-actions{width:100%}
  .dms-dashboard-modern .zms-dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .dms-dashboard-modern .zms-dashboard-actions .btn{width:100%;min-width:0}
  .dms-dashboard-modern .zms-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .dms-dashboard-modern .zms-metric-card{min-height:86px;padding:10px;box-shadow:0 4px 12px rgba(33,63,75,.05)}
  .dms-dashboard-modern .zms-metric-icon{width:30px;height:30px;flex-basis:30px}
  .dms-dashboard-modern .zms-widget-grid{gap:8px}
  .dms-dashboard-modern .zms-widget{border-radius:5px;box-shadow:0 5px 15px rgba(33,63,75,.06)}
  .dms-modern-suite .dms-modern-panel{border-radius:5px!important;box-shadow:0 5px 15px rgba(33,63,75,.06)!important}
  .dms-modern-suite .dms-modern-filters{grid-template-columns:minmax(0,1fr)!important;padding:10px}
  .dms-form-navigator{
    top:6px;
    display:flex;
    gap:5px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .dms-form-navigator::-webkit-scrollbar{display:none}
  .dms-form-navigator button{min-width:max-content;min-height:40px;padding:7px 10px;scroll-snap-align:start}
  .dms-modern-form-section{grid-template-columns:minmax(0,1fr)!important;gap:12px;padding:14px 12px;scroll-margin-top:66px}
  .dms-modern-form-section>.span-2{grid-column:1}
  .dms-modern-suite .dms-document-form>.form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  .dms-modern-suite .dms-document-form>.form-actions .btn{width:100%;min-width:0;margin:0}
  .dms-modern-suite .dms-modern-summary.register-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dms-modern-suite .dms-modern-summary.register-summary>span{min-width:0;padding:10px 8px!important;font-size:9.5px;text-align:center}
  .dms-modern-suite .dms-modern-summary.register-summary strong{font-size:20px}
  .dms-modern-suite .report-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dms-modern-suite .dms-modern-grid{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .dms-modern-suite .register-form-panel{position:static}
  .dms-modern-suite .dms-modern-table-wrap{max-width:100%}
  .dms-modern-suite .dms-modern-table-wrap.zms-action-table-wrap::before{content:none!important;display:none!important}
  .dms-modern-suite table.zms-action-table tbody{gap:8px!important}
  .dms-modern-suite table.zms-action-table tbody>tr{border-color:var(--dms-suite-line)!important;border-radius:5px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 5px 14px rgba(33,63,75,.06)!important}
  .dms-modern-suite table.zms-action-table td{background:rgba(255,255,255,.54)!important}
  .dms-modern-suite table.zms-action-table td[data-mobile-role="primary"],
  .dms-modern-suite table.zms-action-table td[data-mobile-role="actions"]{background:rgba(244,248,249,.72)!important}
  .dms-modern-suite table.zms-action-table td[data-mobile-role="actions"] .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .dms-modern-suite table.zms-action-table td[data-mobile-role="actions"] .icon-btn,
  .dms-modern-suite table.zms-action-table td[data-mobile-role="actions"] button{width:100%;min-height:38px;padding:7px 5px;font-size:10.5px!important}
  .dms-modern-suite .task-dashboard>.panel-head{padding:12px!important}
  .dms-modern-suite .task-alert-strip{display:flex;overflow-x:auto;padding:9px;scroll-snap-type:x proximity;scrollbar-width:none}
  .dms-modern-suite .task-alert-strip::-webkit-scrollbar{display:none}
  .dms-modern-suite .task-alert{min-width:210px;scroll-snap-align:start}
  .dms-modern-suite .task-list{max-height:270px}
  .dms-modern-suite .task-detail{padding:12px}
}

@media(max-width:390px){
  .dms-dashboard-modern .zms-metric-note{display:none}
  .dms-modern-suite .dms-modern-summary.register-summary>span{padding:9px 5px!important;font-size:9px}
  .dms-modern-suite .dms-modern-summary.register-summary strong{font-size:18px}
}

@media(prefers-reduced-motion:reduce){
  .dms-modern-suite .dms-modern-panel,
  .dms-modern-form-section{animation:none!important}
  .dms-modern-suite .btn,
  .dms-modern-suite .icon-btn,
  .dms-modern-suite button,
  .dms-modern-suite input,
  .dms-modern-suite select,
  .dms-modern-suite textarea{transition:none!important}
}

/* ProjectFlow suite: minimalist glass workspace and responsive portals. */
body.projectflow-modern-shell{background:#eaf1f4!important}
.projectflow-modern-suite{
  --projectflow-ink:#17333f;
  --projectflow-muted:#637984;
  --projectflow-line:rgba(137,160,171,.34);
  --projectflow-accent:#16798a;
  --projectflow-accent-strong:#0f6575;
  --projectflow-soft:rgba(232,244,246,.82);
  --projectflow-surface:rgba(255,255,255,.78);
  --projectflow-shadow:0 8px 24px rgba(33,63,75,.08);
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:12px!important;
  color:var(--projectflow-ink);
}
.projectflow-modern-suite.projectflow-modern-view-productionPortal{--projectflow-accent:#2b6f9b;--projectflow-accent-strong:#215a80}
.projectflow-modern-suite.projectflow-modern-view-delivery,
.projectflow-modern-suite.projectflow-modern-view-deliveryPortal{--projectflow-accent:#9a6b17;--projectflow-accent-strong:#785111}
.projectflow-modern-suite.projectflow-modern-view-assembly,
.projectflow-modern-suite.projectflow-modern-view-assemblyPortal{--projectflow-accent:#7a4b79;--projectflow-accent-strong:#603b60}
.projectflow-modern-suite.projectflow-modern-view-customerPortal{--projectflow-accent:#9a5c20;--projectflow-accent-strong:#764516}
.projectflow-modern-suite.projectflow-modern-view-feedback{--projectflow-accent:#477443;--projectflow-accent-strong:#365b33}
.projectflow-modern-suite,
.projectflow-modern-suite *,
.projectflow-modern-suite *::before,
.projectflow-modern-suite *::after{box-sizing:border-box}
.projectflow-modern-suite>*{min-width:0;max-width:100%}
.kitchen-reports-page.projectflow-modern-suite{width:calc(100% - 248px)!important;margin-left:248px!important}
.projectflow-modern-suite .projectflow-primary-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:18px 20px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.86)!important;
  border-left:4px solid var(--projectflow-accent)!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(245,249,250,.72))!important;
  box-shadow:var(--projectflow-shadow)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.projectflow-modern-suite .projectflow-primary-header h1,
.projectflow-modern-suite .projectflow-primary-header h2{margin:0!important;color:var(--projectflow-ink)!important;font-size:25px!important;line-height:1.18;letter-spacing:0!important}
.projectflow-modern-suite .projectflow-primary-header p{max-width:820px;margin:5px 0 0!important;color:var(--projectflow-muted)!important;font-size:12.5px!important;line-height:1.5}
.projectflow-modern-suite .projectflow-primary-header .zms-function-kicker,
.projectflow-modern-suite .projectflow-primary-header .kitchen-portal-title>div:first-child>span,
.projectflow-modern-suite .projectflow-primary-header>div:first-child>span{color:var(--projectflow-accent)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase}
.projectflow-modern-suite .projectflow-primary-header>.btn,
.projectflow-modern-suite .projectflow-primary-header .btn{min-height:40px;border-radius:4px!important}
.projectflow-modern-suite .projectflow-portal-primary .kitchen-portal-title{width:100%}
.projectflow-modern-suite .projectflow-portal-primary .kitchen-context-facts,
.projectflow-modern-suite .projectflow-portal-primary .kitchen-context-empty{grid-column:1/-1}
.projectflow-modern-suite>.projectflow-duplicate-header{display:none!important}
.projectflow-modern-suite>.projectflow-context-panel{
  display:block!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:0 4px 14px rgba(33,63,75,.05)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.projectflow-modern-suite>.projectflow-context-panel>.kitchen-portal-title{display:none!important}
.projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts>div{padding:8px 9px;border-color:var(--projectflow-line);border-radius:4px;background:rgba(248,251,252,.76)}
.projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts span{font-size:9px;letter-spacing:.04em}
.projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts strong{color:var(--projectflow-ink);font-size:11.5px}
.projectflow-modern-suite .projectflow-quick-launch{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.projectflow-modern-suite .projectflow-quick-launch>div{display:none!important}
.projectflow-modern-suite .projectflow-quick-launch nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important}
.projectflow-modern-suite .projectflow-quick-launch nav a{
  min-width:0!important;
  min-height:48px!important;
  padding:8px 9px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:0 5px 16px rgba(33,63,75,.055);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.projectflow-modern-suite .projectflow-quick-launch nav a:hover{border-color:rgba(22,121,138,.4)!important;background:#fff!important;transform:translateY(-1px)}
.projectflow-modern-suite .projectflow-quick-launch nav a span{flex:0 0 28px;width:28px;height:28px;border-radius:4px;background:var(--projectflow-soft);color:var(--projectflow-accent)}
.projectflow-modern-suite .projectflow-status-board,
.projectflow-modern-suite .projectflow-modern-panel,
.projectflow-modern-suite .panel{
  min-width:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.84)!important;
  border-radius:6px!important;
  background:var(--projectflow-surface)!important;
  box-shadow:var(--projectflow-shadow)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.projectflow-modern-suite .panel-head{min-width:0;margin:0!important;padding:13px 15px!important;border-bottom:1px solid var(--projectflow-line)!important;background:rgba(248,251,252,.62)!important}
.projectflow-modern-suite .panel-head h3{margin:0;color:var(--projectflow-ink)!important;font-size:15px!important;letter-spacing:0!important}
.projectflow-modern-suite .panel-head p{margin:3px 0 0;color:var(--projectflow-muted)!important;font-size:11.5px!important;line-height:1.45}
.projectflow-modern-suite .kitchen-metrics,
.projectflow-modern-suite .kitchen-report-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.kitchen-reports-page.projectflow-modern-suite .kitchen-report-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.projectflow-modern-suite .kitchen-metrics>.metric,
.projectflow-modern-suite .kitchen-report-metrics>div{
  display:grid!important;
  align-content:center;
  gap:5px!important;
  min-width:0!important;
  min-height:88px!important;
  padding:13px 14px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.84)!important;
  border-left:3px solid var(--projectflow-accent)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:0 6px 18px rgba(33,63,75,.06)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.projectflow-modern-suite .kitchen-metrics span,
.projectflow-modern-suite .kitchen-report-metrics span{display:block;overflow:hidden;color:var(--projectflow-muted)!important;font-size:10px!important;font-weight:800!important;line-height:1.3;text-overflow:ellipsis;text-transform:uppercase}
.projectflow-modern-suite .kitchen-metrics strong,
.projectflow-modern-suite .kitchen-report-metrics strong{color:var(--projectflow-ink)!important;font-size:25px!important;line-height:1.05}
.projectflow-modern-suite .projectflow-responsive-layout,
.projectflow-modern-suite .kitchen-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.58fr)!important;gap:12px!important;align-items:start}
.projectflow-modern-suite .projectflow-responsive-layout>*,
.projectflow-modern-suite .kitchen-layout>*,
.projectflow-modern-suite .kitchen-portal-layout>*{min-width:0!important;max-width:100%!important}
.projectflow-modern-suite .kitchen-portal-layout{gap:12px!important}
.projectflow-modern-suite .kitchen-list-panel{position:sticky;top:12px;min-width:0!important}
.projectflow-modern-suite .kitchen-project-list{max-height:620px;padding:7px;background:rgba(239,246,248,.66)!important}
.projectflow-modern-suite .kitchen-project-item{min-width:0;padding:11px!important;border:1px solid transparent!important;border-radius:4px!important;background:rgba(255,255,255,.7)!important}
.projectflow-modern-suite .kitchen-project-item:hover,
.projectflow-modern-suite .kitchen-project-item.active{border-color:rgba(22,121,138,.34)!important;border-left:3px solid var(--projectflow-accent)!important;background:#f5fbfc!important;box-shadow:none!important}
.projectflow-modern-suite .kitchen-stage-track{display:flex;gap:5px;min-width:0;padding:8px!important;overflow-x:auto;border-color:var(--projectflow-line)!important;border-radius:4px!important;background:rgba(241,247,248,.76)!important;scrollbar-width:thin}
.projectflow-modern-suite .kitchen-stage-track span{min-width:max-content;border-radius:3px!important}
.projectflow-modern-suite .kitchen-stage-track span.active{background:var(--projectflow-accent)!important}
.projectflow-modern-suite .kitchen-detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.projectflow-modern-suite .kitchen-detail-grid>div,
.projectflow-modern-suite .kitchen-admin-workflow-summary>div{min-width:0;padding:9px;border:1px solid var(--projectflow-line);border-radius:4px;background:rgba(248,251,252,.72)}
.projectflow-modern-suite .projectflow-modern-form{min-width:0!important;max-width:100%!important}
.projectflow-modern-suite .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.projectflow-modern-suite .form-grid>*,
.projectflow-modern-suite label{min-width:0!important;max-width:100%}
.projectflow-modern-suite label{color:#38505b;font-size:11.5px;font-weight:800}
.projectflow-modern-suite input,
.projectflow-modern-suite select,
.projectflow-modern-suite textarea{
  width:100%;
  max-width:100%;
  min-height:42px;
  border:1px solid #c7d5da!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.86)!important;
  color:var(--projectflow-ink)!important;
  box-shadow:inset 0 1px 2px rgba(33,63,75,.025)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.projectflow-modern-suite textarea{min-height:94px}
.projectflow-modern-suite input:focus,
.projectflow-modern-suite select:focus,
.projectflow-modern-suite textarea:focus,
.projectflow-modern-suite label.field-active input,
.projectflow-modern-suite label.field-active select,
.projectflow-modern-suite label.field-active textarea{outline:0;border-color:var(--projectflow-accent)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(22,121,138,.14)!important}
.projectflow-modern-suite .btn,
.projectflow-modern-suite .icon-btn,
.projectflow-modern-suite button{border-radius:4px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.projectflow-modern-suite .btn.primary,
.projectflow-modern-suite button.primary{border-color:var(--projectflow-accent)!important;background:var(--projectflow-accent)!important;color:#fff!important;box-shadow:0 5px 14px rgba(22,121,138,.22)}
.projectflow-modern-suite .btn.primary:hover,
.projectflow-modern-suite button.primary:hover{border-color:var(--projectflow-accent-strong)!important;background:var(--projectflow-accent-strong)!important;transform:translateY(-1px)}
.projectflow-modern-suite .kitchen-actions{border-top-color:var(--projectflow-line)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 -5px 18px rgba(33,63,75,.045)!important}
.projectflow-modern-suite .workflow-accordion{border-color:var(--projectflow-line)!important;border-radius:5px!important;background:rgba(255,255,255,.58)!important}
.projectflow-modern-suite .workflow-accordion>summary{background:rgba(246,250,251,.7)!important}
.projectflow-modern-suite .kitchen-team-editor>section,
.projectflow-modern-suite .kitchen-master-columns>section,
.projectflow-modern-suite .kitchen-portal-revisions article,
.projectflow-modern-suite .kitchen-revision,
.projectflow-modern-suite .kitchen-customer-login-share,
.projectflow-modern-suite .kitchen-login-credentials>div{border-color:var(--projectflow-line)!important;border-radius:5px!important;background:rgba(248,251,252,.72)!important}
.projectflow-modern-suite .kitchen-design-selector,
.projectflow-modern-suite .kitchen-design-editor,
.projectflow-modern-suite .kitchen-record-preview,
.projectflow-modern-suite .kitchen-team-master{margin-bottom:0!important}
.projectflow-modern-suite .kitchen-design-selector{padding:15px}
.projectflow-modern-suite .kitchen-design-editor .form-grid,
.projectflow-modern-suite .kitchen-team-master>.form-grid,
.projectflow-modern-suite .kitchen-customer-master .form-grid{padding:15px}
.projectflow-modern-suite .kitchen-record-preview{scroll-margin-top:12px}
.projectflow-modern-suite .kitchen-admin-customer-switcher,
.projectflow-modern-suite .kitchen-customer-account-summary{padding:14px!important}
.projectflow-modern-suite .kitchen-customer-records,
.projectflow-modern-suite .kitchen-customer-timeline,
.projectflow-modern-suite .kitchen-update-list{min-width:0}
.projectflow-modern-suite .projectflow-status-board{padding:14px!important}
.projectflow-modern-suite .kitchen-assembly-status-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.projectflow-modern-suite .kitchen-assembly-status-card,
.projectflow-modern-suite .kitchen-portal-user-card{
  border:1px solid var(--projectflow-line)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:0 5px 14px rgba(33,63,75,.045);
}
.projectflow-modern-suite .kitchen-assembly-status-card:hover,
.projectflow-modern-suite .kitchen-portal-user-card:hover{border-color:rgba(22,121,138,.42)!important;box-shadow:0 8px 20px rgba(33,63,75,.075)}
.projectflow-modern-suite .kitchen-assembly-card-location,
.projectflow-modern-suite .kitchen-portal-user-meta{border-left-color:var(--projectflow-accent)!important;background:rgba(244,249,250,.84)!important}
.projectflow-modern-suite .kitchen-portal-access-panel{gap:12px;padding:14px!important}
.projectflow-modern-suite .kitchen-portal-access-head{align-items:center}
.projectflow-modern-suite .kitchen-portal-user-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:8px}
.projectflow-modern-suite .projectflow-modern-table-wrap{width:100%;max-width:100%;min-width:0;overflow:auto;border-color:var(--projectflow-line)!important;background:rgba(255,255,255,.7)!important}
.projectflow-modern-suite .projectflow-modern-table{width:100%;max-width:100%;border-collapse:collapse}
.projectflow-modern-suite .projectflow-modern-table th{background:#edf4f6!important;color:#47606b!important;font-size:9.5px!important;letter-spacing:.04em;text-transform:uppercase}
.projectflow-modern-suite .projectflow-modern-table td{color:#2e4752;font-size:11.5px!important}
.projectflow-modern-suite .projectflow-modern-table tbody tr:hover{background:#f5fafb!important}
.projectflow-modern-suite .kitchen-report-controls{gap:10px;padding:11px!important}
.projectflow-modern-suite .kitchen-report-tabs{gap:5px}
.projectflow-modern-suite .kitchen-report-tabs button{min-height:36px;border-color:var(--projectflow-line);border-radius:4px!important;background:rgba(255,255,255,.76)}
.projectflow-modern-suite .kitchen-report-tabs button.active{border-color:var(--projectflow-accent);background:var(--projectflow-soft);color:var(--projectflow-accent-strong)}
.projectflow-modern-suite .kitchen-report-output{overflow:hidden}
.projectflow-modern-suite .kitchen-report-output table{min-width:900px}
.projectflow-modern-suite .report-template-store{min-width:0;max-width:100%}
.projectflow-mobile-dock{display:none}

@keyframes projectflowSuiteIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.projectflow-modern-suite .projectflow-primary-header,
.projectflow-modern-suite .projectflow-modern-panel,
.projectflow-modern-suite .panel,
.projectflow-modern-suite .kitchen-metrics>.metric{animation:projectflowSuiteIn .22s ease both}

@media(max-width:1100px) and (min-width:761px){
  .kitchen-reports-page.projectflow-modern-suite{width:100%!important;margin-left:0!important}
  .kitchen-reports-page.projectflow-modern-suite .kitchen-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .projectflow-modern-suite .projectflow-quick-launch nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .projectflow-modern-suite .projectflow-responsive-layout,
  .projectflow-modern-suite .kitchen-layout{grid-template-columns:minmax(225px,.68fr) minmax(0,1.5fr)!important}
  .projectflow-modern-suite .kitchen-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .kitchen-reports-page.projectflow-modern-suite{width:100%!important;margin-left:0!important}
  .kitchen-reports-page.projectflow-modern-suite .kitchen-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .projectflow-modern-suite{gap:9px!important;padding-bottom:82px!important}
  .projectflow-modern-suite .projectflow-primary-header{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:5px!important;
  }
  .projectflow-modern-suite .projectflow-primary-header h1,
  .projectflow-modern-suite .projectflow-primary-header h2{font-size:21px!important}
  .projectflow-modern-suite .projectflow-primary-header p{font-size:11.5px!important}
  .projectflow-modern-suite .projectflow-primary-header>.btn,
  .projectflow-modern-suite .projectflow-primary-header .kitchen-report-actions{width:100%}
  .projectflow-modern-suite .projectflow-primary-header>.btn{min-height:42px}
  .projectflow-modern-suite .kitchen-report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .projectflow-modern-suite .kitchen-report-actions>*{width:100%;min-width:0}
  .projectflow-modern-suite>.projectflow-context-panel{overflow:hidden;padding:7px!important}
  .projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts::-webkit-scrollbar{display:none}
  .projectflow-modern-suite>.projectflow-context-panel .kitchen-context-facts>div{flex:0 0 145px;scroll-snap-align:start}
  .projectflow-modern-suite .projectflow-quick-launch nav{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:1px 0 3px!important;scroll-snap-type:x proximity;scrollbar-width:none}
  .projectflow-modern-suite .projectflow-quick-launch nav::-webkit-scrollbar{display:none}
  .projectflow-modern-suite .projectflow-quick-launch nav a{flex:0 0 142px!important;min-height:44px!important;scroll-snap-align:start}
  .projectflow-modern-suite .kitchen-metrics,
  .projectflow-modern-suite .kitchen-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .projectflow-modern-suite .kitchen-metrics>*:not(.projectflow-mobile-kpi),
  .projectflow-modern-suite .kitchen-report-metrics>*:not(.projectflow-mobile-kpi){display:none!important}
  .projectflow-modern-suite .kitchen-metrics>.metric,
  .projectflow-modern-suite .kitchen-report-metrics>div{min-height:76px!important;padding:9px 8px!important;border-left-width:2px!important}
  .projectflow-modern-suite .kitchen-metrics span,
  .projectflow-modern-suite .kitchen-report-metrics span{font-size:8.5px!important;white-space:normal}
  .projectflow-modern-suite .kitchen-metrics strong,
  .projectflow-modern-suite .kitchen-report-metrics strong{font-size:20px!important}
  .projectflow-modern-suite .projectflow-responsive-layout,
  .projectflow-modern-suite .kitchen-layout,
  .projectflow-modern-suite .kitchen-portal-layout{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .projectflow-modern-suite .kitchen-list-panel{position:static}
  .projectflow-modern-suite .kitchen-project-list{max-height:330px;padding:7px}
  .projectflow-modern-suite .kitchen-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .projectflow-modern-suite .form-grid,
  .projectflow-modern-suite .kitchen-customer-details,
  .projectflow-modern-suite .kitchen-master-columns,
  .projectflow-modern-suite .kitchen-team-editor,
  .projectflow-modern-suite .kitchen-admin-workflow-summary{grid-template-columns:minmax(0,1fr)!important}
  .projectflow-modern-suite .form-grid>.span-2,
  .projectflow-modern-suite .kitchen-customer-details>.span-2{grid-column:1!important}
  .projectflow-modern-suite .panel,
  .projectflow-modern-suite .projectflow-modern-panel,
  .projectflow-modern-suite .projectflow-status-board{border-radius:5px!important;box-shadow:0 5px 15px rgba(33,63,75,.06)!important}
  .projectflow-modern-suite .panel-head{padding:11px 12px!important}
  .projectflow-modern-suite .projectflow-modern-form{padding:12px!important}
  .projectflow-modern-suite .kitchen-actions{position:static!important;margin:8px 0 0!important;padding:10px 0 0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  .projectflow-modern-suite .kitchen-actions .btn,
  .projectflow-modern-suite .kitchen-actions button{width:100%;min-width:0;min-height:42px}
  .projectflow-modern-suite .kitchen-assembly-status-grid,
  .projectflow-modern-suite .kitchen-portal-user-grid{grid-template-columns:minmax(0,1fr)}
  .projectflow-modern-suite .kitchen-assembly-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .projectflow-modern-suite .kitchen-portal-access-head{align-items:stretch;flex-direction:column}
  .projectflow-modern-suite .kitchen-portal-access-tools{align-items:stretch;flex-direction:column}
  .projectflow-modern-suite .kitchen-portal-access-tools input{width:100%}
  .projectflow-modern-suite .projectflow-modern-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  .projectflow-modern-suite .projectflow-modern-table-wrap.zms-action-table-wrap::before{content:none!important;display:none!important}
  .projectflow-modern-suite table.zms-action-table tbody{display:grid!important;gap:8px!important}
  .projectflow-modern-suite table.zms-action-table tbody>tr{display:grid!important;overflow:hidden;border:1px solid var(--projectflow-line)!important;border-radius:5px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 5px 14px rgba(33,63,75,.055)!important}
  .projectflow-modern-suite table.zms-action-table td{background:rgba(255,255,255,.56)!important}
  .projectflow-modern-suite table.zms-action-table td[data-mobile-role="primary"],
  .projectflow-modern-suite table.zms-action-table td[data-mobile-role="actions"]{background:rgba(241,247,248,.82)!important}
  .projectflow-modern-suite table.zms-action-table td[data-mobile-role="actions"] .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .projectflow-modern-suite table.zms-action-table td[data-mobile-role="actions"] .icon-btn,
  .projectflow-modern-suite table.zms-action-table td[data-mobile-role="actions"] button{width:100%;min-width:0;min-height:38px;padding:7px 5px;font-size:10.5px!important}
  .projectflow-modern-suite .kitchen-report-tabs{scroll-snap-type:x proximity;scrollbar-width:none}
  .projectflow-modern-suite .kitchen-report-tabs::-webkit-scrollbar{display:none}
  .projectflow-modern-suite .kitchen-report-tabs button{scroll-snap-align:start}
  .projectflow-modern-suite .kitchen-report-filters{grid-template-columns:minmax(0,1fr)!important}
  .projectflow-modern-suite .kitchen-report-output .panel-head{align-items:flex-start;flex-direction:column}
  .projectflow-mobile-dock{
    position:fixed;
    z-index:72;
    left:10px;
    right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(0,1fr));
    gap:4px;
    padding:5px;
    border:1px solid rgba(255,255,255,.86);
    border-radius:7px;
    background:rgba(250,252,253,.9);
    box-shadow:0 10px 28px rgba(22,47,57,.18);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .projectflow-mobile-dock a{display:grid;place-items:center;min-width:0;min-height:42px;padding:5px 4px;border-radius:4px;color:#516a75;font-size:9.5px;font-weight:850;line-height:1.15;text-align:center;text-decoration:none}
  .projectflow-mobile-dock a.active{background:var(--projectflow-accent);color:#fff;box-shadow:0 4px 12px rgba(22,121,138,.24)}
}

@media(max-width:390px){
  .projectflow-modern-suite .projectflow-primary-header h1,
  .projectflow-modern-suite .projectflow-primary-header h2{font-size:20px!important}
  .projectflow-modern-suite .kitchen-metrics span,
  .projectflow-modern-suite .kitchen-report-metrics span{font-size:8px!important}
  .projectflow-modern-suite .kitchen-metrics strong,
  .projectflow-modern-suite .kitchen-report-metrics strong{font-size:19px!important}
  .projectflow-modern-suite .kitchen-assembly-card-stats{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .projectflow-modern-suite .projectflow-primary-header,
  .projectflow-modern-suite .projectflow-modern-panel,
  .projectflow-modern-suite .panel,
  .projectflow-modern-suite .kitchen-metrics>.metric{animation:none!important}
  .projectflow-modern-suite .btn,
  .projectflow-modern-suite .icon-btn,
  .projectflow-modern-suite button,
  .projectflow-modern-suite input,
  .projectflow-modern-suite select,
  .projectflow-modern-suite textarea{transition:none!important}
}

/* ZMS theme finish: red, gray, blue, and black */
:root{--bg:#f1f3f5;--ink:#111827;--muted:#667085;--line:#d7dce2;--panel:#fff;--brand:#1469a5;--brand-2:#d92d20;--danger:#b42318;--amber:#b54708;--blue:#1469a5;--ok:#087443;--shadow:0 8px 24px rgba(15,23,42,.08)}
body{background:#f1f3f5;color:#111827}.topbar{background:#fff;border-bottom-color:#d7dce2}.sidebar{background:linear-gradient(180deg,#080b10 0%,#111827 70%,#17202b 100%);color:#d9e0e8}.brand{color:#fff}.nav-link{color:#cbd5e1}.nav-link:hover:not(.active){background:rgba(20,105,165,.22);color:#fff}.nav-link.active{background:linear-gradient(135deg,#1469a5,#0b4f80);color:#fff;box-shadow:0 8px 20px rgba(20,105,165,.25)}.btn.primary,button.primary{background:linear-gradient(135deg,#1469a5,#0b4f80);border-color:#1469a5}.btn.primary:hover,button.primary:hover{background:linear-gradient(135deg,#d92d20,#b42318);border-color:#d92d20}.eyebrow{color:#d92d20}.panel,.form-grid,.table-wrap{border-color:#d7dce2;box-shadow:0 8px 24px rgba(15,23,42,.06)}.page-hero,.section-title{border-color:#d7dce2;background:#fff}.metric{border-left-color:#1469a5}.metric.danger{border-left-color:#d92d20}.metric.blue{border-left-color:#1469a5}.report{border-left-color:#1469a5}.bar-row i{background:#1469a5}.status{background:#e8f5ee;color:#087443}.notice.warning{background:#fff1f0;color:#b42318}
.nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(135deg,#1469a5,#0b4f80);color:#fff;font-size:10px;font-weight:900;line-height:1;transition:transform .18s ease,background .18s ease}.nav-link:hover .nav-icon{background:linear-gradient(135deg,#d92d20,#b42318);transform:translateY(-1px)}.nav-link.active .nav-icon{background:#fff;color:#1469a5;border-color:#fff;box-shadow:0 5px 12px rgba(0,0,0,.16)}.nav-group-title{color:#e5e7eb}.nav-module-chevron{border-color:#94a3b8}
.zms-overview-icon,.zms-metric-icon{background:linear-gradient(135deg,#1469a5,#0b4f80)!important;color:#fff!important}.zms-module-tile::before{background:linear-gradient(135deg,#1469a5,#0b4f80)!important}.zms-module-tile:nth-child(2)::before,.zms-module-tile:nth-child(4)::before{background:linear-gradient(135deg,#d92d20,#b42318)!important}.zms-module-tile:hover{border-color:#1469a5!important}.fitron-tabs a:before{background:linear-gradient(135deg,#e8f1f8,#c8ddeb);color:#1469a5}.fitron-tabs a.active:before{background:linear-gradient(135deg,#1469a5,#0b4f80);color:#fff}
@media(max-width:760px){.sidebar{background:linear-gradient(180deg,#080b10,#111827)}.mobile-shellbar{background:#080b10!important;color:#fff!important}.mobile-menu-toggle{background:#1469a5!important;color:#fff!important}}
.pos-feature-hub{margin-top:18px}.pos-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.pos-feature-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid #d7e2e6;border-radius:10px;background:#fff;color:#17303d;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pos-feature-card:hover{transform:translateY(-2px);border-color:#57b8a8;box-shadow:0 9px 22px rgba(20,60,72,.1)}.pos-feature-card>span:nth-child(2){display:grid;gap:4px}.pos-feature-card strong{font-size:14px}.pos-feature-card small{color:#687b84;line-height:1.45}.pos-feature-card>b{color:#168b78;font-size:18px}.pos-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#173f59,#168b78);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}.pos-feature-card:nth-child(3n+2) .pos-feature-icon{background:linear-gradient(135deg,#315ca8,#24a39a)}.pos-feature-card:nth-child(3n+3) .pos-feature-icon{background:linear-gradient(135deg,#6b4ca5,#bf6c3d)}@media(max-width:700px){.pos-feature-grid{grid-template-columns:1fr}.pos-feature-card{min-height:72px}}