:root{--page-bg:#f3f3f3;--sidebar-bg:#ffffff;--sidebar-text:#1a1a1a;--card-bg:#ffffff;--text:#111111;--muted:#6d6d6d;--primary:#111111;--primary-text:#ffffff;--border:#d6d6d6;--border2:#e8e8e8;--warn:#b27a00;--danger:#9c2119;--success:#1f6b43;--header-bg:#0b0b0b;--header-text:#fff;--header-subtext:#cfcfcf;--table-head:#f1f1f1;--secondary:#ededed}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px Arial,sans-serif;background:var(--page-bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.view{display:grid;gap:15px}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff}.brand-mark,.header-mark{font-weight:900;letter-spacing:.08em}.brand-mark.dark{background:#111;color:#fff;border-radius:9px;padding:11px 12px}
.app-header{min-height:78px;background:var(--header-bg);color:var(--header-text);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:12px}.header-brand h1{font-size:21px;margin:0}.header-brand h1 span{font-weight:400}.header-brand small{display:block;margin-top:4px;color:var(--header-subtext)}.header-mark{border:1px solid rgba(255,255,255,.45);border-radius:9px;padding:9px 10px}.header-logo{max-height:48px;max-width:145px;object-fit:contain}.header-account{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.account-meta{text-align:right}.account-meta b{display:block;font-size:13px}.account-meta small{display:block;color:var(--header-subtext);margin-top:3px}.header-role{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.header-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:8px;padding:8px 10px;cursor:pointer}.header-button:hover{background:rgba(255,255,255,.1)}
.app-shell{display:flex;min-height:calc(100vh - 78px)}.app-nav{width:220px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:12px;flex:0 0 auto}.app-nav nav{display:grid;gap:4px}.app-nav button{border:0;background:transparent;color:var(--sidebar-text);text-align:left;border-radius:9px;padding:12px;cursor:pointer;font-weight:600}.app-nav button:hover{background:#f0f0f0}.app-nav button.active{background:var(--primary);color:var(--primary-text);font-weight:800}.app-main{padding:22px;flex:1;min-width:0;max-width:1450px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-head h2{margin:0 0 4px;font-size:24px}
.card,.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:13px;padding:17px;box-shadow:0 1px 4px rgba(0,0,0,.035)}.card h2,.card h3,.card h4{margin:0 0 12px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric-card span{font-size:12px;color:var(--muted);font-weight:700}.metric-card strong{display:block;font-size:29px;margin-top:9px}.split{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.55fr);gap:14px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.wide{grid-column:1/-1}.edit-card{border-left:4px solid var(--primary)}.editing-banner{padding:10px 12px;border-radius:9px;background:#f4f4f4;border:1px solid var(--border);font-weight:800;margin-bottom:12px}.section-note,.snapshot{padding:12px;border:1px solid var(--border);border-radius:10px;background:#f7f7f7;line-height:1.5}.toolbar{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.toolbar>*{min-width:140px}
label{display:block;font-size:12px;font-weight:800;margin:10px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid #bcbcbc;border-radius:8px;background:var(--card-bg);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.07)}input[type=checkbox]{width:auto}textarea{min-height:78px;resize:vertical}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto}.primary,.secondary,.danger-button,.mini,.ghost{border-radius:8px;cursor:pointer;font-weight:800}.primary{background:var(--primary);color:var(--primary-text);border:1px solid var(--primary);padding:11px 16px}.secondary{background:var(--secondary);color:var(--text);border:1px solid #d0d0d0;padding:10px 13px}.danger-button{background:#fff1f0;color:var(--danger);border:1px solid #e0aaa6;padding:10px 13px}.mini{background:#fff;color:var(--text);border:1px solid #c5c5c5;padding:7px 9px;font-size:12px}.mini.danger{color:var(--danger);border-color:#d8a5a1}.primary:hover,.secondary:hover,.mini:hover,.danger-button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed;filter:none!important}.form-actions,.table-actions{display:flex;gap:7px;flex-wrap:wrap}.form-actions{margin-top:14px}.block{width:100%;margin-top:18px}.link-button{border:0;background:transparent;text-decoration:underline;font-weight:700;padding:12px 0 0;cursor:pointer;color:var(--text)}
.table-wrap{overflow:auto;border:1px solid var(--border2);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 8px;border-bottom:1px solid var(--border2);text-align:left;vertical-align:middle}th{background:var(--table-head);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}tr:last-child td{border-bottom:0}.empty{padding:24px;text-align:center;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#999;margin-right:6px}.status-dot.active{background:#222}.status-dot.inactive{background:#999}.status-dot.archived{background:#c48b00}.pill{display:inline-block;padding:4px 8px;border:1px solid #bbb;border-radius:999px;font-size:11px;font-weight:700}.pill.final,.pill.approved{border-color:#1f6b43;color:#1f6b43}.pill.provisional,.pill.warning{border-color:#b8860b;color:#745900}.pill.hold,.pill.danger{border-color:var(--danger);color:var(--danger)}.message{margin-bottom:14px;padding:12px 14px;border-radius:9px;font-size:13px}.message.error{background:#fff0ef;color:var(--danger);border:1px solid #e8bdb9}.message.success{background:#edf8f1;color:var(--success);border:1px solid #c6e3d2}.message.warning{background:#fff7de;color:#735500;border:1px solid #ead699}.audit-action{font-weight:800}.score-big{font-size:24px;font-weight:900}.obs-positive{font-weight:700}.obs-safety{color:var(--danger);font-weight:800}
.criteria-row,.role-row,.rule-row{display:grid;gap:9px;align-items:end;padding:10px 0;border-bottom:1px solid var(--border2)}.criteria-row{grid-template-columns:minmax(180px,2fr) 110px 120px 90px}.role-row{grid-template-columns:minmax(170px,1.4fr) 90px 100px 100px minmax(150px,1.2fr) 135px}.rule-row{grid-template-columns:80px 80px minmax(130px,1fr) minmax(190px,2fr) 90px 110px 100px}.criteria-total{padding:12px;border-radius:10px;background:#111;color:#fff;margin-bottom:12px}.criteria-total.bad{background:#fff0ef;color:var(--danger);border:1px solid #e8bdb9}.completion-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.flow-step,.completion-rule{padding:12px;border:1px solid var(--border);border-radius:9px;background:#fff}.flow-step{text-align:center}.flow-step strong{display:block;margin-bottom:4px}.step-badge{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-text);font-weight:bold;margin-right:8px}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-box{border:1px solid var(--border);border-radius:10px;padding:12px}.action-review{border-left:4px solid var(--primary)}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.color-grid input[type=color]{height:44px;padding:4px}.logo-preview{max-height:60px;max-width:180px;object-fit:contain;border:1px solid var(--border);padding:6px;border-radius:8px}.sticky-actions{position:sticky;bottom:10px;padding:10px;background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(7px)}
/* Login retained */.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr)}.brand-panel{background:#080808;color:#fff;padding:56px;display:flex;align-items:flex-start}.brand-lockup{display:flex;gap:18px;align-items:flex-start}.brand-panel h1{font-size:44px;line-height:1;margin:3px 0 14px}.brand-panel p{margin:0;color:#c8c8c8}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#f4f4f4}.auth-card{width:min(100%,480px);background:#fff;border:1px solid #d9d9d9;border-radius:18px;padding:34px;box-shadow:0 12px 40px rgba(0,0,0,.06)}.auth-card h2{font-size:30px;margin:0 0 8px}.footer-note{font-size:11px;color:#777;letter-spacing:.06em;margin-top:18px}
@media(max-width:1100px){.split{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.role-row,.rule-row{grid-template-columns:1fr 1fr 1fr}.role-row>*,.rule-row>*{min-width:0}}
@media(max-width:760px){.app-header{padding:12px}.header-account{width:100%;justify-content:flex-start}.account-meta{text-align:left}.app-shell{display:block}.app-nav{width:100%;overflow:auto;padding:8px}.app-nav nav{display:flex;gap:4px}.app-nav button{white-space:nowrap;min-width:max-content}.app-main{padding:12px}.grid,.two,.three,.form-grid,.kpi-grid,.color-grid{grid-template-columns:1fr}.criteria-row,.role-row,.rule-row{grid-template-columns:1fr}.completion-flow{grid-template-columns:1fr}.page-head h2{font-size:21px}.login-shell{display:block}.brand-panel{padding:24px;min-height:135px}.brand-panel h1{font-size:30px}.auth-panel{padding:18px 12px}}
@media print{.app-header,.app-nav,.form-actions,.table-actions,.toolbar,.mini,#globalMessage{display:none!important}.app-shell{display:block}.app-main{padding:0;max-width:none}.card,.metric-card{box-shadow:none;break-inside:avoid}body{background:#fff}}

/* V1.8 finalization */
.record-note{padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#f7f7f7;line-height:1.5;margin-top:12px}
.readiness-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.readiness-list{display:grid;gap:7px}.readiness-item{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--border2);border-radius:9px;background:#fff}.readiness-dot{width:9px;height:9px;border-radius:50%;background:#888;margin-top:4px;flex:0 0 auto}.readiness-item.ok .readiness-dot{background:var(--success)}.readiness-item.warning .readiness-dot{background:var(--warn)}.readiness-item.error .readiness-dot{background:var(--danger)}
@media(max-width:760px){input,select,textarea,.primary,.secondary,.danger-button{min-height:44px}.app-nav{position:sticky;top:0;z-index:20;box-shadow:0 2px 8px rgba(0,0,0,.08)}.app-nav nav{scroll-snap-type:x proximity}.app-nav button{scroll-snap-align:start}.card,.metric-card{padding:15px}.card-head{align-items:flex-start;flex-direction:column}.card-head>.secondary{width:100%}.form-actions>.primary,.form-actions>.secondary,.form-actions>.danger-button{flex:1 1 160px}.table-actions{min-width:130px}.readiness-head{align-items:flex-start;flex-direction:column}.message{font-size:13px;line-height:1.45}.header-button{min-height:40px}.page-head{align-items:flex-start}.app-main{padding:12px 10px 20px}}


/* V1.8.2 login branding */
.login-shell{grid-template-columns:minmax(360px,46%) minmax(440px,54%)}
.brand-panel{position:relative;display:block;padding:48px 28px;background:#050505;overflow:hidden}
.login-brand-copy{position:relative;z-index:2;max-width:330px}
.login-brand-copy h1{font-size:34px;line-height:1.05;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}
.login-brand-copy p{font-size:12px;line-height:1.45;color:#d1d1d1;margin:0}
.login-brand-logo-wrap{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
.login-brand-logo{width:96px;height:96px;display:block;filter:invert(1);object-fit:contain}
.auth-panel{background:#f5f5f5;padding:38px}
.auth-card{width:min(100%,420px);border-radius:12px;padding:28px 30px;box-shadow:0 12px 34px rgba(0,0,0,.055)}
.auth-card h2{font-size:25px;margin:0 0 8px}
.footer-note{text-align:center}
@media(max-width:760px){.login-shell{display:block}.brand-panel{min-height:190px;padding:24px 20px}.login-brand-copy h1{font-size:30px}.login-brand-logo-wrap{top:67%;left:50%}.login-brand-logo{width:68px;height:68px}.auth-panel{padding:20px 12px 28px}.auth-card{padding:24px 20px}}

/* V1.9 PWA */
#installAppBtn.hidden{display:none!important}.pwa-installed #installAppBtn{display:none!important}@media(display-mode:standalone){#installAppBtn{display:none!important}}