:root{--bg:#f5f7fb;--panel:#fff;--ink:#182233;--muted:#6b7280;--line:#e5e7eb;--primary:#2563eb;--primary2:#1d4ed8;--soft:#eff6ff;--ok:#16a34a;--warn:#f59e0b;--danger:#dc2626;--radius:18px;--shadow:0 10px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.login-card{width:min(440px,92vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.25)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.brand-logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#2563eb,#06b6d4);display:grid;place-items:center;color:white;font-weight:800}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--primary);color:#fff}.btn:hover{background:var(--primary2)}.btn.secondary{background:#e5e7eb;color:#111827}.btn.danger{background:var(--danger)}.btn.ok{background:var(--ok)}.btn.ghost{background:#fff;color:var(--primary);border:1px solid #bfdbfe}.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:#0f172a;color:#cbd5e1;padding:18px;position:fixed;left:0;top:0;bottom:0;overflow:auto}.side-brand{display:flex;gap:12px;align-items:center;color:white;margin-bottom:18px}.side-title{font-size:18px;font-weight:800}.side-sub{font-size:12px;color:#94a3b8}.nav-section{font-size:11px;letter-spacing:.08em;color:#64748b;margin:18px 10px 8px;text-transform:uppercase}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#cbd5e1;margin:3px 0}.nav a:hover,.nav a.active{background:#1e293b;color:#fff}.content{margin-left:280px;width:calc(100% - 280px);padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title h1{font-size:26px;margin:0}.page-title p{margin:4px 0 0;color:var(--muted)}.user-pill{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 12px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stat b{display:block;font-size:28px;margin-top:8px}.muted{color:var(--muted)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc}.badge{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:700}.badge.active,.badge.approved,.badge.available,.badge.completed{background:#dcfce7;color:#166534}.badge.pending,.badge.submitted,.badge.assigned{background:#fef3c7;color:#92400e}.badge.blocked,.badge.rejected,.badge.deleted,.badge.removed{background:#fee2e2;color:#991b1b}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#334155}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.alert{border-radius:14px;padding:12px 14px;margin-bottom:14px}.alert.ok{background:#dcfce7;color:#166534}.alert.err{background:#fee2e2;color:#991b1b}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-title{font-weight:800;margin:16px 0 10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.searchbar{display:flex;gap:10px;margin-bottom:12px}.searchbar input{max-width:360px}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.layout{display:block}.content{margin-left:0;width:100%}.grid-4,.grid-3,.grid-2,.form-row{grid-template-columns:1fr}}
.mobile-menu{display:none;border:0;border-radius:12px;background:#fff;border:1px solid var(--line);padding:10px 12px;font-weight:800;box-shadow:var(--shadow)}
.empty-row{color:var(--muted);text-align:center;padding:24px!important}.quick-note{background:var(--soft);border:1px solid #bfdbfe;color:#1e3a8a;padding:12px 14px;border-radius:14px;margin-bottom:16px}.table .btn{padding:7px 10px;font-size:12px}.card h3{margin-top:0}.print-only{display:none}
@media(max-width:900px){.mobile-menu{display:inline-flex}.sidebar{display:none}.sidebar.open{display:block}.topbar{gap:10px;align-items:flex-start}.page-title h1{font-size:22px}.user-pill{display:none}.content{padding:14px}.card{padding:14px}.table{font-size:13px}}
@media print{body{background:#fff}.sidebar,.topbar,.mobile-menu,.btn,.searchbar{display:none!important}.content{margin:0!important;width:100%!important;padding:0}.card{box-shadow:none;border:0}.print-only{display:block}}
.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.label-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.asset-label{background:white;border:1px solid #dbe3ef;border-radius:16px;padding:14px;min-height:170px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.label-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.label-code{font-size:24px;font-weight:800;margin:8px 0;color:#0f172a}.label-name{font-size:16px;font-weight:700}.label-meta{font-size:12px;color:#475569;margin-top:4px}.qrbox{margin:10px 0 8px;border:2px dashed #94a3b8;border-radius:10px;padding:12px;text-align:center;font-family:monospace;font-weight:700;letter-spacing:.06em;background:#f8fafc}.badge.inactive{background:#f1f5f9;color:#64748b}.no-print{display:block}@media print{.sidebar,.topbar,.no-print,.alert{display:none!important}.content{margin:0!important;padding:0!important}.layout{display:block}.card{box-shadow:none;border:none}.label-grid{grid-template-columns:repeat(2,1fr);gap:10px}.asset-label{break-inside:avoid;box-shadow:none}.table{font-size:11px}}

/* v1.3 - quick action buttons for input/add links */
.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px 0;align-items:center}
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.card:target{outline:3px solid rgba(37,99,235,.18);box-shadow:0 0 0 6px rgba(37,99,235,.08), var(--shadow)}
.section-head .btn{white-space:nowrap}
@media(max-width:720px){.section-head{align-items:flex-start}.action-row{justify-content:flex-start}.page-actions .btn{width:100%;text-align:center}}
/* v1.4 list standardization */
.list-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}.list-tools .input{max-width:360px}.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px}.btn[disabled]{opacity:.5;cursor:not-allowed}.bulkbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:10px;margin:0 0 12px}.bulkbar select{max-width:190px}.import-box{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn.small{padding:7px 10px;font-size:12px}.no-export{width:42px}.btn-link{color:var(--primary);font-weight:800}


/* v1.5 additions */
.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.quick-card{display:block;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;text-decoration:none;color:var(--text)}.quick-card b{display:block;font-size:26px;margin-bottom:4px}.quick-card span{color:var(--muted);font-size:13px}.mini-bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px}.bar-row div{height:12px;border-radius:999px;background:#eef2f7;overflow:hidden}.bar-row i{display:block;height:100%;background:#3b82f6;border-radius:999px}.timeline{display:grid;gap:10px}.timeline-item{border-left:3px solid #3b82f6;padding:8px 0 8px 14px;background:linear-gradient(90deg,#f8fbff,transparent);border-radius:8px}.timeline-item p{margin:4px 0;color:var(--muted)}.timeline-item small{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.detail-grid div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.detail-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.detail-grid b{font-size:14px}.note-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;min-height:44px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.chip.active{background:#111827;color:#fff}.status-filter{display:flex;gap:8px;flex-wrap:wrap}.small-select{max-width:130px}.btn.small{padding:7px 10px;font-size:12px}
@media print{.sidebar,.topbar,.page-actions,.list-tools,.bulkbar,.pager,.btn{display:none!important}.content{padding:0}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.layout{display:block}}

/* v1.6 notification center and printable document polish */
.nav-badge{float:right;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;text-align:center;line-height:20px;padding:0 6px;margin-top:1px}
.notif-pill{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:#fff;border:1px solid #e5e7eb;color:#0f172a;border-radius:999px;padding:8px 12px;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.notif-pill b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px}.notif-pill span{color:#64748b}
.notif-list{display:grid;gap:12px}.notif-item{display:flex;gap:12px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff}.notif-item.unread{border-color:#93c5fd;background:#eff6ff}.notif-icon{width:38px;height:38px;border-radius:14px;background:#e0f2fe;display:flex;align-items:center;justify-content:center}.notif-content{flex:1}.notif-title{font-weight:800;margin-bottom:4px}.notif-content p{margin:0 0 6px;color:#475569}.notif-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.empty-state{padding:30px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc}
.print-sheet{background:#fff;color:#111827;max-width:900px;margin:auto;padding:32px;border-radius:18px;border:1px solid #e5e7eb}.print-head{display:flex;justify-content:space-between;border-bottom:2px solid #111827;padding-bottom:16px;margin-bottom:20px}.print-head h2{margin:0}.print-meta{text-align:right}.print-table{width:100%;border-collapse:collapse;margin:10px 0 22px}.print-table th,.print-table td{border:1px solid #cbd5e1;padding:10px;text-align:left;vertical-align:top}.print-table th{background:#f1f5f9;width:18%}.print-table.vertical th{width:45%}.note-print{margin-top:18px}.sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px;text-align:center}.print-actions{margin-bottom:16px;text-align:right}
.progress-wrap{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-wrap i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#22c55e)}.health-list{display:grid;gap:10px}.health-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5e7eb}.health-row:last-child{border-bottom:0}
@media print{.sidebar,.topbar,.no-print,.alert,.print-actions{display:none!important}.content{padding:0!important}.layout{display:block!important}.print-sheet{border:0;border-radius:0;box-shadow:none;max-width:none;padding:0}.card{box-shadow:none;border:0}.print-table th{background:#f1f5f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}


.cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}.notice{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:12px;color:#475569}.badge.approved{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}.badge.rejected{background:#fee2e2;color:#991b1b}.badge.muted{background:#e5e7eb;color:#374151}.clean{margin:0;padding-left:18px}.clean li{margin:8px 0}.actions{white-space:nowrap}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sm{padding:7px 10px;font-size:12px}@media(max-width:1100px){.cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cards-5{grid-template-columns:1fr}.actions{white-space:normal}}


/* v1.8 - Security Center polish */
.security-hero{display:flex;justify-content:space-between;gap:18px;align-items:stretch;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.18);overflow:hidden;position:relative}.security-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.10)}.security-hero h2{margin:8px 0 6px;font-size:28px}.security-hero p{margin:0;color:#dbeafe;max-width:680px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#bfdbfe;font-weight:800}.security-actions{display:flex;gap:10px;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;position:relative;z-index:1}.security-actions .btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}
.security-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.security-kpi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.security-kpi:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:#64748b}.security-kpi.ok:before{background:#16a34a}.security-kpi.warn:before{background:#f59e0b}.security-kpi.danger:before{background:#dc2626}.security-kpi.info:before{background:#2563eb}.security-kpi.dark:before{background:#0f172a}.security-kpi span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.security-kpi b{display:block;font-size:30px;line-height:1.1;margin:7px 0;color:#0f172a}.security-kpi small{color:#64748b}.security-main-grid{grid-template-columns:1.05fr .95fr}.security-three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.security-table-grid{grid-template-columns:1.15fr .85fr}.security-panel{border-radius:22px}.donut-row{display:flex;gap:20px;align-items:center;margin:12px 0 16px}.donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a34a calc(var(--p)*1%),#e5e7eb 0);position:relative;flex:0 0 auto}.donut:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff}.donut strong,.donut span{position:relative;z-index:1;text-align:center}.donut strong{font-size:26px}.donut span{font-size:12px;color:#64748b;margin-top:32px;position:absolute}.donut-notes{display:grid;gap:10px;flex:1}.donut-notes div{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;background:#64748b}.dot.ok{background:#16a34a}.dot.warn{background:#f59e0b}.dot.danger{background:#dc2626}.security-meter{display:grid;grid-template-columns:75px 1fr 44px;gap:10px;align-items:center;margin:10px 0}.security-meter span{font-size:13px;color:#64748b}.security-meter div{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.security-meter i{display:block;height:100%;background:#16a34a;border-radius:999px}.security-meter i.warn{background:#f59e0b}.security-meter i.danger{background:#dc2626}.security-meter b{text-align:right;font-size:13px}.security-checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.security-checklist li{border:1px solid var(--line);border-radius:16px;padding:12px 12px 12px 42px;position:relative;background:#fff}.security-checklist li:before{content:"✓";position:absolute;left:12px;top:14px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:900;font-size:12px}.security-checklist li.need:before{content:"!";background:#fef3c7;color:#92400e}.security-checklist b{display:block}.security-checklist span{display:block;color:#64748b;font-size:13px;margin-top:2px}.security-note{margin-top:12px}.mini-list{display:grid;gap:10px}.mini-list div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:11px 12px}.mini-list span{color:#475569}.mini-list b{font-size:18px}.security-table td{vertical-align:middle}.audit-feed{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}.audit-item{display:grid;grid-template-columns:112px 1fr;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.audit-time{font-size:12px;color:#64748b}.audit-item p{margin:3px 0;color:#475569;font-size:13px}.audit-item small{color:#64748b}
@media(max-width:1180px){.security-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-main-grid,.security-table-grid{grid-template-columns:1fr}.security-three-grid{grid-template-columns:1fr 1fr}.security-hero{display:block}.security-actions{justify-content:flex-start;margin-top:16px}}@media(max-width:720px){.security-kpi-grid,.security-three-grid{grid-template-columns:1fr}.donut-row{display:block}.donut{margin:0 auto 14px}.audit-item{grid-template-columns:1fr}.security-hero{padding:18px}.security-hero h2{font-size:22px}}

/* v2.0 - global search and maintenance polish */
.top-search{flex:0 1 360px;min-width:220px}.top-search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);outline:none}.top-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.10)}
.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.search-results{display:grid;gap:10px}.search-result-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:13px;text-decoration:none;color:inherit;background:#fff}.search-result-item:hover{background:#f8fafc;border-color:#bfdbfe}.search-result-item p{margin:4px 0 0;color:#64748b}.empty-row{color:#64748b;text-align:center;padding:24px!important}.actions{white-space:nowrap}.form-grid .full{grid-column:1/-1}
@media(max-width:980px){.topbar{gap:10px;flex-wrap:wrap}.top-search{order:3;flex-basis:100%}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dashboard-stats{grid-template-columns:1fr}.search-result-item{display:block}.search-result-item .badge{margin-bottom:8px}}

/* v2.1 */
.empty-row{text-align:center;color:#64748b;padding:24px!important}.action-row{display:flex;gap:8px;flex-wrap:wrap}.stat span{display:block;color:#64748b;font-size:13px}.stat b{font-size:28px}

.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cards-4{grid-template-columns:1fr}}


/* v2.5 - maintenance page polish */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid .full{grid-column:1/-1}
@media(max-width:900px){.form-grid{grid-template-columns:1fr}}

/* v2.9 - Stock Opname */
.stock-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#064e3b,#0f766e);color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.16);position:relative;overflow:hidden}.stock-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.12)}.stock-hero h2{margin:8px 0 6px}.stock-hero p{margin:0;color:#ccfbf1}.stock-hero .btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}.scan-input{font-size:18px;font-weight:700;letter-spacing:.02em}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.mini-table th{width:150px;color:#64748b}.inline-search{display:flex;gap:8px;align-items:center}.badge.found{background:#dcfce7;color:#166534}.badge.moved{background:#dbeafe;color:#1d4ed8}.badge.damaged{background:#fee2e2;color:#991b1b}.badge.not_found{background:#fef3c7;color:#92400e}.badge.in_progress{background:#dbeafe;color:#1d4ed8}.badge.completed{background:#dcfce7;color:#166534}.badge.cancelled{background:#fee2e2;color:#991b1b}.badge.draft{background:#f1f5f9;color:#475569}@media(max-width:900px){.stock-hero{display:block}.stock-hero .security-actions{margin-top:14px}.inline-search{width:100%;margin-top:10px}.inline-search input{width:100%}}


/* v3.0 - accordion side menu and document workflow */
.nav-accordion .nav-section{display:none}.nav-group{margin:7px 0}.nav-group-title{width:100%;border:0;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;padding:10px 10px 7px;border-radius:12px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:900;cursor:pointer}.nav-group-title:hover{background:#111c31;color:#e2e8f0}.nav-group-title b{transition:.18s transform}.nav-group-body{display:none;padding:2px 0 8px}.nav-group.open .nav-group-body{display:block}.nav-group.open .nav-group-title b{transform:rotate(180deg)}.badge.final{background:#dcfce7;color:#166534}.badge.open,.badge.muted{background:#e5e7eb;color:#374151}.badge.pending_operator,.badge.pending_coordinator{background:#fef3c7;color:#92400e}.badge.final_status{background:#dcfce7;color:#166534}
@media(max-width:900px){.nav-group-body{display:block}.nav-group-title b{display:none}}


/* v3.1 - Dashboard Manajemen */
.mgmt-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#1e1b4b,#3730a3);color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.16);position:relative;overflow:hidden}.mgmt-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.12)}.mgmt-hero h2{margin:8px 0 6px}.mgmt-hero p{margin:0;color:#e0e7ff;max-width:760px}.mgmt-hero .btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}.stat.risk-high{border-color:#fecaca;background:#fff7f7}.stat.risk-high b{color:#991b1b}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1100px){.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:780px){.mgmt-hero{display:block}.mgmt-hero .security-actions{margin-top:14px}.grid-3{grid-template-columns:1fr}}

/* v3.4 - Notification & Reminder Center */
.notif-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#7c2d12,#f97316);color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.16);position:relative;overflow:hidden}.notif-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.12)}.notif-hero h2{margin:8px 0 6px}.notif-hero p{margin:0;color:#ffedd5;max-width:760px}.notif-hero .btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}.notif-kpi-grid .security-kpi{color:inherit}.reminder-list{display:grid;gap:12px}.reminder-item{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}.reminder-item:hover{border-color:#bfdbfe;box-shadow:0 10px 28px rgba(15,23,42,.08)}.reminder-item p{margin:5px 0 0;color:#64748b}.reminder-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f1f5f9;font-size:22px}.reminder-item.danger{border-color:#fecaca;background:#fff7f7}.reminder-item.warn{border-color:#fde68a;background:#fffaf0}.reminder-item.info{border-color:#bfdbfe;background:#f8fbff}.reminder-item.ok{border-color:#bbf7d0;background:#f7fff9}.notif-grid-main{align-items:start}.notif-list{display:grid;gap:12px}.notif-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}.notif-item.unread{border-color:#bfdbfe;background:#f8fbff}.notif-item.read{opacity:.78}.notif-icon{width:40px;height:40px;border-radius:14px;background:#eff6ff;display:grid;place-items:center}.notif-title{font-weight:900}.notif-content p{margin:5px 0;color:#475569}.notif-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:1000px){.notif-grid-main{grid-template-columns:1fr}.notif-hero{display:block}.notif-hero .security-actions{margin-top:14px}}@media(max-width:720px){.notif-item{grid-template-columns:1fr}.notif-actions{justify-content:flex-start}.notif-kpi-grid{grid-template-columns:1fr}}

/* v3.6 - Print & PDF Center */
.print-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.16);position:relative;overflow:hidden}.print-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.12)}.print-hero h2{margin:8px 0 6px}.print-hero p{margin:0;color:#dbeafe;max-width:760px}.print-hero .btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}@media(max-width:900px){.print-hero{display:block}.print-hero .security-actions{margin-top:14px}}
@media print{body{background:#fff}.layout{display:block}.sidebar,.topbar,.print-actions,.btn,.nav,.user-pill,.notif-pill{display:none!important}.content{margin:0!important;padding:0!important}.doc-sheet{box-shadow:none!important;border:0!important;border-radius:0!important;max-width:190mm!important;padding:0!important}.card{box-shadow:none!important}}

/* v3.8 - pemisahan halaman form dan daftar */
.page-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.page-tabs .btn.active{box-shadow:0 6px 18px rgba(30,64,175,.14)}

/* v3.9 - Global List & Form UX Cleanup */
.clean-tabs{align-items:center;margin:0 0 14px 0;padding:0}
.clean-tabs .btn{min-width:132px}
.clean-tabs .btn.active{background:var(--primary);color:#fff}
.form-card .section-head,.list-card .section-head{align-items:flex-start;gap:14px}
.form-footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.list-card .list-tools,.card .list-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}
.list-tools [data-table-search]{min-width:260px;max-width:420px;flex:1 1 260px}
.small-select{width:auto!important;min-width:135px}
.bulkbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:10px;margin:10px 0 12px}
.bulkbar select{max-width:220px}
.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pager .btn[disabled]{opacity:.45;cursor:not-allowed}
.status-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap;width:100%}
.chip{border:1px solid var(--line);background:#fff;color:#334155;border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer}
.chip.active,.chip:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.table td .btn,.table td .badge{white-space:nowrap}.table tr:hover td{background:#fbfdff}.table th.no-export,.table td.no-export{width:42px;text-align:center}
@media(max-width:760px){.clean-tabs .btn{width:100%;min-width:0}.section-head{display:block}.section-head .action-row,.section-head>a.btn{margin-top:10px}.list-tools [data-table-search]{min-width:100%;max-width:none}.bulkbar select,.bulkbar .btn{width:100%}.pager{justify-content:center}.table{min-width:760px}}

/* v3.9.2 - make submit actions visible on separated form pages */
.form-actions-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.form-card .section-head{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.form-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}
@media(max-width:900px){.form-actions-top{justify-content:flex-start;width:100%}.form-card .section-head{display:block}.form-card .section-head .form-actions-top{margin-top:12px}}

/* v3.10.5 - konsistensi tombol form/list */
.section-head .form-actions-top{display:none!important}
.form-footer{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:20px;padding-top:16px;border-top:1px solid var(--border,#e5e7eb)}
.list-card .section-head .action-row{display:none!important}
.clean-tabs,.page-tabs{gap:8px;flex-wrap:wrap}
.card.form-card .section-head{border-bottom:1px solid var(--border,#e5e7eb);padding-bottom:14px;margin-bottom:18px}
.card.list-card .section-head{border-bottom:1px solid var(--border,#e5e7eb);padding-bottom:14px;margin-bottom:14px}
@media(max-width:760px){.form-footer{flex-direction:column;align-items:stretch}.page-actions .btn,.form-footer .btn{width:100%;text-align:center}}

/* v3.14 - top user dropdown + UI readiness polish */
.user-menu-wrap{position:relative;display:flex;align-items:center}.user-menu-btn{cursor:pointer;border:1px solid var(--line);gap:8px}.user-menu-btn b{font-size:12px;color:#64748b}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:230px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.18);padding:8px;z-index:80;display:none}.user-dropdown.open{display:block}.user-dropdown:before{content:"";position:absolute;right:22px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.user-dropdown-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.user-dropdown-head b{display:block}.user-dropdown-head small{color:var(--muted)}.user-dropdown a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;color:#334155;font-weight:700}.user-dropdown a:hover{background:#f1f5f9}.user-dropdown a.danger-link{color:#b91c1c}.sidebar .nav-group:last-child:empty{display:none}.topbar{gap:14px}.page-title{min-width:180px;text-align:center;flex:1}.top-search{flex:0 0 360px}.top-search input{width:100%;border:1px solid var(--line);border-radius:999px;padding:11px 14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.notif-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;box-shadow:var(--shadow);white-space:nowrap}.notif-pill b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;margin-left:3px}.notif-pill span{color:#94a3b8}.nav-group-body:empty{display:none}.nav-group:has(.nav-group-body:empty){display:none}@media(max-width:1100px){.top-search{flex:1 1 220px}.page-title{text-align:left}}@media(max-width:760px){.topbar{align-items:flex-start;flex-wrap:wrap}.page-title{order:3;flex-basis:100%}.user-dropdown{right:auto;left:0}.top-search{flex-basis:100%}}


/* v3.15 - UI/UX phase 1: role-aware account dropdown + shell polish */
.ui-v315 .topbar{position:sticky;top:0;z-index:50;background:rgba(245,247,251,.88);backdrop-filter:blur(10px);padding:8px 0 14px;margin-top:-8px;border-bottom:1px solid rgba(226,232,240,.65)}
.ui-v315 .user-dropdown{width:250px}.ui-v315 .user-dropdown a{justify-content:flex-start}.ui-v315 .mini-count{margin-left:auto;display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;padding:0 6px}.ui-v315 .user-dropdown-head{background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;margin:0 0 8px;padding:12px}.ui-v315 .user-dropdown-head small{display:inline-flex;margin-top:4px;text-transform:capitalize}.ui-v315 .nav-group-title{transition:background .15s ease}.ui-v315 .nav-group-title:hover{background:rgba(255,255,255,.06)}.ui-v315 .nav-group.open .nav-group-title{color:#fff}.ui-v315 .nav-group-body{padding-left:2px}.ui-v315 .nav a{position:relative}.ui-v315 .nav a.active:before{content:"";position:absolute;left:4px;top:9px;bottom:9px;width:3px;border-radius:999px;background:#60a5fa}.ui-v315 .card{transition:box-shadow .15s ease, transform .15s ease}.ui-v315 .card:hover{box-shadow:0 12px 34px rgba(15,23,42,.10)}.ui-v315 .btn{min-height:40px}.ui-v315 .form-footer .btn{min-width:110px}.ui-v315 .page-actions,.ui-v315 .tabs{align-items:center}.ui-v315 .table th{white-space:nowrap}.ui-v315 .table td .actions{white-space:nowrap}
@media(max-width:900px){.ui-v315 .topbar{position:relative;top:auto;background:transparent;border-bottom:0;padding-top:0}.ui-v315 .user-pill{display:flex}.ui-v315 .user-menu-wrap{width:100%}.ui-v315 .user-menu-btn{width:100%;justify-content:space-between}.ui-v315 .user-dropdown{left:0;right:auto;width:min(280px,92vw)}}

/* v3.16 - UI/UX phase 2: bottom navigation for better mobile UX */
.bottom-nav{display:none}
.ui-v316 .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid #e2e8f0;box-shadow:0 -10px 30px rgba(15,23,42,.10);padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:6px;justify-content:space-around}
.ui-v316 .bottom-nav a,.ui-v316 .bottom-nav button{appearance:none;border:0;background:transparent;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 4px;border-radius:14px;color:#64748b;font-weight:800;cursor:pointer}
.ui-v316 .bottom-nav b{font-size:18px;line-height:1}.ui-v316 .bottom-nav span{font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ui-v316 .bottom-nav a.active{background:#eff6ff;color:#1d4ed8}.ui-v316 .bottom-nav a:active,.ui-v316 .bottom-nav button:active{transform:translateY(1px)}
@media(max-width:900px){.ui-v316 .bottom-nav{display:flex}.ui-v316 .content{padding-bottom:88px}.ui-v316 .sidebar.open{position:fixed;z-index:90;left:0;right:0;top:0;bottom:72px;width:100%;height:auto;overflow:auto}.ui-v316 .sidebar.open + .content:before{content:"";position:fixed;inset:0;z-index:79;background:rgba(15,23,42,.25)}}
@media print{.bottom-nav{display:none!important}}

/* v3.17 - UI/UX phase 3: mobile quick menu + calmer page rhythm */
.ui-v317 .content{max-width:1600px}
.ui-v317 .card{border:1px solid rgba(226,232,240,.85)}
.ui-v317 .section-head{gap:12px}
.ui-v317 .section-head h2,.ui-v317 .section-head h3{letter-spacing:-.01em}
.ui-v317 .input,.ui-v317 select,.ui-v317 textarea{min-height:42px}
.ui-v317 .table th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.ui-v317 .table td{vertical-align:middle}.ui-v317 .badge{font-weight:800}
.ui-v317 .btn{letter-spacing:.01em}.ui-v317 .btn.secondary{background:#f1f5f9;color:#334155}.ui-v317 .btn.ghost{background:#fff}
.quick-menu-backdrop{display:none}
.quick-menu-panel{display:none}
@media(max-width:900px){
  .ui-v317 .mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff;color:#0f172a;box-shadow:0 8px 22px rgba(15,23,42,.08)}
  .ui-v317 .topbar{gap:10px}.ui-v317 .top-search{order:4}.ui-v317 .page-title h1{font-size:22px}.ui-v317 .page-title p{font-size:12px}
  .quick-menu-backdrop.open{display:block;position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:91;backdrop-filter:blur(3px)}
  .quick-menu-panel{display:block;position:fixed;left:10px;right:10px;bottom:84px;max-height:min(72vh,620px);overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 28px 80px rgba(15,23,42,.28);z-index:92;padding:14px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s ease}
  .quick-menu-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .quick-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.quick-menu-head b{display:block;font-size:18px}.quick-menu-head small{display:block;color:var(--muted);margin-top:2px}.quick-menu-head button{border:0;background:#f1f5f9;color:#0f172a;border-radius:14px;width:40px;height:40px;font-size:24px;line-height:1;cursor:pointer}
  .quick-menu-search{margin-bottom:10px}.quick-menu-group{margin-top:12px}.quick-menu-group h4{margin:0 0 8px;color:#64748b;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.quick-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-menu-grid a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;font-weight:800}.quick-menu-grid a:hover,.quick-menu-grid a:active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
  .quick-menu-group.is-empty{display:none}.quick-menu-grid a.is-hidden{display:none}
  .ui-v317 .sidebar.open{bottom:0}.ui-v317 .sidebar.open + .content:before{z-index:89}.ui-v317 .bottom-nav{z-index:90}
}
@media(max-width:460px){.quick-menu-grid{grid-template-columns:1fr}.quick-menu-panel{left:8px;right:8px;bottom:80px}}
@media(min-width:901px){.ui-v317 .mobile-menu{display:none!important}}


/* v3.18 - UI/UX phase 4: responsive tables, empty states, and smoother daily use */
.ui-v318 .page-actions.page-tabs{position:sticky;top:74px;z-index:35;background:rgba(245,247,251,.9);backdrop-filter:blur(8px);padding:8px 0;margin-top:-4px;border-bottom:1px solid rgba(226,232,240,.7)}
.ui-v318 .page-tabs .btn.active,.ui-v318 .clean-tabs .btn.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.ui-v318 .form-card{max-width:1180px}.ui-v318 .form-card form{margin-top:4px}.ui-v318 .form-footer{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin-top:22px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.ui-v318 .form-footer .btn{min-width:120px}.ui-v318 .list-card .section-head,.ui-v318 .form-card .section-head{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:16px;padding:12px 14px;border:1px solid #edf2f7}
.ui-v318 .list-tools{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px}.ui-v318 .bulkbar{background:#fff7ed;border-color:#fed7aa}.ui-v318 .pager{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:8px 10px}
.ui-v318 .empty-state{display:grid;place-items:center;text-align:center;gap:4px;padding:18px 8px;color:#64748b}.ui-v318 .empty-state:before{content:'∅';display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#f1f5f9;color:#94a3b8;font-weight:900;font-size:24px}.ui-v318 .empty-state b{color:#334155}.ui-v318 .empty-state span{font-size:13px}
.ui-v318 .table{border-collapse:separate;border-spacing:0}.ui-v318 .table th:first-child{border-top-left-radius:12px}.ui-v318 .table th:last-child{border-top-right-radius:12px}.ui-v318 .table td{transition:background .12s ease}.ui-v318 .table tr:hover td{background:#f8fbff}.ui-v318 .table td .actions,.ui-v318 .table td:last-child{gap:6px}.ui-v318 .table .btn{min-height:34px}
.form-progress-hint{font-size:12px;margin-top:10px;padding:8px 10px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1}.form-progress-hint.complete{background:#ecfdf5;border-color:#86efac;color:#166534}
.scroll-top-btn{position:fixed;right:18px;bottom:92px;z-index:75;width:42px;height:42px;border:0;border-radius:16px;background:#0f172a;color:#fff;font-weight:900;font-size:18px;box-shadow:0 16px 40px rgba(15,23,42,.24);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.16s ease}.scroll-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:900px){.ui-v318 .page-actions.page-tabs{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:transparent;border-bottom:0;padding:0}.ui-v318 .page-tabs .btn{width:100%}.ui-v318 .topbar{margin-bottom:14px}.ui-v318 .list-tools{display:grid;grid-template-columns:1fr;gap:8px}.ui-v318 .list-tools .input,.ui-v318 .small-select{max-width:none}.ui-v318 .scroll-top-btn{bottom:88px;right:14px}}
@media(max-width:720px){
  .ui-v318 .table-wrap{overflow:visible}.ui-v318 table.table{border-collapse:separate;border-spacing:0 10px;min-width:0!important}.ui-v318 .table tr:first-child{display:none}.ui-v318 .table tr{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:8px;box-shadow:0 8px 22px rgba(15,23,42,.06);margin-bottom:10px}.ui-v318 .table td{display:grid;grid-template-columns:120px 1fr;gap:8px;border-bottom:1px solid #f1f5f9;padding:9px 8px;background:transparent!important;word-break:break-word}.ui-v318 .table td:last-child{border-bottom:0}.ui-v318 .table td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:800}.ui-v318 .table td.no-export{display:flex;justify-content:flex-start;width:auto}.ui-v318 .table td.no-export:before{content:''}.ui-v318 .table td.empty-row{display:block}.ui-v318 .table td.empty-row:before{display:none}.ui-v318 .table .btn{width:auto}.ui-v318 .pager{justify-content:space-between}.ui-v318 .form-footer .btn{width:100%}.form-progress-hint{text-align:center}
}
@media(print){.scroll-top-btn,.form-progress-hint{display:none!important}}


/* v3.18.1 - Mobile report rollback/fix: keep reports as horizontal tables, prevent viewport zoom/overflow */
html,body{max-width:100%;}
@media(max-width:900px){
  body{overflow-x:hidden;}
  .ui-v318 .layout,.ui-v318 .content{max-width:100vw;overflow-x:hidden;}
  .ui-v318 .card{max-width:100%;}
  .ui-v318 .bottom-nav{max-width:100vw;min-height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:4px;}
  .ui-v318 .bottom-nav a,.ui-v318 .bottom-nav button{min-width:0;padding:6px 2px;border-radius:12px;}
  .ui-v318 .bottom-nav b{font-size:17px;line-height:1;}
  .ui-v318 .bottom-nav span{font-size:10px;line-height:1.05;}

  /* Reports are dense data; do not convert them to mobile cards */
  .ui-v318.route-reports .table-wrap{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;width:100%;}
  .ui-v318.route-reports table.table{display:table!important;width:100%!important;min-width:980px!important;border-collapse:collapse!important;border-spacing:0!important;font-size:12px;}
  .ui-v318.route-reports .table tr,
  .ui-v318.route-reports .table tr:first-child{display:table-row!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin:0!important;}
  .ui-v318.route-reports .table th,
  .ui-v318.route-reports .table td{display:table-cell!important;grid-template-columns:none!important;gap:0!important;border-bottom:1px solid var(--line)!important;padding:9px 10px!important;white-space:nowrap!important;word-break:normal!important;background:transparent;}
  .ui-v318.route-reports .table th{background:#f8fafc!important;}
  .ui-v318.route-reports .table td:before{content:none!important;display:none!important;}
  .ui-v318.route-reports .table td:last-child{border-bottom:1px solid var(--line)!important;}
  .ui-v318.route-reports .table td.empty-row{display:table-cell!important;text-align:center!important;}
  .ui-v318.route-reports .searchbar{display:grid;grid-template-columns:1fr;gap:8px;}
  .ui-v318.route-reports .searchbar .input,
  .ui-v318.route-reports .searchbar select,
  .ui-v318.route-reports .searchbar .btn{width:100%;max-width:none;}
}


/* v3.19 - UI/UX phase 5: visual sweetener without changing workflow */
.ui-v319{--bg:#f6f8fc;--panel:#ffffff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#eff6ff;--primary:#2563eb;--primary2:#1d4ed8;--radius:20px;--shadow:0 12px 34px rgba(15,23,42,.07)}
.ui-v319 body{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 32vw),var(--bg)}
.ui-v319 .sidebar{background:linear-gradient(180deg,#0f172a 0%,#111827 52%,#0b1220 100%);box-shadow:10px 0 32px rgba(15,23,42,.18)}
.ui-v319 .side-brand{padding:10px 10px 14px;border-bottom:1px solid rgba(148,163,184,.18);margin-bottom:14px}.ui-v319 .brand-logo{box-shadow:0 12px 28px rgba(37,99,235,.28)}
.ui-v319 .nav-group{margin-bottom:8px}.ui-v319 .nav-group-title{border-radius:16px}.ui-v319 .nav a{border-radius:15px;min-height:42px}.ui-v319 .nav a.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 10px 24px rgba(37,99,235,.22)}.ui-v319 .nav a:hover:not(.active){background:rgba(255,255,255,.08)}
.ui-v319 .topbar{position:sticky;top:0;z-index:55;background:rgba(246,248,252,.84);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.72);box-shadow:0 10px 28px rgba(15,23,42,.05);border-radius:22px;padding:12px 14px;margin-bottom:18px}.ui-v319 .page-title h1{letter-spacing:-.03em}.ui-v319 .page-title p{font-size:13px}.ui-v319 .top-search input{border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.ui-v319 .card{border:1px solid rgba(226,232,240,.92);box-shadow:0 12px 34px rgba(15,23,42,.06);transition:transform .14s ease,box-shadow .14s ease}.ui-v319 .card:hover{box-shadow:0 16px 42px rgba(15,23,42,.08)}.ui-v319 .card h2,.ui-v319 .card h3{letter-spacing:-.02em}.ui-v319 .section-head{align-items:center}.ui-v319 .section-head h2,.ui-v319 .section-head h3{margin-bottom:3px}
.ui-v319 .stat{background:linear-gradient(180deg,#fff,#fbfdff);border-color:rgba(226,232,240,.9);box-shadow:0 10px 28px rgba(15,23,42,.055)}.ui-v319 .stat b{letter-spacing:-.03em;color:#0f172a}.ui-v319 .quick-card{transition:.14s ease}.ui-v319 .quick-card:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 16px 36px rgba(37,99,235,.10)}
.ui-v319 .btn{border-radius:14px;min-height:40px;box-shadow:0 8px 18px rgba(37,99,235,.14);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ui-v319 .btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(37,99,235,.18)}.ui-v319 .btn.secondary,.ui-v319 .btn.ghost{box-shadow:none}.ui-v319 .btn.secondary:hover,.ui-v319 .btn.ghost:hover{box-shadow:0 10px 22px rgba(15,23,42,.08)}
.ui-v319 .input,.ui-v319 select,.ui-v319 textarea{border-radius:14px;min-height:43px;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.ui-v319 .field label{font-weight:800;color:#475569}.ui-v319 textarea{line-height:1.45}.ui-v319 .form-row{gap:16px}.ui-v319 .form-footer{display:flex;justify-content:flex-end;gap:10px}.ui-v319 .form-footer .btn{min-width:112px}
.ui-v319 .table-wrap{border-radius:16px}.ui-v319 .table th{background:#f8fafc;color:#475569}.ui-v319 .table th,.ui-v319 .table td{padding:12px}.ui-v319 .badge{border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 -1px 0 rgba(0,0,0,.04)}
.ui-v319 .page-actions.page-tabs,.ui-v319 .clean-tabs{gap:9px}.ui-v319 .page-tabs .btn,.ui-v319 .clean-tabs .btn{border-radius:999px}.ui-v319 .list-tools,.ui-v319 .pager,.ui-v319 .bulkbar{box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ui-v319 .user-dropdown{border-radius:20px;box-shadow:0 26px 70px rgba(15,23,42,.22);border-color:#e2e8f0;overflow:hidden}.ui-v319 .user-dropdown a{min-height:42px}.ui-v319 .notif-pill{border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.ui-v319 .bottom-nav{left:50%;transform:translateX(-50%);right:auto;width:min(620px,calc(100vw - 18px));border-radius:24px 24px 0 0;box-shadow:0 -18px 48px rgba(15,23,42,.14);border:1px solid #e2e8f0;border-bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.ui-v319 .bottom-nav a,.ui-v319 .bottom-nav button{border-radius:18px}.ui-v319 .bottom-nav a.active{background:linear-gradient(180deg,#eff6ff,#dbeafe);box-shadow:inset 0 0 0 1px #bfdbfe}.ui-v319 .quick-menu-panel{border-radius:28px}.ui-v319 .quick-menu-grid a{border-radius:18px;background:#fff}.ui-v319 .quick-menu-grid a:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(37,99,235,.08)}
.ui-v319 .empty-state{padding:26px 10px}.ui-v319 .empty-state:before{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:inset 0 -1px 0 rgba(0,0,0,.04)}
.ui-v319 .scroll-top-btn{border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e293b)}
@media(max-width:900px){.ui-v319 .topbar{position:relative;top:auto;border-radius:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.ui-v319 .page-title{grid-column:2}.ui-v319 .notif-pill{grid-column:3;grid-row:1}.ui-v319 .top-search{grid-column:1 / -1;width:100%;order:5}.ui-v319 .content{padding:12px 12px 92px}.ui-v319 .card{border-radius:20px}.ui-v319 .section-head{align-items:flex-start}.ui-v319 .form-footer{justify-content:stretch}.ui-v319 .form-footer .btn{width:100%}.ui-v319 .bottom-nav{min-height:66px}.ui-v319 .bottom-nav b{font-size:17px}.ui-v319 .bottom-nav span{font-size:10.5px}}
@media(max-width:720px){.ui-v319:not(.route-reports) .table tr{border-radius:20px}.ui-v319:not(.route-reports) .table td{grid-template-columns:118px 1fr}.ui-v319 .page-actions.page-tabs{grid-template-columns:1fr 1fr}.ui-v319 .list-card .section-head,.ui-v319 .form-card .section-head{padding:10px}}
@media(print){.ui-v319 .topbar{position:static;box-shadow:none;border:0}.ui-v319 .card:hover{box-shadow:none;transform:none}}


/* v3.20 - UI/UX phase 6: comfort controls, breadcrumbs, safer focus & spacing */
.ui-v320 .breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:3px;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ui-v320 .breadcrumb a{color:#2563eb;text-decoration:none;font-weight:800}.ui-v320 .breadcrumb span{color:#94a3b8}.ui-v320 .breadcrumb b{color:#64748b;font-weight:800;overflow:hidden;text-overflow:ellipsis}
.ui-v320 .view-toggle{border:1px solid #e2e8f0;background:#fff;border-radius:16px;min-height:42px;padding:0 12px;font-weight:900;color:#475569;box-shadow:0 8px 22px rgba(15,23,42,.05);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ui-v320 .view-toggle:hover{background:#f8fafc;color:#0f172a}.ui-v320.compact-mode .view-toggle{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.ui-v320 *:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px;border-radius:10px}.ui-v320 .btn:focus-visible,.ui-v320 .nav a:focus-visible,.ui-v320 .bottom-nav a:focus-visible{outline-color:rgba(37,99,235,.42)}
.ui-v320 .card{scroll-margin-top:96px}.ui-v320 .table tr{transition:background .12s ease}.ui-v320 .table tr:hover td{background:#f8fafc}.ui-v320 .table .no-export{white-space:nowrap}.ui-v320 .badge{white-space:nowrap}.ui-v320 .field small,.ui-v320 .help-text{color:#64748b;font-size:12px;line-height:1.35}.ui-v320 .form-footer{padding-top:14px;border-top:1px solid #eef2f7;margin-top:16px}.ui-v320 .form-footer .btn[data-primary-action="1"]{font-weight:900}
.ui-v320 .list-tools{border:1px solid #e2e8f0;border-radius:18px;background:#fbfdff;padding:10px;margin-bottom:12px}.ui-v320 .pager{border:1px solid #e2e8f0;border-radius:16px;background:#fbfdff;padding:9px 10px;margin-top:12px}
.ui-v320.compact-mode .content{font-size:13px}.ui-v320.compact-mode .card{padding:14px;border-radius:16px}.ui-v320.compact-mode .table th,.ui-v320.compact-mode .table td{padding:8px 9px}.ui-v320.compact-mode .input,.ui-v320.compact-mode select,.ui-v320.compact-mode textarea{min-height:38px}.ui-v320.compact-mode .btn{min-height:36px;padding:8px 11px}.ui-v320.compact-mode .topbar{padding:9px 11px;margin-bottom:13px}.ui-v320.compact-mode .stat{padding:13px}.ui-v320.compact-mode .form-row{gap:11px}.ui-v320.compact-mode .nav a{min-height:38px}.ui-v320.compact-mode .bottom-nav{min-height:60px}
.ui-v320 .toast-lite{position:fixed;left:50%;bottom:88px;transform:translateX(-50%) translateY(8px);z-index:200;background:#0f172a;color:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 18px 44px rgba(15,23,42,.26);font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.18s ease}.ui-v320 .toast-lite.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.ui-v320 .view-toggle{grid-column:1;grid-row:1;min-width:42px;padding:0 9px}.ui-v320 .view-toggle span{display:none}.ui-v320 .breadcrumb{font-size:10px;max-width:68vw}.ui-v320 .topbar{grid-template-columns:auto 1fr auto auto;gap:8px}.ui-v320 .page-title{min-width:0}.ui-v320 .page-title h1{font-size:20px}.ui-v320 .user-menu-wrap{grid-column:4;grid-row:1}.ui-v320 .notif-pill{grid-column:3;grid-row:1}.ui-v320 .mobile-menu{grid-column:1;grid-row:1}.ui-v320 .view-toggle{grid-column:1;grid-row:2}.ui-v320 .top-search{grid-column:1 / -1}.ui-v320 .form-footer{position:sticky;bottom:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid #e2e8f0;border-radius:18px;padding:10px;z-index:35;box-shadow:0 -10px 30px rgba(15,23,42,.08)}}
@media(max-width:720px){.ui-v320 .breadcrumb{display:none}.ui-v320 .list-tools{padding:8px;border-radius:16px}.ui-v320 .pager{font-size:12px}.ui-v320 .toast-lite{bottom:82px;width:max-content;max-width:calc(100vw - 24px)}}
@media(print){.ui-v320 .breadcrumb,.ui-v320 .view-toggle,.ui-v320 .toast-lite{display:none!important}.ui-v320 .form-footer{position:static!important;box-shadow:none!important;border:0!important;background:transparent!important}}

.ui-v320 .btn.is-loading{opacity:.78;pointer-events:none}.ui-v320 .btn.is-loading:after{content:' …';}


/* v3.21 - UI/UX phase 7: contextual help panel */
.ui-v321 .help-toggle{border:1px solid #e2e8f0;background:#fff;border-radius:16px;width:42px;height:42px;font-weight:950;color:#1d4ed8;box-shadow:0 8px 22px rgba(15,23,42,.05);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ui-v321 .help-toggle:hover{background:#eff6ff;border-color:#bfdbfe}
.ui-v321 .help-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.24);z-index:170;opacity:0;pointer-events:none;transition:.18s ease}.ui-v321 .help-backdrop.open{opacity:1;pointer-events:auto}
.ui-v321 .help-panel{position:fixed;top:0;right:0;height:100vh;width:min(420px,calc(100vw - 22px));background:#fff;z-index:180;box-shadow:-24px 0 70px rgba(15,23,42,.24);transform:translateX(105%);transition:.22s ease;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.ui-v321 .help-panel.open{transform:translateX(0)}
.ui-v321 .help-panel-head{padding:18px 18px 14px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:linear-gradient(180deg,#f8fafc,#fff)}.ui-v321 .help-panel-head b{display:block;font-size:18px;color:#0f172a}.ui-v321 .help-panel-head small{display:block;color:#64748b;margin-top:4px}.ui-v321 .help-panel-head button{border:0;background:#f1f5f9;border-radius:14px;width:38px;height:38px;font-size:22px;cursor:pointer;color:#334155}.ui-v321 .help-panel-head button:hover{background:#e2e8f0}
.ui-v321 .help-panel-body{padding:18px;overflow:auto}.ui-v321 .help-panel-body ol{margin:0;padding-left:22px;display:grid;gap:12px}.ui-v321 .help-panel-body li{line-height:1.45;color:#334155}.ui-v321 .help-note{margin-top:18px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:18px;padding:13px;display:grid;gap:4px;color:#1e3a8a}.ui-v321 .help-note b{font-size:13px}.ui-v321 .help-note span{font-size:12px;line-height:1.4}
.ui-v321 .card .section-head p.muted,.ui-v321 .card > p.muted{line-height:1.45}.ui-v321 .form-progress-hint{border:1px dashed #cbd5e1;border-radius:14px;padding:9px 11px;background:#f8fafc;margin-top:8px}.ui-v321 .form-progress-hint.complete{border-color:#86efac;background:#f0fdf4;color:#166534}
@media(max-width:900px){.ui-v321 .help-toggle{grid-column:2;grid-row:2;justify-self:end;width:40px;height:40px}.ui-v321 .help-panel{width:min(420px,calc(100vw - 12px))}.ui-v321 .help-panel-head{padding:16px}.ui-v321 .help-panel-body{padding:16px}.ui-v321 .topbar{grid-template-columns:auto 1fr auto auto!important}}
@media(max-width:720px){.ui-v321 .help-toggle{width:38px;height:38px}.ui-v321 .help-panel{border-radius:24px 24px 0 0;top:auto;bottom:0;height:72vh;width:100%;transform:translateY(105%);border-left:0;border-top:1px solid #e2e8f0}.ui-v321 .help-panel.open{transform:translateY(0)}.ui-v321 .help-panel-head{border-radius:24px 24px 0 0}}
@media(print){.ui-v321 .help-toggle,.ui-v321 .help-backdrop,.ui-v321 .help-panel{display:none!important}}

/* v3.22 - UI/UX phase 8: command palette and recent pages */
.ui-v322 .cmd-toggle{border:1px solid #e2e8f0;background:#fff;border-radius:16px;min-width:46px;height:42px;padding:0 10px;font-weight:950;color:#475569;box-shadow:0 8px 22px rgba(15,23,42,.05);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.ui-v322 .cmd-toggle:hover{background:#f8fafc;color:#1d4ed8;border-color:#bfdbfe}
.ui-v322 .cmd-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.34);z-index:210;opacity:0;pointer-events:none;transition:.18s ease}.ui-v322 .cmd-backdrop.open{opacity:1;pointer-events:auto}
.ui-v322 .cmd-panel{position:fixed;top:8vh;left:50%;width:min(680px,calc(100vw - 24px));max-height:84vh;transform:translateX(-50%) translateY(-14px) scale(.98);opacity:0;pointer-events:none;z-index:220;background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 32px 90px rgba(15,23,42,.3);overflow:hidden;transition:.18s ease;display:flex;flex-direction:column}.ui-v322 .cmd-panel.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.ui-v322 .cmd-head{padding:17px 18px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#fff);display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.ui-v322 .cmd-head b{font-size:18px;color:#0f172a}.ui-v322 .cmd-head small{display:block;color:#64748b;margin-top:3px}.ui-v322 .cmd-head button{border:0;background:#f1f5f9;border-radius:14px;width:38px;height:38px;font-size:22px;cursor:pointer;color:#334155}.ui-v322 .cmd-head button:hover{background:#e2e8f0}
.ui-v322 .cmd-search-wrap{padding:14px 16px;border-bottom:1px solid #eef2f7}.ui-v322 .cmd-search-wrap .input{font-size:16px;border-radius:18px;min-height:46px}
.ui-v322 .cmd-section{padding:12px 16px}.ui-v322 .cmd-section>b{display:block;margin-bottom:8px;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.ui-v322 .cmd-list{display:grid;gap:7px}.ui-v322 .cmd-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:#0f172a;background:#fff;font-weight:850}.ui-v322 .cmd-item:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.08)}.ui-v322 .cmd-item b{color:#94a3b8}.ui-v322 .cmd-empty{display:block;padding:10px 2px}.ui-v322 .cmd-foot{padding:12px 18px;border-top:1px solid #eef2f7;background:#fbfdff;font-size:12px}
@media(max-width:900px){.ui-v322 .cmd-toggle{grid-column:3;grid-row:2;justify-self:end;height:40px;min-width:42px}.ui-v322 .help-toggle{grid-column:2;grid-row:2}.ui-v322 .cmd-panel{top:auto;bottom:0;width:100%;max-height:78vh;border-radius:26px 26px 0 0;transform:translateX(-50%) translateY(105%)}.ui-v322 .cmd-panel.open{transform:translateX(-50%) translateY(0) scale(1)}.ui-v322 .cmd-head{border-radius:26px 26px 0 0}.ui-v322 .cmd-item{padding:12px}}
@media(print){.ui-v322 .cmd-toggle,.ui-v322 .cmd-backdrop,.ui-v322 .cmd-panel{display:none!important}}


/* v3.27 - Layout workspace polish: use empty right space safely */
.ui-v327 .content{
  max-width:none!important;
  width:calc(100% - 280px);
}
.ui-v327 .card,
.ui-v327 .list-card,
.ui-v327 .form-card{
  max-width:none!important;
  width:100%;
}
.ui-v327 .page-actions.page-tabs,
.ui-v327 .clean-tabs{
  width:100%;
}
.ui-v327 .grid-3{
  grid-template-columns:repeat(3,minmax(220px,1fr));
}
.ui-v327 .grid-4{
  grid-template-columns:repeat(4,minmax(180px,1fr));
}
.ui-v327 .list-tools{
  align-items:center;
}
.ui-v327 .list-tools .input[data-live-like],
.ui-v327 .list-tools input[type="search"]{
  min-width:280px;
}
.ui-v327 .table-wrap{
  width:100%;
}
.ui-v327 .topbar{
  width:100%;
}
.ui-v327 .form-card .section-head,
.ui-v327 .list-card .section-head{
  margin-bottom:14px;
}
.ui-v327 .workspace-note{
  display:none;
}
@media(min-width:1500px){
  .ui-v327 .content{
    padding-right:28px;
  }
  .ui-v327 .card.wide-card,
  .ui-v327 .list-card{
    min-height:auto;
  }
}
@media(max-width:1200px){
  .ui-v327 .grid-3,.ui-v327 .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
  .ui-v327 .content{width:100%;max-width:100vw!important;}
  .ui-v327 .grid-3,.ui-v327 .grid-4{grid-template-columns:1fr;}
}

/* v3.28 - Asset lifecycle guide and status glossary */
.ui-v328 .asset-lifecycle-guide{
  border:1px solid #dbeafe;
  background:linear-gradient(180deg,#eff6ff,#ffffff 78%);
  border-radius:24px;
  margin:12px 0 16px;
  box-shadow:0 14px 34px rgba(37,99,235,.08);
  overflow:hidden;
}
.ui-v328 .asset-lifecycle-guide summary{
  list-style:none;
  cursor:pointer;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-weight:900;
  color:#0f172a;
}
.ui-v328 .asset-lifecycle-guide summary::-webkit-details-marker{display:none}
.ui-v328 .asset-lifecycle-guide summary small{font-weight:700;color:#64748b}
.ui-v328 .asset-lifecycle-guide[open] summary{border-bottom:1px solid #dbeafe}
.ui-v328 .guide-body{padding:16px 18px 18px;display:grid;gap:14px}
.ui-v328 .status-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#64748b;font-weight:900}
.ui-v328 .flow-chip{border:1px solid #dbeafe;background:#fff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.ui-v328 .flow-chip.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}
.ui-v328 .flow-chip.assigned{color:#92400e;background:#fef3c7;border-color:#fde68a}
.ui-v328 .flow-chip.returned{color:#166534;background:#f0fdf4;border-color:#bbf7d0}
.ui-v328 .guide-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px}
.ui-v328 .guide-item{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:11px;display:grid;gap:7px;min-height:88px}
.ui-v328 .guide-item p{margin:0;color:#64748b;line-height:1.35;font-size:12px}
.ui-v328 .guide-note{border:1px dashed #bfdbfe;background:#f8fbff;border-radius:18px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#334155;line-height:1.45}
.ui-v328 .guide-note span{flex:1;min-width:240px}
.ui-v328 .badge.byod_returned{background:#ede9fe;color:#5b21b6}
.ui-v328 .badge.deletion_pending{background:#fff7ed;color:#9a3412}
.ui-v328 .badge.disposed,.ui-v328 .badge.deleted{background:#fee2e2;color:#991b1b}
.ui-v328 .badge.returned{background:#e0f2fe;color:#075985}
.ui-v328 .badge.assigned{background:#fef3c7;color:#92400e}
.ui-v328 .badge.available{background:#dcfce7;color:#166534}
.ui-v328 .badge.pending{background:#fef9c3;color:#854d0e}
.ui-v328 .byod-guide{border-color:#ddd6fe;background:linear-gradient(180deg,#f5f3ff,#fff)}
@media(max-width:1100px){.ui-v328 .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.ui-v328 .asset-lifecycle-guide summary{align-items:flex-start;flex-direction:column}.ui-v328 .guide-grid{grid-template-columns:1fr}.ui-v328 .guide-note{align-items:flex-start;flex-direction:column}.ui-v328 .guide-note span{min-width:0}.ui-v328 .status-flow{gap:7px}.ui-v328 .flow-chip{padding:7px 10px}}

/* v3.30 - Professional login screen + Google sign-in button */
.login-pro-bg{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 12%,rgba(59,130,246,.28),transparent 28vw),radial-gradient(circle at 88% 10%,rgba(14,165,233,.18),transparent 26vw),linear-gradient(135deg,#0f172a,#1e3a8a 58%,#0f172a);position:relative;overflow:hidden}.login-pro-bg:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}.login-pro-shell{position:relative;z-index:1;width:min(1080px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.login-pro-hero{color:#fff;padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:0 32px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;min-height:560px}.login-pro-brand{display:flex;align-items:center;gap:14px}.login-pro-brand b{display:block;font-size:20px;letter-spacing:-.03em}.login-pro-brand span{display:block;color:#cbd5e1;font-size:13px;margin-top:2px}.login-pro-logo{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#06b6d4);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(37,99,235,.34);overflow:hidden}.login-pro-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:7px}.login-pro-copy{max-width:620px}.login-pro-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#dbeafe}.login-pro-copy h1{font-size:46px;line-height:1.04;letter-spacing:-.055em;margin:18px 0 14px}.login-pro-copy p:not(.login-pro-kicker){font-size:16px;line-height:1.7;color:#dbeafe;margin:0}.login-pro-points{display:flex;gap:10px;flex-wrap:wrap}.login-pro-points span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;color:#e0f2fe}.login-pro-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.72);border-radius:32px;padding:34px;box-shadow:0 32px 90px rgba(0,0,0,.30);backdrop-filter:blur(18px);align-self:center}.login-pro-card-head h2{margin:0;font-size:28px;letter-spacing:-.04em}.login-pro-card-head p{margin:6px 0 0;color:#64748b}.login-pro-form{margin-top:22px}.login-pro-form .input{min-height:48px;border-radius:16px;background:#fff}.login-pro-submit{width:100%;min-height:48px;border-radius:16px;font-size:15px;margin-top:4px}.login-pro-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.login-pro-divider:before,.login-pro-divider:after{content:'';height:1px;background:#e2e8f0;flex:1}.google-login-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;background:#fff;border:1px solid #dbe3ef;color:#1f2937;font-weight:800;box-shadow:0 10px 22px rgba(15,23,42,.06);transition:.14s ease}.google-login-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.10);border-color:#cbd5e1}.google-login-btn.disabled{opacity:.72;cursor:not-allowed}.google-login-btn.disabled:hover{transform:none;box-shadow:0 10px 22px rgba(15,23,42,.06)}.google-g{width:22px;height:22px;display:inline-grid;place-items:center}.google-g svg{width:22px;height:22px;display:block}.login-pro-note{text-align:center;color:#64748b;font-size:12px;line-height:1.55;margin:14px 0 0}.login-bg{background:linear-gradient(135deg,#0f172a,#1d4ed8)}
@media(max-width:900px){.login-pro-bg{padding:18px}.login-pro-shell{grid-template-columns:1fr}.login-pro-hero{min-height:auto;padding:24px;gap:32px}.login-pro-copy h1{font-size:34px}.login-pro-card{padding:24px;border-radius:26px}.login-pro-points{display:none}}
@media(max-width:520px){.login-pro-hero{display:none}.login-pro-bg{place-items:stretch}.login-pro-shell{align-items:center}.login-pro-card{align-self:center}.login-pro-card-head h2{font-size:24px}}

/* v3.34 - Mobile dashboard and topbar polish */
.ui-v334{--mobile-bottom-gap:88px;}
@media(max-width:760px){
  .ui-v334 body{overflow-x:hidden;}
  .ui-v334 .content{padding:10px 10px calc(var(--mobile-bottom-gap) + 12px)!important;max-width:100vw;overflow-x:hidden;}
  .ui-v334 .topbar{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 44px 44px!important;
    grid-template-areas:
      "menu title notif user"
      "search search search search"!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px!important;
    margin:0 0 12px!important;
    border-radius:20px!important;
    position:relative!important;
    overflow:visible!important;
  }
  .ui-v334 .mobile-menu{grid-area:menu!important;width:42px;height:42px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:14px;}
  .ui-v334 .page-title{grid-area:title!important;order:0!important;min-width:0!important;text-align:left!important;flex-basis:auto!important;}
  .ui-v334 .page-title h1{font-size:20px!important;line-height:1.05;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ui-v334 .page-title p,.ui-v334 .breadcrumb{display:none!important;}
  .ui-v334 .notif-pill{grid-area:notif!important;order:0!important;width:42px;height:42px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:14px;font-size:0;}
  .ui-v334 .notif-pill:before{content:'🔔';font-size:16px;}
  .ui-v334 .notif-pill b{font-size:11px;position:absolute;margin:0;transform:translate(11px,-10px);min-width:18px;height:18px;}
  .ui-v334 .notif-pill span{display:none;}
  .ui-v334 .user-menu-wrap{grid-area:user!important;width:42px!important;justify-self:end!important;display:block!important;}
  .ui-v334 .user-menu-btn{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important;border-radius:14px!important;display:inline-flex!important;}
  .ui-v334 .user-menu-btn span,.ui-v334 .user-menu-btn b{display:none!important;}
  .ui-v334 .user-dropdown{right:0!important;left:auto!important;width:min(285px,calc(100vw - 20px))!important;}
  .ui-v334 .top-search{grid-area:search!important;order:0!important;width:100%!important;flex-basis:auto!important;}
  .ui-v334 .top-search input{min-height:40px!important;border-radius:15px!important;padding:10px 13px!important;}
  .ui-v334 .view-toggle,.ui-v334 .help-toggle,.ui-v334 .cmd-toggle{display:none!important;}
  .ui-v334 .card{border-radius:20px!important;padding:14px!important;margin-bottom:12px!important;}
  .ui-v334 .stat{border-radius:18px!important;padding:14px 16px!important;min-height:96px;display:flex;flex-direction:column;justify-content:center;}
  .ui-v334 .stat span{font-size:12px!important;line-height:1.25;display:block;white-space:normal;}
  .ui-v334 .stat b{font-size:26px!important;line-height:1.05;margin-top:8px!important;}
  .ui-v334.route-dashboard .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .ui-v334.route-dashboard .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .ui-v334 .section-head{display:block!important;}
  .ui-v334 .section-head .actions{margin-top:10px;}
  .ui-v334 .tabs,.ui-v334 .page-actions.page-tabs,.ui-v334 .clean-tabs{gap:6px!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px;scrollbar-width:none;}
  .ui-v334 .tabs::-webkit-scrollbar,.ui-v334 .page-actions.page-tabs::-webkit-scrollbar,.ui-v334 .clean-tabs::-webkit-scrollbar{display:none;}
  .ui-v334 .tab,.ui-v334 .page-tabs .btn,.ui-v334 .clean-tabs .btn{white-space:nowrap;flex:0 0 auto;}
  .ui-v334 .list-tools,.ui-v334 .searchbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .ui-v334 .list-tools .input,.ui-v334 .list-tools select,.ui-v334 .searchbar input,.ui-v334 .searchbar select,.ui-v334 .searchbar .btn{max-width:none!important;width:100%!important;}
  .ui-v334 .bulkbar{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center;}
  .ui-v334 .bulkbar select{width:100%!important;min-width:0!important;}
  .ui-v334 .pager{font-size:12px!important;gap:8px!important;justify-content:center!important;}
  .ui-v334 .bottom-nav{width:calc(100vw - 16px)!important;min-height:64px!important;}
  .ui-v334 .bottom-nav span{font-size:10px!important;}
  .ui-v334 .bottom-nav b{font-size:17px!important;}
}
@media(max-width:360px){
  .ui-v334.route-dashboard .dashboard-stats,
  .ui-v334.route-dashboard .quick-actions{grid-template-columns:1fr!important;}
  .ui-v334 .page-title h1{font-size:18px!important;}
}
@media(min-width:761px){
  .ui-v334.route-dashboard .dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
}

/* v3.35 Google Login Configuration Center */
.google-config-box{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:18px;padding:14px 16px;margin:12px 0 14px}.google-config-box b{display:block;margin-bottom:6px;color:#0f172a}.google-config-box code{display:block;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:10px 12px;color:#1d4ed8;font-weight:800;word-break:break-all}.google-config-box small{display:block;color:#64748b;margin-top:6px}.google-steps{margin-top:10px}.google-steps code{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:3px 6px;color:#1d4ed8}@media(max-width:720px){.google-config-box{display:block}.google-config-box .btn{margin-top:12px;width:100%}}

/* v3.36 - AutoForm-inspired UI/UX refresh */
.ui-v336{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#e6edf5;
  --primary:#2563eb;
  --primary2:#1d4ed8;
  --soft:#eff6ff;
  --surface:#f8fbff;
  --radius:22px;
  --shadow:0 18px 48px rgba(15,23,42,.07);
  background:
    radial-gradient(circle at 72% 2%, rgba(37,99,235,.08), transparent 27vw),
    linear-gradient(180deg,#f8fbff 0%,#f4f7fb 34%,#f3f6fb 100%);
}
.ui-v336 .layout{background:transparent;}
.ui-v336 .sidebar{
  width:268px;
  padding:16px 12px;
  background:linear-gradient(180deg,#0b1220 0%,#101827 54%,#0f172a 100%);
  border-right:1px solid rgba(148,163,184,.18);
  box-shadow:18px 0 46px rgba(15,23,42,.12);
}
.ui-v336 .side-brand{
  margin:0 2px 14px;
  padding:8px 6px 14px;
  border-bottom:1px solid rgba(148,163,184,.16);
}
.ui-v336 .brand-logo{border-radius:16px;box-shadow:0 16px 34px rgba(37,99,235,.28);}
.ui-v336 .side-title{font-size:17px;letter-spacing:-.03em;}
.ui-v336 .side-sub{font-size:12px;color:#9caec4;}
.ui-v336 .nav-accordion{display:grid;gap:8px;}
.ui-v336 .nav-group{border-radius:18px;overflow:hidden;}
.ui-v336 .nav-group-title{
  width:100%;
  border:0;
  background:transparent;
  color:#90a1b8;
  padding:10px 12px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-transform:uppercase;
  letter-spacing:.095em;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}
.ui-v336 .nav-group.open .nav-group-title{color:#e2e8f0;}
.ui-v336 .nav-group-body{display:grid;gap:3px;padding:0 2px 6px;}
.ui-v336 .nav a{
  min-height:42px;
  padding:10px 12px;
  border-radius:14px;
  color:#b8c6d8;
  font-weight:780;
  letter-spacing:-.01em;
  border:1px solid transparent;
  transition:.14s ease;
}
.ui-v336 .nav a:hover{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.06);transform:translateX(2px);}
.ui-v336 .nav a.active{
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border-color:rgba(191,219,254,.20);
  box-shadow:0 12px 28px rgba(37,99,235,.32);
}
.ui-v336 .nav-badge{margin-left:auto;float:none;background:#ef4444;box-shadow:0 6px 14px rgba(239,68,68,.32);}
.ui-v336 .content{margin-left:268px;width:calc(100% - 268px);padding:20px 22px 26px;}
.ui-v336 .topbar{
  position:sticky;
  top:12px;
  z-index:65;
  display:grid;
  grid-template-columns:minmax(260px,380px) minmax(240px,1fr) auto auto auto auto auto;
  gap:10px;
  align-items:center;
  min-height:72px;
  padding:12px 14px;
  margin:0 0 18px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:26px;
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 52px rgba(15,23,42,.08);
  backdrop-filter:blur(16px);
}
.ui-v336 .top-search{order:0;width:100%;}
.ui-v336 .top-search input{
  min-height:42px;
  border-radius:16px;
  background:#f8fafc;
  border-color:#e2e8f0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.ui-v336 .page-title{text-align:center;min-width:0;}
.ui-v336 .page-title h1{font-size:24px;line-height:1.05;letter-spacing:-.045em;color:#111827;}
.ui-v336 .page-title p{font-size:12px;line-height:1.3;}
.ui-v336 .breadcrumb{justify-content:center;margin-bottom:3px;}
.ui-v336 .view-toggle,.ui-v336 .help-toggle,.ui-v336 .cmd-toggle,.ui-v336 .notif-pill,.ui-v336 .user-pill,.ui-v336 .mobile-menu{
  border-radius:16px;
  border-color:#e2e8f0;
  background:#fff;
  min-height:42px;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.ui-v336 .notif-pill{position:relative;gap:7px;font-weight:900;color:#475569;padding:0 12px;}
.ui-v336 .notif-pill b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;}
.ui-v336 .user-menu-btn{min-width:178px;justify-content:space-between;box-shadow:0 12px 30px rgba(15,23,42,.07);}
.ui-v336 .user-dropdown{border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 24px 70px rgba(15,23,42,.18);}
.ui-v336 .card,.ui-v336 .stat,.ui-v336 .form-card,.ui-v336 .list-card{
  border:1px solid #e5ecf5;
  border-radius:24px;
  background:rgba(255,255,255,.95);
  box-shadow:0 16px 42px rgba(15,23,42,.055);
}
.ui-v336 .card{padding:18px;margin-bottom:16px;}
.ui-v336 .section-head{border:1px solid #edf2f7;background:linear-gradient(180deg,#fbfdff,#fff);border-radius:20px;padding:12px 14px;}
.ui-v336 .section-head h2,.ui-v336 .section-head h3{letter-spacing:-.03em;margin-bottom:4px;}
.ui-v336 .stat{position:relative;overflow:hidden;min-height:118px;padding:18px;}
.ui-v336 .stat:before{content:'';position:absolute;right:-32px;top:-38px;width:96px;height:96px;border-radius:999px;background:rgba(37,99,235,.08);}
.ui-v336 .stat span{color:#64748b;font-weight:750;}
.ui-v336 .stat b{font-size:30px;letter-spacing:-.045em;color:#0f172a;}
.ui-v336 .quick-card{
  border-radius:22px;
  border-color:#e5ecf5;
  box-shadow:0 14px 34px rgba(15,23,42,.055);
  transition:.14s ease;
}
.ui-v336 .quick-card:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(37,99,235,.11);border-color:#bfdbfe;}
.ui-v336 .input,.ui-v336 select,.ui-v336 textarea{
  border-radius:15px;
  border-color:#dfe7f1;
  background:#fff;
  min-height:42px;
  transition:border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.ui-v336 textarea{min-height:84px;}
.ui-v336 .field label{font-weight:850;color:#334155;font-size:12px;letter-spacing:.005em;}
.ui-v336 .btn{
  min-height:40px;
  border-radius:15px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(37,99,235,.12);
  transition:.14s ease;
}
.ui-v336 .btn:hover{transform:translateY(-1px);}
.ui-v336 .btn.secondary{background:#f1f5f9;color:#334155;box-shadow:none;border:1px solid #e2e8f0;}
.ui-v336 .btn.ghost{background:#fff;border-color:#bfdbfe;box-shadow:0 8px 18px rgba(37,99,235,.06);}
.ui-v336 .tabs,.ui-v336 .page-actions.page-tabs,.ui-v336 .clean-tabs{gap:8px;}
.ui-v336 .tab,.ui-v336 .page-tabs .btn,.ui-v336 .clean-tabs .btn{border-radius:999px;box-shadow:none;}
.ui-v336 .tab.active,.ui-v336 .page-tabs .btn.active,.ui-v336 .clean-tabs .btn.active{box-shadow:0 12px 28px rgba(37,99,235,.22);}
.ui-v336 .list-tools,.ui-v336 .bulkbar,.ui-v336 .pager{
  border-radius:20px;
  background:#fbfdff;
  border-color:#e5ecf5;
  box-shadow:0 10px 28px rgba(15,23,42,.035);
}
.ui-v336 .table-wrap{border:1px solid #e5ecf5;border-radius:22px;overflow:auto;background:#fff;}
.ui-v336 .table{border-collapse:separate;border-spacing:0;}
.ui-v336 .table th{background:#f8fafc;color:#475569;font-weight:950;border-bottom:1px solid #e5ecf5;}
.ui-v336 .table td{border-bottom:1px solid #edf2f7;}
.ui-v336 .table tr:last-child td{border-bottom:0;}
.ui-v336 .table tr:hover td{background:#f8fbff;}
.ui-v336 .badge{border-radius:999px;padding:5px 10px;font-size:11px;letter-spacing:.01em;}
.ui-v336 .alert{border-radius:18px;border:1px solid transparent;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.ui-v336 .alert.ok{border-color:#bbf7d0;background:#f0fdf4;color:#166534;}
.ui-v336 .alert.err{border-color:#fecaca;background:#fef2f2;color:#991b1b;}
.ui-v336 .bottom-nav{
  border:1px solid rgba(226,232,240,.92);
  box-shadow:0 -18px 50px rgba(15,23,42,.10);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
}
.ui-v336 .bottom-nav a.active{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
@media(max-width:1100px){
  .ui-v336 .topbar{grid-template-columns:minmax(220px,320px) minmax(190px,1fr) auto auto auto auto;}
  .ui-v336 .cmd-toggle{display:none;}
}
@media(max-width:900px){
  .ui-v336 .sidebar{width:100%;box-shadow:0 22px 60px rgba(15,23,42,.28);border-radius:0 0 26px 26px;position:fixed;z-index:140;right:0;bottom:auto;max-height:82vh;}
  .ui-v336 .content{margin-left:0;width:100%;padding:10px 10px 92px;}
}
@media(max-width:760px){
  .ui-v336 .topbar{
    top:6px;
    grid-template-columns:42px minmax(0,1fr) 42px 42px!important;
    grid-template-areas:"menu title notif user" "search search search search"!important;
    min-height:auto;
    padding:10px!important;
    border-radius:22px!important;
  }
  .ui-v336 .mobile-menu{grid-area:menu!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;}
  .ui-v336 .page-title{grid-area:title!important;text-align:left!important;}
  .ui-v336 .page-title h1{font-size:19px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ui-v336 .top-search{grid-area:search!important;}
  .ui-v336 .top-search input{min-height:40px!important;}
  .ui-v336 .notif-pill{grid-area:notif!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;justify-content:center;}
  .ui-v336 .user-menu-wrap{grid-area:user!important;}
  .ui-v336 .user-menu-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;}
  .ui-v336 .card,.ui-v336 .stat,.ui-v336 .form-card,.ui-v336 .list-card{border-radius:22px!important;}
  .ui-v336 .card{padding:14px!important;}
  .ui-v336 .section-head{padding:12px!important;border-radius:18px!important;}
  .ui-v336 .grid,.ui-v336 .grid-2,.ui-v336 .grid-3,.ui-v336 .grid-4,.ui-v336 .form-row{gap:10px!important;}
  .ui-v336.route-dashboard .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .ui-v336 .stat{min-height:96px!important;padding:14px!important;}
  .ui-v336 .stat b{font-size:26px!important;}
  .ui-v336 .table-wrap{border-radius:18px;}
  .ui-v336 .bottom-nav{width:calc(100vw - 14px)!important;border-radius:24px!important;}
}
@media(max-width:380px){
  .ui-v336.route-dashboard .dashboard-stats{grid-template-columns:1fr!important;}
}
@media(print){
  .ui-v336 .topbar{position:static!important;box-shadow:none!important;border:0!important;}
  .ui-v336 .table-wrap{border:0!important;border-radius:0!important;}
}

/* v3.37 - Bright AutoForm sidebar + dropdown fix + lighter typography */
.ui-v337{
  --primary:#2563eb;
  --primary2:#1d4ed8;
  --sidebar-bg:#ffffff;
  --sidebar-soft:#f3f7ff;
  --sidebar-line:#e4edf8;
  --sidebar-text:#334155;
  --sidebar-muted:#7890aa;
}
.ui-v337 body,
.ui-v337 .content,
.ui-v337 .card,
.ui-v337 .table,
.ui-v337 .input,
.ui-v337 select,
.ui-v337 textarea{
  font-weight:400;
}
.ui-v337 b,
.ui-v337 strong{font-weight:600;}
.ui-v337 .side-title,
.ui-v337 .page-title h1,
.ui-v337 .card h1,
.ui-v337 .card h2,
.ui-v337 .card h3{font-weight:600;}
.ui-v337 .mini-title,
.ui-v337 .table th,
.ui-v337 .field label,
.ui-v337 .btn,
.ui-v337 .badge,
.ui-v337 .tab.active,
.ui-v337 .nav-group-title,
.ui-v337 .nav a,
.ui-v337 .notif-pill,
.ui-v337 .user-pill{font-weight:500!important;}
.ui-v337 .stat b{font-weight:600;}
.ui-v337 .sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 48%,#eef6ff 100%)!important;
  color:var(--sidebar-text)!important;
  border-right:1px solid var(--sidebar-line)!important;
  box-shadow:14px 0 36px rgba(37,99,235,.08)!important;
}
.ui-v337 .side-brand{
  color:#0f172a!important;
  background:linear-gradient(135deg,#eff6ff,#ffffff)!important;
  border:1px solid #dbeafe!important;
  border-radius:22px!important;
  padding:12px!important;
  margin:0 4px 14px!important;
  box-shadow:0 12px 28px rgba(37,99,235,.08)!important;
}
.ui-v337 .brand-logo{
  background:linear-gradient(135deg,#60a5fa,#22c55e)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(59,130,246,.24)!important;
  font-weight:600!important;
}
.ui-v337 .side-sub{color:#64748b!important;}
.ui-v337 .nav-group{background:transparent!important;border-radius:18px!important;margin-bottom:7px!important;}
.ui-v337 .nav-group-title{
  color:#64748b!important;
  background:transparent!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:12px!important;
  padding:9px 12px 7px!important;
}
.ui-v337 .nav-group-title:hover{background:#f1f7ff!important;color:#1d4ed8!important;}
.ui-v337 .nav-group.open .nav-group-title{color:#2563eb!important;}
.ui-v337 .nav-group-title b{color:#94a3b8!important;font-weight:500!important;}
.ui-v337 .nav-group-body{display:none!important;gap:4px!important;padding:2px 2px 8px!important;}
.ui-v337 .nav-group.open .nav-group-body{display:grid!important;}
.ui-v337 .nav a{
  color:#42526b!important;
  background:transparent!important;
  border:1px solid transparent!important;
  min-height:41px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.ui-v337 .nav a:hover{
  color:#1d4ed8!important;
  background:#eff6ff!important;
  border-color:#dbeafe!important;
  transform:translateX(2px)!important;
}
.ui-v337 .nav a.active{
  color:#0f3c91!important;
  background:linear-gradient(135deg,#dbeafe,#f0f9ff)!important;
  border-color:#bfdbfe!important;
  box-shadow:0 10px 24px rgba(37,99,235,.12)!important;
}
.ui-v337 .nav a.active:before{background:#2563eb!important;}
.ui-v337 .nav-badge{background:#ef4444!important;color:#fff!important;}
.ui-v337 .topbar{
  background:rgba(255,255,255,.92)!important;
  border-color:#e3edf8!important;
}
.ui-v337 .user-menu-wrap{position:relative!important;z-index:120!important;}
.ui-v337 .user-menu-btn{cursor:pointer!important;display:flex!important;align-items:center!important;}
.ui-v337 .user-dropdown{
  display:none!important;
  z-index:999!important;
  right:0!important;
  left:auto!important;
  top:calc(100% + 10px)!important;
  background:#fff!important;
  border:1px solid #dbe7f4!important;
  box-shadow:0 24px 70px rgba(15,23,42,.20)!important;
  overflow:visible!important;
}
.ui-v337 .user-dropdown.open{display:block!important;}
.ui-v337 .user-dropdown a{font-weight:500!important;color:#334155!important;}
.ui-v337 .user-dropdown a:hover{background:#eff6ff!important;color:#1d4ed8!important;}
.ui-v337 .user-dropdown-head b{font-weight:600!important;}
.ui-v337 .btn{box-shadow:0 8px 18px rgba(37,99,235,.10)!important;}
.ui-v337 .btn.secondary{box-shadow:none!important;}
.ui-v337 .table th{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;}
.ui-v337 .field label{text-transform:none!important;letter-spacing:0!important;}
@media(max-width:900px){
  .ui-v337 .sidebar{
    background:linear-gradient(180deg,#ffffff,#f3f8ff)!important;
    border-radius:0 0 26px 26px!important;
    max-height:82vh!important;
  }
  .ui-v337 .nav-group-body{display:grid!important;}
  .ui-v337 .nav-group-title b{display:none!important;}
  .ui-v337 .user-pill{display:flex!important;}
}
@media(max-width:760px){
  .ui-v337 .user-menu-wrap{display:flex!important;}
  .ui-v337 .user-menu-btn{
    display:flex!important;
    justify-content:center!important;
    color:#334155!important;
    background:#fff!important;
  }
  .ui-v337 .user-menu-btn span,
  .ui-v337 .user-menu-btn b{display:none!important;}
  .ui-v337 .user-dropdown{
    width:min(285px,calc(100vw - 20px))!important;
    right:0!important;
    left:auto!important;
    top:calc(100% + 12px)!important;
  }
}


/* v3.38 - UKS-inspired bright UI refresh */
.ui-v338{
  --bg:#eef4fb;--panel:#ffffff;--ink:#20324a;--muted:#6d7d93;--line:#dbe7f3;
  --primary:#1f67d2;--primary2:#2f86f6;--soft:#f0f7ff;
  --shadow:0 14px 34px rgba(31,103,210,.10);
}
.ui-v338,.ui-v338 *{font-weight:400;}
.ui-v338 h1,.ui-v338 h2,.ui-v338 h3,.ui-v338 h4,.ui-v338 .side-title,.ui-v338 .page-title h1,.ui-v338 b,.ui-v338 strong{font-weight:600;}
.ui-v338 body{background:var(--bg)!important;color:var(--ink)!important;}
.ui-v338 .layout{background:var(--bg);}
.ui-v338 .sidebar{background:linear-gradient(180deg,#1f67d2 0%,#1d5bb8 100%)!important;color:#e7f1ff!important;border-right:0!important;box-shadow:18px 0 40px rgba(17,48,107,.16)!important;padding:16px 14px 18px!important;}
.ui-v338 .side-brand{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:24px!important;padding:16px 14px!important;color:#fff!important;margin:2px 2px 14px!important;box-shadow:none!important;}
.ui-v338 .brand-logo{width:44px;height:44px;border-radius:16px!important;background:#fff!important;color:#1f67d2!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important;font-weight:700!important;}
.ui-v338 .side-title{color:#fff!important;font-size:16px!important;}
.ui-v338 .side-sub{color:rgba(255,255,255,.82)!important;font-size:12px!important;}
.ui-v338 .nav-group{margin:0 0 10px!important;border-radius:22px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.09)!important;overflow:hidden;}
.ui-v338 .nav-group-title{color:#eff6ff!important;background:transparent!important;padding:14px 14px 12px!important;font-size:12px!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
.ui-v338 .nav-group-title:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.ui-v338 .nav-group.open .nav-group-title{color:#fff!important;}
.ui-v338 .nav-group-title b{color:rgba(255,255,255,.75)!important;}
.ui-v338 .nav-group-body{padding:0 8px 10px!important;display:none!important;gap:6px!important;}
.ui-v338 .nav-group.open .nav-group-body{display:grid!important;}
.ui-v338 .nav a{color:#e5f0ff!important;background:transparent!important;border:1px solid transparent!important;border-radius:18px!important;min-height:46px!important;padding:11px 13px!important;}
.ui-v338 .nav a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;transform:none!important;}
.ui-v338 .nav a.active{background:#ffffff!important;color:#1852ad!important;border-color:#ffffff!important;box-shadow:0 10px 26px rgba(10,39,91,.16)!important;}
.ui-v338 .nav a.active:before{background:#2f86f6!important;left:6px!important;top:10px!important;bottom:10px!important;}
.ui-v338 .nav-badge{background:#ff5f6d!important;color:#fff!important;}
.ui-v338 .content{padding:20px 22px 96px!important;}
.ui-v338 .topbar{background:#fff!important;border:1px solid var(--line)!important;border-radius:24px!important;padding:16px 18px!important;box-shadow:var(--shadow)!important;align-items:center!important;}
.ui-v338 .page-title{text-align:left!important;}
.ui-v338 .page-title h1{font-size:24px!important;line-height:1.15!important;color:#173053!important;}
.ui-v338 .page-title p{margin-top:4px!important;color:#72829a!important;}
.ui-v338 .top-search input,.ui-v338 .input,.ui-v338 select,.ui-v338 textarea{border-radius:16px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important;}
.ui-v338 .top-search input{background:#f9fbfe!important;min-height:46px!important;}
.ui-v338 .user-pill,.ui-v338 .notif-pill,.ui-v338 .view-toggle,.ui-v338 .help-toggle,.ui-v338 .cmd-toggle,.ui-v338 .mobile-menu{border-radius:16px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important;}
.ui-v338 .notif-pill b{background:#ff5f6d!important;}
.ui-v338 .card{border-radius:24px!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;padding:18px 18px 16px!important;}
.ui-v338 .card:hover{transform:none!important;}
.ui-v338 .grid.grid-4 .stat,.ui-v338 .dashboard-stats .stat,.ui-v338 .approval-stats .stat,.ui-v338 .maintenance-stats .stat{border-radius:24px!important;border:none!important;color:#fff!important;box-shadow:none!important;overflow:hidden;position:relative;}
.ui-v338 .grid.grid-4 .stat:nth-child(1),.ui-v338 .dashboard-stats .stat:nth-child(1),.ui-v338 .approval-stats .stat:nth-child(1),.ui-v338 .maintenance-stats .stat:nth-child(1){background:linear-gradient(135deg,#2680eb,#1fb7df)!important;}
.ui-v338 .grid.grid-4 .stat:nth-child(2),.ui-v338 .dashboard-stats .stat:nth-child(2),.ui-v338 .approval-stats .stat:nth-child(2),.ui-v338 .maintenance-stats .stat:nth-child(2){background:linear-gradient(135deg,#32b97a,#54c8a4)!important;}
.ui-v338 .grid.grid-4 .stat:nth-child(3),.ui-v338 .dashboard-stats .stat:nth-child(3),.ui-v338 .approval-stats .stat:nth-child(3),.ui-v338 .maintenance-stats .stat:nth-child(3){background:linear-gradient(135deg,#ff9808,#ffbd2f)!important;}
.ui-v338 .grid.grid-4 .stat:nth-child(4),.ui-v338 .dashboard-stats .stat:nth-child(4),.ui-v338 .approval-stats .stat:nth-child(4),.ui-v338 .maintenance-stats .stat:nth-child(4){background:linear-gradient(135deg,#ef476f,#ff5f8f)!important;}
.ui-v338 .stat span,.ui-v338 .stat small{color:rgba(255,255,255,.92)!important;}
.ui-v338 .stat b{font-size:34px!important;color:#fff!important;}
.ui-v338 .btn{min-height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;box-shadow:none!important;font-weight:600!important;}
.ui-v338 .btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;}
.ui-v338 .btn.secondary{background:#eef2f7!important;color:#274060!important;}
.ui-v338 .btn.ghost{background:#fff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;}
.ui-v338 .tabs{gap:10px!important;}
.ui-v338 .tab{border-radius:16px!important;background:#fff!important;border:1px solid var(--line)!important;padding:10px 16px!important;}
.ui-v338 .tab.active{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border-color:transparent!important;}
.ui-v338 .list-tools,.ui-v338 .bulkbar,.ui-v338 .pager{border-radius:18px!important;border:1px solid var(--line)!important;background:#fbfdff!important;}
.ui-v338 .bulkbar{background:#fff8ee!important;border-color:#f5d29b!important;}
.ui-v338 .table-wrap{border-radius:18px!important;overflow:auto;}
.ui-v338 .table th{background:#f7fbff!important;color:#64748b!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:600!important;}
.ui-v338 .table td{color:#24364f!important;}
.ui-v338 .table tr:hover td{background:#fbfdff!important;}
.ui-v338 .badge{font-weight:600!important;border-radius:999px!important;padding:5px 10px!important;}
.ui-v338 .bottom-nav{background:#ffffff!important;border-top:1px solid var(--line)!important;box-shadow:0 -16px 32px rgba(31,103,210,.10)!important;}
.ui-v338 .bottom-nav a.active,.ui-v338 .bottom-nav button.active{background:#eaf3ff!important;color:#1f67d2!important;border-radius:18px!important;}
@media(max-width:900px){
  .ui-v338 .sidebar{background:linear-gradient(180deg,#1f67d2 0%,#1d5bb8 100%)!important;border-radius:0 0 26px 26px!important;max-height:82vh!important;padding-bottom:24px!important;}
  .ui-v338 .nav-group{background:rgba(255,255,255,.10)!important;}
  .ui-v338 .nav-group-body{display:grid!important;}
  .ui-v338 .nav-group-title b{display:none!important;}
  .ui-v338 .topbar{display:grid!important;grid-template-columns:auto 1fr auto auto!important;gap:10px!important;padding:14px!important;}
  .ui-v338 .page-title{grid-column:1 / -1!important;order:3!important;}
  .ui-v338 .top-search{grid-column:1 / -1!important;order:4!important;}
  .ui-v338 .content{padding:12px 12px 92px!important;}
  .ui-v338 .card{padding:14px!important;border-radius:20px!important;}
  .ui-v338 .form-footer{position:sticky;bottom:76px;background:rgba(255,255,255,.97)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:10px!important;z-index:35;}
  .ui-v338 .form-footer .btn{width:100%!important;}
}


/* v3.39.1 - UKS menu density + single-color icons */
.ui-v3391 .sidebar{padding:14px 12px 16px!important;}
.ui-v3391 .side-brand{margin:0 2px 10px!important;padding:12px!important;border-radius:20px!important;}
.ui-v3391 .brand-logo{width:40px!important;height:40px!important;border-radius:14px!important;}
.ui-v3391 .side-title{font-size:15px!important;line-height:1.15!important;}
.ui-v3391 .side-sub{font-size:11px!important;margin-top:2px!important;}
.ui-v3391 .nav-group{margin:0 0 5px!important;border-radius:16px!important;background:rgba(255,255,255,.075)!important;}
.ui-v3391 .nav-group-title{min-height:32px!important;padding:8px 11px 6px!important;font-size:11px!important;line-height:1.1!important;letter-spacing:.035em!important;}
.ui-v3391 .nav-group-title b{font-size:11px!important;}
.ui-v3391 .nav-group-body{padding:0 6px 6px!important;gap:2px!important;}
.ui-v3391 .nav a{min-height:34px!important;padding:7px 10px!important;border-radius:12px!important;gap:8px!important;line-height:1.15!important;font-size:13px!important;color:#eef6ff!important;}
.ui-v3391 .nav a.active{min-height:36px!important;color:#1550a6!important;}
.ui-v3391 .nav a.active:before{left:4px!important;top:8px!important;bottom:8px!important;width:3px!important;}
.ui-v3391 .nav a:hover{transform:none!important;}
.ui-v3391 .nav a,.ui-v3391 .nav-group-title{text-shadow:none!important;}
.ui-v3391 .nav a::first-letter,.ui-v3391 .nav-group-title::first-letter{color:currentColor!important;filter:grayscale(1) brightness(2.1) contrast(.85)!important;}
.ui-v3391 .nav a.active::first-letter{filter:grayscale(1) brightness(.85) saturate(0)!important;}
.ui-v3391 .nav-badge{min-width:18px!important;height:18px!important;line-height:18px!important;font-size:10px!important;margin-left:auto!important;}
.ui-v3391 .topbar{margin-bottom:16px!important;}
.ui-v3391 .content{padding-top:18px!important;}
@media(max-width:900px){.ui-v3391 .sidebar{padding:12px!important;}.ui-v3391 .nav-group{margin-bottom:6px!important;}.ui-v3391 .nav a{min-height:38px!important;padding:8px 10px!important;}.ui-v3391 .nav-group-title{min-height:34px!important;}}


/* v3.39.2 - Full UKS style completion: true monochrome menu icons + form polish */
.ui-v3392 .sidebar{
  padding:12px 10px 14px!important;
}
.ui-v3392 .side-brand{
  margin:0 2px 9px!important;
  padding:11px 12px!important;
  border-radius:18px!important;
}
.ui-v3392 .brand-logo{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}
.ui-v3392 .nav-group{
  margin:0 0 4px!important;
  border-radius:15px!important;
}
.ui-v3392 .nav-group-title{
  min-height:30px!important;
  padding:7px 10px 5px!important;
  font-size:10.5px!important;
}
.ui-v3392 .nav-group-body{
  padding:0 5px 5px!important;
  gap:1px!important;
}
.ui-v3392 .nav a{
  min-height:32px!important;
  padding:6px 9px!important;
  gap:8px!important;
  border-radius:11px!important;
  font-size:13px!important;
  display:flex!important;
  align-items:center!important;
}
.ui-v3392 .nav a.active{
  min-height:34px!important;
}
.ui-v3392 .nav a.active:before{
  left:3px!important;
  top:8px!important;
  bottom:8px!important;
}
.ui-v3392 .nav-ico{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  display:inline-block!important;
  color:currentColor!important;
  opacity:.95!important;
  background:currentColor!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:17px 17px!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:17px 17px!important;
}
.ui-v3392 .nav-text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ui-v3392 .ni-dash{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h7V4H4v9zm0 7h7v-5H4v5zm9 0h7v-9h-7v9zm0-16v5h7V4h-7z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h7V4H4v9zm0 7h7v-5H4v5zm9 0h7v-9h-7v9zm0-16v5h7V4h-7z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-bell{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a2.6 2.6 0 0 0 2.55-2h-5.1A2.6 2.6 0 0 0 12 22zm7-6V11a7 7 0 0 0-5-6.7V3a2 2 0 0 0-4 0v1.3A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a2.6 2.6 0 0 0 2.55-2h-5.1A2.6 2.6 0 0 0 12 22zm7-6V11a7 7 0 0 0-5-6.7V3a2 2 0 0 0-4 0v1.3A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-user{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-asset,.ui-v3392 .ni-box{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5zm-9 7L3 10v6l9 5 9-5v-6l-9 5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5zm-9 7L3 10v6l9 5 9-5v-6l-9 5z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-phone{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm5 18a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm5 18a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-return,.ui-v3392 .ni-refresh{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h10a4 4 0 0 1 0 8H9v3l-5-4 5-4v3h8a2 2 0 0 0 0-4H7V7z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h10a4 4 0 0 1 0 8H9v3l-5-4 5-4v3h8a2 2 0 0 0 0-4H7V7z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-plus{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-minus{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-users{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm6 0a3.5 3.5 0 1 0 0-7 5.9 5.9 0 0 1 0 7zM9 13c-3.9 0-7 2-7 4.5V20h14v-2.5C16 15 12.9 13 9 13zm7.3.2c1.7.8 2.7 2.1 2.7 3.8V20h3v-2.2c0-2.2-2.4-4-5.7-4.6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm6 0a3.5 3.5 0 1 0 0-7 5.9 5.9 0 0 1 0 7zM9 13c-3.9 0-7 2-7 4.5V20h14v-2.5C16 15 12.9 13 9 13zm7.3.2c1.7.8 2.7 2.1 2.7 3.8V20h3v-2.2c0-2.2-2.4-4-5.7-4.6z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-check{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12 3.4 13.4 9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12 3.4 13.4 9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-grid{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-tag{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10.6L13.4 4H4v9.4L10.6 20a2 2 0 0 0 2.8 0l6.6-6.6a2 2 0 0 0 0-2.8zM7.5 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10.6L13.4 4H4v9.4L10.6 20a2 2 0 0 0 2.8 0l6.6-6.6a2 2 0 0 0 0-2.8zM7.5 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-building{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 22V2h12v20h-3v-4H7v4H4zm3-16h2v2H7V6zm4 0h2v2h-2V6zM7 10h2v2H7v-2zm4 0h2v2h-2v-2zm7 4h2v8h-2v-8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 22V2h12v20h-3v-4H7v4H4zm3-16h2v2H7V6zm4 0h2v2h-2V6zM7 10h2v2H7v-2zm4 0h2v2h-2v-2zm7 4h2v8h-2v-8z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-pen{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.3V21h3.7L17.8 9.9l-3.7-3.7L3 17.3zM20.7 7c.4-.4.4-1 0-1.4l-2.3-2.3a1 1 0 0 0-1.4 0l-1.8 1.8 3.7 3.7L20.7 7z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.3V21h3.7L17.8 9.9l-3.7-3.7L3 17.3zM20.7 7c.4-.4.4-1 0-1.4l-2.3-2.3a1 1 0 0 0-1.4 0l-1.8 1.8 3.7 3.7L20.7 7z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-hand{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11V4a1.5 1.5 0 0 1 3 0v6h1V3a1.5 1.5 0 0 1 3 0v7h1V5a1.5 1.5 0 0 1 3 0v8.5c0 4.7-2.8 7.5-7 7.5-2.4 0-4.4-1-5.8-2.8L2.6 15a1.6 1.6 0 0 1 2.3-2.2L7 15v-4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11V4a1.5 1.5 0 0 1 3 0v6h1V3a1.5 1.5 0 0 1 3 0v7h1V5a1.5 1.5 0 0 1 3 0v8.5c0 4.7-2.8 7.5-7 7.5-2.4 0-4.4-1-5.8-2.8L2.6 15a1.6 1.6 0 0 1 2.3-2.2L7 15v-4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-trash{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM8 4l1-1h6l1 1h4v2H4V4h4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM8 4l1-1h6l1 1h4v2H4V4h4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-tool,.ui-v3392 .ni-gear{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 19.6l-6.3-6.3a6 6 0 0 1-7-7L5.6 9.4 2.8 6.6 6.6 2.8l2.8 2.8-3.1 3.1a6 6 0 0 1 7 7l6.3 6.3 2.4-2.4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 19.6l-6.3-6.3a6 6 0 0 1-7-7L5.6 9.4 2.8 6.6 6.6 2.8l2.8 2.8-3.1 3.1a6 6 0 0 1 7 7l6.3 6.3 2.4-2.4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-doc{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h9l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM8 12h8v2H8v-2zm0 4h8v2H8v-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h9l5 5v15H6V2zm8 1.5V8h4.5L14 3.5zM8 12h8v2H8v-2zm0 4h8v2H8v-2z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-shield{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2l8 4v6c0 5-3.4 9.3-8 10-4.6-.7-8-5-8-10V6l8-4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2l8 4v6c0 5-3.4 9.3-8 10-4.6-.7-8-5-8-10V6l8-4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-image{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14h18zM8.5 11.5l2.5 3 3.5-4.5L19 16H5l3.5-4.5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14h18zM8.5 11.5l2.5 3 3.5-4.5L19 16H5l3.5-4.5z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-folder{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4l2 2h8a2 2 0 0 1 2 2v11H2V6a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4l2 2h8a2 2 0 0 1 2 2v11H2V6a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-print{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9V3h12v6H6zm12 3h1a2 2 0 0 1 2 2v4h-3v3H6v-3H3v-4a2 2 0 0 1 2-2h13zM8 19h8v-5H8v5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9V3h12v6H6zm12 3h1a2 2 0 0 1 2 2v4h-3v3H6v-3H3v-4a2 2 0 0 1 2-2h13zM8 19h8v-5H8v5z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-chart{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19h16v2H2V3h2v16zm2-2V9h4v8H6zm6 0V5h4v12h-4zm6 0v-6h4v6h-4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19h16v2H2V3h2v16zm2-2V9h4v8H6zm6 0V5h4v12h-4zm6 0v-6h4v6h-4z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-test{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2h6v2l-1 1v4.6l5.8 9A2 2 0 0 1 18.1 22H5.9a2 2 0 0 1-1.7-3.1l5.8-9V5L9 4V2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2h6v2l-1 1v4.6l5.8 9A2 2 0 0 1 18.1 22H5.9a2 2 0 0 1-1.7-3.1l5.8-9V5L9 4V2z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-clock{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-lock{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10V8a6 6 0 0 1 12 0v2h1v12H5V10h1zm2 0h8V8a4 4 0 0 0-8 0v2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10V8a6 6 0 0 1 12 0v2h1v12H5V10h1zm2 0h8V8a4 4 0 0 0-8 0v2z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-database{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C7 2 3 3.8 3 6v12c0 2.2 4 4 9 4s9-1.8 9-4V6c0-2.2-4-4-9-4zm0 2c4 0 7 1.1 7 2s-3 2-7 2-7-1.1-7-2 3-2 7-2zm0 16c-4 0-7-1.1-7-2v-2c1.6 1.1 4.1 1.8 7 1.8s5.4-.7 7-1.8v2c0 .9-3 2-7 2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C7 2 3 3.8 3 6v12c0 2.2 4 4 9 4s9-1.8 9-4V6c0-2.2-4-4-9-4zm0 2c4 0 7 1.1 7 2s-3 2-7 2-7-1.1-7-2 3-2 7-2zm0 16c-4 0-7-1.1-7-2v-2c1.6 1.1 4.1 1.8 7 1.8s5.4-.7 7-1.8v2c0 .9-3 2-7 2z'/%3E%3C/svg%3E");}
.ui-v3392 .ni-circle{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");}

/* Complete UKS-like form style across pages */
.ui-v3392 .card.form-card,
.ui-v3392 .card:has(form){
  background:#fff!important;
  border-radius:24px!important;
}
.ui-v3392 .section-head{
  background:linear-gradient(135deg,#f7fbff,#ffffff)!important;
  border:1px solid #e3eef9!important;
  border-radius:20px!important;
  padding:13px 14px!important;
}
.ui-v3392 .section-head h3,
.ui-v3392 .section-head h2{
  margin:0!important;
  color:#173053!important;
}
.ui-v3392 .field label{
  color:#4c5f78!important;
  font-size:12.5px!important;
  margin-bottom:7px!important;
  font-weight:500!important;
}
.ui-v3392 .input,
.ui-v3392 select,
.ui-v3392 textarea{
  min-height:42px!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  border-color:#dce8f5!important;
}
.ui-v3392 textarea{
  min-height:92px!important;
}
.ui-v3392 .input:focus,
.ui-v3392 select:focus,
.ui-v3392 textarea:focus{
  background:#fff!important;
  border-color:#7db7ff!important;
  box-shadow:0 0 0 4px rgba(47,134,246,.12)!important;
}
.ui-v3392 .form-row{
  gap:13px!important;
}
.ui-v3392 .mini-title{
  color:#1f67d2!important;
  background:#eef6ff!important;
  border:1px solid #dbeafe!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  margin:14px 0 12px!important;
}
.ui-v3392 .form-footer{
  background:#fbfdff!important;
  border:1px solid #e3eef9!important;
  border-radius:18px!important;
  padding:12px!important;
  justify-content:flex-end!important;
}
.ui-v3392 .searchbar,
.ui-v3392 .list-tools{
  background:#fff!important;
  border:1px solid #e3eef9!important;
  border-radius:20px!important;
  padding:10px!important;
}
.ui-v3392 .table-wrap{
  border:1px solid #e3eef9!important;
  background:#fff!important;
}
.ui-v3392 .table th{
  background:#f1f7ff!important;
}
@media(max-width:900px){
  .ui-v3392 .nav a{
    min-height:36px!important;
    padding:7px 10px!important;
  }
  .ui-v3392 .nav-group-title{
    min-height:32px!important;
  }
  .ui-v3392 .section-head{
    padding:11px!important;
  }
}



/* v3.39.3 - Mobile UKS header/dashboard fix */
.ui-v3393 .topbar{overflow:visible!important;}
.ui-v3393 .dashboard-stats .stat:nth-child(n+5),
.ui-v3393 .grid.grid-4 .stat:nth-child(n+5){
  background:#fff!important;color:#20324a!important;border:1px solid #dbe7f3!important;
  box-shadow:0 14px 34px rgba(31,103,210,.08)!important;
}
.ui-v3393 .dashboard-stats .stat:nth-child(n+5) span,
.ui-v3393 .dashboard-stats .stat:nth-child(n+5) small,
.ui-v3393 .grid.grid-4 .stat:nth-child(n+5) span,
.ui-v3393 .grid.grid-4 .stat:nth-child(n+5) small{color:#64748b!important;}
.ui-v3393 .dashboard-stats .stat:nth-child(n+5) b,
.ui-v3393 .grid.grid-4 .stat:nth-child(n+5) b{color:#20324a!important;}

@media(max-width:900px){
  .ui-v3393 .topbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 42px 42px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:9px!important;
    padding:12px!important;
    border-radius:22px!important;
    margin-bottom:14px!important;
  }
  .ui-v3393 .mobile-menu{
    grid-column:1!important;grid-row:1!important;
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;z-index:4!important;
  }
  .ui-v3393 .page-title{
    grid-column:2 / 3!important;grid-row:1!important;order:0!important;
    min-width:0!important;width:auto!important;flex:unset!important;padding:0!important;margin:0!important;
    align-self:center!important;text-align:left!important;position:relative!important;z-index:2!important;
  }
  .ui-v3393 .page-title h1{
    margin:0!important;padding:0!important;font-size:19px!important;line-height:1.08!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .ui-v3393 .page-title p,.ui-v3393 .breadcrumb{display:none!important;}
  .ui-v3393 .notif-pill{
    grid-column:3!important;grid-row:1!important;width:42px!important;height:42px!important;min-width:42px!important;
    padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;z-index:3!important;font-size:0!important;
  }
  .ui-v3393 .notif-pill::before{content:"🔔";font-size:15px;}
  .ui-v3393 .notif-pill b,.ui-v3393 .notif-pill span{
    position:absolute!important;right:-4px!important;top:-5px!important;min-width:18px!important;height:18px!important;
    line-height:18px!important;font-size:10px!important;margin:0!important;
  }
  .ui-v3393 .notif-pill span{display:none!important;}
  .ui-v3393 .user-menu-wrap{
    grid-column:4!important;grid-row:1!important;width:42px!important;height:42px!important;
    display:flex!important;position:relative!important;z-index:5!important;
  }
  .ui-v3393 .user-menu-btn{
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .ui-v3393 .user-menu-btn span,.ui-v3393 .user-menu-btn b{display:none!important;}
  .ui-v3393 .top-search{
    grid-column:1 / -1!important;grid-row:2!important;order:0!important;width:100%!important;margin:0!important;
  }
  .ui-v3393 .top-search input{min-height:44px!important;border-radius:16px!important;font-size:13px!important;}
  .ui-v3393 .view-toggle,.ui-v3393 .help-toggle,.ui-v3393 .cmd-toggle{display:none!important;}

  .ui-v3393.route-dashboard .dashboard-stats,
  .ui-v3393.route-dashboard .grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .ui-v3393.route-dashboard .dashboard-stats .stat,
  .ui-v3393.route-dashboard .grid.grid-4 .stat{min-height:96px!important;padding:14px!important;border-radius:20px!important;}
  .ui-v3393.route-dashboard .dashboard-stats .stat b,
  .ui-v3393.route-dashboard .grid.grid-4 .stat b{font-size:27px!important;margin-top:8px!important;}
  .ui-v3393.route-dashboard .dashboard-stats .stat span,
  .ui-v3393.route-dashboard .grid.grid-4 .stat span{font-size:12px!important;line-height:1.2!important;}
  .ui-v3393.route-dashboard .card{border-radius:20px!important;}
  .ui-v3393 .content{padding-top:10px!important;}
  .ui-v3393 .bottom-nav{border-radius:24px 24px 0 0!important;}
}
@media(max-width:420px){
  .ui-v3393 .topbar{grid-template-columns:40px minmax(0,1fr) 39px 39px!important;gap:7px!important;padding:10px!important;border-radius:20px!important;}
  .ui-v3393 .mobile-menu,.ui-v3393 .notif-pill,.ui-v3393 .user-menu-wrap,.ui-v3393 .user-menu-btn{
    width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;
  }
  .ui-v3393 .page-title h1{font-size:18px!important;}
  .ui-v3393.route-dashboard .dashboard-stats,.ui-v3393.route-dashboard .grid.grid-4{gap:9px!important;}
  .ui-v3393.route-dashboard .dashboard-stats .stat,.ui-v3393.route-dashboard .grid.grid-4 .stat{
    min-height:96px!important;padding:13px!important;
  }
}
@media(max-width:350px){
  .ui-v3393.route-dashboard .dashboard-stats,.ui-v3393.route-dashboard .grid.grid-4{grid-template-columns:1fr!important;}
}



/* v3.39.4 - Dashboard card color completion */
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(5),
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(5){
  background:linear-gradient(135deg,#7c3aed,#a855f7)!important;
  color:#fff!important;
  border:none!important;
  box-shadow:none!important;
}
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(6),
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(6){
  background:linear-gradient(135deg,#0f766e,#14b8a6)!important;
  color:#fff!important;
  border:none!important;
  box-shadow:none!important;
}
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(7),
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(7){
  background:linear-gradient(135deg,#475569,#64748b)!important;
  color:#fff!important;
  border:none!important;
  box-shadow:none!important;
}
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(n+5) span,
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(n+5) small,
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(n+5) span,
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(n+5) small{
  color:rgba(255,255,255,.92)!important;
}
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(n+5) b,
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(n+5) b{
  color:#fff!important;
}
.ui-v3394.route-dashboard .dashboard-stats .stat:nth-child(n+5)::after,
.ui-v3394.route-dashboard .grid.grid-4 .stat:nth-child(n+5)::after{
  content:"";
  position:absolute;
  right:-26px;
  top:-24px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
}


/* v3.40 - Dashboard UKS Final */
.ui-v340.route-dashboard .topbar{margin-bottom:18px!important;}
.ui-v340.route-dashboard .card:first-of-type,.ui-v340.route-dashboard .dashboard-hero{border-radius:26px!important;}
.ui-v340.route-dashboard .dashboard-stats,.ui-v340.route-dashboard .grid.grid-4{gap:16px!important;}
.ui-v340.route-dashboard .dashboard-stats .stat,.ui-v340.route-dashboard .grid.grid-4 .stat{position:relative!important;overflow:hidden!important;min-height:124px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px 24px!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:after,.ui-v340.route-dashboard .grid.grid-4 .stat:after{content:"";position:absolute;right:-34px;top:-32px;width:116px;height:116px;border-radius:50%;background:rgba(255,255,255,.13);}
.ui-v340.route-dashboard .dashboard-stats .stat:before,.ui-v340.route-dashboard .grid.grid-4 .stat:before{content:"";position:absolute;right:14px;bottom:12px;width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.16);}
.ui-v340.route-dashboard .dashboard-stats .stat span,.ui-v340.route-dashboard .grid.grid-4 .stat span{color:rgba(255,255,255,.92)!important;font-size:13px!important;line-height:1.25!important;letter-spacing:.01em!important;position:relative;z-index:2;}
.ui-v340.route-dashboard .dashboard-stats .stat b,.ui-v340.route-dashboard .grid.grid-4 .stat b{color:#fff!important;font-size:36px!important;line-height:1.05!important;margin-top:10px!important;position:relative;z-index:2;}
.ui-v340.route-dashboard .dashboard-stats .stat small,.ui-v340.route-dashboard .grid.grid-4 .stat small{color:rgba(255,255,255,.86)!important;position:relative;z-index:2;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(1),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(1){background:linear-gradient(135deg,#1f7aec 0%,#06b6d4 100%)!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(2),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(2){background:linear-gradient(135deg,#22b77a 0%,#42cfa3 100%)!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(3),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(3){background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(4),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(4){background:linear-gradient(135deg,#e11d48 0%,#ec4899 100%)!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(5),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(5){background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%)!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(6),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(6){background:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%)!important;}
.ui-v340.route-dashboard .dashboard-stats .stat:nth-child(7),.ui-v340.route-dashboard .grid.grid-4 .stat:nth-child(7){background:linear-gradient(135deg,#475569 0%,#64748b 100%)!important;}
.ui-v340.route-dashboard .quick-actions,.ui-v340.route-dashboard .action-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:14px!important;}
.ui-v340.route-dashboard .quick-card{border-radius:22px!important;border:1px solid #dbe7f3!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;box-shadow:0 14px 34px rgba(31,103,210,.08)!important;min-height:98px!important;}
.ui-v340.route-dashboard .quick-card b{color:#1f67d2!important;}.ui-v340.route-dashboard .quick-card span{color:#64748b!important;}
.ui-v340.route-dashboard .card h2,.ui-v340.route-dashboard .card h3{color:#173053!important;margin-bottom:8px!important;}
.ui-v340.route-dashboard .card > p.muted,.ui-v340.route-dashboard .section-head p{color:#6d7d93!important;}
.ui-v340.route-dashboard .table-wrap,.ui-v340.route-dashboard .timeline,.ui-v340.route-dashboard .mini-bars{border-radius:20px!important;}
.ui-v340.route-dashboard .approval-summary,.ui-v340.route-dashboard .need-action{border-radius:24px!important;background:#fff!important;border:1px solid #dbe7f3!important;}
.ui-v340.route-dashboard .grid{gap:16px!important;}.ui-v340.route-dashboard .card{margin-bottom:16px!important;}
@media(max-width:900px){.ui-v340.route-dashboard .topbar{margin-bottom:12px!important;}.ui-v340.route-dashboard .dashboard-stats,.ui-v340.route-dashboard .grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.ui-v340.route-dashboard .dashboard-stats .stat,.ui-v340.route-dashboard .grid.grid-4 .stat{min-height:96px!important;padding:14px!important;border-radius:20px!important;}.ui-v340.route-dashboard .dashboard-stats .stat:after,.ui-v340.route-dashboard .grid.grid-4 .stat:after{right:-36px!important;top:-38px!important;width:100px!important;height:100px!important;}.ui-v340.route-dashboard .dashboard-stats .stat:before,.ui-v340.route-dashboard .grid.grid-4 .stat:before{display:none!important;}.ui-v340.route-dashboard .dashboard-stats .stat span,.ui-v340.route-dashboard .grid.grid-4 .stat span{font-size:12px!important;line-height:1.25!important;display:block!important;max-width:100%!important;white-space:normal!important;}.ui-v340.route-dashboard .dashboard-stats .stat b,.ui-v340.route-dashboard .grid.grid-4 .stat b{font-size:28px!important;margin-top:8px!important;}.ui-v340.route-dashboard .quick-actions,.ui-v340.route-dashboard .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.ui-v340.route-dashboard .quick-card{min-height:86px!important;padding:14px!important;border-radius:18px!important;}.ui-v340.route-dashboard .quick-card b{font-size:24px!important;}.ui-v340.route-dashboard .quick-card span{font-size:12px!important;}.ui-v340.route-dashboard .card{margin-bottom:14px!important;}}
@media(max-width:380px){.ui-v340.route-dashboard .dashboard-stats,.ui-v340.route-dashboard .grid.grid-4{gap:8px!important;}.ui-v340.route-dashboard .dashboard-stats .stat,.ui-v340.route-dashboard .grid.grid-4 .stat{min-height:90px!important;padding:12px!important;}.ui-v340.route-dashboard .dashboard-stats .stat b,.ui-v340.route-dashboard .grid.grid-4 .stat b{font-size:26px!important;}.ui-v340.route-dashboard .dashboard-stats .stat span,.ui-v340.route-dashboard .grid.grid-4 .stat span{font-size:11.5px!important;}}



/* v3.40.1 - Sidebar scrollbar color polish */
.ui-v3401 .sidebar{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.38) rgba(255,255,255,.10)!important;
}
.ui-v3401 .sidebar::-webkit-scrollbar{
  width:8px!important;
}
.ui-v3401 .sidebar::-webkit-scrollbar-track{
  background:rgba(255,255,255,.08)!important;
  border-radius:999px!important;
}
.ui-v3401 .sidebar::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  border:2px solid rgba(31,103,210,.95)!important;
}
.ui-v3401 .sidebar::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.55)!important;
}
.ui-v3401 .sidebar::-webkit-scrollbar-button{
  width:8px!important;
  height:8px!important;
  background:rgba(255,255,255,.10)!important;
}
.ui-v3401 .sidebar::-webkit-scrollbar-corner{
  background:transparent!important;
}

/* When browser still shows classic scrollbar arrow buttons, make the visible area blend with sidebar */
.ui-v3401 .sidebar{
  background-clip:padding-box!important;
}

/* Mobile sidebar uses same blue scrollbar palette */
@media(max-width:900px){
  .ui-v3401 .sidebar{
    scrollbar-color:rgba(255,255,255,.42) rgba(255,255,255,.12)!important;
  }
}



/* v3.41 - Form UKS Final */
.ui-v341 .card:has(form),.ui-v341 .form-card{
  border-radius:24px!important;background:#fff!important;border:1px solid #dbe7f3!important;
  box-shadow:0 14px 34px rgba(31,103,210,.08)!important;
}
.ui-v341 .card:has(form) > h3:first-child,.ui-v341 .form-card > h3:first-child{
  margin-top:0!important;color:#173053!important;font-weight:600!important;
}
.ui-v341 .card:has(form) > p.muted,.ui-v341 .form-card > p.muted{color:#6d7d93!important;line-height:1.5!important;}
.ui-v341 .form-row{gap:14px!important;margin-bottom:2px!important;}
.ui-v341 .field{margin-bottom:14px!important;}
.ui-v341 .field label{color:#435872!important;font-size:12.5px!important;line-height:1.25!important;font-weight:500!important;margin-bottom:7px!important;}
.ui-v341 .field label:has(+ input[required])::after,.ui-v341 .field label:has(+ select[required])::after,.ui-v341 .field label:has(+ textarea[required])::after{
  content:" *";color:#ef4444;font-weight:700;
}
.ui-v341 .input,.ui-v341 select,.ui-v341 textarea,.ui-v341 input[type="date"],.ui-v341 input[type="number"],.ui-v341 input[type="email"],.ui-v341 input[type="password"],.ui-v341 input[type="text"],.ui-v341 input[type="file"]{
  border-radius:15px!important;border:1px solid #dbe7f3!important;background:#fbfdff!important;min-height:44px!important;
  padding:11px 13px!important;color:#20324a!important;font-size:14px!important;box-shadow:none!important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.ui-v341 textarea{min-height:104px!important;resize:vertical!important;line-height:1.45!important;}
.ui-v341 input[type="file"]{padding:9px 11px!important;}
.ui-v341 .input:focus,.ui-v341 select:focus,.ui-v341 textarea:focus,.ui-v341 input[type="date"]:focus,.ui-v341 input[type="number"]:focus,.ui-v341 input[type="email"]:focus,.ui-v341 input[type="password"]:focus,.ui-v341 input[type="text"]:focus{
  background:#fff!important;border-color:#60a5fa!important;box-shadow:0 0 0 4px rgba(31,103,210,.12)!important;outline:none!important;
}
.ui-v341 .input::placeholder,.ui-v341 textarea::placeholder{color:#8aa0b8!important;}
.ui-v341 .mini-title{
  display:flex!important;align-items:center!important;gap:8px!important;color:#1550a6!important;
  background:linear-gradient(135deg,#eef6ff,#ffffff)!important;border:1px solid #dbeafe!important;border-radius:18px!important;
  padding:11px 13px!important;margin:16px 0 13px!important;font-weight:600!important;
}
.ui-v341 .mini-title::before{content:"";width:8px;height:8px;border-radius:99px;background:#1f67d2;box-shadow:0 0 0 4px rgba(31,103,210,.12);}
.ui-v341 .section-head{
  background:linear-gradient(135deg,#f5f9ff,#ffffff)!important;border:1px solid #dbe7f3!important;border-radius:22px!important;
  padding:14px 15px!important;margin-bottom:14px!important;
}
.ui-v341 .section-head h1,.ui-v341 .section-head h2,.ui-v341 .section-head h3{margin:0 0 5px!important;color:#173053!important;font-weight:600!important;}
.ui-v341 .section-head p{color:#6d7d93!important;line-height:1.45!important;}
.ui-v341 .form-footer,.ui-v341 form .actions:last-child{
  margin-top:18px!important;padding:12px!important;border:1px solid #dbe7f3!important;background:#fbfdff!important;border-radius:20px!important;
  display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;
}
.ui-v341 .form-footer .btn,.ui-v341 form .actions:last-child .btn,.ui-v341 button[type="submit"]{min-width:116px!important;}
.ui-v341 .btn{border-radius:14px!important;font-weight:600!important;}
.ui-v341 .btn.secondary,.ui-v341 .btn.ghost{box-shadow:none!important;}
.ui-v341 .form-progress-hint{border-radius:16px!important;border:1px dashed #bfd4eb!important;background:#f8fbff!important;color:#64748b!important;padding:10px 12px!important;}
.ui-v341 .form-progress-hint.complete{border-color:#86efac!important;background:#f0fdf4!important;color:#166534!important;}
.ui-v341 .quick-note,.ui-v341 .alert{border-radius:18px!important;}
.ui-v341 .alert.ok{background:#ecfdf3!important;color:#166534!important;border:1px solid #bbf7d0!important;}
.ui-v341 .alert.err{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;}
.ui-v341 .searchbar{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:20px!important;padding:10px!important;}
.ui-v341 .searchbar input{max-width:420px!important;}
.ui-v341 .tabs{background:transparent!important;gap:9px!important;}
.ui-v341 .tab{border-radius:16px!important;padding:10px 15px!important;font-weight:500!important;}
.ui-v341 .tab.active{background:linear-gradient(135deg,#1f67d2,#2f86f6)!important;color:#fff!important;box-shadow:0 10px 22px rgba(31,103,210,.16)!important;}
.ui-v341 .field small,.ui-v341 .help-text,.ui-v341 form small{color:#6d7d93!important;line-height:1.35!important;}
.ui-v341 input[type="checkbox"],.ui-v341 input[type="radio"]{accent-color:#1f67d2;}
.ui-v341 label:has(input[type="checkbox"]),.ui-v341 label:has(input[type="radio"]){display:flex!important;align-items:center!important;gap:8px!important;color:#435872!important;}
.ui-v341 .danger-zone{border-color:#fecdd3!important;background:#fff7f8!important;}
.ui-v341 .danger-zone .section-head{border-color:#fecdd3!important;background:#fff1f2!important;}
@media(max-width:900px){
  .ui-v341 .card:has(form),.ui-v341 .form-card{border-radius:20px!important;padding:14px!important;}
  .ui-v341 .form-row{grid-template-columns:1fr!important;gap:0!important;}
  .ui-v341 .field{margin-bottom:12px!important;}
  .ui-v341 .input,.ui-v341 select,.ui-v341 textarea,.ui-v341 input[type="date"],.ui-v341 input[type="number"],.ui-v341 input[type="email"],.ui-v341 input[type="password"],.ui-v341 input[type="text"]{min-height:43px!important;font-size:14px!important;}
  .ui-v341 textarea{min-height:96px!important;}
  .ui-v341 .section-head{border-radius:18px!important;padding:12px!important;}
  .ui-v341 .mini-title{border-radius:16px!important;padding:10px 12px!important;margin:14px 0 12px!important;}
  .ui-v341 .form-footer,.ui-v341 form .actions:last-child{
    position:sticky!important;bottom:76px!important;z-index:35!important;background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(12px)!important;justify-content:stretch!important;border-radius:18px!important;padding:10px!important;
    box-shadow:0 -10px 26px rgba(31,103,210,.08)!important;
  }
  .ui-v341 .form-footer .btn,.ui-v341 form .actions:last-child .btn,.ui-v341 button[type="submit"]{width:100%!important;min-width:0!important;}
  .ui-v341 .searchbar{display:grid!important;grid-template-columns:1fr!important;}
}
@media(max-width:420px){
  .ui-v341 .field label{font-size:12px!important;}
  .ui-v341 .input,.ui-v341 select,.ui-v341 textarea{border-radius:13px!important;}
}



/* v3.42 - Table/List UKS Final */
.ui-v342 .list-card,
.ui-v342 .card:has(table.table){
  border-radius:24px!important;
  border:1px solid #dbe7f3!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(31,103,210,.08)!important;
  overflow:hidden;
}
.ui-v342 .card:has(table.table) .section-head,
.ui-v342 .list-card .section-head{
  margin-bottom:12px!important;
}
.ui-v342 .list-tools{
  border:1px solid #dbe7f3!important;
  background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
  border-radius:20px!important;
  padding:11px!important;
  gap:9px!important;
  margin-bottom:12px!important;
}
.ui-v342 .list-tools .input,
.ui-v342 .list-tools select,
.ui-v342 .list-tools input{
  min-height:40px!important;
  border-radius:14px!important;
  background:#fff!important;
}
.ui-v342 .list-tools .btn,
.ui-v342 .searchbar .btn{
  min-height:40px!important;
  border-radius:14px!important;
}
.ui-v342 .bulkbar{
  background:#fff8ee!important;
  border:1px solid #f5d29b!important;
  border-radius:18px!important;
  padding:10px!important;
  gap:8px!important;
}
.ui-v342 .bulkbar select{
  min-height:40px!important;
  border-radius:14px!important;
}
.ui-v342 .table-wrap{
  border:1px solid #dbe7f3!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:auto!important;
}
.ui-v342 table.table{
  border-collapse:separate!important;
  border-spacing:0!important;
  width:100%!important;
  font-size:13.5px!important;
}
.ui-v342 .table th{
  background:#f1f7ff!important;
  color:#536984!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:11.5px!important;
  font-weight:600!important;
  padding:12px 11px!important;
  border-bottom:1px solid #dbe7f3!important;
  position:sticky;
  top:0;
  z-index:2;
}
.ui-v342 .table td{
  color:#20324a!important;
  padding:11px!important;
  border-bottom:1px solid #edf3fa!important;
  vertical-align:middle!important;
}
.ui-v342 .table tr:last-child td{
  border-bottom:0!important;
}
.ui-v342 .table tr:hover td{
  background:#f8fbff!important;
}
.ui-v342 .table td .muted,
.ui-v342 .table .muted{
  color:#6d7d93!important;
}
.ui-v342 .table .actions{
  gap:6px!important;
  flex-wrap:nowrap!important;
}
.ui-v342 .table .btn,
.ui-v342 .table a.btn{
  min-height:32px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
}
.ui-v342 .badge{
  min-height:23px!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:4px 10px!important;
  font-size:11.5px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.ui-v342 .pager{
  border:1px solid #dbe7f3!important;
  background:#fbfdff!important;
  border-radius:18px!important;
  padding:10px 12px!important;
  margin-top:12px!important;
  gap:10px!important;
}
.ui-v342 .pager .btn{
  min-width:38px!important;
  min-height:36px!important;
  border-radius:14px!important;
}
.ui-v342 .pager .muted{
  color:#536984!important;
}
.ui-v342 .status-filter{
  gap:7px!important;
}
.ui-v342 .chip{
  border-radius:999px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid #dbe7f3!important;
  background:#fff!important;
  color:#435872!important;
}
.ui-v342 .chip.active{
  background:#eaf3ff!important;
  color:#1f67d2!important;
  border-color:#bfdbfe!important;
  font-weight:600!important;
}
.ui-v342 .empty-state{
  background:#f8fbff!important;
  border:1px dashed #bfd4eb!important;
  border-radius:20px!important;
  padding:22px!important;
  text-align:center!important;
}
.ui-v342 .empty-state b{
  color:#173053!important;
  font-size:15px!important;
}
.ui-v342 .empty-state span{
  color:#6d7d93!important;
}
.ui-v342 .no-export input[type="checkbox"],
.ui-v342 input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:#1f67d2;
}
.ui-v342 .import-box{
  background:#f8fbff!important;
  border:1px solid #dbe7f3!important;
  border-radius:18px!important;
  padding:9px!important;
}
.ui-v342 .import-box input[type="file"]{
  background:#fff!important;
}

/* Action buttons become softer in data rows */
.ui-v342 .table .btn.secondary,
.ui-v342 .table .btn.ghost{
  background:#f2f6fb!important;
  color:#274060!important;
  border:1px solid #e3eef9!important;
}
.ui-v342 .table .btn.ghost:hover,
.ui-v342 .table .btn.secondary:hover{
  background:#eaf3ff!important;
  color:#1f67d2!important;
}

/* Mobile table/list card style */
@media(max-width:720px){
  .ui-v342:not(.route-reports) .table-wrap{
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .ui-v342:not(.route-reports) .table{
    display:block!important;
  }
  .ui-v342:not(.route-reports) .table tbody,
  .ui-v342:not(.route-reports) .table tr,
  .ui-v342:not(.route-reports) .table td{
    display:block!important;
    width:100%!important;
  }
  .ui-v342:not(.route-reports) .table tr:first-child,
  .ui-v342:not(.route-reports) .table thead{
    display:none!important;
  }
  .ui-v342:not(.route-reports) .table tr{
    background:#fff!important;
    border:1px solid #dbe7f3!important;
    border-radius:20px!important;
    padding:11px!important;
    margin-bottom:10px!important;
    box-shadow:0 10px 24px rgba(31,103,210,.06)!important;
  }
  .ui-v342:not(.route-reports) .table td{
    border:0!important;
    padding:7px 4px!important;
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
    font-size:13px!important;
  }
  .ui-v342:not(.route-reports) .table td:before{
    content:attr(data-label);
    color:#6d7d93!important;
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1.25!important;
  }
  .ui-v342:not(.route-reports) .table td.no-export{
    grid-template-columns:1fr!important;
  }
  .ui-v342:not(.route-reports) .table td.no-export:before{
    display:none!important;
  }
  .ui-v342:not(.route-reports) .table td:last-child{
    padding-top:10px!important;
  }
  .ui-v342 .list-tools{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .ui-v342 .list-tools .input,
  .ui-v342 .list-tools select,
  .ui-v342 .list-tools .btn{
    width:100%!important;
    max-width:none!important;
  }
  .ui-v342 .bulkbar{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .ui-v342 .bulkbar select,
  .ui-v342 .bulkbar .btn{
    width:100%!important;
    max-width:none!important;
  }
  .ui-v342 .pager{
    justify-content:center!important;
    font-size:12px!important;
  }
  .ui-v342 .status-filter{
    overflow:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:3px!important;
  }
  .ui-v342 .chip{
    white-space:nowrap!important;
  }
}

/* Reports keep table mode but still cleaner */
@media(max-width:720px){
  .ui-v342.route-reports .table-wrap{
    border-radius:18px!important;
    overflow:auto!important;
  }
  .ui-v342.route-reports .table{
    min-width:760px!important;
  }
}


/* v3.42.1 - Admin view mobile/UKS polish */
.ui-v3421.route-backup_center .admin-ops-page,
.ui-v3421.route-db_maintenance .admin-ops-page{display:grid!important;gap:16px!important;}
.ui-v3421.route-backup_center .grid-4,
.ui-v3421.route-db_maintenance .grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
.ui-v3421.route-backup_center .grid-4 .stat,
.ui-v3421.route-db_maintenance .grid-4 .stat{position:relative!important;overflow:hidden!important;min-height:122px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:20px 22px!important;border-radius:22px!important;border:0!important;box-shadow:0 14px 30px rgba(31,103,210,.12)!important;color:#fff!important;}
.ui-v3421.route-backup_center .grid-4 .stat:after,
.ui-v3421.route-db_maintenance .grid-4 .stat:after{content:"";position:absolute;right:-28px;top:-28px;width:108px;height:108px;border-radius:50%;background:rgba(255,255,255,.12)!important;}
.ui-v3421.route-backup_center .grid-4 .stat:nth-child(1),
.ui-v3421.route-db_maintenance .grid-4 .stat:nth-child(1){background:linear-gradient(135deg,#1f7aec,#06b6d4)!important;}
.ui-v3421.route-backup_center .grid-4 .stat:nth-child(2),
.ui-v3421.route-db_maintenance .grid-4 .stat:nth-child(2){background:linear-gradient(135deg,#22b77a,#42cfa3)!important;}
.ui-v3421.route-backup_center .grid-4 .stat:nth-child(3),
.ui-v3421.route-db_maintenance .grid-4 .stat:nth-child(3){background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;}
.ui-v3421.route-backup_center .grid-4 .stat:nth-child(4),
.ui-v3421.route-db_maintenance .grid-4 .stat:nth-child(4){background:linear-gradient(135deg,#7c3aed,#a855f7)!important;}
.ui-v3421.route-backup_center .grid-4 .stat span,
.ui-v3421.route-backup_center .grid-4 .stat small,
.ui-v3421.route-db_maintenance .grid-4 .stat span,
.ui-v3421.route-db_maintenance .grid-4 .stat small{color:rgba(255,255,255,.92)!important;line-height:1.35!important;}
.ui-v3421.route-backup_center .grid-4 .stat b,
.ui-v3421.route-db_maintenance .grid-4 .stat b{display:block!important;font-size:30px!important;line-height:1.08!important;color:#fff!important;margin:0 0 8px!important;}
.ui-v3421.route-backup_center .grid-4 .stat .btn,
.ui-v3421.route-db_maintenance .grid-4 .stat .btn{margin-top:12px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;}
.ui-v3421.route-backup_center .grid-4 .stat .btn:hover,
.ui-v3421.route-db_maintenance .grid-4 .stat .btn:hover{background:rgba(255,255,255,.24)!important;}

.ui-v3421.route-backup_center .card,
.ui-v3421.route-db_maintenance .card{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:24px!important;padding:18px!important;box-shadow:0 14px 34px rgba(31,103,210,.08)!important;margin-bottom:0!important;}
.ui-v3421.route-backup_center .card h2,
.ui-v3421.route-db_maintenance .card h2{margin:0 0 8px!important;color:#173053!important;font-size:22px!important;}
.ui-v3421.route-backup_center .card p,
.ui-v3421.route-db_maintenance .card p{line-height:1.55!important;}
.ui-v3421.route-backup_center .table-wrap,
.ui-v3421.route-db_maintenance .table-wrap{border:1px solid #dbe7f3!important;border-radius:18px!important;background:#fff!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
.ui-v3421.route-backup_center .table-wrap .table,
.ui-v3421.route-db_maintenance .table-wrap .table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:680px!important;}
.ui-v3421.route-backup_center .table-wrap .table th,
.ui-v3421.route-db_maintenance .table-wrap .table th{background:#f1f7ff!important;color:#536984!important;font-size:11.5px!important;text-transform:none!important;letter-spacing:0!important;padding:12px 11px!important;border-bottom:1px solid #dbe7f3!important;}
.ui-v3421.route-backup_center .table-wrap .table td,
.ui-v3421.route-db_maintenance .table-wrap .table td{padding:11px!important;border-bottom:1px solid #edf3fa!important;color:#20324a!important;vertical-align:middle!important;}
.ui-v3421.route-backup_center .table-wrap .table tr:last-child td,
.ui-v3421.route-db_maintenance .table-wrap .table tr:last-child td{border-bottom:0!important;}
.ui-v3421.route-backup_center .table-wrap .table tr:hover td,
.ui-v3421.route-db_maintenance .table-wrap .table tr:hover td{background:#f8fbff!important;}
.ui-v3421.route-backup_center .badge,
.ui-v3421.route-db_maintenance .badge{border-radius:999px!important;padding:4px 10px!important;font-size:11.5px!important;font-weight:700!important;}

.ui-v3421.route-db_maintenance .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:10px!important;}
.ui-v3421.route-db_maintenance .form-grid label{display:block!important;color:#50627a!important;font-size:13px!important;font-weight:600!important;}
.ui-v3421.route-db_maintenance .form-grid input,
.ui-v3421.route-db_maintenance .form-grid select,
.ui-v3421.route-db_maintenance .form-grid textarea{margin-top:6px!important;border-radius:14px!important;min-height:44px!important;background:#fff!important;}
.ui-v3421.route-db_maintenance .form-grid .checkline{grid-column:1/-1!important;display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px!important;border:1px solid #dbe7f3!important;border-radius:16px!important;background:#f8fbff!important;}
.ui-v3421.route-db_maintenance .form-grid .checkline input{margin-top:2px!important;min-height:18px!important;width:18px!important;height:18px!important;}
.ui-v3421.route-db_maintenance .form-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important;}
.ui-v3421.route-db_maintenance .danger-zone{border-color:#fecdd3!important;background:linear-gradient(180deg,#fff7f8,#fff)!important;}
.ui-v3421.route-db_maintenance .danger-zone .alert{border-radius:16px!important;}

.ui-v3421.route-security_center .security-page .hero,
.ui-v3421.route-security_center .security-page .panel,
.ui-v3421.route-security_center .security-page .kpi{box-shadow:0 14px 34px rgba(31,103,210,.08)!important;}

@media(max-width:1024px){
  .ui-v3421.route-backup_center .grid-4,
  .ui-v3421.route-db_maintenance .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .ui-v3421.route-backup_center .grid-4,
  .ui-v3421.route-db_maintenance .grid-4{grid-template-columns:1fr!important;gap:10px!important;}
  .ui-v3421.route-backup_center .grid-4 .stat,
  .ui-v3421.route-db_maintenance .grid-4 .stat{min-height:104px!important;padding:16px!important;border-radius:20px!important;}
  .ui-v3421.route-backup_center .grid-4 .stat b,
  .ui-v3421.route-db_maintenance .grid-4 .stat b{font-size:27px!important;}
  .ui-v3421.route-backup_center .card,
  .ui-v3421.route-db_maintenance .card{border-radius:20px!important;padding:14px!important;}
  .ui-v3421.route-backup_center .card h2,
  .ui-v3421.route-db_maintenance .card h2{font-size:18px!important;}
  .ui-v3421.route-backup_center .table-wrap .table,
  .ui-v3421.route-db_maintenance .table-wrap .table{min-width:620px!important;}
  .ui-v3421.route-db_maintenance .form-grid{grid-template-columns:1fr!important;}
  .ui-v3421.route-db_maintenance .form-actions .btn,
  .ui-v3421.route-db_maintenance .form-actions a.btn{width:100%!important;justify-content:center!important;}
}



/* v3.43 - Admin & System UI Final */
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .content{
  background:
    radial-gradient(circle at 12% 0%, rgba(31,122,236,.08), transparent 28%),
    radial-gradient(circle at 88% 6%, rgba(34,183,122,.07), transparent 24%),
    var(--bg);
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .card{
  background:#fff!important;
  border:1px solid #dbe7f3!important;
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(31,103,210,.08)!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4 .stat,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats .stat{
  position:relative!important;
  overflow:hidden!important;
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:0!important;
  border-radius:22px!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(31,103,210,.12)!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4 .stat:nth-child(1),
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats .stat:nth-child(1){background:linear-gradient(135deg,#1f7aec,#06b6d4)!important;}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4 .stat:nth-child(2),
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats .stat:nth-child(2){background:linear-gradient(135deg,#22b77a,#42cfa3)!important;}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4 .stat:nth-child(3),
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats .stat:nth-child(3){background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4 .stat:nth-child(4),
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats .stat:nth-child(4){background:linear-gradient(135deg,#7c3aed,#a855f7)!important;}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .stat:after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:108px;
  height:108px;
  border-radius:50%;
  background:rgba(255,255,255,.13)!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .stat b{
  color:#fff!important;
  font-size:30px!important;
  line-height:1.1!important;
  margin:0 0 8px!important;
  position:relative;
  z-index:2;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .stat span,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .stat small{
  color:rgba(255,255,255,.92)!important;
  position:relative;
  z-index:2;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .stat .btn{
  margin-top:12px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  position:relative;
  z-index:2;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .card h2,
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .card h3{
  color:#173053!important;
  font-weight:600!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .muted{
  color:#6d7d93!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .table-wrap{
  border:1px solid #dbe7f3!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) th{
  background:#f1f7ff!important;
  color:#536984!important;
  font-size:11.5px!important;
  text-transform:none!important;
  letter-spacing:0!important;
  padding:12px 11px!important;
  border-bottom:1px solid #dbe7f3!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) td{
  color:#20324a!important;
  padding:11px!important;
  border-bottom:1px solid #edf3fa!important;
  vertical-align:middle!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) tr:last-child td{
  border-bottom:0!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) tr:hover td{
  background:#f8fbff!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) form{
  background:transparent!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .form-grid{
  gap:14px!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) label{
  color:#435872!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) input,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) select,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) textarea{
  border-radius:15px!important;
  border:1px solid #dbe7f3!important;
  background:#fbfdff!important;
  min-height:44px!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) input:focus,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) select:focus,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) textarea:focus{
  border-color:#60a5fa!important;
  box-shadow:0 0 0 4px rgba(31,103,210,.12)!important;
  background:#fff!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .btn{
  border-radius:14px!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .btn.secondary,
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .btn.ghost{
  background:#f2f6fb!important;
  color:#274060!important;
  border:1px solid #e3eef9!important;
  box-shadow:none!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .btn.secondary:hover,
.ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .btn.ghost:hover{
  background:#eaf3ff!important;
  color:#1f67d2!important;
}
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .searchbar,
.ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .list-tools{
  background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
  border:1px solid #dbe7f3!important;
  border-radius:20px!important;
  padding:10px!important;
}
.ui-v343.route-access_matrix .table-wrap table,
.ui-v343.route-security_center .table-wrap table,
.ui-v343.route-settings .table-wrap table,
.ui-v343.route-google_login .table-wrap table{
  min-width:680px!important;
}

/* Admin mobile safety */
@media(max-width:900px){
  .ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .content{
    overflow-x:hidden!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .grid-4 .stat,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .dashboard-stats .stat{
    min-height:100px!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .stat b{
    font-size:26px!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .card{
    border-radius:20px!important;
    padding:14px!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .table-wrap{
    max-width:100%!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .table-wrap table,
  .ui-v343:is(.route-users,.route-access_matrix,.route-security_center,.route-backup_center,.route-db_maintenance,.route-settings,.route-google_login,.route-signatories,.route-document_templates) table{
    min-width:620px!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .searchbar,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .list-tools{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .searchbar .btn,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .list-tools .btn,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .searchbar input,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .list-tools input,
  .ui-v343:is(.route-users,.route-access_matrix,.route-settings,.route-google_login,.route-signatories,.route-document_templates) .list-tools select{
    width:100%!important;
    max-width:none!important;
  }
}



/* v3.44 - Flexible signatory per document */
.ui-v344 .signatory-override-box{
  border:1px solid #dbe7f3!important;
  background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
  border-radius:22px!important;
  padding:0!important;
  overflow:hidden!important;
  margin:16px 0!important;
}
.ui-v344 .signatory-override-box summary{
  list-style:none;
  cursor:pointer;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  color:#173053!important;
  font-weight:600!important;
}
.ui-v344 .signatory-override-box summary::-webkit-details-marker{display:none}
.ui-v344 .signatory-override-box summary:after{
  content:"⌄";
  width:28px;height:28px;border-radius:999px;
  display:grid;place-items:center;
  background:#eaf3ff;color:#1f67d2;
}
.ui-v344 .signatory-override-box[open] summary:after{transform:rotate(180deg)}
.ui-v344 .signatory-override-box summary span{display:block}
.ui-v344 .signatory-override-box summary small{
  display:block;
  color:#6d7d93!important;
  font-size:12px!important;
  font-weight:400!important;
}
.ui-v344 .signatory-note{
  margin:0 16px 14px;
  padding:11px 12px;
  border-radius:16px;
  border:1px dashed #bfd4eb;
  background:#fff;
  color:#536984;
  line-height:1.45;
}
.ui-v344 .signatory-note b{color:#173053}
.ui-v344 .signatory-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0 16px 16px;
}
.ui-v344 .signatory-role-card{
  background:#fff;
  border:1px solid #dbe7f3;
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 24px rgba(31,103,210,.05);
}
.ui-v344 .signatory-role-head{
  margin-bottom:10px;
}
.ui-v344 .signatory-role-head b{
  display:block;
  color:#173053;
  font-weight:600;
}
.ui-v344 .signatory-role-head small{
  display:block;
  color:#6d7d93;
  line-height:1.35;
  margin-top:3px;
}
.ui-v344 .sign-custom-fields{
  margin-top:8px;
}
.ui-v344 .sign-custom-fields .full{
  grid-column:1/-1;
}
.ui-v344 .signatory-role-card select{
  background:#f8fbff!important;
}
.ui-v344 .signatory-role-card:has([data-sign-mode] option[value="custom"]:checked){
  border-color:#93c5fd!important;
}
@media(max-width:900px){
  .ui-v344 .signatory-grid{
    grid-template-columns:1fr!important;
    padding:0 12px 12px;
  }
  .ui-v344 .signatory-override-box summary{
    align-items:flex-start!important;
    padding:13px!important;
  }
  .ui-v344 .signatory-note{
    margin:0 12px 12px;
  }
  .ui-v344 .signatory-role-card{
    border-radius:16px;
    padding:12px;
  }
}


/* v3.47 PWA polish */
.pwa-install-btn{
  border:1px solid rgba(37,99,235,.22);
  background:linear-gradient(135deg,#2563eb,#38bdf8);
  color:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(37,99,235,.18);
  cursor:pointer;
  white-space:nowrap;
}
.pwa-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #dbeafe;
  background:#eff6ff;
  color:#1d4ed8;
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.pwa-status::before{
  content:"";
  width:8px;height:8px;border-radius:999px;background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.13);
}
.pwa-status .pwa-offline{color:#b91c1c}
body.is-offline .pwa-status{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}
body.is-offline .pwa-status::before{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.14)}
@media(max-width:900px){
  .pwa-status{display:none}
  .pwa-install-btn{padding:8px 10px;font-size:12px}
}


/* v3.47.1 PWA install banner polish */
.pwa-install-btn{display:none!important}
.pwa-install-banner{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  margin:12px 0 14px;
  padding:12px 14px;
  border:1px solid #bfdbfe;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border-radius:20px;
  box-shadow:0 16px 40px rgba(37,99,235,.12);
}
.pwa-install-banner[hidden]{display:none!important}
.pwa-install-banner-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#38bdf8);
  font-weight:900;
  box-shadow:0 10px 24px rgba(37,99,235,.22);
}
.pwa-install-banner-text{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.pwa-install-banner-text b{
  color:#0f2f64;
  font-size:14px;
}
.pwa-install-banner-text span{
  color:#64748b;
  font-size:12.5px;
  line-height:1.35;
}
.pwa-install-banner-btn{
  border:0;
  background:#2563eb;
  color:#fff;
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(37,99,235,.18);
}
.pwa-install-banner-close{
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid #dbeafe;
  background:#fff;
  color:#64748b;
  border-radius:999px;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.pwa-install-banner-close:hover{
  color:#dc2626;
  border-color:#fecaca;
  background:#fff1f2;
}
@media(max-width:760px){
  .pwa-install-banner{
    margin:10px 0 12px;
    padding:11px;
    border-radius:18px;
    align-items:flex-start;
  }
  .pwa-install-banner-icon{width:36px;height:36px;flex-basis:36px;border-radius:14px}
  .pwa-install-banner-text b{font-size:13.5px}
  .pwa-install-banner-text span{font-size:12px}
  .pwa-install-banner-btn{padding:9px 13px}
  .pwa-install-banner-close{width:32px;height:32px;flex-basis:32px}
}
@media(max-width:460px){
  .pwa-install-banner{
    display:grid;
    grid-template-columns:36px 1fr 32px;
    gap:10px;
  }
  .pwa-install-banner-btn{
    grid-column:1 / -1;
    width:100%;
    justify-self:stretch;
  }
}


/* v3.47.2 topbar user position fix */
@media(min-width:981px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(280px,380px) minmax(260px,1fr) auto!important;
    align-items:start!important;
    gap:14px!important;
  }
  .topbar .mobile-menu{display:none}
  .topbar .top-search{
    grid-column:1;
    grid-row:1;
    width:100%;
    min-width:0;
    flex:unset!important;
  }
  .topbar .page-title{
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding-top:6px;
  }
  .topbar .view-toggle,
  .topbar .pwa-status,
  .topbar .help-toggle,
  .topbar .cmd-toggle,
  .topbar .notif-pill,
  .topbar .user-menu-wrap{
    grid-row:1;
    align-self:start;
  }
  .topbar .view-toggle{grid-column:3}
  .topbar .pwa-status{grid-column:3;margin-left:96px}
  .topbar .help-toggle{grid-column:3;margin-left:190px}
  .topbar .cmd-toggle{grid-column:3;margin-left:238px}
  .topbar .notif-pill{grid-column:3;margin-left:286px}
  .topbar .user-menu-wrap{
    grid-column:1;
    grid-row:2;
    margin-top:6px;
    justify-self:start;
  }
  .topbar .user-pill{
    max-width:380px;
    min-height:42px;
  }
}
@media(min-width:1260px){
  .topbar{
    grid-template-columns:minmax(300px,380px) minmax(260px,1fr) auto auto auto auto auto auto!important;
    align-items:center!important;
  }
  .topbar .top-search{grid-column:1;grid-row:1}
  .topbar .page-title{grid-column:2;grid-row:1}
  .topbar .view-toggle{grid-column:3;margin-left:0}
  .topbar .pwa-status{grid-column:4;margin-left:0}
  .topbar .help-toggle{grid-column:5;margin-left:0}
  .topbar .cmd-toggle{grid-column:6;margin-left:0}
  .topbar .notif-pill{grid-column:7;margin-left:0}
  .topbar .user-menu-wrap{
    grid-column:8;
    grid-row:1;
    margin-top:0;
    justify-self:end;
  }
}
@media(max-width:980px){
  .topbar .user-menu-wrap{
    order:2;
    margin-left:auto;
  }
  .topbar .page-title{order:1}
  .topbar .top-search{order:4}
  .topbar .pwa-status{order:3}
}


/* v3.48 Passkey / biometric login */
.passkey-login-btn{
  width:100%;
  justify-content:center;
  margin-top:12px;
  background:linear-gradient(135deg,#0f172a,#2563eb);
  color:#fff;
  border:0;
  box-shadow:0 14px 34px rgba(37,99,235,.22);
}
.passkey-card{
  border:1px solid #bfdbfe;
  background:linear-gradient(135deg,#ffffff,#eff6ff);
}
.passkey-card .notice{
  margin:10px 0 14px;
}


/* v3.48.1 Passkey security/profile polish */
.passkey-device-list{display:grid;gap:10px;margin-top:14px}
.passkey-device-list form{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:10px 12px;
}
.passkey-device-list span{display:flex;flex-direction:column;gap:2px;color:#0f172a}
.passkey-device-list small{color:#64748b;font-weight:500}
@media(max-width:640px){.passkey-device-list form{align-items:flex-start;flex-direction:column}.passkey-device-list .btn{width:100%}}