:root{
  --nama-red:#e5233f;--nama-red-dark:#bf1831;--ink:#1f2a33;--ink-2:#344450;--muted:#6e7d88;
  --bg:#f3f5f7;--surface:#fff;--line:#dfe5e9;--soft:#f8fafb;--blue:#1666a8;--teal:#087f7a;
  --green:#1c8c5b;--amber:#c47a0a;--violet:#7157a8;--danger:#bc2736;--shadow:0 12px 32px rgba(31,42,51,.07);
  --sidebar:278px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#17232d;color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:50;overflow:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;padding:3px 5px}.brand-mark{width:58px;height:54px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:5px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:15px}.brand-copy small{font-size:11px;color:#9fb0bd;margin-top:3px}.project-chip{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;margin:22px 4px}.project-chip .dot{width:9px;height:9px;background:#48d18b;border-radius:50%;box-shadow:0 0 0 4px rgba(72,209,139,.12)}.project-chip small,.project-chip strong{display:block}.project-chip small{font-size:10px;color:#8fa2af;text-transform:uppercase;letter-spacing:.08em}.project-chip strong{font-size:12px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:3px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#718794;margin:17px 10px 6px}.nav-link{display:flex;gap:11px;align-items:center;text-decoration:none;color:#cbd5dc;padding:10px 11px;border-radius:8px;font-size:13px;transition:.18s}.nav-link>span{width:20px;text-align:center;font-weight:700}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.08);color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--nama-red)}.sidebar-footer{margin-top:auto;padding:24px 5px 0}.user-card{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--nama-red);display:flex;align-items:center;justify-content:center;font-weight:800}.user-card strong,.user-card small{display:block}.user-card strong{font-size:12px}.user-card small{color:#8296a3;font-size:11px}.logout-link{display:inline-block;margin:10px 0;color:#b8c6ce;font-size:11px}.demo-disclaimer{display:block;color:#607480;font-size:9px;line-height:1.45;margin-top:12px}.main{margin-left:var(--sidebar);min-height:100vh;padding:28px 34px 22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.topbar-left{display:flex;gap:14px;align-items:flex-start}.topbar h1{margin:2px 0 3px;font-size:28px;letter-spacing:-.02em}.topbar p{margin:0;color:var(--muted);max-width:760px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--nama-red);font-weight:800}.topbar-actions,.inline-actions{display:flex;gap:10px;align-items:center}.menu-button{display:none;border:0;background:transparent;font-size:22px}.button{border:1px solid transparent;border-radius:8px;padding:10px 15px;text-decoration:none;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.button.primary{background:var(--nama-red);color:#fff}.button.primary:hover{background:var(--nama-red-dark)}.button.secondary{background:#253b49;color:#fff}.button.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.button.white{background:#fff;color:var(--ink)}.button.danger{background:var(--danger);color:#fff}.button.small{padding:6px 10px;font-size:11px}.button.full{width:100%}.danger-text{color:var(--danger)!important}.text-link{color:var(--blue);font-weight:700;text-decoration:none;font-size:12px}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.alert{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:8px;border:1px solid}.alert>span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.alert.success{background:#edf9f3;border-color:#bee6d1;color:#176b43}.alert.danger{background:#fff1f2;border-color:#f2c4c9;color:#8e1e2a}.hero-panel{background:linear-gradient(128deg,#202f3a,#173c47 62%,#0c6870);color:#fff;border-radius:18px;padding:34px 38px;display:flex;justify-content:space-between;gap:28px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:18px}.hero-panel:after{content:"";position:absolute;width:320px;height:320px;border:58px solid rgba(255,255,255,.035);border-radius:50%;right:-110px;top:-130px}.hero-copy{position:relative;z-index:1;max-width:800px}.status-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:20px}.status-badge i{width:8px;height:8px;border-radius:50%;background:#49d690}.hero-panel h2{font-size:29px;line-height:1.18;margin:17px 0 10px;max-width:760px}.hero-panel p{color:#c5d3d8;max-width:780px;margin:0}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.hero-panel .text-link{color:#d9eff1}.hero-score{position:relative;z-index:1;min-width:170px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}.score-ring{grid-column:1/-1;width:124px;height:124px;border-radius:50%;margin:auto;background:conic-gradient(var(--nama-red) calc(var(--value)*1%),rgba(255,255,255,.13) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.score-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#24434b}.score-ring span,.score-ring small{position:relative}.score-ring span{font-size:25px;font-weight:800}.score-ring small{color:#a8c0c5}.score-ring.small{width:104px;height:104px;color:#fff}.mini-score{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px;text-align:center}.mini-score span{font-size:9px;color:#9fb9bf;display:block}.mini-score strong{font-size:15px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:12px;min-width:0}.kpi-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.kpi-icon.red{background:#fff0f2;color:var(--nama-red)}.kpi-icon.blue{background:#edf5fb;color:var(--blue)}.kpi-icon.teal{background:#e9f7f6;color:var(--teal)}.kpi-icon.amber{background:#fff6e7;color:var(--amber)}.kpi-icon.green{background:#edf8f2;color:var(--green)}.kpi-icon.violet{background:#f2eef9;color:var(--violet)}.kpi-card span,.kpi-card strong,.kpi-card small{display:block}.kpi-card span{font-size:11px;color:var(--muted)}.kpi-card strong{font-size:25px;line-height:1.1;margin:4px 0}.kpi-card small{font-size:9px;color:#91a0aa}.workflow-panel,.panel,.filter-panel,.form-section,.record-hero,.guide-hero,.danger-zone,.demo-tools,.form-panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 20px rgba(31,42,51,.035)}.workflow-panel{padding:22px;margin-bottom:18px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.section-heading h2,.panel-heading h2{margin:2px 0 2px;font-size:18px}.section-heading p{margin:0;color:var(--muted);font-size:12px}.workflow-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:18px}.workflow-step{border:1px solid var(--line);border-radius:9px;padding:12px;position:relative}.workflow-step:after{content:"→";position:absolute;right:-9px;top:50%;color:#adb8bf}.workflow-step:last-child:after{display:none}.workflow-step>span{font-size:10px;color:var(--nama-red);font-weight:800}.workflow-step strong,.workflow-step small{display:block}.workflow-step strong{margin:4px 0}.workflow-step small{font-size:9px;color:var(--muted)}.dashboard-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{padding:19px;min-width:0}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-heading{margin-bottom:14px}.pill{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:750;white-space:nowrap}.pill.success{background:#e8f7ef;color:#17734a}.pill.warning{background:#fff3dd;color:#a66406}.pill.danger{background:#ffeaed;color:#9e2030}.pill.neutral{background:#eef2f4;color:#50606b}.pill.demo{background:#eee9fa;color:#60449e}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#73828c;background:#f8fafb;position:sticky;top:0;z-index:1}.data-table td>strong,.data-table td>span,.data-table td>small{display:block}.data-table td small{font-size:9px;color:#87959e;margin-top:3px}.data-table.compact th,.data-table.compact td{padding:9px}.table-scroll,.region-table-wrap{overflow:auto}.table-panel{padding:0}.table-panel>.panel-heading{padding:18px 20px;margin:0}.progress-line{height:7px;background:#e9eef1;border-radius:10px;overflow:hidden;min-width:90px}.progress-line span,.progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--nama-red),#ee6376);border-radius:10px}.progress-line.slim{height:5px}.alert-list{display:grid}.alert-list a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0;color:#4c5d68}.alert-list a strong{width:28px;height:28px;border-radius:50%;background:#f2f5f6;display:flex;align-items:center;justify-content:center}.callout{border-radius:8px;padding:11px 12px;display:flex;gap:7px;flex-direction:column;margin-top:13px}.callout strong{font-size:11px}.callout span{font-size:10px}.callout.info{background:#eef6fb;color:#245d83}.callout.warning{background:#fff5e5;color:#8a5a13}.callout.large{padding:16px 18px;margin-bottom:16px;flex-direction:row;align-items:center}.bar-list{display:grid;gap:10px}.bar-item>div:first-child{display:flex;justify-content:space-between;font-size:11px}.bar-track{height:7px;background:#eef1f3;border-radius:8px;margin-top:4px;overflow:hidden}.bar-track i{display:block;height:100%;background:#4c788f;border-radius:8px}.status-list>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}.status-list p{flex:1;margin:0}.status-list strong,.status-list small{display:block}.status-list strong{font-size:11px}.status-list small{font-size:9px;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:#e65a6c}.status-2{background:#167eaa}.status-3{background:#dd8d13}.status-4{background:#6b57a2}.status-5{background:#25885e}.status-6{background:#8a9aa4}.timeline{display:grid;gap:8px}.timeline-item{display:flex;gap:10px}.timeline-item>span{width:8px;height:8px;background:var(--nama-red);border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #ffedf0}.timeline-item div{border-bottom:1px solid var(--line);padding-bottom:8px;flex:1}.timeline-item strong{font-size:11px}.timeline-item p,.timeline-item small{margin:1px 0;display:block;color:var(--muted);font-size:9px}.timeline.compact{max-height:410px;overflow:auto}.demo-tools,.danger-zone{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-top:16px}.demo-tools h3,.demo-tools p{margin:2px 0}.demo-tools p{font-size:11px;color:var(--muted)}.danger-zone{border-color:#efc5ca;background:#fff9fa}.danger-zone span,.danger-zone strong{display:block}.danger-zone span{font-size:10px;color:#85636a}.page-footer{display:flex;justify-content:space-between;color:#95a1a8;font-size:9px;padding:28px 4px 0}.filter-panel{padding:15px;margin-bottom:15px}.filter-grid{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;align-items:end}.compact-filters{grid-template-columns:2fr 1fr 1fr auto}.filter-grid label,.form-grid label,.upload-form label,.restore-panel label{display:flex;flex-direction:column;gap:5px}.filter-grid label>span,.form-grid label>span,.upload-form label>span,.restore-panel label>span{font-size:10px;font-weight:800;color:#52626c}.filter-grid input,.filter-grid select,.form-grid input,.form-grid select,.form-grid textarea,.exception-form input,.exception-form select,.exception-form textarea,.qa-action input,.qa-action select,.upload-form input,.upload-form select,.restore-panel input{border:1px solid #cfd8de;border-radius:7px;background:#fff;padding:9px 10px;color:var(--ink);width:100%;outline:none}.filter-grid input:focus,.filter-grid select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7fa8bd;box-shadow:0 0 0 3px rgba(22,102,168,.08)}.filter-actions{display:flex;gap:7px}.legend{display:flex;gap:12px;font-size:9px;color:var(--muted)}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.legend-dot.green{background:var(--green)}.legend-dot.amber{background:var(--amber)}.legend-dot.red{background:var(--danger)}.record-title{color:var(--blue);font-weight:800;text-decoration:none;font-size:11px}.record-description{font-size:12px;margin-top:3px}.asset-table{min-width:1250px}.tag-checks{display:flex;gap:4px}.tag-checks span{width:22px;height:22px;border-radius:50%;background:#edf1f3;color:#9ca8af;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800}.tag-checks span.done{background:#dff5e9;color:#147547}.tag-checks.large span{width:auto;border-radius:16px;padding:5px 8px}.row-menu{display:flex;gap:6px}.row-menu a,.table-action{font-size:9px;text-decoration:none;color:var(--blue);font-weight:700}.empty-state{text-align:center;padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.empty-state strong{color:var(--ink);font-size:15px}.empty-state.small{padding:14px;font-size:10px}.empty-state>div{display:flex;gap:7px;margin-top:4px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:10px}.pagination div{display:flex;gap:4px}.pagination a{padding:6px 9px;border:1px solid var(--line);border-radius:5px;text-decoration:none;background:#fff}.pagination a.active{background:var(--nama-red);color:#fff}.record-form{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.form-progress-card{position:sticky;top:18px;background:#22313b;color:#fff;border-radius:13px;padding:20px}.form-score{font-size:36px;font-weight:800;margin:7px 0}.form-progress-card .progress-line{background:rgba(255,255,255,.12)}.form-progress-card p{color:#a9bac4;font-size:10px}.form-nav{display:grid;margin:16px 0}.form-nav a{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;color:#d8e1e6;font-size:11px}.form-sections{display:grid;gap:14px}.form-section{padding:22px}.form-section-heading{display:flex;gap:13px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:17px}.form-section-heading>span{width:34px;height:34px;border-radius:9px;background:#fff0f2;color:var(--nama-red);font-weight:800;display:flex;align-items:center;justify-content:center}.form-section-heading h2,.form-section-heading p{margin:0}.form-section-heading h2{font-size:17px}.form-section-heading p{font-size:10px;color:var(--muted);margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid label small{font-size:9px;color:#82919a;line-height:1.35}.form-grid label span b{color:var(--nama-red)}.form-grid textarea{resize:vertical;min-height:74px}.range-field{display:flex;gap:10px;align-items:center}.range-field output{min-width:38px;font-weight:800;color:var(--blue)}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-card{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--soft)}.check-card input{width:auto}.check-card span b,.check-card span small{display:block}.form-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f7f9fa;border:1px solid var(--line);padding:15px;border-radius:9px;margin-top:18px}.form-submit-bar strong,.form-submit-bar span{display:block}.form-submit-bar span{font-size:10px;color:var(--muted)}.form-submit-bar>div:last-child{display:flex;gap:8px}.form-panel{padding:22px}.record-hero{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:16px}.record-summary{display:flex;gap:20px;align-items:center}.record-qr{width:118px;text-align:center}.record-qr img{width:104px;height:104px;border:1px solid var(--line);border-radius:8px}.record-qr small{font-size:8px;color:var(--muted);word-break:break-all}.record-summary h2{font-size:25px;margin:7px 0 3px}.record-summary p{margin:0;color:var(--muted)}.record-badges{display:flex;gap:5px}.record-location{margin-top:14px;border-left:3px solid var(--nama-red);padding-left:10px}.record-location strong,.record-location span,.record-location small{display:block}.record-location span{font-size:11px}.record-location small{font-size:9px;color:var(--muted)}.record-readiness{display:flex;gap:18px;align-items:center;background:#22313b;color:#fff;padding:15px;border-radius:11px}.record-readiness>div>span{font-size:9px;color:#a9bac4}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-list.four-col{grid-template-columns:repeat(4,1fr)}.detail-list div,.reconciliation-detail div,.evidence-copy div{border-left:2px solid #e8edf0;padding-left:9px}.detail-list span,.reconciliation-detail span,.evidence-copy span{font-size:9px;color:var(--muted);display:block}.detail-list strong,.reconciliation-detail strong,.evidence-copy strong{font-size:11px;display:block;margin-top:2px;word-break:break-word}.assessment-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assessment-card>div{background:#f7f9fa;border-radius:8px;padding:13px}.assessment-card span,.assessment-card strong{display:block}.assessment-card span{font-size:9px;color:var(--muted)}.assessment-card strong{margin-top:4px}.assessment-card p{grid-column:1/-1;font-size:9px;color:var(--muted);margin:0}.reconciliation-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reconciliation-detail .wide{grid-column:1/-1}.evidence-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.asset-photo{height:170px;background:#f0f3f5;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}.asset-photo img{width:100%;height:100%;object-fit:cover}.asset-photo.placeholder{color:var(--muted);font-size:10px}.evidence-copy{display:grid;gap:12px}.region-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.region-card-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px}.region-card-grid article>div:first-child{display:flex;justify-content:space-between;gap:5px}.region-card-grid span{font-size:10px}.region-card-grid strong{font-size:11px}.region-card-grid small{font-size:8px;color:var(--muted)}.summary-strip,.qa-summary{display:flex;gap:9px;overflow:auto;margin-bottom:15px}.summary-strip a,.summary-strip>div,.qa-summary a{min-width:125px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;text-decoration:none}.summary-strip strong,.summary-strip span,.qa-summary strong,.qa-summary span{display:block}.summary-strip strong,.qa-summary strong{font-size:20px}.summary-strip span,.qa-summary span{font-size:9px;color:var(--muted)}.qa-summary a.active{border-color:var(--nama-red);box-shadow:inset 0 -3px var(--nama-red)}.exception-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.exception-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.exception-card-top{display:flex;justify-content:space-between;gap:12px}.exception-card-top a{font-size:10px;color:var(--blue);font-weight:800;text-decoration:none}.exception-card-top h3{margin:3px 0;font-size:15px}.exception-card-top p{margin:0;color:var(--muted);font-size:10px}.exception-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#f7f9fa;border-radius:8px;padding:10px;margin:13px 0}.exception-meta span,.exception-meta strong{display:block}.exception-meta span{font-size:8px;color:var(--muted)}.exception-meta strong{font-size:10px}.exception-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.exception-form label{display:flex;flex-direction:column;gap:4px}.exception-form label span{font-size:9px;font-weight:800}.exception-form .full{grid-column:1/-1}.exception-form textarea{min-height:64px}.exception-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.qa-checklist{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:15px}.qa-checklist>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px}.qa-checklist span,.qa-checklist strong,.qa-checklist small{display:block}.qa-checklist span{color:var(--nama-red);font-size:9px;font-weight:800}.qa-checklist strong{font-size:11px;margin:3px 0}.qa-checklist small{font-size:8px;color:var(--muted)}.qa-action{display:grid;grid-template-columns:130px 1fr auto;gap:5px;min-width:400px}.import-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.import-card{padding:23px}.import-card h2{font-size:18px;margin:5px 0}.import-card>p{font-size:11px;color:var(--muted)}.import-fields{display:grid;gap:7px;margin-top:18px}.import-fields strong{font-size:10px;margin-top:5px}.import-fields span{font-size:10px;border-left:2px solid var(--nama-red);padding-left:7px}.upload-form{display:grid;gap:14px}.upload-zone{border:2px dashed #cdd7dc;border-radius:10px;padding:25px!important;text-align:center;align-items:center;background:#fafcfc}.upload-zone input{border:0;padding:0}.upload-zone>span{font-size:27px!important;color:var(--nama-red)!important}.upload-zone strong,.upload-zone small{display:block}.check-list{padding:0;list-style:none;display:grid;gap:8px}.check-list li{padding-left:22px;position:relative;font-size:11px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.guide-hero{padding:30px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:15px}.guide-hero h2{font-size:25px;margin:5px 0;max-width:780px}.guide-hero p{color:var(--muted);max-width:800px}.guide-rule{min-width:260px;background:#22313b;color:#fff;border-radius:10px;padding:18px}.guide-rule strong,.guide-rule span{display:block}.guide-rule span{font-size:10px;color:#b7c5cc;margin-top:4px}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:15px;align-items:start}.guide-nav{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;display:grid}.guide-nav a{text-decoration:none;font-size:10px;padding:9px;border-bottom:1px solid var(--line)}.guide-content{display:grid;gap:14px}.guide-content article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;scroll-margin-top:15px}.guide-number{color:var(--nama-red);font-size:10px;font-weight:800}.guide-content h2{margin:3px 0 16px}.guide-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.guide-steps>div{display:flex;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px}.guide-steps>div>strong{color:var(--nama-red)}.guide-steps b,.guide-steps small{display:block}.guide-steps small{font-size:9px;color:var(--muted);margin-top:3px}.rule-grid,.definition-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rule-grid>div,.definition-cards>div{background:#f7f9fa;border-radius:8px;padding:13px}.rule-grid p,.definition-cards p{font-size:10px;color:var(--muted);margin:4px 0}.definition-table{width:100%;border-collapse:collapse}.definition-table th,.definition-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}.definition-table th{background:#f7f9fa}.guide-note{font-size:10px;color:var(--muted);border-left:3px solid var(--nama-red);padding-left:10px;margin-top:15px}.tag-guide,.qa-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.tag-guide div,.qa-matrix div{background:#22313b;color:#fff;border-radius:8px;padding:13px}.tag-guide b,.tag-guide span,.qa-matrix strong,.qa-matrix span{display:block}.tag-guide span,.qa-matrix span{font-size:8px;color:#aebdc5}.qa-matrix{grid-template-columns:repeat(3,1fr)}.handover-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.handover-list span{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:10px;font-weight:700}.backup-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.backup-overview article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.backup-overview span,.backup-overview strong,.backup-overview small{display:block}.backup-overview span{font-size:9px;color:var(--muted)}.backup-overview strong{margin:4px 0;font-size:12px;word-break:break-all}.backup-overview small{font-size:9px;color:var(--muted)}.restore-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#fff;border:1px solid #efc7cb;border-radius:12px;padding:22px;margin-top:15px}.restore-panel h2{margin:4px 0}.restore-panel p{font-size:10px;color:var(--muted)}.restore-panel form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.restore-panel form button{grid-column:1/-1}.login-page{min-height:100vh;background:#15232c;color:#fff;display:flex;align-items:center;justify-content:center;padding:35px}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.4fr .8fr;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}.login-brand{padding:70px;background:linear-gradient(135deg,#1b303a,#0c6469);position:relative}.login-brand:after{content:"";position:absolute;width:350px;height:350px;border:65px solid rgba(255,255,255,.035);border-radius:50%;right:-160px;bottom:-160px}.login-brand img{width:170px;background:#fff;border-radius:10px;padding:8px}.login-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#d2e5e7;margin-top:35px}.login-brand h1{font-size:39px;line-height:1.1;margin:12px 0}.login-brand p{color:#c2d3d8;max-width:600px}.login-metrics{display:flex;gap:12px;margin-top:35px}.login-metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:15px 20px;border-radius:9px}.login-metrics strong,.login-metrics span{display:block}.login-metrics strong{font-size:24px}.login-metrics span{font-size:9px;color:#aac0c5}.login-card{background:#fff;color:var(--ink);padding:55px 42px;display:flex;flex-direction:column;justify-content:center}.secure-badge{font-size:9px;background:#e9f7f0;color:#1e764d;border-radius:15px;padding:5px 8px}.login-card h2{font-size:23px;margin:12px 0 3px}.login-card>div p{color:var(--muted);margin-top:0}.login-card form{display:grid;gap:15px;margin-top:20px}.login-card label{display:grid;gap:5px;font-weight:700;font-size:10px}.login-card input{border:1px solid var(--line);border-radius:8px;padding:12px}.login-note{font-size:8px;color:#8b989f;margin-top:18px}.presentation-body{background:#0b1115;color:#fff;overflow:hidden}.presentation-toolbar{position:fixed;left:0;right:0;top:0;height:54px;background:rgba(8,13,16,.92);display:flex;justify-content:space-between;align-items:center;padding:0 18px;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}.presentation-toolbar>div{display:flex;align-items:center;gap:10px}.presentation-toolbar img{width:70px;height:38px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.presentation-toolbar span{font-size:10px;color:#aebdc5}.presentation-toolbar button,.presentation-toolbar a{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:7px 10px;border-radius:5px;text-decoration:none;font-size:10px}.deck{height:100vh;padding-top:54px;display:flex;align-items:center;justify-content:center}.slide{display:none;width:min(calc((100vh - 70px)*16/9),calc(100vw - 32px));height:min(calc(100vh - 70px),calc((100vw - 32px)*9/16));background:#fff;color:var(--ink);border-radius:4px;position:relative;overflow:hidden;padding:5.3%;box-shadow:0 25px 70px rgba(0,0,0,.4)}.slide.active{display:block}.cover-slide{background:linear-gradient(130deg,#182831 0%,#153b44 55%,#08737a 100%);color:#fff}.cover-slide:after{content:"";position:absolute;width:55%;aspect-ratio:1;border:7vw solid rgba(255,255,255,.035);border-radius:50%;right:-27%;top:-40%}.cover-top,.cover-footer{position:absolute;left:5.3%;right:5.3%;display:flex;justify-content:space-between;align-items:center;z-index:1}.cover-top{top:5%}.cover-top img{width:13%;background:#fff;padding:.5%;border-radius:5px}.cover-top span,.cover-footer{font-size:1vw;color:#c5d7dc}.cover-footer{bottom:4%}.cover-content{position:absolute;left:7%;top:28%;max-width:73%;z-index:1}.slide-kicker{font-size:.9vw;text-transform:uppercase;letter-spacing:.16em;color:var(--nama-red);font-weight:800}.cover-slide .slide-kicker{color:#ff788d}.cover-content h1{font-size:4.7vw;line-height:1.02;margin:1.2vw 0}.cover-content p{font-size:1.35vw;line-height:1.5;color:#d2e2e5;max-width:78%}.cover-meta{display:flex;gap:1.2vw;margin-top:2.5vw}.cover-meta div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);padding:1vw 1.4vw;min-width:14vw}.cover-meta small,.cover-meta strong{display:block}.cover-meta small{font-size:.7vw;color:#a9c0c5}.cover-meta strong{font-size:1vw;margin-top:.25vw}.slide-header{display:flex;gap:1.3vw;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.4vw}.slide-number{width:3.2vw;height:3.2vw;border-radius:.8vw;background:#fff0f2;color:var(--nama-red);display:flex;align-items:center;justify-content:center;font-size:1vw;font-weight:800}.slide-header h2{font-size:2.25vw;margin:.2vw 0}.metrics-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1vw;margin-top:2.7vw}.presentation-metric{border:1px solid var(--line);border-radius:.8vw;padding:1.5vw}.presentation-metric strong,.presentation-metric span,.presentation-metric small{display:block}.presentation-metric strong{font-size:3.2vw;color:var(--nama-red)}.presentation-metric span{font-size:1.1vw;font-weight:800}.presentation-metric small{font-size:.75vw;color:var(--muted);margin-top:.5vw}.slide-message{background:#20313b;color:#fff;border-radius:.8vw;padding:1.5vw 2vw;margin-top:2.3vw;display:flex;align-items:center;gap:2vw}.slide-message h3{font-size:1.5vw;min-width:30%;margin:0}.slide-message p{font-size:.9vw;color:#c1d0d5}.presentation-workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:.8vw;margin-top:2.5vw}.presentation-workflow>div{background:#f5f7f8;border-radius:.7vw;padding:1.2vw;position:relative}.presentation-workflow>div:not(:last-child):after{content:"→";position:absolute;right:-.65vw;top:48%;z-index:2;color:var(--nama-red);font-size:1.2vw}.presentation-workflow span,.presentation-workflow strong,.presentation-workflow small{display:block}.presentation-workflow span{color:var(--nama-red);font-size:.75vw;font-weight:800}.presentation-workflow strong{font-size:1vw;margin:.5vw 0}.presentation-workflow small{font-size:.65vw;color:var(--muted)}.principle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw;margin-top:2.5vw}.principle-row div{border-left:.3vw solid var(--nama-red);padding-left:1vw}.principle-row b,.principle-row span{display:block}.principle-row b{font-size:1.05vw}.principle-row span{font-size:.72vw;color:var(--muted)}.live-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:.8vw;margin-top:1.6vw}.live-kpis div{background:#20313b;color:#fff;padding:1vw;border-radius:.6vw}.live-kpis small,.live-kpis strong{display:block}.live-kpis small{font-size:.65vw;color:#a9bbc4}.live-kpis strong{font-size:2vw}.live-region-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7vw;margin-top:1.5vw}.live-region-grid>div{border:1px solid var(--line);border-radius:.55vw;padding:.85vw}.live-region-grid span,.live-region-grid strong,.live-region-grid small{display:block}.live-region-grid span{font-size:.7vw;color:var(--muted)}.live-region-grid strong{font-size:.8vw}.live-region-grid small{font-size:.55vw;color:var(--muted)}.live-region-grid .progress-line{margin:.45vw 0;height:.35vw}.live-note{position:absolute;bottom:4.5%;left:5.3%;font-size:.7vw;color:var(--muted)}.data-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw;margin-top:2vw}.data-columns>div{background:#f6f8f9;border-radius:.7vw;padding:1.3vw}.data-columns h3{font-size:1.2vw;margin:0}.data-columns ul{padding-left:1.1vw}.data-columns li{font-size:.72vw;margin:.55vw 0;color:#4c5c66}.helper-demo{background:#fff2f4;border-left:.35vw solid var(--nama-red);padding:1.1vw 1.4vw;margin-top:1.5vw}.helper-demo span,.helper-demo strong,.helper-demo p{display:block;margin:0}.helper-demo span{font-size:.6vw;color:var(--nama-red);text-transform:uppercase;font-weight:800}.helper-demo strong{font-size:1vw;margin:.25vw 0}.helper-demo p{font-size:.72vw;color:var(--muted)}.tag-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:3vw;align-items:center;margin-top:3vw}.tag-mockup{aspect-ratio:7/4;background:linear-gradient(145deg,#f8f8f6,#e9eceb);border:.12vw solid #9ba3a5;border-radius:1vw;padding:1.5vw;display:grid;grid-template-columns:22% 1fr 25%;align-items:center;gap:1vw;box-shadow:0 1.2vw 2.5vw rgba(32,49,59,.15)}.tag-logo img{width:100%}.tag-copy small,.tag-copy strong,.tag-copy span{display:block}.tag-copy small{font-size:.62vw;font-weight:800}.tag-copy strong{font-size:1.05vw;margin:1vw 0}.tag-copy span{font-size:1.3vw;font-weight:800}.fake-qr{display:grid;grid-template-columns:repeat(3,1fr);gap:.25vw;aspect-ratio:1}.fake-qr i{background:#111}.fake-qr i:nth-child(2),.fake-qr i:nth-child(4),.fake-qr i:nth-child(8){background:#fff;border:.15vw solid #111}.tag-specs{display:grid;gap:.8vw}.tag-specs div{border-bottom:1px solid var(--line);padding-bottom:.7vw}.tag-specs span,.tag-specs strong{display:block}.tag-specs span{font-size:.65vw;color:var(--muted)}.tag-specs strong{font-size:1vw}.tag-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:.8vw;margin-top:2vw}.tag-rules span{background:#20313b;color:#fff;border-radius:.5vw;padding:.9vw;font-size:.7vw}.exception-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.8vw;align-items:center;margin-top:2.7vw}.exception-pipeline div{background:#f5f7f8;border-radius:.7vw;padding:1.3vw}.exception-pipeline strong,.exception-pipeline span{display:block}.exception-pipeline strong{font-size:1.2vw;color:var(--nama-red)}.exception-pipeline span{font-size:.7vw;color:var(--muted)}.exception-pipeline b{color:var(--nama-red)}.exception-live{background:#20313b;color:#fff;border-radius:.8vw;padding:1.4vw 1.8vw;margin-top:2.2vw}.exception-live h3{font-size:1.1vw;margin:0 0 1vw}.exception-live>div{display:flex;gap:.7vw;flex-wrap:wrap}.exception-live span{background:rgba(255,255,255,.08);padding:.7vw 1vw;border-radius:.45vw;font-size:.7vw}.exception-live b{font-size:1.1vw;margin-right:.45vw}.handover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw;margin-top:1.6vw}.handover-grid>div{border:1px solid var(--line);border-radius:.65vw;padding:1.1vw}.handover-grid span{font-size:.7vw;color:var(--nama-red);font-weight:800}.handover-grid h3{font-size:1vw;margin:.35vw 0}.handover-grid p{font-size:.68vw;color:var(--muted);margin:0}.handover-cta{display:flex;justify-content:space-between;align-items:center;background:#20313b;color:#fff;border-radius:.7vw;padding:1vw 1.5vw;margin-top:1.5vw}.handover-cta strong,.handover-cta span{display:block}.handover-cta strong{font-size:1vw}.handover-cta span{font-size:.65vw;color:#b4c3ca}.handover-cta a{background:var(--nama-red);color:#fff;text-decoration:none;padding:.7vw 1vw;border-radius:.4vw;font-size:.7vw}.closing-slide{background:linear-gradient(135deg,#fff,#f5f8f8)}.closing-logo img{width:15%}.closing-slide h2{font-size:3.7vw;line-height:1.04;margin:1.3vw 0}.closing-slide p{font-size:1vw;color:var(--muted);max-width:70%}.closing-actions{display:flex;gap:.8vw;margin-top:2vw}.closing-actions a{background:#20313b;color:#fff;text-decoration:none;padding:.8vw 1.2vw;border-radius:.4vw;font-size:.75vw}.closing-slide>small{position:absolute;bottom:5%;left:5.3%;color:var(--muted);font-size:.65vw}
@media(max-width:1300px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.workflow-steps{grid-template-columns:repeat(3,1fr)}.workflow-step:nth-child(3):after{display:none}.region-card-grid{grid-template-columns:repeat(3,1fr)}.filter-grid{grid-template-columns:repeat(3,1fr)}.search-field{grid-column:span 2}.filter-actions{grid-column:span 1}.detail-list.four-col{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.main{margin-left:0;padding:20px}.menu-button{display:block}.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{padding:25px}.hero-score{display:none}.workflow-steps{grid-template-columns:repeat(2,1fr)}.workflow-step:nth-child(odd):after{display:block}.workflow-step:nth-child(even):after{display:none}.record-form{grid-template-columns:1fr}.form-progress-card{position:static}.form-nav{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid .span-3{grid-column:span 2}.form-grid .span-2{grid-column:span 2}.exception-grid,.import-layout{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.guide-nav{position:static;grid-template-columns:repeat(4,1fr)}.region-card-grid{grid-template-columns:repeat(2,1fr)}.qa-checklist{grid-template-columns:repeat(2,1fr)}.backup-overview{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}
@media(max-width:650px){.main{padding:15px}.topbar{display:block}.topbar-actions{margin-top:12px}.topbar h1{font-size:23px}.hero-panel{padding:20px}.hero-panel h2{font-size:22px}.hero-actions{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr}.workflow-steps{grid-template-columns:1fr}.workflow-step:after{display:none!important}.filter-grid,.compact-filters{grid-template-columns:1fr}.search-field,.filter-actions{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-grid .span-3{grid-column:auto}.check-grid{grid-template-columns:1fr}.record-hero,.record-summary,.record-readiness{display:block}.record-qr{margin-bottom:12px}.record-readiness{margin-top:12px}.detail-list,.detail-list.four-col,.reconciliation-detail{grid-template-columns:1fr}.evidence-layout{grid-template-columns:1fr}.region-card-grid{grid-template-columns:1fr}.exception-meta{grid-template-columns:1fr 1fr}.exception-form{grid-template-columns:1fr}.exception-form .full,.exception-actions{grid-column:auto}.qa-checklist{grid-template-columns:1fr}.qa-action{min-width:300px;grid-template-columns:1fr}.guide-hero{display:block}.guide-rule{min-width:0;margin-top:12px}.guide-nav{grid-template-columns:repeat(2,1fr)}.guide-steps,.rule-grid,.definition-cards,.tag-guide,.qa-matrix,.handover-list{grid-template-columns:1fr}.restore-panel{grid-template-columns:1fr}.restore-panel form{grid-template-columns:1fr}.restore-panel form button{grid-column:auto}.form-submit-bar,.demo-tools,.danger-zone{display:block}.form-submit-bar>div:last-child,.inline-actions{margin-top:12px}.page-footer{display:block}.login-page{padding:15px}.login-card{padding:35px 25px}}

/* Version 3.0 · room panoramas and controlled label printing */
.location-overview-grid,.space-hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}.site-profile-card,.location-kpis,.space-summary-card{height:100%}.location-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.location-kpis>div,.room-kpis>div{background:#f5f7f8;border:1px solid var(--line);border-radius:12px;padding:16px}.location-kpis span,.location-kpis strong,.room-kpis span,.room-kpis b{display:block}.location-kpis span,.room-kpis span{font-size:12px;color:var(--muted)}.location-kpis strong{font-size:27px}.wide-button{width:100%;justify-content:center}.location-kpis form{grid-column:1/-1}.space-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.space-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(27,45,55,.06)}.space-thumb{display:block;height:170px;background:linear-gradient(145deg,#263b46,#526b76);position:relative;overflow:hidden;text-decoration:none}.space-thumb img{width:100%;height:100%;object-fit:cover}.space-thumb>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.space-thumb>div span{font-size:38px;font-weight:900}.space-thumb>div small{color:#cfdbdf}.space-thumb>b{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.67);color:#fff;padding:6px 9px;border-radius:999px;font-size:11px}.space-card-copy{padding:15px}.space-card-copy h3{margin:3px 0 4px}.space-card-copy h3 a{color:inherit;text-decoration:none}.space-card-copy p{margin:0;color:var(--muted);font-size:13px}.space-card-stats{display:flex;gap:8px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;flex-wrap:wrap}.space-card-stats span{font-size:11px;color:var(--muted);background:#f6f8f9;padding:5px 8px;border-radius:999px}.space-card-stats b{color:var(--text)}.form-intro-callout{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#20313b;color:#fff;border-radius:12px;padding:15px 18px;margin-bottom:20px}.form-intro-callout strong,.form-intro-callout span{display:block}.form-intro-callout span{color:#c7d4d9;font-size:13px}.form-subsection{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:22px 0}.form-subsection h2{margin:4px 0}.form-subsection p{color:var(--muted);margin:0}.panorama-upload-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:16px}.panorama-upload{min-height:220px}.panorama-upload .upload-icon{font-size:36px;font-weight:900}.compact-panorama-fields{grid-template-columns:repeat(2,1fr)}.current-panorama-reference{margin-top:12px;background:#eef8f2;border:1px solid #c6e6d3;padding:12px 14px;border-radius:9px;display:flex;justify-content:space-between;gap:12px}.current-panorama-reference a{color:var(--nama-red);font-weight:800}.panorama-panel{min-width:0}.panorama-viewer{height:520px;background:#20313b;border-radius:12px;overflow:hidden;position:relative}.panorama-fallback{height:100%;position:relative}.panorama-fallback img{width:100%;height:100%;object-fit:cover}.panorama-fallback span{position:absolute;left:15px;bottom:15px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:8px}.panorama-meta{display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;font-size:12px;color:var(--muted)}.panorama-meta a{margin-left:auto;color:var(--nama-red);font-weight:800}.panorama-empty{height:420px;border:2px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f6f8f9}.panorama-empty>span{font-size:52px;font-weight:900;color:#8aa0aa}.panorama-empty strong{font-size:18px}.panorama-empty p{max-width:470px;color:var(--muted)}.room-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.room-kpis b{font-size:24px}.selectable-table .check-column{width:42px}.selectable-table input[type=checkbox]{width:17px;height:17px}.selection-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.selection-actions>span{font-size:12px;color:var(--muted);font-weight:800}.mini-panorama-link{display:flex;align-items:center;gap:12px;margin-top:14px;background:#f0f7fa;border:1px solid #d3e4ea;border-radius:10px;padding:12px;text-decoration:none;color:inherit}.mini-panorama-link>span{width:45px;height:45px;border-radius:50%;background:#20313b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.mini-panorama-link strong,.mini-panorama-link small{display:block}.mini-panorama-link small{color:var(--muted)}.label-kpis{grid-template-columns:repeat(4,1fr)}.room-print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-print-grid article{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;justify-content:space-between;gap:14px}.room-print-grid h3{margin:3px 0}.room-print-grid p{margin:0;color:var(--muted);font-size:12px}.room-print-grid article>div:last-child{text-align:right}.room-print-grid article>div:last-child strong,.room-print-grid article>div:last-child small{display:block}.room-print-grid form{margin-top:8px}.presentation-panorama-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:2vw;margin-top:2vw}.presentation-panorama-stage{height:24vw;border-radius:.8vw;overflow:hidden;background:linear-gradient(135deg,#1c3643,#6d8995);position:relative}.presentation-panorama-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 45%,rgba(255,255,255,.22),transparent 24%),linear-gradient(90deg,transparent 47%,rgba(255,255,255,.2) 48%,transparent 49%)}.presentation-panorama-stage .room-outline{position:absolute;inset:12% 8%;border:.15vw solid rgba(255,255,255,.65);border-radius:.7vw}.presentation-panorama-stage .room-outline:before,.presentation-panorama-stage .room-outline:after{content:"";position:absolute;background:rgba(255,255,255,.7)}.presentation-panorama-stage .room-outline:before{width:55%;height:22%;left:22%;bottom:22%;border-radius:50%}.presentation-panorama-stage .room-outline:after{width:12%;height:25%;right:9%;top:18%}.presentation-panorama-stage>span{position:absolute;left:1.4vw;bottom:1.2vw;color:#fff;font-size:1vw;font-weight:800}.presentation-panorama-copy{display:grid;gap:.8vw}.presentation-panorama-copy div{border:1px solid var(--line);border-radius:.6vw;padding:1vw}.presentation-panorama-copy strong,.presentation-panorama-copy span{display:block}.presentation-panorama-copy strong{font-size:1vw}.presentation-panorama-copy span{font-size:.68vw;color:var(--muted)}.presentation-print-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw;margin-top:2.2vw}.presentation-print-flow>div{border:1px solid var(--line);border-radius:.7vw;padding:1.2vw}.presentation-print-flow b{display:block;color:var(--nama-red);font-size:1.5vw}.presentation-print-flow strong{display:block;font-size:1vw;margin:.35vw 0}.presentation-print-flow span{font-size:.7vw;color:var(--muted)}.presentation-label-sample{margin-top:1.8vw;background:linear-gradient(145deg,#f7f7f4,#e9ecea);border:.1vw solid #92999a;border-radius:.75vw;padding:1.1vw 1.3vw;display:grid;grid-template-columns:18% 1fr 18%;gap:1vw;align-items:center;aspect-ratio:7/2.1}.presentation-label-sample img{max-width:100%}.presentation-label-sample small,.presentation-label-sample strong,.presentation-label-sample span{display:block}.presentation-label-sample small{font-size:.58vw;font-weight:800}.presentation-label-sample strong{font-size:.9vw;margin:.45vw 0}.presentation-label-sample span{font-size:1vw;font-weight:900}.fake-barcode{height:3.3vw;background:repeating-linear-gradient(90deg,#111 0,#111 .15vw,#fff .15vw,#fff .27vw,#111 .27vw,#111 .35vw,#fff .35vw,#fff .48vw)}
@media(max-width:1100px){.location-overview-grid,.space-hero-grid,.panorama-upload-grid{grid-template-columns:1fr}.space-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.label-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.space-card-grid,.room-print-grid,.label-kpis{grid-template-columns:1fr}.location-kpis{grid-template-columns:1fr 1fr}.compact-panorama-fields{grid-template-columns:1fr}.panorama-viewer{height:320px}.panorama-empty{height:300px}.current-panorama-reference,.room-print-grid article{display:block}.room-print-grid article>div:last-child{text-align:left;margin-top:12px}.selection-actions{justify-content:flex-start}}
.panorama-drag-fallback{overflow:hidden;cursor:grab;touch-action:pan-y}.panorama-drag-fallback.dragging{cursor:grabbing}.panorama-drag-fallback img{width:200%;max-width:none;height:100%;object-fit:cover;transition:transform .03s linear;user-select:none;pointer-events:none}.panorama-drag-fallback span{max-width:75%;font-size:12px}