:root {
    --ink-950:#121b23;
    --ink-900:#1d2a34;
    --ink-800:#31404b;
    --ink-700:#4c5b65;
    --ink-600:#6b777e;
    --ink-500:#667176;
    --navy-950:#071722;
    --navy-900:#0b2434;
    --navy-800:#12384f;
    --navy-700:#1d4a68;
    --navy-100:#e7eef2;
    --gold-800:#6f501c;
    --gold-700:#87672e;
    --gold-600:#a37d42;
    --gold-500:#87672e;
    --gold-300:#d9c297;
    --gold-100:#f5eee0;
    --gold-soft:var(--gold-100);
    --blue-700:#1d4a68;
    --blue-soft:#e8f0f4;
    --teal-700:#506a73;
    --teal-soft:#edf2f3;
    --plum-700:#675d70;
    --plum-soft:#f0edf2;
    --rose-700:#8b5964;
    --rose-soft:#f5edef;
    --amber-700:#87672e;
    --amber-soft:#f8f1e3;
    --emerald-700:#4f7062;
    --emerald-soft:#edf4f0;
    --paper:#ffffff;
    --canvas:#f3f2ee;
    --canvas-soft:#faf9f6;
    --line:#dad9d3;
    --line-soft:#e9e7e1;
    --success:#2f7059;
    --success-strong:#245844;
    --success-soft:#e9f4ef;
    --warning:#95671f;
    --warning-soft:#fbf1dc;
    --danger:#a24747;
    --danger-100:#faeaea;
    --danger-soft:#faeaea;
    --neutral-soft:#edf1f2;
    --shadow-xs:0 1px 2px rgba(15,30,40,.05);
    --shadow-sm:0 10px 28px rgba(15,30,40,.06);
    --shadow-md:0 22px 60px rgba(15,30,40,.10);
    --shadow-lg:0 36px 100px rgba(7,23,34,.18);
    --radius-xs:8px;
    --radius-sm:12px;
    --radius-md:17px;
    --radius-lg:25px;
    --radius-xl:var(--radius-lg);
    --text:var(--ink-950);
    --primary:var(--role-accent);
    --primary-strong:var(--role-accent-strong);
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;
    --control-height:44px;
    --control-height-sm:36px;
    --content-max:1600px;
    --reading-measure:76ch;
    --border:var(--line);
    --muted:var(--ink-600);
    --theme-primary:#1d4a68;
    --theme-primary-strong:#12364c;
    --theme-primary-soft:#e8f0f4;
    --theme-primary-rgb:29,74,104;
    --theme-secondary:#506a73;
    --theme-secondary-rgb:80,106,115;
    --theme-tertiary:#675d70;
    --theme-tertiary-rgb:103,93,112;
    --theme-accent:#b79455;
    --theme-accent-rgb:183,148,85;
    --role-accent:#1d4a68;
    --role-accent-strong:#12364c;
    --role-accent-soft:#e8f0f4;
    --role-accent-rgb:29,74,104;
    --button-primary:#5b7fa5;
    --button-primary-strong:#416486;
    --button-primary-soft:#eaf1f7;
    --button-primary-rgb:91,127,165;
    --button-secondary:#4f8b84;
    --button-secondary-strong:#376c66;
    --button-secondary-soft:#e8f3f1;
    --button-secondary-rgb:79,139,132;
    --button-success:#4f8d71;
    --button-success-strong:#376d55;
    --button-success-soft:#eaf4ef;
    --button-success-rgb:79,141,113;
    --button-warning:#b78343;
    --button-warning-strong:#8c612e;
    --button-warning-soft:#fbf1e4;
    --button-warning-rgb:183,131,67;
    --button-danger:#b76472;
    --button-danger-strong:#8e4856;
    --button-danger-soft:#faecef;
    --button-danger-rgb:183,100,114;
    --logo-badge-surface:#fbfaf6;
    --logo-badge-surface-strong:#fffdf9;
    --logo-badge-border:rgba(183,148,85,.38);
    --logo-badge-inner:rgba(255,255,255,.74);
    --logo-badge-shadow:0 10px 26px rgba(4,24,35,.16);
    --sidebar-width:280px;
    --topbar-height:72px;
    --motion-ease-out:cubic-bezier(.22,1,.36,1);
    --font-ui:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    --font-display:Cambria,Georgia,"Times New Roman",serif;
    color:var(--ink-950);
    background:var(--canvas);
    font-family:var(--font-ui);
    font-synthesis:none;
}


/* v0.13.9 — independent soft semantic button palettes. */
body[data-button-palette="soft-professional"]{--button-primary:#5b7fa5;--button-primary-strong:#416486;--button-primary-soft:#eaf1f7;--button-primary-rgb:91,127,165;--button-secondary:#4f8b84;--button-secondary-strong:#376c66;--button-secondary-soft:#e8f3f1;--button-secondary-rgb:79,139,132;--button-success:#4f8d71;--button-success-strong:#376d55;--button-success-soft:#eaf4ef;--button-success-rgb:79,141,113;--button-warning:#b78343;--button-warning-strong:#8c612e;--button-warning-soft:#fbf1e4;--button-warning-rgb:183,131,67;--button-danger:#b76472;--button-danger-strong:#8e4856;--button-danger-soft:#faecef;--button-danger-rgb:183,100,114}
body[data-button-palette="ocean-mist"]{--button-primary:#4f82ad;--button-primary-strong:#36658b;--button-primary-soft:#e8f1f8;--button-primary-rgb:79,130,173;--button-secondary:#429094;--button-secondary-strong:#2f7074;--button-secondary-soft:#e6f4f4;--button-secondary-rgb:66,144,148;--button-success:#529374;--button-success-strong:#387157;--button-success-soft:#e9f5ef;--button-success-rgb:82,147,116;--button-warning:#c08a45;--button-warning-strong:#94652d;--button-warning-soft:#fcf2e3;--button-warning-rgb:192,138,69;--button-danger:#c16c70;--button-danger-strong:#974e52;--button-danger-soft:#fbeded;--button-danger-rgb:193,108,112}
body[data-button-palette="lavender-rose"]{--button-primary:#7774b2;--button-primary-strong:#58558f;--button-primary-soft:#efeff9;--button-primary-rgb:119,116,178;--button-secondary:#9a6f92;--button-secondary-strong:#795270;--button-secondary-soft:#f6edf4;--button-secondary-rgb:154,111,146;--button-success:#5d9278;--button-success-strong:#427158;--button-success-soft:#ebf5f0;--button-success-rgb:93,146,120;--button-warning:#b98a4e;--button-warning-strong:#8e6635;--button-warning-soft:#fbf2e5;--button-warning-rgb:185,138,78;--button-danger:#b9667c;--button-danger-strong:#91495e;--button-danger-soft:#faedf1;--button-danger-rgb:185,102,124}
body[data-button-palette="sage-terracotta"]{--button-primary:#66827a;--button-primary-strong:#4a655e;--button-primary-soft:#ebf2f0;--button-primary-rgb:102,130,122;--button-secondary:#807797;--button-secondary-strong:#625a78;--button-secondary-soft:#f0eef5;--button-secondary-rgb:128,119,151;--button-success:#628d6b;--button-success-strong:#486d50;--button-success-soft:#edf5ef;--button-success-rgb:98,141,107;--button-warning:#b78355;--button-warning-strong:#8b603c;--button-warning-soft:#fbf0e8;--button-warning-rgb:183,131,85;--button-danger:#b66d68;--button-danger-strong:#8e504c;--button-danger-soft:#faeeec;--button-danger-rgb:182,109,104}
body[data-button-palette="graphite-pastel"]{--button-primary:#66747f;--button-primary-strong:#4a5761;--button-primary-soft:#edf0f2;--button-primary-rgb:102,116,127;--button-secondary:#707b98;--button-secondary-strong:#535d79;--button-secondary-soft:#eef0f6;--button-secondary-rgb:112,123,152;--button-success:#5b866f;--button-success-strong:#426752;--button-success-soft:#edf4f0;--button-success-rgb:91,134,111;--button-warning:#aa7e47;--button-warning-strong:#805d31;--button-warning-soft:#f9f0e5;--button-warning-rgb:170,126,71;--button-danger:#a95f69;--button-danger-strong:#82454e;--button-danger-soft:#f8ebed;--button-danger-rgb:169,95,105}
body[data-button-palette="burgundy-slate"]{--button-primary:#8c6270;--button-primary-strong:#6c4653;--button-primary-soft:#f5ecef;--button-primary-rgb:140,98,112;--button-secondary:#627c98;--button-secondary-strong:#485e77;--button-secondary-soft:#eaf0f5;--button-secondary-rgb:98,124,152;--button-success:#5d8a72;--button-success-strong:#436a55;--button-success-soft:#ebf4ef;--button-success-rgb:93,138,114;--button-warning:#b1874f;--button-warning-strong:#876437;--button-warning-soft:#faf1e5;--button-warning-rgb:177,135,79;--button-danger:#aa5668;--button-danger-strong:#833d4c;--button-danger-soft:#f9e9ed;--button-danger-rgb:170,86,104}

.app-body.role-super-admin{--role-accent:#76588f;--role-accent-strong:#57406d;--role-accent-soft:#f1ecf6;--role-accent-rgb:118,88,143}
.app-body.role-admin-lsp{--role-accent:#356f9a;--role-accent-strong:#245473;--role-accent-soft:#eaf3f9;--role-accent-rgb:53,111,154}
.app-body.role-manajer-sertifikasi{--role-accent:#347a76;--role-accent-strong:#245d5a;--role-accent-soft:#e8f4f2;--role-accent-rgb:52,122,118}
.app-body.role-manajer-mutu{--role-accent:#98576a;--role-accent-strong:#744052;--role-accent-soft:#f7ecef;--role-accent-rgb:152,87,106}
.app-body.role-koordinator-tuk{--role-accent:#9a6b27;--role-accent-strong:#74501d;--role-accent-soft:#fbf2df;--role-accent-rgb:154,107,39}
.app-body.role-asesor{--role-accent:#466ca8;--role-accent-strong:#315184;--role-accent-soft:#ebf0fa;--role-accent-rgb:70,108,168}
.app-body.role-tim-keputusan{--role-accent:#75559a;--role-accent-strong:#573f74;--role-accent-soft:#f0ebf7;--role-accent-rgb:117,85,154}
.app-body.role-ketua-lsp{--role-accent:#9a762f;--role-accent-strong:#725721;--role-accent-soft:#f8f1df;--role-accent-rgb:154,118,47}
.app-body.role-asesi{--role-accent:#39775f;--role-accent-strong:#285944;--role-accent-soft:#eaf5f0;--role-accent-rgb:57,119,95}

*{box-sizing:border-box}
html{min-height:100%;background:var(--canvas);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink-950);background:radial-gradient(circle at 100% 0,rgba(var(--role-accent-rgb),.07),transparent 26rem),var(--canvas);font-size:16px;line-height:1.56;text-rendering:optimizeLegibility}
body.no-scroll{overflow:hidden}
button,input,textarea,select{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
img,svg{display:block}
svg{pointer-events:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--ink-950)}
h1{margin-bottom:12px;font-family:var(--font-display);font-size:clamp(32px,3vw,48px);font-weight:600;line-height:1.06;letter-spacing:-.032em;text-wrap:balance}
h2{margin-bottom:7px;font-size:21px;font-weight:730;line-height:1.28;letter-spacing:-.022em;text-wrap:balance}
h3{margin-bottom:6px;font-size:17px}
p{max-width:var(--reading-measure);color:var(--ink-600)}
pre{white-space:pre-wrap;word-break:break-word}
[hidden]{display:none!important}
::selection{color:#fff;background:var(--role-accent)}
.skip-link{position:fixed;top:10px;left:10px;z-index:3000;padding:10px 14px;border-radius:9px;color:#fff;background:var(--navy-950);font-weight:800;transform:translateY(-150%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}

.ui-icon{width:1.15em;height:1.15em;flex:0 0 auto}
.overline,.eyebrow{display:block;margin-bottom:8px;color:var(--role-accent);font-size:12px;font-weight:840;letter-spacing:.15em;text-transform:uppercase}
.overline-light{color:var(--gold-300)}

.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--control-height);padding:0 18px;border:1px solid transparent;border-radius:var(--radius-xs);font-size:15px;font-weight:760;line-height:1.2;letter-spacing:.01em;text-align:center;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible,.account-trigger:focus-visible,.topbar-icon:focus-visible,.icon-button:focus-visible{outline:3px solid rgba(var(--theme-accent-rgb),.28);outline-offset:2px}
.button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}
.button-primary{color:#fff;border-color:var(--button-primary-strong);background:linear-gradient(180deg,var(--button-primary),var(--button-primary-strong));box-shadow:0 10px 24px rgba(var(--button-primary-rgb),.22),inset 0 1px rgba(255,255,255,.20)}
.button-primary:not(:disabled):hover{transform:translateY(-1px);filter:saturate(1.04) brightness(1.04);box-shadow:0 14px 30px rgba(var(--button-primary-rgb),.29),inset 0 1px rgba(255,255,255,.22)}
.button-ghost{color:var(--role-accent-strong);border-color:rgba(var(--role-accent-rgb),.22);background:rgba(255,255,255,.82)}
.button-ghost:hover{border-color:rgba(var(--role-accent-rgb),.42);background:var(--role-accent-soft);box-shadow:var(--shadow-xs)}
.button-small{min-height:var(--control-height-sm);padding:0 13px;font-size:14px}
.button-large{min-height:52px}
.button-wide{width:100%}

.alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}
.alert>span{font-size:15px;font-weight:650}
.alert button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;color:currentColor;background:transparent;cursor:pointer;font-size:20px}
.alert-danger{color:var(--danger);border-color:#e8bfbd;background:var(--danger-soft)}
.alert-success{color:var(--success);border-color:#bad9cb;background:var(--success-soft)}
.alert-warning{color:var(--warning);border-color:#ead5a8;background:var(--warning-soft)}

.brand-emblem{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(223,201,159,.55);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));box-shadow:inset 0 0 0 4px rgba(255,255,255,.025);transform:rotate(45deg)}
.brand-emblem>span{color:#fff;font-family:var(--font-display);font-size:24px;font-weight:700;transform:rotate(-45deg)}
.brand-emblem>i{position:absolute;right:4px;bottom:4px;width:7px;height:7px;background:var(--gold-500)}
.brand-emblem-light{border-color:rgba(223,201,159,.75);background:rgba(255,255,255,.06)}

.login-page{display:grid;place-items:center;min-height:100vh;padding:clamp(14px,2vw,28px);overflow-x:hidden;background:radial-gradient(circle at 8% 12%,rgba(var(--theme-secondary-rgb),.15),transparent 24%),radial-gradient(circle at 92% 10%,rgba(var(--theme-tertiary-rgb),.12),transparent 25%),radial-gradient(circle at 88% 92%,rgba(var(--theme-primary-rgb),.14),transparent 28%),var(--canvas)}
.login-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);width:min(1280px,100%);min-height:min(680px,calc(100vh - 56px));overflow:hidden;border:1px solid rgba(12,34,49,.12);border-radius:30px;background:#fff;box-shadow:var(--shadow-lg)}
.login-identity{position:relative;display:grid;align-items:center;justify-items:center;min-height:620px;padding:clamp(40px,5vw,64px);color:#fff;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 78% 24%,rgba(var(--theme-secondary-rgb),.26),transparent 25%),radial-gradient(circle at 20% 82%,rgba(var(--theme-tertiary-rgb),.15),transparent 28%),linear-gradient(145deg,var(--navy-950) 0%,var(--navy-900) 54%,var(--navy-700) 100%)}
.login-identity::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(135deg,#000,transparent 76%)}
.login-identity::after{content:"";position:absolute;right:-220px;bottom:-280px;z-index:-1;width:640px;height:640px;border:1px solid rgba(223,201,159,.22);border-radius:50%;box-shadow:0 0 0 74px rgba(255,255,255,.02),0 0 0 148px rgba(255,255,255,.015)}
.login-brand{display:flex;align-items:center;gap:22px}
.login-brand-copy{display:flex;flex-direction:column;min-width:0}
.login-brand-centered{display:grid;align-content:center;justify-items:center;width:100%;gap:28px;text-align:center}
.login-brand-copy-centered{display:grid;justify-items:center;gap:8px;width:min(620px,100%)}
.login-brand-institution{max-width:620px;margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(32px,3.2vw,44px);font-weight:650;line-height:1.08;letter-spacing:-.026em;text-wrap:balance}
.login-brand-short{display:block;color:var(--gold-200);font-size:20px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.login-brand-long{display:block;max-width:560px;color:#c4d1d7;font-size:17px;font-weight:650;line-height:1.45;letter-spacing:.01em;text-wrap:balance}
.login-brand-tagline{max-width:520px;margin:7px 0 0;color:#9fb2bc;font-size:14.5px;line-height:1.55;text-wrap:balance}
.login-message{display:none}
.login-access{display:grid;place-items:center;padding:clamp(42px,5vw,68px);background:linear-gradient(180deg,#fff,var(--canvas-soft))}
.login-access-inner{display:grid;justify-items:stretch;width:min(410px,100%)}
.login-form-head{margin-bottom:30px;text-align:center}
.login-form-head h2{margin:0;font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.025em}
.login-form-head p{margin-bottom:0;font-size:15px}
.login-form{display:grid;justify-items:stretch;gap:20px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--ink-800);font-size:14px;font-weight:680}
.field>span{display:flex;gap:4px;align-items:center}
.field b{color:var(--danger);font-weight:800}
.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{width:100%;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink-900);background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.field input,.field select,.filter-bar input,.filter-bar select{min-height:var(--control-height);padding:0 13px}
.field textarea{min-height:106px;padding:12px 13px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover,.filter-bar input:hover,.filter-bar select:hover{border-color:#c7ccca}
.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--role-accent);box-shadow:0 0 0 4px rgba(var(--role-accent-rgb),.11);background:#fff}
.control-with-icon{position:relative}
.control-with-icon>.ui-icon{position:absolute;top:50%;left:14px;width:17px;height:17px;color:var(--ink-500);transform:translateY(-50%)}
.control-with-icon input{padding-left:44px}
.password-field input{padding-right:82px}
.password-field button,.password-input button{position:absolute;top:50%;right:7px;min-height:32px;padding:0 10px;border:0;border-radius:6px;color:var(--navy-700);background:var(--canvas-soft);font-size:13px;font-weight:780;cursor:pointer;transform:translateY(-50%)}
.password-input{position:relative}
.password-input input{padding-right:86px}
.login-submit{justify-self:center;min-width:154px;min-height:48px;margin-top:6px;padding-right:24px;padding-left:24px}
.login-submit .ui-icon{width:17px;height:17px;transition:transform .18s ease}
.login-submit:hover .ui-icon{transform:translateX(3px)}
.login-support{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line-soft);color:var(--ink-500);font-size:12.5px;text-align:center}
.login-support span{display:flex;align-items:center;gap:7px}
.login-support .ui-icon{color:var(--success)}
.login-support small{font-size:12px;letter-spacing:.08em;text-transform:uppercase}

.app-body{background:var(--canvas)}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:var(--sidebar-width);padding:22px 17px 17px;color:#d7e0e5;overflow:hidden;background:radial-gradient(circle at 8% 0%,rgba(var(--role-accent-rgb),.32),transparent 31%),linear-gradient(180deg,var(--navy-950),var(--navy-900) 54%,#0b202e);box-shadow:12px 0 34px rgba(7,23,34,.09)}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.sidebar-brand,.sidebar-context,.sidebar-nav,.sidebar-foot{position:relative;z-index:1}
.sidebar-brand{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand-lockup{display:flex;align-items:center;gap:16px}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{color:#fff;font-size:17.2px;letter-spacing:.13em}
.brand-copy small{color:#86a0ad;font-size:11.35px;letter-spacing:.07em;text-transform:uppercase}
.sidebar-close{display:none;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:7px;color:#d6e0e6;background:rgba(255,255,255,.04);cursor:pointer}
.sidebar-context{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;margin:17px 6px 8px;padding:14px;border:1px solid rgba(var(--role-accent-rgb),.35);border-radius:13px;background:linear-gradient(135deg,rgba(var(--role-accent-rgb),.18),rgba(255,255,255,.025))}
.sidebar-role-icon{display:grid!important;place-items:center;width:38px;height:38px;margin:0!important;border:1px solid rgba(255,255,255,.13);border-radius:11px;color:#fff;background:rgba(var(--role-accent-rgb),.32)}
.sidebar-context-copy{display:flex!important;flex-direction:column;min-width:0;margin:0!important;text-transform:none!important;letter-spacing:normal!important}.sidebar-context-copy small{color:#8fa3af;font-size:10.5px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}.sidebar-context-copy strong{display:block;margin-top:2px;color:#fff;font-size:14px;font-weight:730;line-height:1.35}.sidebar-context-copy em{display:block;margin-top:4px;color:#9fb0b9;font-size:10.8px;font-style:normal;line-height:1.45}
.sidebar-nav{flex:1;margin:4px -4px 0;padding:8px 4px 19px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.nav-group+.nav-group{margin-top:22px}
.nav-group-label{padding:0 12px 8px;color:#69808e;font-size:11px;font-weight:820;letter-spacing:.16em;text-transform:uppercase}
.nav-group-collapsible{border:1px solid transparent;border-radius:12px;transition:background .18s ease,border-color .18s ease}
.nav-group-collapsible[open]{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07);padding:8px 3px 3px}
.nav-group-collapsible>.nav-group-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;cursor:pointer;list-style:none;border-radius:10px;transition:background .18s ease,color .18s ease}
.nav-group-collapsible>.nav-group-label::-webkit-details-marker{display:none}
.nav-group-collapsible>.nav-group-label:hover,.nav-group-collapsible>.nav-group-label:focus-visible{background:rgba(255,255,255,.06);color:#a9bdc5;outline:none}
.nav-group-collapsible>.nav-group-label svg{width:15px;height:15px;transition:transform .18s ease}
.nav-group-collapsible[open]>.nav-group-label svg{transform:rotate(180deg)}
.nav-group-items{padding-top:3px}
.nav-item{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:55px;margin:3px 0;padding:7px 12px 7px 8px;border:1px solid transparent;border-radius:11px;color:#afbec7;font-size:14.5px;font-weight:620;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.nav-item:hover{color:#f2f6f8;border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.045);transform:translateX(2px)}
.nav-item.is-active{color:#fff;border-color:rgba(var(--role-accent-rgb),.35);background:linear-gradient(90deg,rgba(var(--role-accent-rgb),.32),rgba(var(--role-accent-rgb),.08));box-shadow:inset 3px 0 0 var(--role-accent)}
.nav-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.075);border-radius:8px;color:#7a93a2;background:rgba(255,255,255,.025)}
.nav-icon .ui-icon{width:16px;height:16px}
.nav-item.is-active .nav-icon{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(var(--role-accent-rgb),.32)}
.nav-indicator{width:5px;height:5px;border-radius:50%;background:transparent}
.nav-item.is-active .nav-indicator{background:#fff;box-shadow:0 0 0 4px rgba(var(--role-accent-rgb),.18)}
.nav-copy{display:flex;flex-direction:column;min-width:0}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-copy small{overflow:hidden;margin-top:1px;color:#718895;font-size:10.6px;font-weight:520;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover .nav-copy small,.nav-item.is-active .nav-copy small{color:#aebdc5}
.sidebar-foot{display:flex;align-items:center;gap:11px;padding:15px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}
.sidebar-security{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(223,201,159,.14);border-radius:9px;color:var(--gold-300);background:rgba(var(--theme-accent-rgb),.07)}
.sidebar-foot div:last-child{display:flex;flex-direction:column}
.sidebar-foot strong{color:#dfe7eb;font-size:13px}
.sidebar-foot span{color:#728a99;font-size:11.5px}

.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-height) 1fr auto;min-width:0;min-height:100vh;margin-left:var(--sidebar-width)}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:var(--topbar-height);padding:0 clamp(22px,3vw,44px);border-bottom:1px solid rgba(205,210,207,.86);background:rgba(248,250,249,.91);backdrop-filter:blur(18px) saturate(130%)}
.topbar::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb),.38),transparent);opacity:.55}
.topbar-leading,.topbar-actions{display:flex;align-items:center}
.topbar-context{display:flex;flex-direction:column;min-width:0}.topbar-context>small{overflow:hidden;max-width:440px;margin-top:2px;color:var(--ink-500);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.role-state{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(var(--role-accent-rgb),.22);border-radius:999px;color:var(--role-accent-strong);background:var(--role-accent-soft);font-size:11.5px;font-weight:780}.role-state .ui-icon{width:15px;height:15px}
.topbar-leading{min-width:0}
.breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink-500);font-size:13px}
.breadcrumb>span{font-weight:820;letter-spacing:.13em}
.breadcrumb .ui-icon{width:13px;height:13px}
.breadcrumb strong{min-width:0;overflow:hidden;color:var(--ink-800);text-overflow:ellipsis;white-space:nowrap}
.topbar-actions{gap:9px}
.system-state{display:inline-flex;align-items:center;gap:8px;margin-right:8px;color:var(--ink-600);font-size:12.5px;font-weight:700}
.system-state i{width:7px;height:7px;border-radius:50%;background:#4f9579;box-shadow:0 0 0 4px rgba(79,149,121,.10)}
.topbar-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:9px;color:var(--ink-600);background:transparent;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.topbar-icon:hover{color:var(--navy-800);border-color:var(--line);background:#fff}
.menu-button{display:none;margin-right:10px}
.notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border:2px solid var(--canvas-soft);border-radius:50%;background:var(--gold-500)}
.account{position:relative}
.account-trigger{display:grid;grid-template-columns:38px minmax(0,1fr) 15px;align-items:center;gap:10px;min-width:198px;min-height:48px;padding:5px 9px 5px 5px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.account-trigger:hover,.account.is-open .account-trigger{border-color:var(--line);background:#fff}
.avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d9c49d;border-radius:8px;color:var(--navy-900);background:linear-gradient(145deg,#f7f0e4,#eadabd);font-family:var(--font-display);font-size:16px;font-weight:700}
.account-copy{display:flex;flex-direction:column;min-width:0;text-align:left}
.account-copy strong{overflow:hidden;color:var(--ink-900);font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}
.account-copy small{overflow:hidden;color:var(--ink-500);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.account-trigger>.ui-icon{width:14px;height:14px;color:var(--ink-500);transition:transform .18s ease}
.account.is-open .account-trigger>.ui-icon{transform:rotate(180deg)}
.account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:260px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .17s ease,visibility .17s ease,transform .17s ease}
.account.is-open .account-menu{opacity:1;visibility:visible;transform:translateY(0)}
.account-menu-head{display:flex;flex-direction:column;padding:8px 9px}
.account-menu-head strong{font-size:14px}
.account-menu-head span{overflow:hidden;color:var(--ink-500);font-size:12px;text-overflow:ellipsis}
.account-menu-separator{height:1px;margin:7px 0;background:var(--line-soft)}
.account-menu form button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:7px;color:var(--danger);background:transparent;cursor:pointer;font-size:13.5px;font-weight:700}
.account-menu form button:hover{background:var(--danger-soft)}
.content{position:relative;width:100%;min-width:0;max-width:var(--content-max);margin:0 auto;padding:clamp(24px,2.7vw,40px)}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:13px clamp(22px,3vw,44px);border-top:1px solid var(--line);color:var(--ink-500);background:rgba(248,250,249,.90);font-size:12px}
.app-footer>div{display:flex;align-items:center;gap:10px}
.app-footer strong{color:var(--ink-800);letter-spacing:.08em}
.app-footer span+small{padding-left:10px;border-left:1px solid var(--line)}
.sidebar-backdrop{display:none}

.page-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:24px;padding:24px 26px;overflow:hidden;border:1px solid rgba(var(--role-accent-rgb),.18);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--role-accent-soft),#fff 55%,rgba(var(--theme-accent-rgb),.08));box-shadow:var(--shadow-sm)}
.page-heading::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--role-accent),var(--gold-500))}.page-heading::after{content:"";position:absolute;right:-70px;bottom:-100px;width:210px;height:210px;border:1px solid rgba(var(--role-accent-rgb),.13);border-radius:50%;box-shadow:0 0 0 34px rgba(var(--role-accent-rgb),.035);pointer-events:none}.page-heading>*{position:relative;z-index:1}
.page-heading>div:first-child{min-width:0;max-width:880px}
.page-heading h1{margin-bottom:10px;font-size:clamp(31px,3vw,47px)}
.page-heading p{max-width:780px;margin-bottom:0;color:var(--ink-600);font-size:15.5px;line-height:1.72}
.heading-code{display:inline-flex;align-items:center;margin-left:8px;padding:5px 8px;border:1px solid rgba(var(--role-accent-rgb),.22);border-radius:999px;color:var(--role-accent-strong);background:rgba(255,255,255,.76);font-family:var(--font-ui);font-size:11px;font-weight:820;letter-spacing:.06em;vertical-align:middle;white-space:nowrap}
.page-heading-compact h1{font-size:clamp(32px,3vw,48px)}
.page-heading-with-actions{align-items:flex-start}
.heading-badge{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid rgba(var(--role-accent-rgb),.24);border-radius:999px;color:var(--role-accent-strong);background:rgba(255,255,255,.82);font-size:13px;font-weight:760;white-space:nowrap;box-shadow:var(--shadow-xs)}
.heading-badge .ui-icon{color:var(--success)}

.panel{min-width:0;border:1px solid rgba(27,54,67,.12);border-radius:var(--radius-md);background:var(--paper);box-shadow:0 8px 30px rgba(15,35,49,.055)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;background:linear-gradient(180deg,rgba(var(--role-accent-rgb),.035),rgba(255,255,255,0))}
.panel-head h2{margin-bottom:5px}
.panel-head p{margin-bottom:0;font-size:14px}
.panel-head-bordered{border-bottom:1px solid var(--line-soft)}
.panel-head-responsive{align-items:center;flex-wrap:wrap}
.count-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink-600);background:var(--canvas-soft);font-size:12px;font-weight:750}

.dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:30px;min-height:282px;margin-bottom:22px;padding:clamp(30px,4vw,58px);overflow:hidden;border:1px solid rgba(var(--role-accent-rgb),.28);border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 76% 18%,rgba(var(--role-accent-rgb),.48),transparent 30%),radial-gradient(circle at 14% 100%,rgba(var(--theme-accent-rgb),.14),transparent 26%),linear-gradient(135deg,var(--navy-950),var(--role-accent-strong) 70%,var(--role-accent));box-shadow:0 25px 70px rgba(7,23,34,.18)}
.dashboard-hero-copy{position:relative;z-index:2;align-self:center;max-width:830px}
.dashboard-hero h1{color:#fff;font-size:clamp(38px,4vw,62px)}
.dashboard-hero p{max-width:700px;margin-bottom:22px;color:#b8c7cf;font-size:16px}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#d7e1e6;font-size:13px;font-weight:650}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.hero-meta .ui-icon{color:var(--gold-300)}
.period-card{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-height:170px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));backdrop-filter:blur(9px)}
.period-card span{margin-bottom:10px;color:#8fa5b1;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.period-card strong{margin-bottom:8px;color:#fff;font-family:var(--font-display);font-size:24px;line-height:1.15}
.period-card small{color:#b9c7ce;font-size:12.5px}
.period-card i{position:absolute;top:22px;right:22px;width:10px;height:10px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 7px rgba(var(--theme-accent-rgb),.10)}
.hero-gridline{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,#000,transparent)}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.metric-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:16px;min-height:142px;padding:21px 22px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xs)}
.metric-card::after{content:"";position:absolute;right:-42px;bottom:-52px;width:120px;height:120px;border-radius:50%;background:var(--metric-soft);opacity:.65}.metric-icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--metric);background:var(--metric-soft)}.metric-icon .ui-icon{width:22px;height:22px}.metric-copy{position:relative;z-index:1;min-width:0}.metric-tone-1{--metric:var(--blue-700);--metric-soft:var(--blue-soft);border-color:#cedee9}.metric-tone-2{--metric:var(--teal-700);--metric-soft:var(--teal-soft);border-color:#c9e0dd}.metric-tone-3{--metric:var(--plum-700);--metric-soft:var(--plum-soft);border-color:#ddd1e8}
.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--ink-500);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.metric-top i{font-family:var(--font-display);font-size:17px;font-style:normal;color:var(--gold-600)}
.metric-copy>strong{display:block;margin:10px 0 4px;font-family:var(--font-display);font-size:39px;font-weight:600;line-height:1}
.metric-copy>small{color:var(--ink-500);font-size:12.5px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:20px;margin-bottom:20px}
.panel-priority,.panel-flow{overflow:hidden}
.priority-list{padding:0 14px 14px}
.priority-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:11px 12px;border-top:1px solid var(--line-soft);transition:background .18s ease,transform .18s ease}
.priority-item:hover{border-radius:10px;background:var(--canvas-soft);transform:translateX(2px)}
.priority-index{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold-300);border-radius:9px;color:var(--gold-800);background:var(--gold-100);font-family:var(--font-display);font-size:15px;font-weight:700}
.priority-copy{display:flex;flex-direction:column}
.priority-copy strong{font-size:15px}
.priority-copy small{color:var(--ink-500);font-size:12.5px}
.priority-action{display:flex;align-items:center;gap:7px;color:var(--role-accent);font-weight:760}.priority-action small{font-size:11.5px}.priority-action .ui-icon{width:17px;height:17px}.priority-item:hover .priority-action{color:var(--role-accent-strong)}.priority-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:34px;text-align:center}.priority-empty>span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:14px;border-radius:16px;color:var(--success);background:var(--success-soft)}.priority-empty strong{font-size:16px}.priority-empty small{margin-top:4px;color:var(--ink-500)}
.flow-list{display:grid;gap:0;padding:0 24px 24px}
.flow-step{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:54px}
.flow-step:not(:last-child)::after{content:"";position:absolute;top:39px;bottom:-15px;left:16px;width:1px;background:var(--line)}
.flow-marker{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:50%;color:var(--ink-500);background:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;z-index:1}
.flow-step.active .flow-marker{color:#fff;border-color:var(--role-accent);background:var(--role-accent-strong);box-shadow:0 0 0 5px var(--role-accent-soft)}.flow-step.completed .flow-marker{color:#fff;border-color:var(--success);background:var(--success)}.flow-step.completed:not(:last-child)::after{background:var(--success)}
.flow-copy{display:flex;flex-direction:column}
.flow-copy strong{font-size:14px}
.flow-copy small{color:var(--ink-500);font-size:11.5px}
.governance-strip{display:grid;grid-template-columns:54px minmax(260px,.7fr) minmax(300px,1fr);align-items:center;gap:22px;padding:24px 27px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(90deg,#fff,var(--canvas-soft))}
.governance-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--gold-300);border-radius:13px;color:var(--gold-800);background:var(--gold-100)}
.governance-strip h2{margin-bottom:0;font-size:18px}
.governance-strip p{margin-bottom:0;font-size:13.5px;line-height:1.7}

.summary-rail{display:grid;grid-template-columns:repeat(3,minmax(130px,.58fr)) minmax(280px,1.26fr);gap:12px;margin-bottom:20px}
.summary-rail article{display:flex;align-items:center;gap:13px;min-height:84px;padding:15px 17px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}
.summary-rail article>div{display:flex;flex-direction:column}
.summary-rail small{color:var(--ink-500);font-size:11.5px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.summary-rail strong{font-family:var(--font-display);font-size:27px;font-weight:600;line-height:1.15}
.summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px}
.summary-icon.success{color:var(--success);background:var(--success-soft)}
.summary-icon.warning{color:var(--warning);background:var(--warning-soft)}
.summary-icon.danger{color:var(--danger);background:var(--danger-soft)}
.summary-icon.neutral{color:var(--ink-700);background:var(--neutral-soft)}
.summary-rail article.summary-note{border-color:#d8c7a6;background:linear-gradient(135deg,var(--gold-100),#fff)}
.summary-note>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--gold-300);border-radius:10px;color:var(--gold-800);background:#fff}
.summary-note p{margin:0;color:var(--ink-700);font-size:13px;line-height:1.6}

.identity-banner{position:relative;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;margin-bottom:20px;padding:24px 27px;overflow:hidden;border:1px solid rgba(223,201,159,.18);border-radius:var(--radius-md);color:#fff;background:radial-gradient(circle at 85% 10%,rgba(var(--theme-accent-rgb),.18),transparent 26%),linear-gradient(135deg,var(--navy-950),var(--navy-800));box-shadow:var(--shadow-sm)}
.identity-mark{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(223,201,159,.55);transform:rotate(45deg)}
.identity-mark span{font-family:var(--font-display);font-size:28px;font-weight:700;transform:rotate(-45deg)}
.identity-mark i{position:absolute;right:5px;bottom:5px;width:8px;height:8px;background:var(--gold-500)}
.identity-copy h2{margin-bottom:5px;color:#fff;font-family:var(--font-display);font-size:28px;font-weight:600}
.identity-copy p{margin:0;color:#aebfc8;font-size:13px}
.identity-meta{display:flex;flex-direction:column;align-items:flex-end}
.identity-meta span{color:#829aa8;font-size:11px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}
.identity-meta strong{color:#e5ecef;font-size:13px}

.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.form-sidebar{display:grid;gap:15px;position:sticky;top:calc(var(--topbar-height) + 20px)}
.form-panel{overflow:hidden}
.form-panel-main{min-width:0}
.form-grid{display:grid;gap:18px;padding:25px 26px}
.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-stack{display:grid;gap:16px;padding:23px 24px}
.field-span-2{grid-column:span 2}
.compact-grid{gap:12px;padding:0}
.field-error{color:var(--danger);font-size:12px;font-weight:650}
.field-hint{color:var(--ink-500);font-size:11.5px;font-weight:500}
.form-note{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #ead8b5;border-radius:9px;color:var(--warning);background:var(--warning-soft)}
.form-note .ui-icon{margin-top:2px}
.form-note p{margin:0;color:inherit;font-size:12.5px;line-height:1.55}
.guidance-card{display:flex;align-items:flex-start;gap:13px;padding:17px}
.guidance-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;color:var(--gold-800);background:var(--gold-100)}
.guidance-card strong{font-size:14px}
.guidance-card p{margin:3px 0 0;font-size:12.5px;line-height:1.55}

.data-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}
.data-workspace-wide{grid-template-columns:minmax(0,1fr) 340px}
.editor-panel{position:sticky;top:calc(var(--topbar-height) + 20px);overflow:hidden}
.table-panel{min-width:0;overflow:hidden}
.table-wrap{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse}
th,td{padding:15px 18px;border-top:1px solid var(--line-soft);text-align:left;vertical-align:middle}
th{position:relative;color:var(--role-accent-strong);background:linear-gradient(180deg,var(--role-accent-soft),#f8faf9);font-size:11.5px;font-weight:840;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
td{color:var(--ink-700);font-size:14px}
tbody tr{transition:background .16s ease}
tbody tr:nth-child(even){background:rgba(var(--role-accent-rgb),.018)}tbody tr:hover{background:rgba(var(--role-accent-rgb),.055)}
.table-action{text-align:right;white-space:nowrap}
.primary-cell{display:flex;align-items:center;gap:12px;min-width:210px}
.primary-cell>div{display:flex;flex-direction:column;min-width:0}
.primary-cell strong{overflow:hidden;color:var(--ink-900);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.primary-cell small{overflow:hidden;max-width:310px;color:var(--ink-500);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.data-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d9c7a4;border-radius:50%;color:var(--navy-900);background:linear-gradient(145deg,#f7f1e5,#e9dbbe);font-family:var(--font-display);font-size:14px;font-weight:700}
.data-avatar-square{border-radius:9px;text-transform:uppercase}
.table-main-text{display:block;color:var(--ink-800);font-size:13px}
.table-subtext{display:block;margin-top:2px;color:var(--ink-500);font-size:11.5px}
.role-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(var(--role-accent-rgb),.20);border-radius:999px;color:var(--role-accent-strong);background:var(--role-accent-soft);font-size:11.5px;font-weight:730}
.status-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:820;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.status-badge.success{color:var(--success);border-color:#c6dfd3;background:var(--success-soft)}
.status-badge.warning{color:var(--warning);border-color:#ead7af;background:var(--warning-soft)}
.status-badge.danger{color:var(--danger);border-color:#e7c3c1;background:var(--danger-soft)}
.status-badge.neutral{color:var(--ink-700);border-color:#d9dfe0;background:var(--neutral-soft)}
.row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px}
.inline-form{display:inline-flex;margin:0}
.icon-button{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--ink-600);background:#fff;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
.icon-button:hover{color:var(--role-accent-strong);border-color:rgba(var(--role-accent-rgb),.35);background:var(--role-accent-soft);transform:translateY(-1px)}
.icon-button.danger:hover{color:var(--danger);border-color:#e4b9b7;background:var(--danger-soft)}
.icon-button.success:hover{color:var(--success);border-color:#bad7c9;background:var(--success-soft)}
.icon-button .ui-icon{width:15px;height:15px}
.icon-button[aria-label]::after,.icon-button[title]::after{content:attr(aria-label);position:absolute;right:0;bottom:calc(100% + 8px);z-index:90;max-width:220px;padding:7px 9px;border-radius:7px;color:#fff;background:var(--navy-950);font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.icon-button[title]:not([aria-label])::after{content:attr(title)}.icon-button:hover::after,.icon-button:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}
.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:30px;text-align:center}
.table-empty>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:13px;color:var(--gold-800);background:var(--gold-100)}
.table-empty strong{color:var(--ink-900);font-size:15px}
.table-empty small{max-width:360px;margin-top:4px;color:var(--ink-500);font-size:12.5px}
.table-search{display:flex;align-items:center;gap:10px;color:var(--ink-500);font-size:12px}
.table-search input{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:none}
.filter-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}
.filter-bar-wrap{flex-wrap:wrap}
.filter-bar input,.filter-bar select{width:auto;min-width:130px;min-height:40px;padding:0 11px;font-size:13px}
.search-control{position:relative;display:block;flex:1 1 230px;min-width:190px;max-width:360px}
.search-control>.ui-icon{position:absolute;top:50%;left:10px;width:14px;height:14px;color:var(--ink-500);transform:translateY(-50%)}
.search-control input{width:100%;padding-left:31px}
.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:16px 18px;border-top:1px solid var(--line-soft);background:var(--canvas-soft)}
.pagination-summary{color:var(--ink-500);font-size:11.5px}
.pagination-links{display:flex;align-items:center;gap:5px}
.page-link{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--ink-600);background:#fff;font-size:12px;font-weight:750}
.page-link:hover{border-color:var(--gold-300);color:var(--navy-800)}
.page-link.is-current{color:#fff;border-color:var(--navy-800);background:var(--navy-800)}
.page-link.is-disabled{pointer-events:none;opacity:.35}

.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.settings-main{display:grid;gap:16px}
.settings-section{overflow:hidden}
.workspace-access-intro{display:flex;align-items:flex-start;gap:12px;margin:22px 26px 0;padding:14px 16px;border:1px solid #d8e8e4;border-radius:14px;background:#f3faf8;color:#345b55}
.workspace-access-intro>svg{width:21px;height:21px;flex:0 0 auto;margin-top:1px;color:#2e766c}
.workspace-access-intro p{margin:0;font-size:13px;line-height:1.55}
.workspace-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 26px 26px}
.workspace-access-card{display:grid;grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}
.workspace-access-card:hover{border-color:#a9cbc5;box-shadow:0 8px 20px rgba(22,63,59,.07)}
.workspace-access-copy{display:grid;gap:5px}
.workspace-access-copy strong{font-size:14px;color:var(--ink-900)}
.workspace-access-copy small{font-size:12px;line-height:1.45;color:var(--muted)}
.workspace-access-card select{min-width:0}
.settings-index{display:grid;place-items:center;float:left;width:38px;height:38px;margin-right:13px;border:1px solid var(--gold-300);border-radius:10px;color:var(--gold-800);background:var(--gold-100);font-family:var(--font-display);font-size:15px;font-weight:700}
.settings-sidebar{display:grid;gap:15px;position:sticky;top:calc(var(--topbar-height) + 20px)}
.settings-summary{padding:24px;background:linear-gradient(160deg,#fff,var(--canvas-soft))}
.summary-seal{display:grid;place-items:center;width:50px;height:50px;margin-bottom:22px;border:1px solid var(--gold-300);border-radius:13px;color:var(--gold-800);background:var(--gold-100)}
.settings-summary p{font-size:13px;line-height:1.65}
.mini-checklist{display:grid;gap:10px;margin:18px 0 0;padding:17px 0 0;border-top:1px solid var(--line-soft);list-style:none}
.mini-checklist li{display:flex;align-items:center;gap:8px;color:var(--ink-700);font-size:12.5px;font-weight:650}
.mini-checklist .ui-icon{color:var(--success)}

.audit-list{position:relative;padding:0 26px 20px}
.audit-list::before{content:"";position:absolute;top:0;bottom:28px;left:139px;width:1px;background:var(--line)}
.audit-item{position:relative;display:grid;grid-template-columns:90px 18px 1fr;gap:18px;min-height:92px;padding:18px 0;border-top:1px solid var(--line-soft)}
.audit-time{display:flex;flex-direction:column;align-items:flex-end}
.audit-time strong{font-family:var(--font-display);font-size:20px;font-weight:600}
.audit-time span{color:var(--ink-500);font-size:11px;text-align:right}
.audit-node{position:relative;z-index:1;width:11px;height:11px;margin-top:7px;border:3px solid #fff;border-radius:50%;background:var(--gold-600);box-shadow:0 0 0 1px var(--gold-300)}
.audit-content{min-width:0}
.audit-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.audit-title strong{font-size:14px}
.audit-content p{margin-bottom:5px;font-size:12.5px}
.audit-content details{margin-top:8px}
.audit-content summary{color:var(--gold-800);font-size:11.5px;font-weight:720;cursor:pointer}
.audit-content pre{max-height:220px;margin:8px 0 0;padding:12px;border:1px solid var(--line-soft);border-radius:8px;color:var(--ink-700);overflow:auto;background:var(--canvas-soft);font-size:11px}
.empty-state-inline{display:flex;flex-direction:column;align-items:center;min-height:260px;padding:50px;text-align:center}
.empty-state-inline>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:13px;border-radius:14px;color:var(--role-accent-strong);background:var(--role-accent-soft)}
.empty-state-inline p{font-size:13px}

.card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.scheme-card,.assignment-card,.application-card{position:relative;min-height:230px;padding:23px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.scheme-card:hover,.assignment-card:hover,.application-card:hover{transform:translateY(-2px);border-color:var(--gold-300);box-shadow:var(--shadow-sm)}
.scheme-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.scheme-card-head>small{color:var(--ink-500);font-size:11.5px}
.scheme-card h2,.assignment-card h2,.application-card h2{font-family:var(--font-display);font-size:24px;font-weight:600}
.scheme-card p,.assignment-card p,.application-card p{font-size:13px}
.scheme-stats,.assignment-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:24px;border:1px solid var(--line);background:var(--line)}
.scheme-stats div,.assignment-meta div{padding:13px;background:#fff}
.scheme-stats strong{display:block;font-family:var(--font-display);font-size:22px;font-weight:600}
.scheme-stats span,.assignment-meta span{color:var(--ink-500);font-size:11px;text-transform:uppercase}
.assignment-meta strong{display:block;margin-top:3px;font-size:12.5px}
.application-progress{height:5px;margin:25px 0 10px;overflow:hidden;border-radius:999px;background:var(--line-soft)}
.application-progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--gold-600),var(--gold-300))}
.application-card>small{color:var(--ink-500);font-size:11.5px}

.module-intro{display:grid;grid-template-columns:1fr 250px;gap:24px;margin-bottom:20px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff,var(--canvas-soft))}
.module-intro-copy h2{max-width:680px;margin-top:17px;font-family:var(--font-display);font-size:28px;font-weight:600}
.module-intro-copy p{max-width:720px;margin-bottom:0;font-size:14px}
.module-signature{display:flex;flex-direction:column;justify-content:center;padding:20px;border-left:1px solid var(--line)}
.module-signature span{color:var(--ink-500);font-size:11px;text-transform:uppercase}
.module-signature strong{margin:8px 0 3px;color:var(--navy-800);font-family:var(--font-display);font-size:20px}
.module-signature small{color:var(--ink-500)}
.workflow-panel{margin-bottom:20px;overflow:hidden}
.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid var(--line);background:var(--line)}
.step-card{display:flex;flex-direction:column;min-height:112px;padding:20px;background:#fff}
.step-card span{margin-bottom:15px;color:var(--gold-700);font-family:var(--font-display);font-size:17px}
.step-card strong{font-size:13.5px}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature-panel{overflow:hidden}
.feature-list{display:grid;gap:0;margin:0;padding:0 24px 24px;list-style:none}
.feature-list li{display:flex;align-items:center;gap:10px;min-height:45px;border-top:1px solid var(--line-soft);color:var(--ink-700);font-size:13px}
.feature-list li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--success);background:var(--success-soft)}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;padding:36px;text-align:center}
.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border:1px solid var(--gold-300);border-radius:15px;color:var(--gold-800);background:var(--gold-100)}
.empty-state p{max-width:430px;margin-bottom:0;font-size:13px}

.error-page{display:grid;place-items:center;min-height:100vh;padding:25px;background:radial-gradient(circle at 20% 20%,rgba(var(--theme-accent-rgb),.16),transparent 30%),var(--canvas)}
.error-card{width:min(560px,100%);padding:50px;border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;background:#fff;box-shadow:var(--shadow-md)}
.error-code{margin-bottom:18px;color:var(--gold-700);font-family:var(--font-display);font-size:72px;line-height:1}
.error-card h1{font-size:40px}
.error-card p{margin-bottom:25px}

@media (max-width:1280px){
    .summary-rail{grid-template-columns:repeat(3,1fr)}
    .summary-note{grid-column:span 3}
    .data-workspace,.data-workspace-wide{grid-template-columns:minmax(0,1fr) 320px}
    .filter-bar{flex-wrap:wrap}
    .card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1050px){
    :root{--sidebar-width:258px}
    .content{padding:28px}
    .page-heading{align-items:flex-start;flex-direction:column;gap:18px}
    .page-heading-actions{width:100%;justify-content:flex-start}
    .form-layout,.settings-layout{grid-template-columns:minmax(0,1fr) 290px}
    .data-workspace,.data-workspace-wide{grid-template-columns:1fr}
    .editor-panel{position:relative;top:auto}
    .dashboard-grid{grid-template-columns:1fr}
    .governance-strip{grid-template-columns:54px 1fr}
    .governance-strip>p{grid-column:2}
    .panel-head-responsive{align-items:flex-start;flex-direction:column}
    .filter-bar{justify-content:flex-start;width:100%}
}

@media (max-width:900px){
    :root{--sidebar-width:286px}
    .sidebar{transform:translateX(-102%);transition:transform .22s ease}
    .app-shell.sidebar-open .sidebar{transform:translateX(0)}
    .workspace{margin-left:0}
    .sidebar-close,.menu-button{display:grid}
    .sidebar-backdrop{position:fixed;inset:0;z-index:35;background:rgba(7,23,34,.46);backdrop-filter:blur(3px)}
    .app-shell.sidebar-open .sidebar-backdrop{display:block}
    .form-layout,.settings-layout{grid-template-columns:1fr}
    .form-sidebar,.settings-sidebar{position:relative;top:auto}
    .login-shell{grid-template-columns:1fr;min-height:auto}
    .login-identity{min-height:340px;padding:38px 40px}
    .login-access{padding:50px 32px}
    .dashboard-hero{grid-template-columns:1fr}
    .period-card{min-height:130px}
    .metric-grid{grid-template-columns:1fr 1fr}
    .summary-rail{grid-template-columns:1fr 1fr}
    .summary-note{grid-column:span 2}
    .module-intro{grid-template-columns:1fr}
    .module-signature{border-top:1px solid var(--line);border-left:0}
    .step-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:680px){
    body{font-size:16px}
    h1{font-size:36px}
    .topbar{padding:0 16px}
    .system-state,.account-copy,.account-trigger>.ui-icon{display:none}
    .account-trigger{grid-template-columns:38px;min-width:48px;padding:5px}
    .content{padding:22px 16px 30px}
    .app-footer{flex-direction:column;align-items:flex-start;padding:16px}
    .page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}
    .heading-badge{white-space:normal}
    .dashboard-hero{padding:28px 24px;border-radius:18px}
    .metric-grid,.summary-rail{grid-template-columns:1fr}
    .summary-note{grid-column:auto}
    .governance-strip{grid-template-columns:1fr}
    .governance-strip>p{grid-column:auto}
    .form-grid-2{grid-template-columns:1fr}
    .workspace-access-grid{grid-template-columns:1fr;padding:16px 18px 20px}
    .workspace-access-intro{margin:18px 18px 0}
    .workspace-access-card{grid-template-columns:1fr}
    .field-span-2{grid-column:auto}
    .panel-head{padding:21px 18px}
    .form-grid,.form-stack{padding:20px 18px}
    .filter-bar{display:grid;grid-template-columns:1fr 1fr}
    .search-control{grid-column:span 2;min-width:0}
    .filter-bar input,.filter-bar select{width:100%;min-width:0}
    .pagination{align-items:flex-start;flex-direction:column}
    .identity-banner{grid-template-columns:58px 1fr;padding:20px}
    .identity-mark{width:50px;height:50px}
    .identity-meta{grid-column:span 2;align-items:flex-start;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
    .audit-list{padding:0 18px 18px}
    .audit-list::before{left:92px}
    .audit-item{grid-template-columns:55px 16px 1fr;gap:10px}
    .audit-time strong{font-size:17px}
    .audit-time span{font-size:10px}
    .audit-title{align-items:flex-start;flex-direction:column;gap:5px}
    .card-list,.module-grid{grid-template-columns:1fr}
    .login-page{padding:0}
    .login-shell{border:0;border-radius:0}
    .login-identity{min-height:290px;padding:30px 24px}
    .login-brand-institution{font-size:38px}
    .login-access{padding:42px 24px}
    .step-grid{grid-template-columns:1fr}
}

@media (max-width:420px){
    .breadcrumb>span,.breadcrumb>.ui-icon{display:none}
    .topbar-actions{gap:2px}
    .filter-bar{grid-template-columns:1fr}
    .search-control{grid-column:auto}
    th,td{padding:13px 14px}
    .login-brand-institution{font-size:32px}
}

/* Modal CRUD — v0.13.3: header tetap, isi bergulir, tombol selalu terjangkau. */
body.modal-open,body.swal2-shown{overflow:hidden;overscroll-behavior:none}
body.modal-open>.app-shell{user-select:none}
body.modal-open>[data-modal].is-open{user-select:text}
/* v0.16.6 — global modal portal and visual-viewport geometry. */
.modal-layer{position:fixed;top:var(--modal-viewport-top,0px);right:auto;bottom:auto;left:var(--modal-viewport-left,0px);z-index:1200;display:none;align-items:center;justify-content:center;width:var(--modal-viewport-width,100vw);height:var(--modal-viewport-height,100dvh);min-width:0;min-height:0;padding:clamp(12px,2.4vh,24px);overflow:hidden;background:rgba(4,15,22,.62);backdrop-filter:blur(8px);isolation:isolate}
.modal-layer.is-open{display:flex;animation:modal-fade-in .18s ease both}
.modal-dialog{position:relative;display:flex;flex-direction:column;width:min(780px,100%);max-height:min(calc(var(--modal-viewport-height,100dvh) - clamp(24px,4.8vh,48px)),920px);min-height:0;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.35);border-radius:22px;background:var(--paper);box-shadow:0 30px 90px rgba(7,23,34,.32);animation:modal-rise .22s ease both}
.modal-dialog.modal-wide{width:min(1020px,100%)}
.modal-head{position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto;gap:24px;padding:24px 26px 20px;border-bottom:1px solid rgba(var(--role-accent-rgb),.15);background:linear-gradient(135deg,var(--role-accent-soft),#fff 68%)}
.modal-head>div{min-width:0}
.modal-head h2{margin:0;font-family:var(--font-display);font-size:28px;font-weight:600}
.modal-head p{max-width:720px;margin:7px 0 0;font-size:14px;line-height:1.55}
.modal-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--ink-700);background:#fff;cursor:pointer;transition:.18s ease}
.modal-close:hover{color:var(--danger);border-color:#e3b8b8;background:var(--danger-soft)}
.modal-close:focus-visible,.modal-actions .button:focus-visible{outline:3px solid rgba(194,145,52,.32);outline-offset:2px}
.modal-body{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px 26px 0;scroll-padding:18px 0 112px;scrollbar-gutter:stable}
.modal-form{display:flex;flex-direction:column;min-width:0;min-height:100%;gap:18px}
.modal-actions{position:sticky;right:0;bottom:0;left:0;z-index:8;display:flex;justify-content:flex-end;flex:0 0 auto;gap:10px;margin:auto -26px 0;padding:16px 26px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.96),var(--paper) 28%);box-shadow:0 -12px 28px rgba(15,35,49,.09);backdrop-filter:blur(12px)}
.modal-actions::before{content:"";position:absolute;inset:-10px 0 auto;height:10px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.78))}
.modal-actions .button{min-width:132px}
.form-section{display:grid;gap:14px;padding:18px;border:1px solid var(--line-soft);border-radius:14px;background:var(--canvas-soft)}
.form-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.form-section-head h3{margin:0;font-size:16px}
.form-section-head p{margin:3px 0 0;font-size:13px}
@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}
@keyframes modal-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

/* SweetAlert local */
.swal2-container{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(4,15,22,.58);opacity:0;transition:opacity .15s ease;backdrop-filter:blur(7px)}
.swal2-container.swal2-show{opacity:1}
.swal2-container.swal2-hide{opacity:0}
.swal2-popup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;width:min(460px,100%);padding:26px;border:1px solid rgba(255,255,255,.42);border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(7,23,34,.3);transform:translateY(14px) scale(.985);transition:transform .16s ease}
.swal2-show .swal2-popup{transform:none}
.swal2-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px}
.swal2-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.swal2-success{color:var(--success);background:var(--success-soft)}
.swal2-error{color:var(--danger);background:var(--danger-soft)}
.swal2-warning{color:var(--warning);background:var(--warning-soft)}
.swal2-info,.swal2-question{color:var(--navy-700);background:var(--navy-100)}
.swal2-copy{min-width:0;padding-top:1px}
.swal2-title{margin:0;color:var(--ink-950);font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.15}
.swal2-html-container{margin-top:8px;color:var(--ink-600);font-size:15px;line-height:1.65}
.swal2-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;border-top:1px solid var(--line-soft)}
.swal2-confirm,.swal2-cancel{min-height:42px;padding:0 17px;border-radius:9px;font-size:14px;font-weight:780;cursor:pointer}
.swal2-confirm{color:#fff;border:1px solid var(--navy-900);background:linear-gradient(180deg,var(--navy-800),var(--navy-900));box-shadow:0 10px 22px rgba(12,34,49,.18)}
.swal2-cancel{color:var(--ink-700);border:1px solid var(--line);background:#fff}
.swal2-toast-container{inset:18px 18px auto auto;display:block;width:min(420px,calc(100% - 36px));padding:0;background:transparent;backdrop-filter:none;pointer-events:none}
.swal2-toast{position:relative;grid-template-columns:auto minmax(0,1fr);gap:13px;width:100%;padding:16px 44px 16px 16px;border-radius:14px;box-shadow:0 18px 48px rgba(7,23,34,.2);pointer-events:auto}
.swal2-toast .swal2-icon{width:38px;height:38px;border-radius:11px}
.swal2-toast .swal2-icon svg{width:20px;height:20px}
.swal2-toast .swal2-title{font-family:var(--font-ui);font-size:15px;font-weight:760;line-height:1.45}
.swal2-toast-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;color:var(--ink-500);background:transparent;font-size:20px;cursor:pointer}
.swal2-toast-close:hover{color:var(--ink-900);background:var(--canvas)}

/* Scheme hierarchy workspace */
.scheme-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.scheme-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.scheme-card:hover{transform:translateY(-2px);border-color:var(--gold-300);box-shadow:var(--shadow-sm)}
.scheme-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.scheme-code{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--gold-300);border-radius:999px;color:var(--gold-800);background:var(--gold-100);font-size:12px;font-weight:820;letter-spacing:.06em}
.scheme-card h3{margin:20px 0 7px;font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.15}
.scheme-card p{margin:0;font-size:14px;line-height:1.65}
.scheme-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:auto;padding-top:20px}
.scheme-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.scheme-metrics div{padding:11px;border:1px solid var(--line-soft);background:#fff}
.scheme-metrics div:first-child{border-radius:10px 0 0 10px}
.scheme-metrics div:last-child{border-radius:0 10px 10px 0}
.scheme-metrics strong,.scheme-metrics span{display:block}
.scheme-metrics strong{font-size:18px}
.scheme-metrics span{color:var(--ink-500);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.scheme-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line-soft)}
.scheme-card-actions .row-actions{margin-left:auto}
.structure-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.structure-nav{position:sticky;top:calc(var(--topbar-height) + 20px);overflow:hidden}
.structure-scheme{padding:22px;border-bottom:1px solid var(--line-soft);background:linear-gradient(145deg,var(--navy-900),var(--navy-800));color:#fff}
.structure-scheme .overline{color:var(--gold-300)}
.structure-scheme h2{color:#fff;font-family:var(--font-display);font-size:23px;font-weight:600}
.structure-scheme p{margin:0;color:#b8c6ce;font-size:13px}
.structure-units{display:grid;gap:7px;padding:12px}
.structure-unit-link{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid transparent;border-radius:10px;color:var(--ink-700);background:transparent;font-size:14px;transition:.18s ease}
.structure-unit-link:hover,.structure-unit-link.is-active{color:var(--navy-900);border-color:var(--line);background:#fff;box-shadow:var(--shadow-xs)}
.structure-unit-link span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;color:var(--gold-800);background:var(--gold-100);font-size:12px;font-weight:820}
.structure-unit-link strong{display:block;margin-bottom:2px;font-size:13px}
.structure-unit-link small{display:block;color:var(--ink-500);font-size:11px}
.structure-content{display:grid;gap:18px}
.unit-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs)}
.unit-hero h1{margin:8px 0 10px;font-size:34px}
.unit-hero p{margin:0}
.element-stack{display:grid;gap:14px}
.element-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs)}
.element-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line-soft);background:var(--canvas-soft)}
.element-number{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--gold-300);border-radius:11px;color:var(--gold-800);background:var(--gold-100);font-family:var(--font-display);font-size:17px;font-weight:700}
.element-title{display:flex;gap:13px;align-items:flex-start}
.element-title h3{margin:1px 0 4px;font-size:16.5px}
.element-title p{margin:0;font-size:12px}
.kuk-list{display:grid}
.kuk-row{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:14px;align-items:start;padding:15px 20px;border-bottom:1px solid var(--line-soft)}
.kuk-row:last-child{border-bottom:0}
.kuk-code{display:inline-flex;justify-content:center;min-height:29px;padding:6px 8px;border-radius:8px;color:var(--navy-800);background:var(--navy-100);font-size:12px;font-weight:820}
.kuk-row p{margin:2px 0 0;color:var(--ink-800);font-size:14px}
.completeness-meter{display:grid;gap:9px;margin-top:16px}
.completeness-track{height:8px;overflow:hidden;border-radius:999px;background:var(--line-soft)}
.completeness-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-600),var(--success))}
.completeness-copy{display:flex;justify-content:space-between;gap:14px;color:var(--ink-500);font-size:12px}

@media (max-width:1000px){
    .scheme-card-grid{grid-template-columns:1fr}
    .structure-shell{grid-template-columns:1fr}
    .structure-nav{position:static}
}
@media (max-width:640px){
    .modal-layer{padding:10px;align-items:flex-end}
    .modal-dialog,.modal-dialog.modal-wide{width:100%;max-height:calc(var(--modal-viewport-height,100dvh) - 10px);border-radius:20px 20px 10px 10px}
    .modal-head{padding-left:18px;padding-right:18px}
    .modal-body{padding-right:18px;padding-left:18px}
    .modal-actions{bottom:0;display:grid;grid-template-columns:1fr 1fr;margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}
    .modal-actions .button{min-width:0}
    .swal2-container{padding:14px}
    .swal2-popup{grid-template-columns:1fr;padding:21px}
    .swal2-icon{width:44px;height:44px}
    .swal2-actions{grid-column:1}
    .swal2-toast-container{inset:12px 12px auto;width:calc(100% - 24px)}
    .swal2-toast{grid-template-columns:auto minmax(0,1fr)}
    .unit-hero{flex-direction:column}
    .kuk-row{grid-template-columns:52px minmax(0,1fr)}
    .kuk-row>.row-actions{grid-column:2}
}

/* Scheme approval and read-only review */
.scheme-card-priority{border-color:var(--gold-300);box-shadow:0 18px 45px rgba(120,88,35,.10)}
.scheme-readiness{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:780;letter-spacing:.02em}
.scheme-readiness.is-ready{color:var(--success);background:var(--success-soft)}
.scheme-readiness.is-incomplete{color:var(--danger);background:var(--danger-soft)}
.scheme-readiness .ui-icon{width:16px;height:16px}
.scheme-review-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:18px;padding:24px 26px}
.scheme-review-identity{display:flex;align-items:center;gap:16px;min-width:0}
.scheme-review-identity h2{margin:0 0 4px;font-family:var(--font-display);font-size:24px;font-weight:600}
.scheme-review-identity p{margin:0;font-size:13px}
.scheme-review-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:var(--ink-500);font-size:12px}
.completeness-meter-wide{grid-column:1/-1;margin-top:0}
.review-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.review-detail-card{min-height:150px;padding:20px}
.review-detail-card p{margin:10px 0 0;color:var(--ink-700);font-size:13.5px;line-height:1.7}
.structure-review-list{display:grid;gap:16px}
.review-unit-card{overflow:hidden}
.review-unit-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#fff,var(--canvas-soft))}
.review-unit-head h2{margin:4px 0 5px;font-family:var(--font-display);font-size:21px;font-weight:600}
.review-unit-head p{margin:0;font-size:12px}
.scheme-metrics.compact{min-width:230px;margin-top:0;padding-top:0}
.review-elements{display:grid;gap:0}
.review-element-card{padding:19px 24px;border-bottom:1px solid var(--line-soft)}
.review-element-card:last-child{border-bottom:0}
.review-element-card>header{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px}
.review-element-card>header>span{display:grid;place-items:center;flex:0 0 35px;min-height:35px;padding:5px;border-radius:9px;color:var(--gold-800);background:var(--gold-100);font-size:12px;font-weight:820}
.review-element-card h3{margin:0 0 4px;font-size:16px}
.review-element-card small{color:var(--ink-500);font-size:11.5px}
.review-kuk-list{display:grid;gap:8px;margin-left:47px}
.review-kuk-list>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;padding:11px 13px;border:1px solid var(--line-soft);border-radius:10px;background:var(--canvas-soft)}
.review-kuk-list span{color:var(--navy-800);font-size:11.5px;font-weight:820}
.review-kuk-list p{margin:0;color:var(--ink-800);font-size:13.5px;line-height:1.55}
.review-missing{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:10px;color:var(--danger);background:var(--danger-soft);font-size:12.5px;font-weight:700}

@media (max-width:900px){
    .review-detail-grid{grid-template-columns:1fr}
    .scheme-review-header{grid-template-columns:1fr}
    .scheme-review-meta{align-items:flex-start}
    .review-unit-head{flex-direction:column}
    .scheme-metrics.compact{width:100%;min-width:0}
}
@media (max-width:640px){
    .scheme-review-identity{align-items:flex-start;flex-direction:column}
    .review-unit-head,.review-element-card{padding-left:17px;padding-right:17px}
    .review-kuk-list{margin-left:0}
    .review-kuk-list>div{grid-template-columns:52px minmax(0,1fr)}
}

/* MUK authoring, review, validation, and approval — v0.4.0 */
.status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:820;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.status-success{color:var(--success);border-color:#c6dfd3;background:var(--success-soft)}
.status-warning{color:var(--warning);border-color:#ead7af;background:var(--warning-soft)}
.status-danger{color:var(--danger);border-color:#e7c3c1;background:var(--danger-soft)}
.status-neutral{color:var(--ink-700);border-color:#d9dfe0;background:var(--neutral-soft)}
.muted,.muted-text{color:var(--ink-500);font-size:12.5px;line-height:1.45}
.table-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.data-table td>small,.data-table td>strong{display:block}
.data-table td>small{margin-top:3px;color:var(--ink-500);font-size:11.5px}
.workspace-heading{margin-bottom:24px}
.workspace-heading .page-heading{margin-top:15px;margin-bottom:0}
.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--navy-700);font-size:13px;font-weight:760}
.back-link:hover{color:var(--gold-800)}
.context-selector{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:17px 20px}
.context-selector .field{width:min(680px,100%)}
.muk-summary-rail{grid-template-columns:repeat(3,minmax(130px,.58fr)) minmax(280px,1.26fr)}
.muk-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}
.muk-card{display:flex;flex-direction:column;min-width:0;min-height:330px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-xs)}
.muk-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.muk-card h3{margin:18px 0 6px;font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.18}
.muk-card header p{margin:0;font-size:12.5px}
.muk-card-body{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:21px;border:1px solid var(--line-soft);border-radius:11px;overflow:hidden;background:var(--line-soft)}
.muk-stat{padding:13px;background:#fff}
.muk-stat strong,.muk-stat span{display:block}
.muk-stat strong{font-family:var(--font-display);font-size:21px;font-weight:600}
.muk-stat span{color:var(--ink-500);font-size:10.5px;font-weight:760;text-transform:uppercase}
.muk-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line-soft)}
.muk-flow-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:20px}
.team-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:170px;padding:22px;overflow:hidden}
.team-card::after{content:"";position:absolute;right:-45px;bottom:-65px;width:150px;height:150px;border:1px solid var(--line-soft);border-radius:50%}
.team-card.is-filled{border-color:#d7c49f;background:linear-gradient(145deg,#fff,var(--gold-100))}
.team-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--gold-300);border-radius:13px;color:var(--gold-800);background:var(--gold-100);font-family:var(--font-display);font-size:17px;font-weight:700}
.team-card-copy{min-width:0}
.team-card-copy h2{overflow:hidden;margin:0 0 5px;text-overflow:ellipsis;white-space:nowrap}
.team-card-copy p{margin:0;font-size:12.5px}
.team-card-actions{position:relative;z-index:1;display:flex;align-items:center;gap:6px}
.team-governance{margin-bottom:20px}
.muk-identity-banner{margin-bottom:20px}
.coverage-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-bottom:20px;padding:24px 26px}
.coverage-hero h2{margin:4px 0 6px;font-family:var(--font-display);font-size:28px;font-weight:600}
.coverage-hero p{margin:0;font-size:13px}
.coverage-score{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
.coverage-score strong{font-family:var(--font-display);font-size:42px;font-weight:600;line-height:1}
.coverage-score span{color:var(--ink-500);font-size:11.5px}
.coverage-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.coverage-matrix{min-width:0;overflow:hidden}
.coverage-aside{position:sticky;top:calc(var(--topbar-height) + 18px);display:grid;gap:15px}
.method-list{display:grid;padding:0 20px 20px}
.method-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-top:1px solid var(--line-soft);font-size:12.5px}
.method-list strong{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;color:var(--gold-800);background:var(--gold-100)}
.instrument-chip-list{display:flex;flex-wrap:wrap;gap:5px}
.instrument-chip-list span{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--canvas-soft);font-size:11px}
.compact-empty{margin:0;padding:20px;color:var(--ink-500);font-size:12.5px}
.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.muk-task-card{position:relative;display:flex;flex-direction:column;min-height:310px;padding:23px;overflow:hidden}
.task-accent{position:absolute;inset:0 auto 0 0;width:4px;background:var(--gold-600)}
.task-accent.is-reviewer{background:var(--success)}
.muk-task-card>header{display:flex;justify-content:space-between;gap:13px}
.muk-task-card h2{margin:3px 0 5px;font-family:var(--font-display);font-size:24px;font-weight:600}
.muk-task-card header p{margin:0;font-size:12px}
.task-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0 13px;border:1px solid var(--line-soft);border-radius:11px;overflow:hidden;background:var(--line-soft)}
.task-metrics div{padding:13px;background:#fff}
.task-metrics strong,.task-metrics span{display:block}
.task-metrics strong{font-family:var(--font-display);font-size:21px}
.task-metrics span{color:var(--ink-500);font-size:10.5px;text-transform:uppercase}
.muk-task-card>footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px}
.muk-task-card>footer p{max-width:390px;margin:0;font-size:12.5px}
.locked-banner{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px;padding:15px 17px;border:1px solid #ead7af;border-radius:12px;color:var(--warning);background:var(--warning-soft)}
.locked-banner>div{display:flex;flex-direction:column}
.locked-banner strong{font-size:14px}
.locked-banner span{font-size:12px}
.authoring-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.wizard-nav{position:sticky;top:calc(var(--topbar-height) + 18px);display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs)}
.wizard-nav button{display:grid;grid-template-columns:35px minmax(0,1fr);gap:0 11px;min-height:68px;padding:11px;border:1px solid transparent;border-radius:11px;text-align:left;background:transparent;cursor:pointer}
.wizard-nav button:hover,.wizard-nav button.is-active{border-color:var(--gold-300);background:var(--gold-100)}
.wizard-nav button>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--gold-800);background:#fff;font-family:var(--font-display);font-size:15px;font-weight:700}
.wizard-nav strong{align-self:end;font-size:13.5px}
.wizard-nav small{color:var(--ink-500);font-size:11px}
.wizard-content{min-width:0}
.wizard-content>[data-wizard-panel]{display:none}
.wizard-content>[data-wizard-panel].is-active{display:block;animation:panel-enter .2s ease both}
@keyframes panel-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.section-heading h2{margin-bottom:4px;font-family:var(--font-display);font-size:30px;font-weight:600}
.section-heading p{margin:0;font-size:13px}
.instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
.instrument-card{display:flex;flex-direction:column;min-height:285px;padding:20px}
.instrument-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.instrument-card h3{margin:15px 0 5px;font-family:var(--font-display);font-size:21px;font-weight:600}
.instrument-card header p,.instrument-card>p{font-size:12.5px}
.instrument-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin:17px 0;color:var(--ink-500);font-size:11.5px}
.instrument-meta span{display:inline-flex;align-items:center;gap:6px}
.instrument-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line-soft)}
.document-panel{overflow:hidden}
.upload-strip{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line-soft);background:var(--canvas-soft)}
/* Upload controls are normalized in the v0.14.7 native-control section. */
.document-list{display:grid;padding:0 20px 20px}
.document-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:65px;border-top:1px solid var(--line-soft)}
.document-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--navy-700);background:var(--navy-100)}
.document-list strong,.document-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-list strong{font-size:12.5px}.document-list small{color:var(--ink-500);font-size:8.8px}
.coverage-mini{display:flex;flex-direction:column;align-items:flex-end}.coverage-mini strong{font-family:var(--font-display);font-size:33px}.coverage-mini span{color:var(--ink-500);font-size:11px}
.mapping-stack{display:grid;gap:17px}
.mapping-card{overflow:hidden}
.mapping-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line-soft);background:var(--canvas-soft)}
.mapping-card h2{margin:11px 0 3px;font-family:var(--font-display);font-size:21px;font-weight:600}.mapping-card header p{margin:0;font-size:12px}
.criterion-selector{display:grid;gap:14px;padding:18px 22px}
.criterion-selector fieldset{min-width:0;margin:0;padding:0;border:0}
.criterion-selector legend{width:100%;padding:0 0 9px;color:var(--ink-800);font-size:12px;font-weight:800;border-bottom:1px solid var(--line-soft)}
.check-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:11px 3px;border-bottom:1px solid var(--line-soft);cursor:pointer}
.check-row input{width:17px;height:17px;margin-top:2px;accent-color:var(--navy-800)}
.check-row strong,.check-row small{display:block}.check-row strong{font-size:11.5px}.check-row small{color:var(--ink-600);font-size:12.5px;line-height:1.55}
.mapping-card>footer{display:flex;justify-content:flex-end;padding:0 22px 20px}
.finalization-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:17px;margin-bottom:17px}
.final-score{display:flex;align-items:center;gap:22px;padding:24px}.final-score h2{font-family:var(--font-display);font-size:25px;font-weight:600}.final-score p{margin:0;font-size:12.5px}
.score-ring{display:grid;place-items:center;align-content:center;flex:0 0 112px;width:112px;height:112px;border:10px solid var(--gold-100);border-top-color:var(--gold-600);border-radius:50%;text-align:center}.score-ring strong{font-family:var(--font-display);font-size:27px;line-height:1}.score-ring span{color:var(--ink-500);font-size:10px;text-transform:uppercase}
.checklist-panel{display:grid;padding:17px}.check-status{display:flex;align-items:center;gap:10px;min-height:45px;padding:0 7px;border-bottom:1px solid var(--line-soft);color:var(--ink-500);font-size:12.5px}.check-status:last-child{border-bottom:0}.check-status .ui-icon{color:var(--ink-500)}.check-status.is-done{color:var(--success);font-weight:700}.check-status.is-done .ui-icon{color:var(--success)}
.team-summary{margin-bottom:17px;overflow:hidden}.team-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line-soft)}.team-inline>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 10px;align-items:center;min-height:82px;padding:13px;background:#fff}.team-inline>div>span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--gold-800);background:var(--gold-100);font-family:var(--font-display);font-weight:700}.team-inline strong{overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.team-inline small{color:var(--ink-500);font-size:10.5px}
.submit-panel,.decision-panel,.activation-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,#fff,var(--canvas-soft))}.submit-panel h2,.decision-panel h2,.activation-panel h2{margin-bottom:5px;font-family:var(--font-display);font-size:25px;font-weight:600}.submit-panel p,.decision-panel p,.activation-panel p{margin:0;font-size:12.5px}.decision-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.review-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}.review-score-card{display:flex;align-items:center;gap:22px;padding:23px}.review-score-card h2{font-family:var(--font-display);font-size:25px;font-weight:600}.review-score-card p{margin:0;font-size:12.5px}.reviewer-principles{display:grid;padding:17px}.reviewer-principles h2{padding:0 7px}.reviewer-principles>div{display:grid;grid-template-columns:30px 1fr;gap:9px;min-height:50px;padding:9px 7px;border-top:1px solid var(--line-soft)}.reviewer-principles span{color:var(--gold-700);font-family:var(--font-display);font-weight:700}.reviewer-principles p{margin:0;font-size:9.8px}
.review-section{margin-bottom:18px;overflow:hidden}.review-instrument-list{display:grid;gap:0}.review-instrument-list>article{padding:20px 24px;border-bottom:1px solid var(--line-soft)}.review-instrument-list>article:last-child{border-bottom:0}.review-instrument-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.review-instrument-list h3{margin:12px 0 3px;font-family:var(--font-display);font-size:20px}.review-instrument-list header p{margin:0;font-size:11.5px}.review-instrument-list dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0 0}.review-instrument-list dl>div{padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--canvas-soft)}.review-instrument-list dt{color:var(--ink-500);font-size:10px;font-weight:800;text-transform:uppercase}.review-instrument-list dd{margin:5px 0 0;color:var(--ink-700);font-size:12px;line-height:1.55}
.review-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.review-history{display:grid;padding:0 20px 20px}.review-history>div{padding:15px 0;border-top:1px solid var(--line-soft)}.review-history strong,.review-history small{display:block;margin-top:6px}.review-history strong{font-size:12.5px}.review-history small{color:var(--ink-500);font-size:10.5px}.review-history p{margin:7px 0 0;font-size:12px}
.validation-layout,.approval-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.validation-queue,.approval-queue{position:sticky;top:calc(var(--topbar-height) + 18px);overflow:hidden}.validation-queue nav,.approval-queue nav{display:grid;padding:8px}.validation-queue nav a,.approval-queue nav a{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid transparent;border-radius:10px}.validation-queue nav a:hover,.validation-queue nav a.is-active,.approval-queue nav a:hover,.approval-queue nav a.is-active{border-color:var(--gold-300);background:var(--gold-100)}.validation-queue nav strong,.approval-queue nav strong{font-size:12.5px}.validation-queue nav small,.approval-queue nav small{color:var(--ink-500);font-size:8.8px}.validation-queue .status,.approval-queue .status{align-self:flex-start}
.validation-workspace,.approval-workspace{display:grid;gap:18px;min-width:0}.validation-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:23px}.validation-hero h2{margin:4px 0 5px;font-family:var(--font-display);font-size:27px;font-weight:600}.validation-hero p{margin:0;font-size:12px}.validation-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line-soft);border-radius:11px;overflow:hidden;background:var(--line-soft)}.validation-metrics>div{padding:13px;background:#fff}.validation-metrics strong,.validation-metrics span{display:block}.validation-metrics strong{font-family:var(--font-display);font-size:22px}.validation-metrics span{color:var(--ink-500);font-size:10.5px;text-transform:uppercase}
.quality-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quality-gates article{display:flex;align-items:flex-start;gap:10px;min-height:105px;padding:17px}.quality-gates article>.ui-icon{flex:0 0 auto;margin-top:2px}.quality-gates strong,.quality-gates span{display:block}.quality-gates strong{font-size:12.5px}.quality-gates span{margin-top:4px;color:var(--ink-500);font-size:9.2px}.quality-gates .is-passed{border-color:#c6dfd3}.quality-gates .is-passed>.ui-icon{color:var(--success)}.quality-gates .is-failed{border-color:#e7c3c1}.quality-gates .is-failed>.ui-icon{color:var(--danger)}
.quality-instruments{display:grid;padding:0 22px 20px}.quality-instruments article{padding:16px 0;border-top:1px solid var(--line-soft)}.quality-instruments header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.quality-instruments header strong,.quality-instruments header small{display:block}.quality-instruments header strong{font-size:12.5px}.quality-instruments header small{color:var(--ink-500);font-size:8.8px}.quality-instruments article>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.quality-instruments p{margin:0;padding:11px;border-radius:9px;background:var(--canvas-soft);font-size:9.7px}
.approval-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:26px;align-items:center;min-height:255px;padding:34px;overflow:hidden;border-radius:22px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(var(--theme-accent-rgb),.22),transparent 28%),linear-gradient(135deg,var(--navy-950),var(--navy-800));box-shadow:var(--shadow-md)}.approval-copy h1{color:#fff;font-size:clamp(34px,4vw,54px)}.approval-copy p{color:#afc0c9}.approval-seal{display:grid;place-items:center;align-content:center;width:135px;height:135px;border:1px solid rgba(223,201,159,.55);border-radius:50%;box-shadow:inset 0 0 0 9px rgba(255,255,255,.035)}.approval-seal span{font-family:var(--font-display);font-size:35px}.approval-seal small{color:var(--gold-300);font-size:10px;text-transform:uppercase}
.approval-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.approval-summary-grid>section{padding:20px}.approval-summary-grid h2{font-family:var(--font-display);font-size:23px;font-weight:600}.approval-summary-grid p{margin:0;font-size:9.8px}.approval-section{overflow:hidden}.approval-team{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.decision-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:18px}.decision-history article{padding:15px;border:1px solid var(--line-soft);border-radius:11px;background:var(--canvas-soft)}.decision-history h3{margin:10px 0 2px;font-size:12.5px}.decision-history small{color:var(--ink-500);font-size:10.5px}.decision-history p{margin:8px 0 0;font-size:9.8px}.approval-instruments{display:grid;padding:0 22px 20px}.approval-instruments article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;border-top:1px solid var(--line-soft)}.approval-instruments strong,.approval-instruments small{display:block}.approval-instruments strong{font-size:12.5px}.approval-instruments small{color:var(--ink-500);font-size:8.8px}
.workflow-timeline{display:grid;padding:5px 23px 22px}.workflow-timeline>div{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;min-height:72px}.workflow-timeline>div::before{content:"";position:absolute;top:17px;bottom:-1px;left:6px;width:1px;background:var(--line)}.workflow-timeline>div:last-child::before{display:none}.workflow-timeline>div>span{position:relative;z-index:1;width:13px;height:13px;margin-top:11px;border:3px solid #fff;border-radius:50%;background:var(--gold-600);box-shadow:0 0 0 1px var(--gold-300)}.workflow-timeline strong,.workflow-timeline small{display:block}.workflow-timeline strong{font-size:12.5px}.workflow-timeline small{color:var(--ink-500);font-size:10.5px}.workflow-timeline p{margin:5px 0 0;font-size:9.8px}

/* Responsive system: desktop, tablet, portrait tablet, and mobile */
@media (max-width:1200px){
    .muk-summary-rail{grid-template-columns:repeat(3,1fr)}.muk-summary-rail .summary-note{grid-column:span 3}
    .coverage-layout{grid-template-columns:minmax(0,1fr) 250px}
    .authoring-shell{grid-template-columns:205px minmax(0,1fr)}
    .instrument-grid{grid-template-columns:1fr}
    .validation-layout,.approval-layout{grid-template-columns:235px minmax(0,1fr)}
}
@media (max-width:1000px){
    .muk-card-grid,.task-board{grid-template-columns:1fr}
    .coverage-layout,.validation-layout,.approval-layout{grid-template-columns:1fr}
    .coverage-aside,.validation-queue,.approval-queue{position:static}
    .coverage-aside{grid-template-columns:1fr 1fr}
    .validation-queue nav,.approval-queue nav{grid-template-columns:repeat(2,minmax(0,1fr))}
    .authoring-shell{grid-template-columns:1fr}
    .wizard-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}
    .wizard-nav button{min-width:180px}
    .review-dashboard{grid-template-columns:1fr}
    .quality-gates{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
    html,body{max-width:100%}
    .workspace,.content,.panel,.page-heading>div,.topbar-leading,.breadcrumb{min-width:0}
    .page-heading,.section-heading{align-items:flex-start;flex-direction:column;gap:14px}
    .page-heading>.button,.section-heading>.button{width:100%}
    .muk-summary-rail{grid-template-columns:1fr}.muk-summary-rail .summary-note{grid-column:auto}
    .muk-card-grid{padding:14px}.muk-card{padding:18px}.muk-card>header,.muk-card-actions,.muk-task-card>header,.muk-task-card>footer{align-items:flex-start;flex-direction:column}.muk-card .status,.muk-task-card .status{align-self:flex-start}.muk-card-actions{width:100%}.muk-flow-actions{width:100%;justify-content:flex-start}.muk-flow-actions form,.muk-flow-actions .button{width:100%}.muk-flow-actions .button{justify-content:center}
    .team-grid{grid-template-columns:1fr}.team-card{grid-template-columns:45px minmax(0,1fr);padding:18px}.team-card-actions{grid-column:2;justify-content:flex-start}
    .coverage-hero{grid-template-columns:1fr;padding:20px}.coverage-score{align-items:flex-start}.coverage-aside{grid-template-columns:1fr}
    .task-board{gap:14px}.muk-task-card{min-height:0;padding:19px}.task-metrics{width:100%}
    .wizard-nav{margin:0 -16px;padding:10px 16px;border-right:0;border-left:0;border-radius:0;scroll-snap-type:x mandatory}.wizard-nav button{min-width:155px;scroll-snap-align:start}
    .instrument-card>header,.instrument-card>footer,.mapping-card>header{align-items:flex-start;flex-direction:column}.instrument-card>footer{gap:12px}.instrument-card>footer form,.instrument-card>footer .button{width:100%}.instrument-card>footer .row-actions{width:auto}
    .upload-strip{grid-template-columns:1fr;align-items:stretch}.upload-strip>.button{width:100%}.file-control>span{min-width:0}
    .finalization-grid{grid-template-columns:1fr}.final-score{align-items:flex-start;flex-direction:column}.team-inline,.approval-team{grid-template-columns:1fr 1fr}
    .submit-panel,.decision-panel,.activation-panel{align-items:flex-start;flex-direction:column}.submit-panel>.button,.activation-panel form,.activation-panel .button{width:100%}.decision-actions{width:100%;justify-content:stretch}.decision-actions .button{flex:1}
    .review-instrument-list dl,.review-side-grid{grid-template-columns:1fr}
    .validation-queue nav,.approval-queue nav{grid-template-columns:1fr 1fr}
    .quality-gates{grid-template-columns:1fr}.quality-instruments article>div{grid-template-columns:1fr}
    .approval-hero{grid-template-columns:1fr;padding:26px}.approval-seal{width:110px;height:110px}.approval-summary-grid,.decision-history{grid-template-columns:1fr}
}
@media (max-width:540px){
    :root{--topbar-height:66px;--sidebar-width:min(88vw,310px)}
    .sidebar{padding:15px 12px 12px}.sidebar-brand{padding-bottom:14px}.sidebar-context{margin-top:12px}.sidebar-foot{display:none}
    .topbar{min-height:66px;padding:0 10px}.menu-button{margin-right:3px}.topbar-icon{width:38px;height:38px}.notification-dot{top:7px;right:7px}.account-trigger{min-width:42px}.account-menu{position:fixed;top:72px;right:10px;left:10px;width:auto}
    .content{padding:19px 12px 26px}.app-footer{padding:14px 12px}.app-footer>div{flex-wrap:wrap}
    h1{font-size:clamp(31px,10vw,38px)}.page-heading p{font-size:14px}
    .panel{border-radius:14px}.panel-head{padding:18px 15px}.filter-bar{grid-template-columns:1fr}.filter-bar>*{grid-column:auto}.filter-bar .button{width:100%}
    .context-selector{padding:14px}
    .muk-card-body,.task-metrics,.validation-metrics{grid-template-columns:1fr}.muk-stat,.task-metrics div,.validation-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.muk-stat strong,.task-metrics strong,.validation-metrics strong{font-size:19px}.muk-stat span,.task-metrics span,.validation-metrics span{text-align:right}
    .team-card{grid-template-columns:1fr}.team-card-actions{grid-column:auto}.team-number{width:42px;height:42px}
    .wizard-nav button{min-width:142px;grid-template-columns:30px minmax(0,1fr);padding:9px}.wizard-nav button>span{width:30px;height:30px}.wizard-nav small{display:none}
    .instrument-grid{gap:12px}.instrument-card{padding:16px}.document-list{padding:0 14px 14px}.document-list>div{grid-template-columns:34px minmax(0,1fr) auto}.document-list small{white-space:normal}
    .criterion-selector{padding:14px}.mapping-card>header,.mapping-card>footer{padding-right:14px;padding-left:14px}
    .team-inline,.approval-team{grid-template-columns:1fr}
    .review-score-card{align-items:flex-start;flex-direction:column}.review-instrument-list>article{padding:16px}.review-instrument-list header{flex-direction:column}.review-instrument-list dl{gap:8px}
    .validation-queue nav,.approval-queue nav{grid-template-columns:1fr}.validation-hero{grid-template-columns:1fr}.validation-hero>.status{justify-self:start}
    .approval-instruments article,.quality-instruments header{grid-template-columns:1fr;align-items:start;padding:12px 0}.approval-instruments .status,.quality-instruments .status{justify-self:start}
    .modal-layer{padding:0;align-items:flex-end}.modal-dialog,.modal-dialog.modal-wide{max-height:var(--modal-viewport-height,100dvh);border-radius:20px 20px 0 0}.modal-head{padding:18px 15px 14px}.modal-head h2{font-size:24px}.modal-body{padding:16px 15px 0;scroll-padding-bottom:124px}.modal-actions{bottom:0;grid-template-columns:1fr;margin:auto -15px 0;padding:14px 15px calc(14px + env(safe-area-inset-bottom))}.modal-actions .button{width:100%}
    .swal2-container{padding:10px}.swal2-popup{width:100%;padding:18px}.swal2-actions{display:grid;grid-template-columns:1fr;width:100%}.swal2-actions button{width:100%}
    .login-page{display:block;padding:0}
    .login-shell{border:0;border-radius:0}
    .login-identity{min-height:315px;padding:28px 20px 26px}
    .login-brand-centered{gap:22px}
    .login-brand-copy-centered{gap:7px}
    .login-brand-institution{font-size:32px}
    .login-access{padding:36px 20px}
}
@media (max-width:380px){
    .breadcrumb strong{max-width:100px}
    .content{padding-right:10px;padding-left:10px}.button{padding-right:13px;padding-left:13px}
    .login-identity{min-height:295px;padding:24px 18px 22px}
    .login-brand-centered{gap:18px}.login-brand-institution{font-size:28px}.login-brand-short{font-size:17px}.login-brand-long{font-size:15px}.login-brand-tagline{font-size:13px}
    .login-access{padding:30px 18px}
}

/* Registration and FR.APL.01 workspace — v0.5.0 */
.button-secondary{color:var(--button-secondary-strong);border-color:rgba(var(--button-secondary-rgb),.28);background:linear-gradient(180deg,#fff,var(--button-secondary-soft));box-shadow:0 7px 18px rgba(var(--button-secondary-rgb),.10)}
.button-secondary:not(:disabled):hover{border-color:rgba(var(--button-secondary-rgb),.48);background:var(--button-secondary-soft);box-shadow:0 10px 24px rgba(var(--button-secondary-rgb),.16);transform:translateY(-1px)}
.danger-text{color:var(--danger)}
.page-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.compact-metric-grid{margin-bottom:20px}
.compact-metric-grid .metric-card{min-height:150px}
.section-separator{margin-top:30px;border-top:1px solid var(--line-soft)}
.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}
.form-actions-sticky{position:sticky;bottom:0;z-index:3;margin-right:-1px;margin-bottom:-1px;margin-left:-1px;padding:16px 20px;border:1px solid var(--line);border-radius:0 0 var(--radius-md) var(--radius-md);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.form-hint{margin-right:auto;color:var(--ink-500);font-size:12.5px}
.info-callout,.revision-banner{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 18px;border:1px solid #c8d9df;border-radius:13px;color:var(--navy-800);background:var(--navy-100)}
.info-callout>span,.revision-banner>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.65)}
.info-callout>div,.revision-banner>div{min-width:0;flex:1}
.info-callout strong,.revision-banner strong{display:block;margin-bottom:3px;font-size:14.5px}
.info-callout p,.revision-banner p{margin:0;color:inherit;font-size:13px;line-height:1.65}
.info-callout.compact{margin:18px 0 0;padding:13px}
.info-callout.compact>span{flex-basis:30px;width:30px;height:30px}
.info-callout.compact p{font-size:12px}
.warning-callout,.revision-banner{color:var(--warning);border-color:#ead7af;background:var(--warning-soft)}
.success-callout{color:var(--success);border-color:#c4ddcf;background:var(--success-soft)}
.info-callout>.button{align-self:center;flex:0 0 auto}
.progress-track{position:relative;height:7px;overflow:hidden;border-radius:999px;background:#e8eceb}
.progress-track>span,.progress-track>i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold-600),var(--gold-300));transition:width .35s ease}
.profile-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}
.profile-summary-card{position:sticky;top:calc(var(--topbar-height) + 18px);display:flex;flex-direction:column;align-items:center;padding:28px 22px;text-align:center}
.profile-avatar-large{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border:1px solid var(--gold-300);border-radius:20px;color:var(--navy-900);background:linear-gradient(145deg,#fff,var(--gold-100));font-family:var(--font-display);font-size:27px;font-weight:700;box-shadow:var(--shadow-sm)}
.profile-summary-card h2{margin:18px 0 4px;font-family:var(--font-display);font-size:25px;font-weight:600}
.profile-summary-card>p{margin:0;font-size:12.5px;word-break:break-word}
.profile-summary-list{display:grid;width:100%;margin-top:22px;border-top:1px solid var(--line-soft)}
.profile-summary-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line-soft);text-align:left}
.profile-summary-list span{color:var(--ink-500);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.profile-summary-list strong{max-width:150px;font-size:12.5px;text-align:right;overflow-wrap:anywhere}
.profile-form-panel{overflow:visible;padding-bottom:0}
.profile-form-panel>.form-grid{padding:22px 24px 0}
.application-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.application-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:23px;overflow:hidden}
.application-card::after{content:"";position:absolute;right:-90px;bottom:-105px;width:220px;height:220px;border:1px solid var(--line-soft);border-radius:50%;pointer-events:none}
.application-card.is-approved{border-color:#c5ddcf;background:linear-gradient(145deg,#fff,var(--success-soft))}
.application-card>header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.application-card h2{margin:15px 0 5px;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.15}
.application-card header p{margin:0;font-size:12px}
.application-progress-row{position:relative;z-index:1;margin-top:24px;padding:14px;border:1px solid var(--line-soft);border-radius:11px;background:rgba(255,255,255,.72)}
.application-progress-row>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.application-progress-row span{color:var(--ink-500);font-size:11px;font-weight:780;text-transform:uppercase}
.application-progress-row strong{font-family:var(--font-display);font-size:20px}
.application-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:15px;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:var(--line-soft)}
.application-facts>div{padding:12px;background:#fff}
.application-facts span,.application-facts strong{display:block}
.application-facts span{margin-bottom:4px;color:var(--ink-500);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.application-facts strong{font-size:12px;line-height:1.4}
.application-card .revision-note{margin-top:14px}
.revision-note{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #ead7af;border-radius:10px;color:var(--warning);background:var(--warning-soft)}
.revision-note>span{margin-top:2px}
.revision-note strong{display:block;font-size:12.5px}
.revision-note p{margin:3px 0 0;color:inherit;font-size:11.5px;line-height:1.5}
.application-card>footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px}
.application-card>footer form{margin:0}
.spacious-empty{min-height:360px}
.application-context-bar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(230px,.55fr);gap:1px;margin-bottom:20px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line-soft);box-shadow:var(--shadow-xs)}
.application-context-bar>div{min-width:0;padding:17px 20px;background:#fff}
.application-context-bar span,.application-context-bar strong,.application-context-bar small{display:block}
.application-context-bar span{margin-bottom:4px;color:var(--ink-500);font-size:10.5px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
.application-context-bar strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.application-context-bar small{margin-top:3px;color:var(--ink-500);font-size:11.5px}
.application-context-progress .progress-track{margin-top:9px}
.guided-workspace.apl-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.apl-workspace .wizard-nav{grid-template-columns:1fr}
.apl-workspace .wizard-content{min-width:0}
.apl-form-panel{padding:24px}
.requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.requirement-card{display:flex;flex-direction:column;min-width:0;min-height:300px;padding:20px}
.requirement-card.has-document{border-color:#c9d9d1;background:linear-gradient(145deg,#fff,#f3f8f5)}
.requirement-card.is-invalid{border-color:#e4c0be;background:linear-gradient(145deg,#fff,var(--danger-soft))}
.requirement-card>header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px}
.requirement-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold-300);border-radius:11px;color:var(--gold-800);background:var(--gold-100)}
.requirement-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.requirement-title h2{margin:0;font-size:16.5px}
.requirement-title span{display:inline-flex;flex:0 0 auto;padding:3px 7px;border-radius:999px;color:var(--danger);background:var(--danger-soft);font-size:10px;font-weight:820;text-transform:uppercase}
.requirement-title span.optional{color:var(--ink-600);background:var(--neutral-soft)}
.requirement-card header p{margin:5px 0 0;font-size:9.8px;line-height:1.55}
.uploaded-document{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.72)}
.uploaded-document>div{min-width:0}
.uploaded-document strong,.uploaded-document small{display:block}
.uploaded-document strong{overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.uploaded-document small{margin-top:3px;color:var(--ink-500);font-size:10.5px}
.document-note{margin-top:10px;padding:10px 12px;border-radius:9px;color:var(--danger);background:var(--danger-soft)}
.document-note strong{display:block;font-size:11.5px}
.document-note p{margin:3px 0 0;color:inherit;font-size:11px}
.requirement-actions{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}
.document-upload-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:auto;padding-top:16px}
.document-upload-form .file-control{min-width:0}
.apl-review-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px;margin-bottom:16px}
.declaration-panel{padding:22px;margin-bottom:16px}
.declaration-panel>header{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}
.declaration-panel>header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--success);background:var(--success-soft)}
.declaration-panel h2{margin:0 0 4px}
.declaration-panel p{margin:0;font-size:12.5px}
.declaration-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr) auto;align-items:end;gap:14px;padding-top:16px;border-top:1px solid var(--line-soft)}
.declaration-check{align-self:center}
.signed-declaration{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #c4ddcf;border-radius:11px;color:var(--success);background:var(--success-soft)}
.signed-declaration.is-pending{color:var(--warning);border-color:#ead7af;background:var(--warning-soft)}
.signed-declaration>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.65)}
.signed-declaration strong,.signed-declaration small{display:block}
.signed-declaration strong{font-size:13px}.signed-declaration small{margin-top:2px;color:inherit;font-size:11px}
.history-panel{margin-top:16px;overflow:hidden}
.history-list{display:grid;padding:8px 22px 22px}
.history-list>div{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;min-height:76px}
.history-list>div::before{content:"";position:absolute;top:17px;bottom:-2px;left:6px;width:1px;background:var(--line)}
.history-list>div:last-child::before{display:none}
.history-marker{position:relative;z-index:1;width:13px;height:13px;margin-top:11px;border:3px solid #fff;border-radius:50%;background:var(--gold-600);box-shadow:0 0 0 1px var(--gold-300)}
.history-list strong,.history-list small{display:block}.history-list strong{font-size:12.5px}.history-list p{margin:4px 0;color:var(--ink-600);font-size:11.5px}.history-list small{color:var(--ink-500);font-size:10.5px}
.verification-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}
.verification-score{display:flex;align-items:center;gap:20px;padding:22px}.verification-score h2{margin:4px 0 6px;font-family:var(--font-display);font-size:25px;font-weight:600}.verification-score p{margin:0;font-size:12.5px}
.application-identity-card{display:flex;align-items:center;gap:16px;padding:22px}.application-identity-card h2{margin:0 0 3px;font-family:var(--font-display);font-size:23px;font-weight:600}.application-identity-card p{margin:0;font-size:12.5px}.application-identity-card small{display:block;margin-top:4px;color:var(--ink-500);font-size:11px}
.verification-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.verification-main{display:grid;gap:18px;min-width:0}
.detail-section{overflow:hidden}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line-soft)}
.detail-grid>div{min-width:0;padding:16px 20px;background:#fff}
.detail-grid dt{margin-bottom:5px;color:var(--ink-500);font-size:10px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}
.detail-grid dd{margin:0;color:var(--ink-900);font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.detail-grid .detail-span-2{grid-column:1/-1}
.verification-sidebar{display:grid;gap:16px}
.sticky-review-card{position:sticky;top:calc(var(--topbar-height) + 18px);padding:20px}
.sticky-review-card h2{margin-bottom:15px}
.review-action-stack{display:grid;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
.admin-document-list{display:grid}
.admin-document-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:16px 20px;border-top:1px solid var(--line-soft)}
.admin-document-row:first-child{border-top:0}
.admin-document-row.is-missing{background:var(--canvas-soft)}
.admin-document-copy{min-width:0}.admin-document-copy>div{display:flex;align-items:center;gap:8px}.admin-document-copy>div>span{padding:2px 6px;border-radius:999px;color:var(--danger);background:var(--danger-soft);font-size:9.5px;font-weight:820;text-transform:uppercase}.admin-document-copy strong{font-size:13px}.admin-document-copy p{margin:4px 0 0;font-size:11.5px}.admin-document-copy small{display:block;margin-top:3px;color:var(--danger);font-size:8.8px}
.admin-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.compact-history{margin:0}.compact-history>header{padding:18px 20px 6px}.compact-history h2{font-size:17px}
.filter-bar.compact-filter-bar{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.compact-filter-bar label{min-width:140px}.compact-filter-bar label:first-child{min-width:220px}
.compact-filter-bar label>span{display:block;margin-bottom:5px;color:var(--ink-500);font-size:10px;font-weight:800;text-transform:uppercase}

@media (max-width:1200px){
    .profile-layout{grid-template-columns:250px minmax(0,1fr)}
    .guided-workspace.apl-workspace{grid-template-columns:205px minmax(0,1fr)}
    .verification-layout{grid-template-columns:minmax(0,1fr) 280px}
    .declaration-form{grid-template-columns:1fr 240px}.declaration-form .button{grid-column:2}
}
@media (max-width:1000px){
    .profile-layout{grid-template-columns:1fr}.profile-summary-card{position:static;display:grid;grid-template-columns:76px minmax(0,1fr);text-align:left}.profile-summary-card h2{margin:0}.profile-summary-card>p{grid-column:2}.profile-summary-list,.profile-summary-card .info-callout{grid-column:1/-1}.profile-summary-list{grid-template-columns:repeat(3,1fr);border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.profile-summary-list>div{display:block;padding:12px;border:0;border-left:1px solid var(--line-soft)}.profile-summary-list>div:first-child{border-left:0}.profile-summary-list strong{display:block;max-width:none;margin-top:5px;text-align:left}
    .guided-workspace.apl-workspace{grid-template-columns:1fr}.apl-workspace .wizard-nav{position:static;grid-template-columns:repeat(4,minmax(170px,1fr));overflow-x:auto}.apl-workspace .wizard-nav button{min-width:170px}
    .verification-layout{grid-template-columns:1fr}.sticky-review-card{position:static}.verification-sidebar{grid-template-columns:1fr 1fr}.compact-history{min-width:0}
}
@media (max-width:820px){
    .application-card-grid,.requirement-grid,.verification-overview{grid-template-columns:1fr}
    .application-context-bar{grid-template-columns:1fr 1fr}.application-context-progress{grid-column:1/-1}
    .apl-review-grid{grid-template-columns:1fr}
    .declaration-form{grid-template-columns:1fr}.declaration-form .button{grid-column:auto;width:100%}
    .verification-sidebar{grid-template-columns:1fr}
    .admin-document-row{grid-template-columns:42px minmax(0,1fr)}.admin-document-actions{grid-column:2;justify-content:flex-start}
}
@media (max-width:760px){
    .page-heading-with-actions{align-items:flex-start}.page-heading-actions{width:100%;justify-content:flex-start}.page-heading-actions .button{flex:1}
    .application-card>header,.application-card>footer{align-items:flex-start;flex-direction:column}.application-card>footer,.application-card>footer .button,.application-card>footer form{width:100%}.application-facts{grid-template-columns:1fr}.application-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.application-facts span{margin:0}.application-facts strong{text-align:right}
    .profile-form-panel>.form-grid,.apl-form-panel{padding:18px}
    .application-context-bar{grid-template-columns:1fr}.application-context-progress{grid-column:auto}
    .requirement-card{min-height:0}.document-upload-form{grid-template-columns:1fr}.document-upload-form .button{width:100%}
    .uploaded-document{align-items:flex-start;flex-direction:column}.requirement-actions{width:100%}.requirement-actions .button,.requirement-actions form{flex:1}.requirement-actions form .button{width:100%}
    .detail-grid{grid-template-columns:1fr}.detail-grid .detail-span-2{grid-column:auto}
    .verification-score{align-items:flex-start;flex-direction:column}.application-identity-card{align-items:flex-start}
    .filter-bar.compact-filter-bar{display:grid;grid-template-columns:1fr 1fr;width:100%}.compact-filter-bar label,.compact-filter-bar label:first-child{min-width:0}.compact-filter-bar label:first-child{grid-column:1/-1}.compact-filter-bar .button{width:100%}
}
@media (max-width:540px){
    .profile-summary-card{grid-template-columns:62px minmax(0,1fr);padding:18px}.profile-avatar-large{width:62px;height:62px;flex-basis:62px;border-radius:16px;font-size:22px}.profile-summary-list{grid-template-columns:1fr}.profile-summary-list>div{border-top:1px solid var(--line-soft);border-left:0}.profile-summary-list>div:first-child{border-top:0}
    .form-actions,.form-actions-sticky{align-items:stretch;flex-direction:column-reverse}.form-actions .button,.form-actions-sticky .button{width:100%}.form-hint{margin:0;text-align:center}
    .application-card{padding:18px}.application-card h2{font-size:21px}
    .application-context-bar>div{padding:14px 15px}
    .apl-workspace .wizard-nav{grid-template-columns:repeat(4,minmax(145px,1fr));margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.apl-workspace .wizard-nav button{min-width:145px}
    .requirement-grid{gap:12px}.requirement-card{padding:16px}.requirement-card>header{grid-template-columns:36px minmax(0,1fr)}.requirement-icon{width:36px;height:36px}.requirement-title{align-items:flex-start;flex-direction:column;gap:5px}
    .declaration-panel{padding:17px}.declaration-panel>header{flex-direction:column}
    .admin-document-row{grid-template-columns:34px minmax(0,1fr);padding:14px}.admin-document-actions{grid-column:1/-1;justify-content:stretch}.admin-document-actions .button{flex:1}.admin-document-actions .status-badge{width:100%;justify-content:center}
    .filter-bar.compact-filter-bar{grid-template-columns:1fr}.compact-filter-bar label:first-child{grid-column:auto}
    .info-callout,.revision-banner{flex-wrap:wrap}.info-callout>.button{width:100%}
}

/* v0.6.0 — reusable profile signature and FR.APL.02 */
.account-menu-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:7px;color:var(--navy-800);font-size:13.5px;font-weight:700;text-decoration:none}
.account-menu-link:hover{background:var(--gold-soft)}
.account-menu-link .ui-icon{width:17px;height:17px;color:var(--gold-700)}
.profile-account-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;margin-bottom:18px}
.profile-account-card,.profile-security-card{padding:24px}
.profile-account-card .panel-head{margin:-24px -24px 22px;padding:0 24px 18px}
.profile-account-identity{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:16px;border:1px solid var(--line-soft);border-radius:14px;background:linear-gradient(135deg,var(--surface-soft),#fff)}
.profile-account-identity>div{display:flex;min-width:0;flex-direction:column}.profile-account-identity strong{color:var(--navy-900);font-family:var(--font-display);font-size:21px}.profile-account-identity span{color:var(--ink-500);font-size:14px}
.profile-security-card{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(145deg,var(--navy-900),var(--navy-800));color:#fff}
.profile-security-card .overline{color:var(--gold-300)}.profile-security-card h2{margin:8px 0 10px;color:#fff;font-family:var(--font-display);font-size:25px}.profile-security-card>p{margin:0;color:rgba(255,255,255,.72);line-height:1.7}
.profile-security-icon{display:grid;width:48px;height:48px;margin-bottom:18px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);color:var(--gold-300)}
.signature-rule-list{display:grid;width:100%;gap:10px;margin-top:22px}.signature-rule-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05)}.signature-rule-list span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--gold-500);color:var(--navy-950);font-size:12px;font-weight:900}.signature-rule-list p{margin:0;color:rgba(255,255,255,.82);font-size:14px}
.signature-profile-panel{margin-top:18px;padding:24px}.signature-profile-panel>.panel-head{margin:-24px -24px 22px;padding:0 24px 18px}.signature-profile-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);gap:18px}.signature-current-card,.signature-canvas-form{min-width:0;padding:18px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-soft)}
.signature-current-card{display:flex;flex-direction:column;gap:14px}.signature-preview{display:grid;min-height:190px;padding:14px;place-items:center;border:1px dashed var(--line);border-radius:12px;background:#fff}.signature-preview img{display:block;max-width:100%;max-height:150px;object-fit:contain}.signature-preview.compact{min-height:110px}.signature-preview.compact img{max-height:90px}
.signature-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.signature-meta>div{display:flex;min-width:0;flex-direction:column;padding:10px;border-radius:9px;background:#fff}.signature-meta span{color:var(--ink-500);font-size:11px;text-transform:uppercase}.signature-meta strong{overflow:hidden;margin-top:4px;color:var(--navy-800);font-size:13px;text-overflow:ellipsis}
.signature-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px dashed var(--line);border-radius:12px;background:#fff;text-align:center}.signature-empty .ui-icon{width:28px;height:28px;margin-bottom:10px;color:var(--gold-700)}.signature-empty strong{color:var(--navy-800)}.signature-empty p{max-width:320px;margin:7px 0 0;color:var(--ink-500);font-size:14px}.signature-empty.compact{min-height:110px}.signature-empty.compact a{margin-top:8px;color:var(--gold-800);font-weight:800}
.signature-canvas-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.signature-canvas-head h3{margin:4px 0 0;color:var(--navy-900);font-family:var(--font-display);font-size:21px}.signature-live-status{padding:6px 9px;border-radius:999px;background:#fff;color:var(--ink-500);font-size:12px;font-weight:800}.signature-canvas-wrap{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,transparent,transparent 31px,var(--line-soft) 32px)}.signature-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:900/320;touch-action:none;cursor:crosshair}.signature-canvas-wrap canvas.has-ink{background:rgba(255,255,255,.3)}.signature-baseline{position:absolute;right:18px;bottom:13px;left:18px;padding-top:5px;border-top:1px solid var(--line);color:var(--ink-400);font-size:11px;pointer-events:none;text-align:center;text-transform:uppercase}.signature-help{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:var(--ink-500);font-size:13px}.signature-help .ui-icon{flex:0 0 auto;width:17px;color:var(--gold-700)}.signature-help p{margin:0;line-height:1.55}.signature-delete-form{display:flex;justify-content:flex-end;margin-top:14px}.signature-meta-inline{display:flex;flex-direction:column;align-items:center;margin:8px 0 14px}.signature-meta-inline strong{color:var(--navy-900)}.signature-meta-inline span{color:var(--ink-500);font-size:13px}
.apl02-workspace .wizard-stage{min-width:0}.apl02-unit-list{display:grid;gap:14px}.apl02-unit{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}.apl02-unit>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;cursor:pointer;list-style:none;background:linear-gradient(135deg,var(--surface-soft),#fff)}.apl02-unit>summary::-webkit-details-marker{display:none}.apl02-unit>summary>div{display:flex;min-width:0;align-items:center;gap:12px}.apl02-unit>summary strong{color:var(--navy-900);font-family:var(--font-display);font-size:17px}.apl02-unit>summary>span{color:var(--ink-500);font-size:12px}.unit-code{flex:0 0 auto;padding:5px 8px;border-radius:7px;background:var(--navy-900);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.apl02-elements{display:grid;gap:14px;padding:14px}.apl02-element{overflow:hidden;border:1px solid var(--line-soft);border-radius:12px}.apl02-element>header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line-soft);background:var(--surface-soft)}.apl02-element>header>span{padding:4px 7px;border-radius:6px;background:var(--gold-soft);color:var(--gold-900);font-size:11px;font-weight:900}.apl02-element>header h3{margin:0;color:var(--navy-800);font-size:15px}.apl02-criteria-list{display:grid;gap:1px;background:var(--line-soft)}
.apl02-criterion-card,.apl02-review-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:17px;background:#fff}.apl02-criterion-card.needs-revision{box-shadow:inset 4px 0 0 var(--danger)}.criterion-number{display:grid;width:46px;height:36px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--navy-800);font-size:12px;font-weight:900}.criterion-main{min-width:0}.criterion-main>p{margin:0 0 13px;color:var(--ink-700);font-size:15px;line-height:1.65}.self-assessment-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.self-assessment-choice label{cursor:pointer}.self-assessment-choice input{position:absolute;opacity:0}.self-assessment-choice span{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-600);font-size:13px;font-weight:700}.self-assessment-choice strong{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--surface-soft);color:var(--navy-800)}.self-assessment-choice input:checked+span{border-color:var(--gold-600);background:var(--gold-soft);color:var(--navy-900);box-shadow:0 0 0 2px rgba(196,147,61,.12)}.self-assessment-choice input:disabled+span{cursor:not-allowed;opacity:.75}
.evidence-map{margin-top:12px;padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-soft)}.evidence-map>span{display:block;margin-bottom:8px;color:var(--ink-500);font-size:11px;font-weight:900;text-transform:uppercase}.evidence-map>div{display:flex;flex-wrap:wrap;gap:7px}.check-pill input{position:absolute;opacity:0}.check-pill span{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-600);cursor:pointer;font-size:12px;font-weight:700}.check-pill input:checked+span{border-color:var(--gold-600);background:var(--gold-soft);color:var(--navy-900)}.criterion-actions{display:flex;justify-content:flex-end;margin-top:12px}.criterion-review-note{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--danger);border-radius:7px;background:var(--danger-soft)}.criterion-review-note strong,.criterion-review-note span{display:block}.criterion-review-note strong{color:var(--danger);font-size:12px}.criterion-review-note span{margin-top:4px;color:var(--ink-700);font-size:13px}
.apl02-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence-card{display:flex;min-width:0;flex-direction:column;padding:17px}.evidence-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.evidence-type{color:var(--gold-800);font-size:11px;font-weight:900;text-transform:uppercase}.evidence-card h3{margin:13px 0 6px;color:var(--navy-900);font-family:var(--font-display);font-size:18px}.evidence-card>p{margin:0 0 13px;color:var(--ink-500);font-size:13px;line-height:1.6}.evidence-file{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-soft)}.evidence-file>.ui-icon{flex:0 0 auto;color:var(--gold-700)}.evidence-file>div{display:flex;min-width:0;flex-direction:column}.evidence-file strong{overflow:hidden;color:var(--navy-800);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.evidence-file small{margin-top:3px;color:var(--ink-500);font-size:11px}.evidence-card>footer{display:flex;align-items:center;gap:8px;margin-top:13px}.evidence-card>footer form{margin-left:auto}
.approval-signature-card{padding:18px}.signed-snapshot-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:18px}.signed-snapshot-card>div{min-width:0}.signed-snapshot-card h3{margin:4px 0;color:var(--navy-900)}.signed-snapshot-card p{max-width:760px;margin:4px 0;color:var(--ink-600);font-size:13px}.signed-snapshot-card small{color:var(--ink-500);font-size:12px}.signed-snapshot-card img{width:190px;max-height:90px;object-fit:contain}.signed-snapshot-card.compact{margin:0 0 16px}.signed-snapshot-card.compact img{width:150px;max-height:70px}
.review-signature-strip{display:flex;margin:0 0 18px}.review-signature-strip>div{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px;width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:#fff}.review-signature-strip img{grid-column:2;grid-row:1/5;width:160px;max-height:70px;object-fit:contain}.review-signature-strip strong{color:var(--navy-900)}.review-signature-strip small{color:var(--ink-500);font-size:12px}.review-signature-strip .missing-signature{display:flex;grid-template-columns:auto 1fr;color:var(--danger)}.review-section{margin-bottom:18px}.apl02-review-card{grid-template-columns:58px minmax(0,1fr)}.review-answer{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;margin-bottom:12px;padding:12px;border-radius:10px;background:var(--surface-soft)}.review-answer .self-value{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;font-weight:900}.self-value.competent{background:var(--success-soft);color:var(--success)}.self-value.not-yet{background:var(--warning-soft);color:var(--warning-dark)}.review-answer strong{color:var(--navy-800);font-size:12px}.review-answer p{margin:4px 0 0;color:var(--ink-600);font-size:13px;line-height:1.55}.mapped-evidence-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mapped-evidence-tags a{padding:6px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold-900);font-size:11px;font-weight:800;text-decoration:none}.review-inline-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid var(--line-soft)}.review-inline-form.compact{grid-template-columns:1fr;margin-top:14px}.review-inline-form.compact .button{width:100%}.review-result{display:flex;align-items:flex-start;gap:10px;padding-top:12px;border-top:1px solid var(--line-soft)}.review-result p{margin:2px 0 0;color:var(--ink-500);font-size:13px}.review-note-static{padding:9px;border-radius:8px;background:var(--surface-soft);color:var(--ink-600);font-size:12px}.assessor-decision-panel{padding:24px}.assessor-decision-panel>.panel-head{margin:-24px -24px 20px;padding:0 24px 18px}.assessor-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.decision-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.decision-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff;color:var(--gold-700)}.decision-card h3{margin:12px 0 5px;color:var(--navy-900);font-family:var(--font-display);font-size:20px}.decision-card>p{margin:0 0 14px;color:var(--ink-500);font-size:13px}.decision-card .field,.decision-card .check-row{width:100%}.decision-card .button{width:100%;margin-top:auto}.decision-card>a{align-self:center;margin-top:8px;color:var(--gold-800);font-size:12px;font-weight:800}.decision-card.revision{background:#fff8f5}
@media (max-width:1100px){.signature-profile-grid{grid-template-columns:1fr}.apl02-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-inline-form{grid-template-columns:1fr 1fr}.review-inline-form .button{grid-column:1/-1;width:100%}}
@media (max-width:900px){.profile-account-grid{grid-template-columns:1fr}.signature-meta{grid-template-columns:1fr 1fr 1fr}.assessor-decision-grid{grid-template-columns:1fr}}
@media (max-width:760px){.signature-profile-panel,.profile-account-card,.profile-security-card,.assessor-decision-panel{padding:18px}.signature-profile-panel>.panel-head,.profile-account-card .panel-head,.assessor-decision-panel>.panel-head{margin:-18px -18px 18px;padding:0 18px 16px}.signature-canvas-head{flex-direction:column}.signature-meta{grid-template-columns:1fr}.apl02-evidence-grid{grid-template-columns:1fr}.apl02-criterion-card,.apl02-review-card{grid-template-columns:1fr}.criterion-number{width:auto;justify-self:start;padding:0 12px}.review-inline-form{grid-template-columns:1fr}.review-signature-strip>div{grid-template-columns:1fr}.review-signature-strip img{grid-column:auto;grid-row:auto;width:100%;max-height:80px}.signed-snapshot-card{align-items:flex-start;flex-direction:column}.signed-snapshot-card img{width:100%}.evidence-card>footer{align-items:stretch;flex-direction:column}.evidence-card>footer form{width:100%;margin-left:0}.evidence-card>footer .button{width:100%}}
@media (max-width:540px){.signature-canvas-wrap canvas{min-height:180px}.signature-current-card,.signature-canvas-form{padding:14px}.signature-profile-panel .form-actions{flex-direction:column}.signature-delete-form .button{width:100%}.apl02-unit>summary{align-items:flex-start;flex-direction:column}.apl02-unit>summary>div{align-items:flex-start;flex-direction:column}.self-assessment-choice{grid-template-columns:1fr}.review-answer{grid-template-columns:1fr}.review-answer .self-value{width:100%;height:38px}.evidence-map>div{display:grid}.check-pill span{text-align:center}.decision-card{padding:15px}}
.approval-signature-choice{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.approval-signature-choice>div{display:flex;align-items:center;gap:14px;min-width:0}
.approval-signature-choice img{flex:0 0 150px;width:150px;max-height:68px;padding:5px;border:1px solid var(--line-soft);border-radius:9px;object-fit:contain;background:#fff}
.approval-signature-choice strong,.approval-signature-choice small{display:block}
.approval-signature-choice strong{color:var(--navy-900);font-size:13px}
.approval-signature-choice small{margin-top:3px;color:var(--ink-500);font-size:11.5px;line-height:1.45}
.missing-signature-inline{display:flex;align-items:center;gap:10px;color:var(--danger)}
.missing-signature-inline>.ui-icon{flex:0 0 auto}
@media (max-width:540px){.approval-signature-choice>div{align-items:flex-start;flex-direction:column}.approval-signature-choice img{width:100%;max-height:82px}}

/* v0.7.0 — Scheduling, assessor assignment, and TUK readiness */
.schedule-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.schedule-stat-grid article{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.schedule-stat-grid article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--gold-100);color:var(--gold-800)}.schedule-stat-grid small,.schedule-stat-grid strong{display:block}.schedule-stat-grid small{color:var(--ink-500);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.schedule-stat-grid strong{margin-top:3px;color:var(--navy-900);font-family:var(--font-display);font-size:26px;font-weight:600}
.readiness-mini{display:flex;align-items:center;gap:8px}.readiness-mini progress,.readiness-track{overflow:hidden;width:82px;height:7px;border:0;border-radius:999px;background:var(--line-soft);appearance:none}.readiness-mini progress::-webkit-progress-bar,.readiness-track::-webkit-progress-bar{border-radius:999px;background:var(--line-soft)}.readiness-mini progress::-webkit-progress-value,.readiness-track::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--gold-600),var(--success))}.readiness-mini progress::-moz-progress-bar,.readiness-track::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--gold-600),var(--success))}.readiness-mini strong{font-size:13px}
.schedule-workspace{display:grid;gap:16px;margin-top:20px}.schedule-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-sm)}.schedule-workspace-head h2{font-family:var(--font-display);font-size:30px;font-weight:600}.schedule-workspace-head p{margin:0;font-size:14px}.schedule-gate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.schedule-gate-grid article{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.schedule-gate-grid span,.schedule-gate-grid strong,.schedule-gate-grid small{display:block}.schedule-gate-grid span{color:var(--ink-500);font-size:11px;font-weight:800;text-transform:uppercase}.schedule-gate-grid strong{margin-top:5px;color:var(--navy-900);font-size:19px}.schedule-gate-grid small{margin-top:3px;color:var(--ink-500);font-size:11.5px}.schedule-action-strip{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.schedule-action-strip form{margin:0}.button-danger-outline{color:var(--button-danger-strong);border-color:rgba(var(--button-danger-rgb),.36);background:#fff}.button-danger-outline:hover{background:var(--button-danger-soft)}.button-danger{color:#fff;border-color:var(--button-danger-strong);background:linear-gradient(180deg,var(--button-danger),var(--button-danger-strong));box-shadow:0 9px 22px rgba(var(--button-danger-rgb),.20)}.button-warning{color:#fff;border-color:var(--button-warning-strong);background:linear-gradient(180deg,var(--button-warning),var(--button-warning-strong));box-shadow:0 9px 22px rgba(var(--button-warning-rgb),.18)}.split-actions{justify-content:space-between}
.schedule-participants-panel{overflow:hidden}.schedule-participant-list{display:grid}.schedule-participant-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 22px;border-top:1px solid var(--line-soft)}.schedule-participant-list>article:first-child{border-top:0}.participant-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--navy-100);color:var(--navy-800);font-size:14px;font-weight:850}.schedule-participant-list strong,.schedule-participant-list small{display:block}.schedule-participant-list strong{font-size:14px}.schedule-participant-list small{margin-top:3px;color:var(--ink-500);font-size:11.5px}.participant-assessors{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.participant-actions{display:flex;align-items:center;gap:7px}.participant-actions form{margin:0}.inline-empty{padding:28px}
.assignment-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding:16px 18px}.assignment-toolbar .filter-bar{margin:0}.assignment-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.assignment-context article{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.assignment-context article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--gold-100);color:var(--gold-800)}.assignment-context small,.assignment-context strong,.assignment-context p{display:block}.assignment-context small{color:var(--ink-500);font-size:11px;text-transform:uppercase}.assignment-context strong{margin-top:3px;color:var(--navy-900);font-size:17px}.assignment-context p{margin:3px 0 0;font-size:11.5px}.signed-mini{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--success);font-size:11px}.muted-text{color:var(--ink-500);font-size:12.5px;line-height:1.45}
.signature-required-banner{display:flex;align-items:center;gap:15px;margin-bottom:16px;padding:16px 18px;border:1px solid #e6c98f;border-radius:var(--radius-sm);background:var(--warning-soft)}.signature-required-banner>span{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:#fff;color:var(--warning)}.signature-required-banner>div{min-width:0;flex:1}.signature-required-banner strong{display:block;color:var(--ink-900)}.signature-required-banner p{margin:3px 0 0;font-size:12.5px}.assignment-filter-strip{display:flex;justify-content:flex-end;margin-bottom:16px}.assignment-filter-strip .filter-bar{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.assessor-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.assessor-assignment-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xs)}.assessor-assignment-card.offered{box-shadow:inset 4px 0 0 var(--gold-600),var(--shadow-xs)}.assessor-assignment-card.accepted{box-shadow:inset 4px 0 0 var(--success),var(--shadow-xs)}.assessor-assignment-card.declined,.assessor-assignment-card.revoked{box-shadow:inset 4px 0 0 var(--danger),var(--shadow-xs)}.assessor-assignment-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.assessor-assignment-card h2{margin:4px 0;font-family:var(--font-display);font-size:24px;font-weight:600}.assessor-assignment-card header p{margin:0;font-size:12px}.assignment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}.assignment-detail-grid>div{padding:11px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--canvas-soft)}.assignment-detail-grid span,.assignment-detail-grid strong{display:block}.assignment-detail-grid span{color:var(--ink-500);font-size:10.5px;font-weight:800;text-transform:uppercase}.assignment-detail-grid strong{margin-top:4px;font-size:12.5px}.assignment-note{display:flex;gap:10px;padding:12px;border-radius:10px;background:var(--gold-100)}.assignment-note>span{color:var(--gold-800)}.assignment-note p,.assignment-response p{margin:0;font-size:12.5px}.assignment-response{margin-top:11px;padding:11px 12px;border-left:3px solid var(--line);background:var(--canvas-soft)}.assignment-response small{display:block;color:var(--ink-500);font-size:10.5px;text-transform:uppercase}.assessor-assignment-card>footer{display:flex;gap:9px;margin-top:auto;padding-top:17px}.assignment-signed{align-items:center!important;padding:12px!important;border-radius:10px;background:var(--success-soft)}.assignment-signed>span{color:var(--success)}.assignment-signed strong,.assignment-signed small{display:block}.assignment-signed small{color:var(--ink-500);font-size:11px}.signature-consent-box{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--canvas-soft)}.signature-consent-box img{width:140px;max-height:68px;object-fit:contain;border-radius:8px;background:#fff}.signature-consent-box strong,.signature-consent-box small{display:block}.signature-consent-box small{margin-top:3px;color:var(--ink-500);font-size:11px}.consent-check{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-700);font-size:12.5px}.consent-check input{margin-top:2px}.inline-warning{padding:12px;border:1px solid #e4baba;border-radius:10px;color:var(--danger);background:var(--danger-soft)}
.tuk-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tuk-schedule-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xs)}.tuk-schedule-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tuk-schedule-card h2{margin:3px 0;font-family:var(--font-display);font-size:24px;font-weight:600}.tuk-schedule-card header p{margin:0;font-size:12px}.tuk-schedule-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}.tuk-schedule-meta>div{padding:11px;border:1px solid var(--line-soft);border-radius:10px;background:var(--canvas-soft)}.tuk-schedule-meta span,.tuk-schedule-meta strong,.tuk-schedule-meta small{display:block}.tuk-schedule-meta span{color:var(--ink-500);font-size:10px;text-transform:uppercase}.tuk-schedule-meta strong{margin-top:4px;font-size:12px}.tuk-schedule-meta small{margin-top:2px;color:var(--ink-500);font-size:10.5px}.readiness-card-meter{padding:13px;border-radius:11px;background:var(--navy-950);color:#fff}.readiness-card-meter>div{display:flex;align-items:center;justify-content:space-between}.readiness-card-meter span{color:#cad7dd;font-size:11px;text-transform:uppercase}.readiness-card-meter strong{font-size:17px}.readiness-card-meter .readiness-track{display:block;width:100%;margin:9px 0}.readiness-card-meter small{color:#aebfc7;font-size:11px}.tuk-schedule-card>footer{display:flex;justify-content:flex-end;margin-top:15px}
.readiness-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-sm)}.readiness-hero h2{font-family:var(--font-display);font-size:30px;font-weight:600}.readiness-hero p{margin:0;font-size:13px}.readiness-score{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 130px;min-height:110px;border:1px solid var(--line);border-radius:18px;background:#fff}.readiness-score strong{color:var(--navy-900);font-family:var(--font-display);font-size:42px;font-weight:600;line-height:1}.readiness-score strong small{font-size:17px}.readiness-score span{margin-top:6px;color:var(--ink-500);font-size:11px;text-transform:uppercase}.readiness-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}.readiness-summary-grid article{padding:15px 17px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.readiness-summary-grid span,.readiness-summary-grid strong,.readiness-summary-grid small{display:block}.readiness-summary-grid span{color:var(--ink-500);font-size:10.5px;text-transform:uppercase}.readiness-summary-grid strong{margin-top:4px;color:var(--navy-900);font-size:18px}.readiness-summary-grid small{margin-top:2px;color:var(--ink-500);font-size:8.8px}.checklist-panel{overflow:hidden}.readiness-checklist{display:grid}.checklist-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:17px 22px;border-top:1px solid var(--line-soft)}.checklist-item:first-child{border-top:0}.checklist-item.action_required,.checklist-item.not_ready{background:linear-gradient(90deg,var(--danger-soft),#fff 38%)}.checklist-item.ready,.checklist-item.corrected{background:linear-gradient(90deg,var(--success-soft),#fff 38%)}.check-state-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--canvas-soft);color:var(--ink-500)}.checklist-item.ready .check-state-icon,.checklist-item.corrected .check-state-icon{color:var(--success);background:#fff}.checklist-item.action_required .check-state-icon,.checklist-item.not_ready .check-state-icon{color:var(--danger);background:#fff}.checklist-copy h3{margin:3px 0;color:var(--navy-900);font-size:15px}.checklist-copy>p{margin:7px 0 0;font-size:12.5px}.correction-note{padding:9px;border-left:3px solid var(--success);background:var(--success-soft)}.checklist-copy footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.checklist-copy footer small{color:var(--ink-500);font-size:11px}.evidence-link{display:inline-flex;align-items:center;gap:5px;color:var(--gold-800);font-size:11px;font-weight:750}.checklist-actions{display:flex;align-items:flex-start;gap:6px}.checklist-actions form{margin:0}.signed-readiness-panel{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid #bdd7ca;border-radius:var(--radius-sm);background:var(--success-soft)}.signed-readiness-panel>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#fff;color:var(--success)}.signed-readiness-panel>div{min-width:0;flex:1}.signed-readiness-panel strong{display:block}.signed-readiness-panel p{margin:3px 0 0;font-size:12px}.signed-readiness-panel img{width:150px;max-height:70px;object-fit:contain}.readiness-approval-panel{margin-top:15px}
.assessee-schedule-list{display:grid;gap:17px}.assessee-schedule-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.assessee-schedule-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line-soft);background:linear-gradient(135deg,#fff,var(--canvas-soft))}.assessee-schedule-card h2{margin:3px 0;font-family:var(--font-display);font-size:26px;font-weight:600}.assessee-schedule-card header p{margin:0;font-size:12px}.schedule-primary-info{display:flex;align-items:center;gap:16px;padding:20px 24px}.schedule-date-block{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 78px;height:78px;border-radius:16px;background:var(--navy-900);color:#fff}.schedule-date-block strong{font-family:var(--font-display);font-size:30px;line-height:1}.schedule-date-block span{margin-top:5px;color:#c6d4db;font-size:11px;text-transform:uppercase}.schedule-primary-info>div:last-child small,.schedule-primary-info>div:last-child strong{display:block}.schedule-primary-info>div:last-child small{color:var(--ink-500);font-size:11px;text-transform:uppercase}.schedule-primary-info>div:last-child strong{margin-top:4px;color:var(--navy-900);font-size:15px}.schedule-primary-info p{margin:4px 0 0;font-size:12px}.assessee-schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--line-soft)}.assessee-schedule-grid>div{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:17px 20px;background:#fff}.assessee-schedule-grid>div>span{color:var(--gold-800)}.assessee-schedule-grid small,.assessee-schedule-grid strong,.assessee-schedule-grid p{display:block}.assessee-schedule-grid small{color:var(--ink-500);font-size:10.5px;text-transform:uppercase}.assessee-schedule-grid strong{margin-top:4px;font-size:12.5px}.assessee-schedule-grid p{margin:2px 0 0;font-size:11px}.schedule-instructions{display:flex;gap:12px;margin:18px 24px;padding:14px;border-radius:11px;background:var(--gold-100)}.schedule-instructions>span{color:var(--gold-800)}.schedule-instructions strong{display:block}.schedule-instructions p{margin:3px 0 0;font-size:12.5px}.assessee-schedule-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-top:1px solid var(--line-soft)}.assessee-schedule-card>footer small{display:block;color:var(--ink-500);font-size:10.5px;text-transform:uppercase}.assessee-schedule-card>footer p{margin:5px 0 0;font-size:11.5px}.schedule-confirm-actions{display:flex;gap:8px}.schedule-confirm-actions form{margin:0}
@media (max-width:1100px){.schedule-gate-grid,.readiness-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessor-assignment-grid,.tuk-schedule-grid{grid-template-columns:1fr}.assessee-schedule-grid{grid-template-columns:1fr 1fr}.assessee-schedule-grid>div:last-child{grid-column:1/-1}}
@media (max-width:900px){.schedule-stat-grid,.assignment-context{grid-template-columns:1fr}.schedule-workspace-head,.readiness-hero{align-items:flex-start}.schedule-participant-list>article{grid-template-columns:auto minmax(0,1fr)}.participant-actions{grid-column:1/-1;justify-content:flex-end}.tuk-schedule-meta{grid-template-columns:1fr 1fr}.tuk-schedule-meta>div:last-child{grid-column:1/-1}.checklist-item{grid-template-columns:auto minmax(0,1fr)}.checklist-actions{grid-column:1/-1;justify-content:flex-end}.signed-readiness-panel{align-items:flex-start;flex-wrap:wrap}.signed-readiness-panel img{margin-left:57px}}
@media (max-width:760px){.schedule-workspace-head,.readiness-hero,.assessee-schedule-card>header,.assessee-schedule-card>footer{flex-direction:column}.schedule-action-strip,.schedule-action-strip form,.schedule-action-strip .button{width:100%}.schedule-gate-grid,.readiness-summary-grid,.assignment-detail-grid,.assessee-schedule-grid{grid-template-columns:1fr}.assessee-schedule-grid>div:last-child{grid-column:auto}.assignment-toolbar{align-items:stretch;flex-direction:column}.assignment-toolbar .filter-bar{width:100%}.assessor-assignment-card>header,.tuk-schedule-card>header{flex-direction:column}.assessor-assignment-card>footer,.schedule-confirm-actions{width:100%;flex-direction:column}.assessor-assignment-card>footer .button,.schedule-confirm-actions .button,.schedule-confirm-actions form{width:100%}.signature-consent-box{align-items:flex-start;flex-direction:column}.signature-consent-box img{width:100%;max-height:82px}.readiness-score{width:100%;flex:0 0 auto}.signed-readiness-panel img{width:100%;margin-left:0}.schedule-primary-info{align-items:flex-start}.assessee-schedule-card>footer{align-items:stretch}.checklist-copy footer{align-items:flex-start;flex-direction:column}}
@media (max-width:540px){.schedule-stat-grid article,.schedule-workspace-head,.readiness-hero,.assessor-assignment-card,.tuk-schedule-card{padding:16px}.schedule-gate-grid,.readiness-summary-grid{grid-template-columns:1fr}.schedule-participant-list>article,.checklist-item{grid-template-columns:1fr;padding:15px}.participant-avatar,.check-state-icon{justify-self:start}.participant-actions,.checklist-actions{justify-content:stretch}.participant-actions .button,.participant-actions form,.participant-actions button,.checklist-actions button,.checklist-actions form{width:100%}.tuk-schedule-meta{grid-template-columns:1fr}.tuk-schedule-meta>div:last-child{grid-column:auto}.schedule-primary-info{padding:16px}.schedule-date-block{flex-basis:66px;width:66px;height:66px}.schedule-instructions{margin:14px 16px}.assessee-schedule-card>header,.assessee-schedule-card>footer{padding:16px}.readiness-mini{align-items:flex-start;flex-direction:column}.readiness-mini progress{width:100%}.split-actions{flex-direction:column}.split-actions .button{width:100%}}


/* Assessor scheme scope — v0.7.0 */
.scope-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: min(24rem, 100%);
}
.scope-chip-list .count-pill {
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
}
.field select[multiple] {
    min-height: 9.5rem;
    padding: .55rem;
}
.field select[multiple] option {
    padding: .55rem .65rem;
    border-radius: .45rem;
}
@media (max-width: 760px) {
    .scope-chip-list { min-width: 0; }
    .field select[multiple] { min-height: 11rem; }
}

/* Branding & logo institution — v0.14.6 premium off-white badge. */
.brand-logo,.login-brand-logo,.identity-mark.has-logo,.verification-brand-logo{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid var(--logo-badge-border);background:linear-gradient(145deg,var(--logo-badge-surface-strong),var(--logo-badge-surface));box-shadow:var(--logo-badge-shadow)}
.brand-logo::after,.login-brand-logo::after,.identity-mark.has-logo::after,.verification-brand-logo::after{content:"";position:absolute;inset:3px;z-index:0;border:1px solid var(--logo-badge-inner);border-radius:inherit;pointer-events:none}
.brand-logo{width:60px;height:60px;border-radius:17px}.brand-logo img{position:relative;z-index:1;display:block;width:100%;height:100%;padding:4px;object-fit:contain;image-rendering:auto;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0)}
.login-brand-logo{width:110px;height:110px;border-radius:28px}.login-brand-logo img{position:relative;z-index:1;display:block;width:100%;height:100%;padding:9px;object-fit:contain;image-rendering:auto;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0)}
.identity-mark.has-logo{transform:none;border-radius:17px}.identity-mark.has-logo img{position:relative;z-index:1;width:100%;height:100%;padding:9px;object-fit:contain}
.verification-brand-logo{width:68px;height:68px;margin:0 auto 17px;border-radius:20px}.verification-brand-logo img{position:relative;z-index:1;width:100%;height:100%;padding:10px;object-fit:contain}
.verification-card>.brand-emblem{margin:0 auto 17px}
.institution-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:20px;align-items:start}.institution-main-form{min-width:0}.institution-main-form>.panel{overflow:hidden}.institution-logo-column{position:sticky;top:calc(var(--topbar-height) + 18px)}.institution-form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 20px;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#fff,var(--canvas-soft))}.institution-audit-note{display:flex;align-items:center;gap:12px;min-width:0}.institution-audit-note .guidance-icon{flex:0 0 auto}.institution-audit-note strong,.institution-audit-note p{display:block;margin:0}.institution-audit-note p{margin-top:3px;color:var(--ink-500);font-size:12px;line-height:1.45}.institution-form-actions .button{flex:0 0 auto}
.logo-manager{padding-bottom:20px}.logo-preview{display:grid;place-items:center;gap:12px;min-height:210px;margin:0 20px 20px;border:1px dashed var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,var(--canvas-soft));color:var(--ink-500)}
.logo-preview.has-image{border-style:solid}.logo-preview img{width:min(180px,72%);height:160px;padding:16px;border:1px solid var(--logo-badge-border);border-radius:22px;background:linear-gradient(145deg,var(--logo-badge-surface-strong),var(--logo-badge-surface));box-shadow:0 14px 34px rgba(4,24,35,.11);object-fit:contain}.logo-preview .brand-emblem{margin:0}.logo-preview small{font-weight:700}
.logo-upload-form,.logo-manager>form:last-child{padding:0 20px}.logo-manager>form:last-child{margin-top:10px}

/* FR.AK.01 & assessment planning — v0.8.0 */
.ak01-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.ak01-list-panel{position:sticky;top:calc(var(--topbar-height) + 18px);overflow:hidden}.ak01-plan-list{display:grid;max-height:calc(100vh - 240px);overflow:auto}
.ak01-plan-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:17px 18px;border-top:1px solid var(--line-soft);color:var(--ink-800);background:#fff;transition:.18s ease}.ak01-plan-card:first-child{border-top:0}.ak01-plan-card:hover,.ak01-plan-card.is-active{background:var(--gold-100)}.ak01-plan-card.is-active{box-shadow:inset 4px 0 0 var(--gold-600)}.ak01-plan-card>div{display:grid;gap:5px;min-width:0}.ak01-plan-card strong,.ak01-plan-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ak01-plan-card strong{font-size:15px}.ak01-plan-card small{color:var(--ink-500);font-size:12px}.ak01-main-column{display:grid;gap:17px;min-width:0}
.ak01-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 30px;border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,var(--navy-950),#123d4c);box-shadow:var(--shadow-md)}.ak01-hero h2{margin:4px 0;color:#fff;font-family:var(--font-display);font-size:32px;font-weight:600}.ak01-hero p{margin:0;color:#bfd0d7}.ak01-hero-status{display:grid;justify-items:end;gap:4px;text-align:right}.ak01-hero-status span{color:#8fa8b4;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ak01-hero-status strong{font-size:18px}.ak01-hero-status small{color:#c8d6dc;font-size:12px}
.ak01-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.ak01-summary-grid article{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.ak01-summary-grid span,.ak01-summary-grid strong,.ak01-summary-grid small{display:block}.ak01-summary-grid span{color:var(--ink-500);font-size:11px;font-weight:800;text-transform:uppercase}.ak01-summary-grid strong{overflow:hidden;margin-top:6px;color:var(--navy-900);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.ak01-summary-grid small{overflow:hidden;margin-top:3px;color:var(--ink-500);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ak01-agreement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft)}.ak01-agreement-grid article{padding:19px 22px;background:#fff}.ak01-agreement-grid .span-2{grid-column:1/-1}.ak01-agreement-grid span{display:block;margin-bottom:7px;color:var(--gold-800);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ak01-agreement-grid p{margin:0;color:var(--ink-700);font-size:14px;line-height:1.7}
.ak01-item-list{display:grid}.ak01-item-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px 22px;border-top:1px solid var(--line-soft)}.ak01-item-list article:first-child{border-top:0}.ak01-item-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold-300);border-radius:11px;color:var(--gold-800);background:var(--gold-100);font-family:var(--font-display);font-weight:700}.ak01-item-copy{min-width:0}.ak01-item-copy strong{display:block;color:var(--navy-900);font-size:15px}.ak01-item-copy>small{display:block;margin-top:7px;color:var(--ink-500);font-size:12px}.ak01-item-copy p{margin:8px 0 0;font-size:13px}.ak01-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ak01-item-meta span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink-600);background:var(--canvas-soft);font-size:11px;font-weight:700}.read-only-list article{grid-template-columns:42px minmax(0,1fr)}
.ak01-signoff-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.ak01-signoff-panel h2{margin:3px 0}.ak01-signoff-panel p{margin:0}.ak01-signoff-panel form{display:grid;justify-items:end;gap:12px;max-width:520px}.approval-check{display:flex;align-items:flex-start;gap:10px;color:var(--ink-700);font-size:13px;line-height:1.55}.approval-check input{margin-top:3px}.signature-status-pair,.ak01-decision-actions{display:flex;align-items:center;gap:10px}.ak01-decision-actions>form{min-width:min(520px,100%)}
.signature-comparison{overflow:hidden}.signature-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft)}.signature-status-grid article{display:grid;justify-items:center;align-content:center;min-height:190px;padding:20px;background:#fff;text-align:center}.signature-status-grid article>span{color:var(--ink-500);font-size:11px;font-weight:800;text-transform:uppercase}.signature-status-grid img{width:min(230px,90%);height:90px;margin:10px 0;object-fit:contain}.signature-status-grid strong{font-size:15px}.signature-status-grid small{margin-top:4px;color:var(--ink-500);font-size:12px}

@media(max-width:1180px){.institution-settings-grid{grid-template-columns:1fr}.institution-logo-column{position:static}.ak01-workspace{grid-template-columns:270px minmax(0,1fr)}.ak01-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ak01-workspace{grid-template-columns:1fr}.ak01-list-panel{position:static}.ak01-plan-list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.ak01-plan-card{border:1px solid var(--line-soft)}.ak01-hero{align-items:flex-start}.ak01-signoff-panel{align-items:flex-start;flex-direction:column}.ak01-signoff-panel form{justify-items:stretch;max-width:none;width:100%}.ak01-signoff-panel .button{width:100%}}
@media(max-width:760px){.ak01-plan-list,.ak01-summary-grid,.ak01-agreement-grid,.signature-status-grid{grid-template-columns:1fr}.ak01-agreement-grid .span-2{grid-column:auto}.ak01-hero{align-items:flex-start;flex-direction:column;padding:22px}.ak01-hero-status{justify-items:start;text-align:left}.ak01-item-list article{grid-template-columns:38px minmax(0,1fr);padding:16px}.ak01-item-list article>.icon-button{grid-column:1/-1;justify-self:stretch;width:100%}.ak01-decision-actions{align-items:stretch;flex-direction:column;width:100%}.ak01-decision-actions>.button,.ak01-decision-actions>form{width:100%}.institution-form-actions{align-items:stretch;flex-direction:column}.institution-form-actions .button{width:100%}}
@media(max-width:540px){.brand-logo{width:54px;height:54px}.login-brand-logo{width:88px;height:88px}.ak01-plan-card,.ak01-item-list article{padding:14px}.ak01-summary-grid article{padding:14px}.ak01-agreement-grid article{padding:16px}.ak01-item-meta{align-items:stretch;flex-direction:column}.ak01-item-meta span{border-radius:8px}.signature-status-grid article{min-height:160px}.logo-preview{min-height:180px;margin:0 15px 16px}.logo-upload-form,.logo-manager>form:last-child{padding:0 15px}}

/* v0.9.0 — Assessment execution, evidence, and controlled Excel import */

.assessment-workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:18px}.assessment-queue{position:sticky;top:calc(var(--topbar-height) + 18px);max-height:calc(100vh - var(--topbar-height) - 36px);overflow:hidden}.assessment-queue-list{display:grid;max-height:calc(100vh - var(--topbar-height) - 120px);overflow-y:auto}.assessment-queue-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid var(--line-soft);background:#fff;transition:background .18s ease,box-shadow .18s ease}.assessment-queue-card:first-child{border-top:0}.assessment-queue-card.is-active{background:linear-gradient(90deg,var(--gold-soft),#fff);box-shadow:inset 3px 0 0 var(--gold-600)}.assessment-queue-card>div{display:grid;gap:5px;min-width:0}.assessment-queue-card strong{overflow:hidden;color:var(--navy-900);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.assessment-queue-card small{overflow:hidden;color:var(--ink-500);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.assessment-queue-card .status-badge{justify-self:start}.assessment-main{display:grid;gap:16px;min-width:0}
.assessment-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--radius-md);color:#fff;background:radial-gradient(circle at 85% 15%,rgba(223,201,159,.20),transparent 25%),linear-gradient(135deg,var(--navy-950),var(--navy-800));box-shadow:var(--shadow-md)}.assessment-hero h2{margin:5px 0 4px;color:#fff;font-family:var(--font-display);font-size:34px;font-weight:600}.assessment-hero p{margin:0;color:#c1d0d8}.assessment-hero-status{display:grid;min-width:180px;padding:15px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}.assessment-hero-status span{color:#91a7b4;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.assessment-hero-status strong{margin:5px 0;color:#fff;font-size:20px}.assessment-hero-status small{color:var(--gold-300)}
.assessment-summary-rail{margin:0}.assessment-opening,.assessment-finalize-panel,.assessment-control-bar{display:flex;align-items:center;justify-content:space-between;gap:22px}.assessment-opening h2,.assessment-finalize-panel h2{margin:4px 0 5px;font-family:var(--font-display);font-size:24px}.assessment-opening p,.assessment-finalize-panel p{margin:0}.assessment-control-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;color:var(--ink-600);font-size:13px}.assessment-control-bar form{margin:0}.assessment-unit-list{display:grid;gap:14px}.assessment-unit-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.assessment-unit-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line-soft);background:var(--surface-soft)}.assessment-unit-card>header>div{display:flex;align-items:flex-start;gap:12px}.assessment-unit-card h3{margin:1px 0 0;color:var(--navy-900);font-size:15px}.assessment-unit-card>header>span{color:var(--ink-500);font-size:12px}.unit-code{display:inline-flex;flex:0 0 auto;padding:5px 8px;border-radius:7px;color:var(--gold-900);background:var(--gold-soft);font-size:11px;font-weight:850}.assessment-kuk-list{display:grid}.assessment-kuk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 20px;border-top:1px solid var(--line-soft)}.assessment-kuk-row:first-child{border-top:0}.assessment-kuk-row p{margin:3px 0 5px;color:var(--ink-800);font-size:13.5px;line-height:1.55}.assessment-kuk-row small{color:var(--ink-500);font-size:11.5px}.criterion-code{display:inline-block;color:var(--navy-800);font-size:11.5px;font-weight:850}.assessment-kuk-outcome{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:170px}.assessment-kuk-outcome small{white-space:nowrap}
.candidate-response-text{max-width:52rem;white-space:pre-wrap;overflow-wrap:anywhere}
.assessment-secondary-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.evidence-list,.incident-list{display:grid}.evidence-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--line-soft)}.evidence-list>article:first-child,.incident-list>article:first-child{border-top:0}.file-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:10px;color:var(--gold-800);background:var(--gold-soft)}.evidence-list strong,.evidence-list small{display:block}.evidence-list strong{font-size:13px}.evidence-list small{margin-top:3px;color:var(--ink-500);font-size:11px}.evidence-list p{margin:5px 0 0;font-size:12px}.incident-list>article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:14px 18px;border-top:1px solid var(--line-soft)}.incident-list>article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--surface-soft)}.incident-list strong,.incident-list small{display:block}.incident-list strong{font-size:13px}.incident-list small{margin-top:2px;color:var(--ink-500);font-size:11px}.incident-list p{margin:7px 0 0;font-size:12.5px}.incident-list em{display:block;margin-top:5px;color:var(--ink-600);font-size:11.5px}.incident-list .severity-warning>span{color:var(--warning);background:var(--warning-soft)}.incident-list .severity-critical>span{color:var(--danger);background:var(--danger-soft)}.completion-banner{display:flex;align-items:flex-start;gap:15px;border-color:rgba(45,125,93,.25);background:var(--success-soft)}.completion-banner>span{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:#fff;background:var(--success)}.completion-banner strong{color:var(--success)}.completion-banner p{margin:4px 0}.completion-banner small{color:var(--ink-500)}
.assessment-modal-context{margin-bottom:16px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.assessment-modal-context strong{color:var(--navy-900)}.assessment-modal-context p{margin:5px 0 0}.evidence-kuk-grid{max-height:280px;padding:2px;overflow-y:auto}.template-download-card{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;color:var(--navy-900);background:var(--surface-soft);text-decoration:none}.template-download-card>svg{color:var(--gold-800)}.template-download-card strong,.template-download-card small{display:block}.template-download-card small{margin-top:3px;color:var(--ink-500)}.modal-extra-wide{width:min(1180px,calc(100vw - 32px))}.preview-counts{display:flex;align-items:center;gap:8px}
.evidence-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.evidence-library-grid>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.evidence-library-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--gold-800);background:var(--gold-soft)}.evidence-library-grid h3{margin:7px 0 3px;font-size:14px}.evidence-library-grid p{margin:0;color:var(--ink-600);font-size:12px}.evidence-library-grid small{display:block;margin-top:4px;color:var(--ink-500);font-size:11px}
.import-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.import-type-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;color:var(--ink-900);background:#fff;box-shadow:var(--shadow-xs);text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.import-type-card:hover,.import-type-card.is-active{border-color:rgba(var(--theme-accent-rgb),.55);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.import-type-card.is-active{background:linear-gradient(135deg,var(--gold-soft),#fff)}.import-type-card>span{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--gold-800);background:var(--gold-soft)}.import-type-card strong,.import-type-card small{display:block}.import-type-card strong{color:var(--navy-900)}.import-type-card small{margin-top:4px;color:var(--ink-500);line-height:1.45}.import-type-card>svg{width:16px;color:var(--ink-400)}.import-guide-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.import-guide-panel h2{margin:4px 0 5px;font-family:var(--font-display);font-size:25px}.import-guide-panel p{margin:0 0 5px}.import-guide-panel small{color:var(--ink-500)}.import-payload{display:flex;flex-wrap:wrap;gap:7px}.import-payload span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:var(--surface-soft)}.import-payload small{color:var(--ink-500);font-size:9.5px;text-transform:uppercase}.import-payload strong{font-size:11px}.panel-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid var(--line-soft)}.panel-footer-actions form{margin:0}.import-safety-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid rgba(45,125,93,.20);border-radius:11px;color:var(--success);background:var(--success-soft)}.import-safety-note p{margin:0;font-size:12px;line-height:1.55}.import-safety-note>svg{flex:0 0 auto;margin-top:2px}
@media (max-width:1180px){.assessment-workspace{grid-template-columns:280px minmax(0,1fr)}.assessment-secondary-grid{grid-template-columns:1fr}.evidence-library-grid{grid-template-columns:1fr}.import-type-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.assessment-workspace{grid-template-columns:1fr}.assessment-queue{position:static;max-height:none}.assessment-queue-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.assessment-queue-card{border:1px solid var(--line-soft)}.assessment-hero{align-items:flex-start}.import-type-grid{grid-template-columns:1fr}.import-guide-panel{align-items:flex-start;flex-direction:column}}
@media (max-width:760px){.page-heading-actions{width:100%}.page-heading-actions .button{flex:1}.assessment-queue-list{grid-template-columns:1fr}.assessment-hero{flex-direction:column;padding:22px}.assessment-hero-status{width:100%}.assessment-kuk-row{grid-template-columns:1fr;padding:14px 16px}.assessment-kuk-outcome{justify-content:flex-start;min-width:0}.assessment-unit-card>header{flex-direction:column}.assessment-opening,.assessment-finalize-panel,.assessment-control-bar{align-items:stretch;flex-direction:column}.assessment-opening .button,.assessment-finalize-panel .button{width:100%}.assessment-summary-rail{grid-template-columns:1fr 1fr}.evidence-library-grid{padding:12px}.modal-extra-wide{width:100%}.panel-footer-actions{align-items:stretch;flex-direction:column}.panel-footer-actions .button,.panel-footer-actions form{width:100%}.panel-footer-actions form .button{width:100%}}
@media (max-width:540px){.assessment-summary-rail{grid-template-columns:1fr}.assessment-hero h2{font-size:28px}.evidence-list>article,.evidence-library-grid>article{grid-template-columns:auto minmax(0,1fr)}.evidence-list .row-actions,.evidence-library-grid .row-actions{grid-column:1/-1;justify-content:flex-end}.import-guide-panel .button{width:100%}.preview-counts{align-items:flex-start;flex-direction:column}.assessment-kuk-outcome{flex-wrap:wrap}}

/* v0.10.0 — FR.AK.05, FR.AK.06, dan impor kontekstual */
.recommendation-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.recommendation-queue{position:sticky;top:88px;overflow:hidden}.recommendation-queue-list{display:grid;max-height:calc(100vh - 220px);overflow:auto}.recommendation-queue-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-top:1px solid var(--line-soft);background:#fff}.recommendation-queue-card:first-child{border-top:0}.recommendation-queue-card.is-active{background:linear-gradient(135deg,var(--gold-soft),#fff);box-shadow:inset 3px 0 0 var(--gold-700)}.recommendation-queue-card>div{display:flex;min-width:0;flex-direction:column;gap:5px}.recommendation-queue-card strong{overflow:hidden;color:var(--navy-900);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.recommendation-queue-card small{color:var(--ink-500);font-size:11.5px}.recommendation-main{display:grid;min-width:0;gap:16px}.recommendation-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:linear-gradient(135deg,var(--navy-950),var(--navy-800));color:#fff}.recommendation-hero h2{margin:5px 0 4px;color:#fff;font-family:var(--font-display);font-size:31px}.recommendation-hero p{margin:0;color:#c7d3da}.recommendation-result{display:grid;min-width:220px;padding:15px 18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.recommendation-result span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.recommendation-result strong{margin:5px 0;font-size:21px}.recommendation-result small{color:#cfdae0}.recommendation-result.success strong{color:#9fe1c2}.recommendation-result.danger strong{color:#ffc0bd}.recommendation-unit-list{display:grid}.recommendation-unit-list>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:start;gap:18px;padding:16px 20px;border-top:1px solid var(--line-soft)}.recommendation-unit-list>article:first-child{border-top:0}.recommendation-unit-list>article>div{display:flex;align-items:flex-start;gap:10px}.recommendation-unit-list strong{color:var(--navy-900);font-size:14px;line-height:1.5}.recommendation-unit-list .field{margin:0}.recommendation-unit-list.compact>article{grid-template-columns:1fr}.recommendation-unit-list.compact p{margin:7px 0 0;color:var(--ink-600);font-size:13px}.recommendation-read-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.recommendation-read-grid article{padding:15px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-soft)}.recommendation-read-grid span{display:block;color:var(--ink-500);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.recommendation-read-grid p{margin:7px 0 0;color:var(--ink-700);font-size:13.5px;line-height:1.65}.revision-callout{display:flex;align-items:flex-start;gap:12px;padding:16px;border-color:rgba(183,72,69,.24);background:var(--danger-soft)}.revision-callout>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:var(--danger)}.revision-callout strong{color:var(--danger)}.revision-callout p{margin:4px 0 0}.quality-checklist{display:grid}.quality-checklist>article{display:grid;grid-template-columns:minmax(240px,1fr) 190px minmax(260px,1fr);align-items:end;gap:14px;padding:16px 20px;border-top:1px solid var(--line-soft)}.quality-checklist>article:first-child{border-top:0}.quality-checklist>article>div{align-self:center}.quality-checklist strong,.quality-checklist small{display:block}.quality-checklist strong{color:var(--navy-900);font-size:14px}.quality-checklist small{margin-top:4px;color:var(--ink-500);font-size:10.5px}.quality-checklist .field{margin:0}.workspace-empty{display:grid;min-height:330px;place-items:center;text-align:center}.workspace-empty>span{display:grid;width:58px;height:58px;place-items:center;border-radius:16px;color:var(--gold-800);background:var(--gold-soft)}.workspace-empty h2{margin:12px 0 4px}.workspace-empty p{margin:0;max-width:520px}
@media (max-width:1080px){.recommendation-workspace{grid-template-columns:270px minmax(0,1fr)}.quality-checklist>article{grid-template-columns:1fr 170px}.quality-checklist>article .field:last-child{grid-column:1/-1}}
@media (max-width:900px){.recommendation-workspace{grid-template-columns:1fr}.recommendation-queue{position:static}.recommendation-queue-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.recommendation-queue-card{border:1px solid var(--line-soft)}.recommendation-unit-list>article{grid-template-columns:1fr}}
@media (max-width:760px){.recommendation-queue-list{grid-template-columns:1fr}.recommendation-hero{align-items:stretch;flex-direction:column}.recommendation-result{min-width:0}.recommendation-read-grid{grid-template-columns:1fr}.quality-checklist>article{grid-template-columns:1fr}.quality-checklist>article .field:last-child{grid-column:auto}.page-heading-actions{width:100%}.page-heading-actions .button{flex:1}}
@media (max-width:540px){.recommendation-hero{padding:20px}.recommendation-hero h2{font-size:26px}.recommendation-unit-list>article,.quality-checklist>article{padding:14px}.page-heading-actions{align-items:stretch;flex-direction:column}.page-heading-actions .button{width:100%}}

/* v0.10.0 — Paket keputusan read-only dan register temuan */
.decision-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}
.decision-readiness-grid article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface-soft))}
.decision-readiness-grid small{display:block;margin-bottom:6px;color:var(--ink-500);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.decision-readiness-grid strong{display:block;color:var(--ink-900);font-size:1rem}
.decision-readiness-grid p{margin:9px 0 0;color:var(--ink-650);line-height:1.65}
.quality-checklist.readonly article{grid-template-columns:auto minmax(0,1fr)}
@media (max-width:760px){.decision-readiness-grid{grid-template-columns:1fr;padding:14px}.decision-readiness-grid article{padding:15px}}

/* v0.11.0 — Keputusan sertifikasi, pengesahan hasil, klarifikasi, dan akun internal */
.decision-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px}.decision-queue{position:sticky;top:92px;overflow:hidden}.decision-queue-list{display:grid;max-height:calc(100vh - 210px);overflow:auto}.decision-queue-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-top:1px solid var(--line-soft);transition:background .2s ease,border-color .2s ease}.decision-queue-card:first-child{border-top:0}.decision-queue-card.is-active{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold-700)}.decision-queue-card>div{display:grid;min-width:0;gap:5px}.decision-queue-card strong{overflow:hidden;color:var(--navy-900);font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.decision-queue-card small{color:var(--ink-500);font-size:.79rem;line-height:1.4}.decision-main{display:grid;min-width:0;gap:18px}.decision-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:linear-gradient(135deg,var(--navy-950),var(--navy-800));color:#fff}.decision-hero h2{margin:5px 0;font-size:clamp(1.55rem,3vw,2.25rem);color:#fff}.decision-hero p{margin:0;color:rgba(255,255,255,.72)}.decision-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.decision-summary-grid article{padding:17px;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface-soft)}.decision-summary-grid article.span-2{grid-column:1/-1}.decision-summary-grid small{display:block;color:var(--ink-500);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.decision-summary-grid strong{display:block;margin-top:5px;color:var(--navy-900);font-size:1rem}.decision-summary-grid p{margin:8px 0 0;color:var(--ink-650);font-size:.9rem;line-height:1.65}.clarification-list{display:grid}.clarification-list>article{display:grid;gap:10px;padding:18px 20px;border-top:1px solid var(--line-soft)}.clarification-list>article:first-child{border-top:0}.clarification-list strong{color:var(--navy-900);font-size:.95rem;line-height:1.5}.clarification-list p{margin:0;padding:12px 14px;border-left:3px solid var(--gold-500);background:var(--surface-soft);color:var(--ink-650);font-size:.9rem;line-height:1.65}.clarification-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.clarification-meta small{color:var(--ink-500);font-size:.78rem}.decision-action-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.decision-action-panel h2{margin:4px 0}.decision-action-panel p{margin:0;color:var(--ink-600)}.decision-final-note{margin:0;padding:0 20px 20px;color:var(--ink-700);font-size:.94rem;line-height:1.7}.signature-status-grid.single{grid-template-columns:minmax(260px,520px);justify-content:center}.approval-complete{display:flex;align-items:flex-start;gap:16px;padding:22px}.approval-complete h2{margin:4px 0}.approval-complete p{margin:0 0 4px;color:var(--ink-650);line-height:1.6}.clarification-inbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.clarification-inbox-card{display:grid;align-content:start;gap:11px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.clarification-inbox-card h3{margin:0;color:var(--navy-900)}.clarification-inbox-card blockquote{margin:0;padding:13px 15px;border-left:3px solid var(--gold-600);background:var(--gold-soft);color:var(--ink-750);font-size:.92rem;line-height:1.65}.clarification-inbox-card>small{color:var(--ink-500);font-size:.78rem}.clarification-response{padding:13px 15px;border-radius:12px;background:var(--success-soft)}.clarification-response strong{color:var(--success)}.clarification-response p{margin:5px 0 0;line-height:1.6}.table-text-wrap{display:block;max-width:430px;white-space:normal;line-height:1.55}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px;color:#fff}.result-hero.success{background:linear-gradient(135deg,#0d5548,#177567)}.result-hero.danger{background:linear-gradient(135deg,#7f302e,#a94743)}.result-hero.pending{background:linear-gradient(135deg,var(--navy-950),var(--navy-800))}.result-hero h2{margin:5px 0;color:#fff;font-size:clamp(1.55rem,3vw,2.25rem)}.result-hero p{margin:0;color:rgba(255,255,255,.75)}.result-hero>div:last-child{display:grid;min-width:210px;gap:5px;padding:16px 20px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08);text-align:right}.result-hero>div:last-child span,.result-hero>div:last-child small{font-size:.78rem}.result-hero>div:last-child strong{font-size:1.25rem}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.result-detail{display:grid;gap:14px;padding:20px}.result-detail article{padding:16px;border:1px solid var(--line-soft);border-radius:15px;background:var(--surface-soft)}.result-detail small,.result-detail span{color:var(--ink-500);font-size:.78rem}.result-detail strong{display:block;margin:5px 0;color:var(--navy-900)}.result-detail p{margin:0 0 7px;color:var(--ink-650);font-size:.9rem;line-height:1.65}.result-signature img{display:block;width:min(100%,240px);height:92px;margin:10px auto;object-fit:contain}.certificate-progress{margin-top:18px;padding:22px}.certificate-progress>div{display:flex;align-items:flex-start;gap:16px}.certificate-progress h2{margin:4px 0}.certificate-progress p{margin:0;color:var(--ink-650);line-height:1.6}
@media (max-width:1100px){.decision-workspace{grid-template-columns:280px minmax(0,1fr)}.clarification-inbox{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}}
@media (max-width:900px){.decision-workspace{grid-template-columns:1fr}.decision-queue{position:static}.decision-queue-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.decision-queue-card{border:1px solid var(--line-soft);border-radius:14px}.decision-queue-card:first-child{border-top:1px solid var(--line-soft)}}
@media (max-width:760px){.decision-queue-list{grid-template-columns:1fr}.decision-hero,.result-hero,.decision-action-panel{align-items:stretch;flex-direction:column}.decision-summary-grid{grid-template-columns:1fr;padding:14px}.decision-summary-grid article.span-2{grid-column:auto}.clarification-meta{align-items:flex-start;flex-direction:column}.result-hero>div:last-child{min-width:0;text-align:left}.clarification-inbox{padding:14px}.certificate-progress>div{flex-direction:column}}
@media (max-width:540px){.decision-hero,.result-hero{padding:20px}.decision-action-panel{padding:18px}.decision-action-panel .button{width:100%}.clarification-list>article{padding:15px}.result-detail{padding:14px}.page-heading-actions .button{width:100%}}


/* v0.12.0 — sertifikat, serah terima, keluhan, banding, dan laporan */
.certificate-workspace,.case-workspace{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:18px;align-items:start}.certificate-queue,.case-queue{position:sticky;top:calc(var(--topbar-height) + 18px);max-height:calc(100dvh - var(--topbar-height) - 38px);overflow:hidden}.certificate-queue-list,.case-queue-list{display:grid;gap:9px;max-height:calc(100dvh - 260px);padding:0 18px 18px;overflow:auto}.certificate-queue-card,.case-queue-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:13px;background:var(--surface-soft)}.certificate-queue-card.is-active,.case-queue-card.is-active{border-color:var(--gold-500);background:var(--gold-100)}.certificate-queue-card>div,.case-queue-card>div{display:grid;gap:4px;min-width:0}.certificate-queue-card strong,.case-queue-card strong{color:var(--navy-900);font-size:14px}.certificate-queue-card small,.case-queue-card small{overflow:hidden;color:var(--ink-500);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.certificate-main,.case-main{display:grid;gap:16px;min-width:0}.certificate-hero,.case-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:linear-gradient(135deg,var(--navy-950),var(--navy-800));color:#fff}.certificate-hero h2,.case-hero h2{margin:4px 0;font-family:var(--font-display);font-size:30px;font-weight:600}.certificate-hero p,.case-hero p{margin:0;color:rgba(255,255,255,.72)}.certificate-hero>div:last-child,.case-hero>div:last-child{display:grid;gap:4px;text-align:right}.certificate-hero>div:last-child span,.case-hero>div:last-child span{color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase}.certificate-hero>div:last-child strong,.case-hero>div:last-child strong{font-size:22px}.certificate-hero>div:last-child small,.case-hero>div:last-child small{color:var(--gold-200)}.certificate-data,.handover-panel,.case-thread{overflow:hidden}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 22px}.detail-grid article{padding:15px;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface-soft)}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:var(--ink-500);font-size:11px;text-transform:uppercase}.detail-grid strong{margin-top:6px;color:var(--navy-900);font-size:15px}.certificate-action-panel,.case-action-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;background:linear-gradient(135deg,#fff,var(--canvas-soft))}.certificate-action-panel h2,.case-action-panel h2{margin:4px 0;font-family:var(--font-display);font-size:25px;font-weight:600}.certificate-action-panel p,.case-action-panel p{margin:0}.panel-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 22px}.receipt-signature{width:190px;max-height:80px;object-fit:contain}.case-message-list{display:grid;gap:12px;padding:20px 22px}.case-message{max-width:82%;padding:14px 16px;border:1px solid var(--line-soft);border-radius:14px 14px 14px 4px;background:var(--surface-soft)}.case-message.mine{justify-self:end;border-radius:14px 14px 4px 14px;background:var(--gold-100)}.case-message>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-message strong{font-size:13px}.case-message small{color:var(--ink-500);font-size:11px}.case-message p{margin:8px 0 0;line-height:1.6}.case-reply-form{display:grid;gap:12px;padding:18px 22px;border-top:1px solid var(--line-soft)}.case-reply-form .button{justify-self:end}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 18px}.attachment-list a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:999px;background:#fff;color:var(--navy-800);font-size:12px;font-weight:700;text-decoration:none}.resolution-box{margin:0 22px 18px;padding:16px;border-left:4px solid var(--success);border-radius:10px;background:var(--success-soft)}.resolution-box p{margin:6px 0 0}.report-filter-panel{padding:18px}.report-filter-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr auto;align-items:end;gap:12px}.report-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.report-metric-grid article{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.report-metric-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--gold-100);color:var(--gold-800)}.report-metric-grid small{color:var(--ink-500);font-size:11px;text-transform:uppercase}.report-metric-grid strong{font-family:var(--font-display);font-size:30px}.report-section{overflow:hidden}.report-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-report-list{display:grid;padding:0 18px 18px}.compact-report-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line-soft)}.compact-report-list article:first-child{border-top:0}.compact-report-list strong,.compact-report-list small{display:block}.compact-report-list small{color:var(--ink-500);font-size:11px}.verification-body{min-height:100dvh;background:linear-gradient(135deg,var(--navy-950),var(--navy-800));padding:24px}.verification-shell{display:grid;min-height:calc(100dvh - 48px);place-items:center}.verification-card{width:min(620px,100%);padding:34px;border-radius:24px;background:#fff;box-shadow:var(--shadow-lg);text-align:center}.verification-card h1{margin:15px 0 22px;font-family:var(--font-display);font-size:35px}.verification-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;text-align:left}.verification-result{margin-top:20px;padding:20px;border-radius:14px;text-align:left}.verification-result.success{background:var(--success-soft);color:var(--success)}.verification-result.danger{background:var(--danger-soft);color:var(--danger)}.verification-result dl{display:grid;gap:10px;margin:15px 0 0}.verification-result dl>div{display:grid;grid-template-columns:130px 1fr;gap:10px}.verification-result dt{font-size:11px;text-transform:uppercase}.verification-result dd{margin:0;font-weight:700}.certificate-print-body{background:#e8e4d9;padding:24px}.certificate-document{width:min(1120px,100%);min-height:760px;margin:auto;padding:58px;border:12px double var(--gold-700);background:#fff;box-shadow:var(--shadow-lg)}.certificate-document header{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center}.certificate-logo{width:90px;height:90px;object-fit:contain}.certificate-document header span{font-size:13px;letter-spacing:.16em}.certificate-document header h1{margin:4px 0;font-family:var(--font-display);font-size:34px}.certificate-document header p{margin:0}.certificate-title{display:grid;justify-items:center;gap:8px;margin:55px 0 34px}.certificate-title span{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:.08em}.certificate-title strong{font-size:16px}.certificate-recipient{text-align:center}.certificate-recipient p{margin:12px 0}.certificate-recipient h2{margin:6px 0;color:var(--navy-900);font-family:var(--font-display);font-size:38px}.certificate-recipient h3{margin:8px 0;font-size:23px}.certificate-recipient small{font-weight:700}.certificate-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}.certificate-meta div{padding:14px;border-top:1px solid var(--gold-500);text-align:center}.certificate-meta span,.certificate-meta strong{display:block}.certificate-meta span{font-size:11px;text-transform:uppercase}.certificate-document footer{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:45px}.certificate-document footer p{max-width:430px;margin:0 0 5px}.certificate-signature{display:grid;justify-items:center;min-width:260px}.certificate-signature img{width:210px;height:80px;object-fit:contain}.certificate-signature strong,.certificate-signature span{display:block}.print-toolbar{display:flex;justify-content:center;margin:18px}
@media(max-width:1100px){.certificate-workspace,.case-workspace{grid-template-columns:1fr}.certificate-queue,.case-queue{position:static;max-height:none}.certificate-queue-list,.case-queue-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.report-metric-grid{grid-template-columns:repeat(3,1fr)}.report-filter-grid{grid-template-columns:1fr 1fr}.report-filter-grid .button{grid-column:1/-1}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.certificate-queue-list,.case-queue-list{grid-template-columns:1fr}.certificate-hero,.case-hero,.certificate-action-panel,.case-action-panel{align-items:flex-start;flex-direction:column}.certificate-hero>div:last-child,.case-hero>div:last-child{text-align:left}.detail-grid,.report-metric-grid,.report-two-column,.certificate-meta{grid-template-columns:1fr}.case-message{max-width:100%}.case-reply-form .button{width:100%}.report-filter-grid{grid-template-columns:1fr}.verification-form{grid-template-columns:1fr}.verification-result dl>div{grid-template-columns:1fr}.certificate-print-body{padding:0}.certificate-document{min-height:auto;padding:28px;border-width:7px}.certificate-document header{flex-direction:column}.certificate-title{margin:34px 0 24px}.certificate-title span{font-size:30px}.certificate-recipient h2{font-size:29px}.certificate-document footer{align-items:center;flex-direction:column;text-align:center}}
@media print{.app-shell .sidebar,.app-shell .topbar,.page-heading .page-heading-actions,.report-filter-panel,.print-toolbar{display:none!important}.workspace,.content{display:block!important;margin:0!important;padding:0!important}.panel{box-shadow:none!important}.certificate-print-body{padding:0;background:#fff}.certificate-document{width:100%;min-height:100vh;border-color:#846a2b;box-shadow:none;page-break-inside:avoid}.report-section{page-break-inside:avoid}}

/* v0.13.0 — Hybrid MUK, digital document catalog and print engine */
.muk-documents-progress{margin:0}.muk-documents-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.muk-documents-catalog{min-width:0;overflow:hidden}.muk-documents-aside{position:sticky;top:92px;display:grid;gap:16px;align-self:start;min-width:0}.muk-side-panel-body{display:grid;gap:16px;padding:18px}.muk-print-context-form{display:grid;gap:12px}.muk-print-context-form .field{margin:0}.muk-side-actions{display:grid;gap:8px}.muk-side-actions .button{width:100%;justify-content:center}.muk-document-warning{margin:0}.muk-document-lock-note{margin:16px 18px 0}.document-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.document-legend span{display:inline-flex;align-items:center;gap:6px}.document-legend i{width:9px;height:9px;border-radius:999px}.legend-ready{background:var(--success)}.legend-source{background:var(--accent)}.legend-missing{background:var(--border-strong)}.muk-source-archive{overflow:hidden}.muk-source-list{display:grid}.muk-source-list article{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:11px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--border)}.muk-source-list article:last-child{border-bottom:0}.muk-source-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--navy-800)}.muk-source-list article>div:nth-child(2){display:grid;gap:2px;min-width:0}.muk-source-list strong,.muk-source-list span,.muk-source-list small{overflow-wrap:anywhere}.muk-source-list strong{font-size:.84rem}.muk-source-list span{color:var(--muted);font-size:.77rem}.muk-source-list small{color:var(--muted);font-size:.7rem}.muk-source-guidance{margin:0}.muk-document-groups{display:grid}.muk-document-group{background:var(--surface);border-top:1px solid var(--border)}.muk-document-group:first-child{border-top:0}.muk-document-group>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.muk-document-group>header>div{min-width:0}.muk-document-group>header>div>span{font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.muk-document-group>header h3{margin:3px 0 0;font-size:1rem;color:var(--navy-900)}.muk-document-list{display:grid}.muk-document-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;padding:16px 20px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;transition:background .18s ease}.muk-document-card:last-child{border-bottom:0}.muk-document-card:hover{transform:none;border-color:var(--border);background:color-mix(in srgb,var(--surface-soft) 68%,transparent);box-shadow:none}.muk-document-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border-strong)}.muk-document-card.is-ready::before{background:var(--success)}.muk-document-card.has-source::after{content:"";position:absolute;top:12px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.muk-document-index{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;font-weight:800;color:var(--navy-800);background:var(--surface-soft)}.muk-document-main{min-width:0}.muk-document-title{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px}.muk-document-title h4{grid-column:1/-1;margin:2px 0 0;font-size:.96rem}.muk-document-title p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.81rem;overflow-wrap:anywhere}.required-chip{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong)}.reference-chip{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted)}.muk-document-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:9px;color:var(--muted);font-size:.76rem}.muk-document-meta>span:not(.status){padding:4px 7px;border-radius:8px;background:var(--surface-soft)}.muk-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:430px}.muk-document-actions form{margin:0}.muk-document-actions .button{white-space:nowrap}.document-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.document-editor-main,.document-editor-help{align-self:start}.document-editor-help{position:sticky;top:92px}.document-editor-fieldset{border:0;padding:0;margin:0;min-width:0}.document-editor-fieldset:disabled{opacity:.86}.document-field-grid{margin-top:18px}.sticky-form-actions{position:sticky;bottom:0;z-index:4;padding:14px 0 4px;background:linear-gradient(180deg,transparent,var(--surface) 22%)}.print-toolbar{position:sticky;top:0;z-index:100;display:flex;justify-content:center;align-items:center;gap:14px;padding:12px;background:#0d1b2a;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.2)}.print-toolbar span{font-size:.86rem}.muk-print-body,.muk-package-print-body{margin:0;background:#e8ebef;font-family:Arial,"Helvetica Neue",sans-serif;color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact}.muk-print-document{width:210mm;min-height:297mm;margin:18px auto;background:#fff;padding:12mm 12mm 14mm;box-sizing:border-box;box-shadow:0 5px 30px rgba(15,23,42,.2);position:relative}.orientation-landscape .muk-print-document{width:297mm;min-height:210mm;page:muk-landscape}.orientation-portrait .muk-print-document{page:muk-portrait}.muk-print-header{display:grid;grid-template-columns:26mm minmax(0,1fr) 53mm;border:1.5px solid #111;min-height:25mm}.muk-print-brand{display:grid;place-items:center;border-right:1px solid #111;padding:4mm}.muk-print-brand img{max-width:20mm;max-height:20mm;object-fit:contain}.print-logo-placeholder{width:18mm;height:18mm;border:1px solid #222;display:grid;place-items:center;font-weight:800}.muk-print-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3mm}.muk-print-heading strong{font-size:11pt}.muk-print-heading span{font-size:8.5pt;margin-top:2px}.muk-print-heading small{font-size:8pt;margin-top:3px}.muk-print-control{width:100%;border-collapse:collapse;font-size:7.5pt}.muk-print-control th,.muk-print-control td{border:0;border-bottom:1px solid #111;padding:1.2mm 1.5mm;text-align:left}.muk-print-control tr:last-child th,.muk-print-control tr:last-child td{border-bottom:0}.muk-print-control th{width:20mm;background:#f1f1f1}.muk-print-title{text-align:center;margin:6mm 0 4mm}.muk-print-title h1{font-size:13pt;margin:0 0 2mm;text-transform:uppercase}.muk-print-title p{font-size:9pt;margin:0}.muk-print-table{width:100%;border-collapse:collapse;margin:3mm 0 5mm;font-size:8pt;page-break-inside:auto}.muk-print-table tr{page-break-inside:avoid;page-break-after:auto}.muk-print-table th,.muk-print-table td{border:1px solid #111;padding:1.8mm 2mm;vertical-align:top;line-height:1.35}.muk-print-table th{background:#e9edf2;font-weight:700;text-align:left}.muk-print-table thead{display:table-header-group}.landscape-table{font-size:7.2pt}.identity-table th{width:30mm}.muk-print-table .check-cell{text-align:center;vertical-align:middle;font-size:11pt;width:9mm}.blank-row{height:8mm}.answer-space{height:14mm}.signature-row{height:12mm}.print-subtitle{font-size:10pt;margin:5mm 0 1mm}.print-note,.print-instructions,.print-declaration,.print-section{border:1px solid #111;padding:3mm;margin:3mm 0;font-size:8.5pt;line-height:1.45}.print-section p,.print-instructions p{margin:1mm 0}.print-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.print-signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8mm;margin-top:7mm;page-break-inside:avoid}.print-signature-grid:has(.print-signature-box:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.print-signature-box{text-align:center;display:flex;flex-direction:column;align-items:center;min-height:36mm;font-size:8pt}.print-signature-box strong{margin-bottom:2mm}.print-signature-box img{width:40mm;height:17mm;object-fit:contain}.print-signature-box span{font-weight:700;border-bottom:1px solid #111;padding:0 3mm}.print-signature-box small{margin-top:1mm}.signature-space{height:19mm;width:45mm}.muk-cover-page{text-align:center;min-height:215mm;display:flex;flex-direction:column;align-items:center;justify-content:center}.muk-cover-mark img{width:35mm;height:35mm;object-fit:contain}.muk-cover-page h2{font-size:18pt;letter-spacing:.08em;margin:10mm 0 3mm}.muk-cover-page h1{font-size:20pt;max-width:160mm;margin:0}.muk-cover-page h3{font-size:13pt;font-weight:500;margin:5mm 0}.muk-cover-meta{border:1.5px solid #111;padding:5mm 14mm;margin-top:8mm;text-align:left;min-width:105mm}.muk-cover-meta p{margin:2mm 0}.muk-cover-approval{margin-top:13mm;width:100%}.mapa-section .section-number{width:9mm;text-align:center}.essay-question{font-size:8.5pt;margin:4mm 0;page-break-inside:avoid}.essay-answer-lines{height:30mm;margin-top:2mm;background:repeating-linear-gradient(to bottom,transparent 0,transparent 7mm,#999 7.1mm,#999 7.25mm)}.essay-answer-lines.large{height:44mm}.validation-phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin:4mm 0}.validation-phase-grid section{border:1px solid #111;padding:3mm;min-height:30mm}.validation-phase-grid h2{font-size:9pt;margin:0 0 2mm}.validation-phase-grid p{font-size:8pt;margin:0}.minutes-text{font-size:9pt;line-height:1.7;text-align:justify;margin:5mm 0}.print-summary-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #111;margin:4mm 0}.print-summary-band span{padding:3mm;text-align:center;border-right:1px solid #111;font-size:8pt}.print-summary-band span:last-child{border-right:0}.muk-print-footer-note{font-size:7.5pt;border-top:1px solid #777;margin-top:5mm;padding-top:2mm}.muk-print-footer{position:absolute;bottom:5mm;left:12mm;right:12mm;border-top:1px solid #222;display:grid;grid-template-columns:1fr auto 1fr;gap:5mm;padding-top:1.5mm;font-size:6.8pt}.muk-print-footer span:last-child{text-align:right}.print-page-number::after{content:""}
@page muk-portrait{size:A4 portrait;margin:0 0 7mm;@bottom-right{content:"Halaman " counter(page) " dari " counter(pages);font:7pt Arial;padding-right:12mm;vertical-align:middle}}@page muk-landscape{size:A4 landscape;margin:0 0 7mm;@bottom-right{content:"Halaman " counter(page) " dari " counter(pages);font:7pt Arial;padding-right:12mm;vertical-align:middle}}@media print{.print-toolbar{display:none!important}.muk-print-body,.muk-package-print-body{background:#fff}.muk-print-document{margin:0;box-shadow:none;width:auto;min-height:0}.orientation-landscape .muk-print-document{width:auto}.muk-print-footer{position:fixed}.muk-document-card{break-inside:avoid}}
@media(max-width:1100px){.muk-documents-layout{grid-template-columns:minmax(0,1fr) 280px}.document-editor-layout{grid-template-columns:1fr}.document-editor-help{position:static}.muk-document-card{grid-template-columns:44px minmax(0,1fr)}.muk-document-actions{grid-column:2;justify-content:flex-start;max-width:none}}
@media(max-width:760px){.muk-documents-layout{grid-template-columns:1fr}.muk-documents-aside{position:static}.muk-document-group>header{align-items:flex-start;padding:14px 16px}.muk-document-card{grid-template-columns:1fr;padding:16px}.muk-document-index{display:none}.muk-document-actions{grid-column:auto;justify-content:stretch;max-width:none}.muk-document-actions .button{flex:1 1 150px}.muk-document-actions .icon-button{flex:0 0 42px}.muk-document-lock-note{margin:14px 14px 0}.document-field-grid{grid-template-columns:1fr}.document-field-grid .field-span-2{grid-column:auto}.print-toolbar{align-items:flex-start;flex-direction:column}.muk-print-document{width:100%;margin:0;padding:7mm;box-shadow:none;overflow:auto}.muk-print-header{grid-template-columns:22mm minmax(120mm,1fr) 48mm}.muk-print-footer{left:7mm;right:7mm}.print-grid-2,.validation-phase-grid{grid-template-columns:1fr}}

/* v0.16.2 — MUK workspace harmony */
.muk-context-shell{border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}
.muk-context-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}
.muk-context-identity>div:nth-child(2){min-width:0;display:grid;gap:3px}.muk-context-identity strong{font-size:1.08rem;color:var(--navy-900);overflow-wrap:anywhere}.muk-context-identity small{color:var(--muted);overflow-wrap:anywhere}
.muk-context-back{display:inline-flex;align-items:center;gap:7px;font-weight:750;color:var(--navy-700);white-space:nowrap}.muk-context-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.muk-context-shell .muk-workflow-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:10px;background:var(--surface-soft)}
.muk-context-shell .muk-workflow-tabs>a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;min-width:0;padding:12px 13px;border:1px solid transparent;border-radius:14px;background:transparent;color:inherit;text-align:left;text-decoration:none;box-shadow:none}
.muk-context-shell .muk-workflow-tabs>a>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--navy-800);font-size:.75rem;font-weight:850}
.muk-context-shell .muk-workflow-tabs>a>strong{overflow:hidden;color:var(--navy-900);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.muk-context-shell .muk-workflow-tabs>a>small{overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.muk-context-shell .muk-workflow-tabs>a:hover{border-color:var(--border);background:var(--surface)}.muk-context-shell .muk-workflow-tabs>a.is-active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:var(--surface);box-shadow:var(--shadow-xs)}.muk-context-shell .muk-workflow-tabs>a.is-active>span{background:var(--navy-950);color:#fff}
.muk-tab-state{grid-column:1/-1;justify-self:start;margin-top:7px;padding:4px 7px;border-radius:999px;font-size:.67rem;font-style:normal;font-weight:850;line-height:1}.muk-tab-state.tone-success{color:var(--success);background:var(--success-soft)}.muk-tab-state.tone-warning{color:var(--warning-strong);background:var(--warning-soft)}.muk-tab-state.tone-info{color:var(--info);background:color-mix(in srgb,var(--info) 9%,var(--surface))}
.muk-workspace-heading{min-height:142px}.muk-readiness-dial{position:relative;display:grid;place-content:center;flex:0 0 auto;width:108px;height:108px;text-align:center}.muk-readiness-dial svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 16px rgba(10,31,43,.10))}.muk-readiness-dial circle{fill:none;stroke-width:4.2}.muk-dial-track{stroke:var(--border)}.muk-dial-value{stroke:var(--accent);stroke-linecap:round}.muk-readiness-dial>div{position:relative;z-index:1}.muk-readiness-dial strong{display:block;color:var(--navy-950);font-size:1.55rem;line-height:1}.muk-readiness-dial span{display:block;margin-top:5px;color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.muk-next-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.muk-next-action h2{margin:2px 0 3px;font-size:1.15rem}.muk-next-action p{margin:0;color:var(--muted)}.muk-next-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--surface-soft)}.muk-next-action.tone-success{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 5%,var(--surface))}.muk-next-action.tone-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:color-mix(in srgb,var(--warning) 5%,var(--surface))}.muk-next-action.tone-info{border-color:color-mix(in srgb,var(--info) 30%,var(--border));background:color-mix(in srgb,var(--info) 5%,var(--surface))}
.muk-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.muk-flow-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-xs);color:inherit;overflow:hidden}.muk-flow-card::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--border-strong)}.muk-flow-card.is-complete::after{background:var(--success)}.muk-flow-card.is-blocked::after{background:var(--warning)}.muk-flow-card.is-optional::after{background:var(--info)}.muk-flow-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.muk-flow-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--navy-950);color:#fff;font-size:.78rem;font-weight:850}.muk-flow-card small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem}.muk-flow-card h2{font-size:1rem;margin:3px 0 5px}.muk-flow-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.muk-flow-state{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:var(--muted)}.muk-flow-state svg{width:16px;height:16px}
.muk-identity-panel{scroll-margin-top:calc(var(--topbar-height) + 22px)}.muk-identity-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border)}.muk-identity-facts article{min-width:0;padding:17px 19px;background:var(--surface)}.muk-identity-facts small,.muk-identity-facts strong,.muk-identity-facts span{display:block}.muk-identity-facts small{color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.muk-identity-facts strong{margin-top:6px;color:var(--navy-900);font-size:.94rem;line-height:1.45;overflow-wrap:anywhere}.muk-identity-facts span{margin-top:3px;color:var(--muted);font-size:.79rem;overflow-wrap:anywhere}
.muk-progress-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;padding:22px 24px}.muk-progress-copy h2{margin:4px 0 5px;font-size:1.25rem}.muk-progress-copy p{margin:0;color:var(--muted)}.muk-progress-metrics{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px}.muk-progress-metrics article{padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.muk-progress-metrics small,.muk-progress-metrics strong{display:block}.muk-progress-metrics small{color:var(--muted);font-size:.69rem;font-weight:800;text-transform:uppercase}.muk-progress-metrics strong{margin-top:5px;color:var(--navy-900);font-size:1.08rem}
.muk-blocker-panel{border-color:color-mix(in srgb,var(--warning) 32%,var(--border))}.muk-blocker-list{display:grid}.muk-blocker-list a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--border);color:inherit}.muk-blocker-list a:last-child{border-bottom:0}.muk-blocker-list a:hover{background:var(--surface-soft)}.muk-blocker-list>a>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--warning-soft);color:var(--warning-strong);font-weight:850}.muk-blocker-list strong{display:block}.muk-blocker-list p{margin:2px 0 0;color:var(--muted);font-size:.86rem}
.muk-workspace-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muk-role-list,.muk-decision-list{display:grid;padding:0 18px 4px}.muk-role-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.muk-role-list article:last-child{border-bottom:0}.muk-role-list article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-soft);color:var(--muted)}.muk-role-list article.is-filled>span{background:var(--success-soft);color:var(--success)}.muk-role-list small,.muk-role-list strong{display:block}.muk-role-list small{color:var(--muted);font-size:.75rem}.muk-decision-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.muk-decision-list article:last-child{border-bottom:0}.muk-decision-list p{margin:3px 0;color:var(--muted);font-size:.86rem}.muk-decision-list small{color:var(--muted)}.muk-review-document-list{display:grid}.muk-review-document-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.muk-review-document-list article:last-child{border-bottom:0}.muk-review-document-list article>div:first-child{min-width:0;display:grid;gap:3px}.muk-review-document-list strong,.muk-review-document-list small{overflow-wrap:anywhere}.muk-review-document-list small{color:var(--muted)}.muk-card-actions-clear{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muk-card-actions-clear .button{min-height:38px}.empty-compact{padding:22px;text-align:center}.empty-compact p{margin:4px 0 0;color:var(--muted)}
@media(max-width:1100px){.muk-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.muk-context-identity{grid-template-columns:1fr auto}.muk-context-back{grid-column:1/-1}.muk-workspace-detail-grid{grid-template-columns:1fr}.muk-progress-panel{grid-template-columns:minmax(0,1fr) auto}.muk-progress-metrics{grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.muk-context-identity{grid-template-columns:1fr;padding:16px}.muk-context-status{justify-content:flex-start}.muk-context-shell .muk-workflow-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.muk-workspace-heading{min-height:0}.muk-readiness-dial{width:94px;height:94px}.muk-next-action{grid-template-columns:auto minmax(0,1fr)}.muk-next-action form{grid-column:1/-1}.muk-next-action form .button{width:100%}.muk-flow-grid{grid-template-columns:1fr}.muk-identity-facts{grid-template-columns:1fr 1fr}.muk-progress-panel{grid-template-columns:1fr;padding:18px}.muk-progress-metrics{grid-column:auto;grid-row:auto}.muk-progress-panel>.muk-readiness-dial{justify-self:start}.muk-review-document-list article{grid-template-columns:1fr auto}.muk-review-document-list .row-actions{grid-column:1/-1;justify-content:flex-start}.muk-blocker-list a{grid-template-columns:32px minmax(0,1fr)}.muk-blocker-list a>svg{display:none}}
@media(max-width:540px){.muk-context-shell .muk-workflow-tabs{grid-template-columns:1fr}.muk-context-shell .muk-workflow-tabs>a{padding:12px}.muk-next-action{grid-template-columns:1fr}.muk-next-icon{width:42px;height:42px}.muk-flow-card{padding:15px}.muk-identity-facts,.muk-progress-metrics{grid-template-columns:1fr}.muk-review-document-list article{grid-template-columns:1fr}.muk-review-document-list article>.status{justify-self:start}}

/* v0.13.2 — Unified workflow and role experience */
.notification-button{position:relative;text-decoration:none}
.notification-count{position:absolute;inset-block-start:-.35rem;inset-inline-end:-.35rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;display:grid;place-items:center;background:#a56d16;color:#fff;font-size:.68rem;font-weight:800;border:2px solid #fff;line-height:1}
.notification-center{overflow:hidden}.notification-list{display:grid}.notification-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.15rem;border-top:1px solid var(--line,#e3e6ea);color:inherit;text-decoration:none;transition:.18s ease}.notification-card:first-child{border-top:0}.notification-card:hover{background:rgba(15,42,68,.035)}.notification-card.is-unread{background:rgba(165,109,22,.07)}.notification-card.is-unread strong{color:#173b5d}.notification-symbol{width:2.6rem;height:2.6rem;border-radius:.8rem;display:grid;place-items:center;background:#f2f4f6;color:#173b5d}.notification-card.is-unread .notification-symbol{background:#fff4df;color:#8c5d17}.notification-copy{min-width:0;display:grid;gap:.25rem}.notification-copy p{margin:0;color:var(--muted,#68727d);overflow-wrap:anywhere}.notification-copy small{color:var(--muted,#68727d)}.notification-arrow{color:#9aa2aa}

.workflow-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1rem}.workflow-tabs>a{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;row-gap:.15rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--line,#e3e6ea);border-radius:1rem;background:#fff;color:inherit;text-decoration:none}.workflow-tabs>a>span{grid-row:1/3;width:2.15rem;height:2.15rem;border-radius:.7rem;display:grid;place-items:center;background:#edf1f4;color:#173b5d;font-weight:800}.workflow-tabs>a strong{font-size:1rem}.workflow-tabs>a small{color:var(--muted,#68727d)}.workflow-tabs>a.is-active{border-color:rgba(165,109,22,.45);box-shadow:0 12px 32px rgba(20,42,62,.08);background:linear-gradient(135deg,#fff,#fffaf1)}.workflow-tabs>a.is-active>span{background:#173b5d;color:#fff}
.workflow-guidance{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}.workflow-guidance h2{font-size:1.1rem;margin:.25rem 0 0}.record-link{display:grid;gap:.2rem;color:inherit;text-decoration:none}.record-link:hover strong{color:#9a6718}

.workspace-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:1.65rem;border-radius:1.35rem;background:linear-gradient(135deg,#102f49,#173f61 72%,#215578);color:#fff;margin-bottom:1rem;box-shadow:0 20px 55px rgba(15,42,68,.18)}.workspace-hero:after{content:"";position:absolute;width:18rem;height:18rem;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-7rem;top:-9rem}.workspace-hero h1{margin:.25rem 0;font-size:clamp(1.45rem,2.5vw,2.15rem)}.workspace-hero p{margin:0;color:rgba(255,255,255,.76)}.workspace-status-line{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.workspace-status-line>span:last-child{display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.8)}.workspace-hero>.button{position:relative;z-index:1;flex:none}
.workspace-next-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;margin-bottom:1rem}.workspace-action-icon{width:3.4rem;height:3.4rem;border-radius:1rem;display:grid;place-items:center;background:#fff4df;color:#8c5d17}.workspace-next-action h2{margin:.2rem 0}.workspace-next-action p{margin:0;color:var(--muted,#68727d)}
.workspace-quick-links{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1rem}.workspace-quick-links a{display:inline-flex;gap:.45rem;align-items:center;padding:.7rem .85rem;border:1px solid var(--line,#e3e6ea);border-radius:.75rem;background:#fff;color:#173b5d;text-decoration:none;font-weight:700;font-size:.88rem}.workspace-quick-links a:hover{border-color:rgba(165,109,22,.45);color:#8c5d17}
.workflow-timeline-panel{margin-bottom:1rem}.full-workflow-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.workflow-timeline-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:.85rem;border:1px solid var(--line,#e3e6ea);border-radius:.9rem;background:#fafbfc;min-width:0}.timeline-number{width:2rem;height:2rem;border-radius:.65rem;display:grid;place-items:center;background:#e9edf0;color:#53606b;font-weight:800;font-size:.75rem}.workflow-timeline-step strong{display:block;font-size:.88rem;line-height:1.3}.workflow-timeline-step small{display:block;margin-top:.25rem;color:var(--muted,#68727d);font-size:.75rem;line-height:1.35}.workflow-timeline-step.done{background:#f4faf7;border-color:#cfe2d6}.workflow-timeline-step.done .timeline-number{background:#276847;color:#fff}.workflow-timeline-step.active{background:#fff8e9;border-color:#e2c58f;box-shadow:0 9px 24px rgba(165,109,22,.09)}.workflow-timeline-step.active .timeline-number{background:#173b5d;color:#fff}.workflow-timeline-step.active i{position:absolute;left:.85rem;right:.85rem;bottom:-1px;height:3px;border-radius:4px;background:#a56d16}
.workspace-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.workspace-facts-grid .panel{padding:1rem}.workspace-facts-grid h3{margin:.3rem 0;font-size:1rem}.workspace-facts-grid p{margin:0;color:var(--muted,#68727d);font-size:.84rem}.workspace-history{display:grid;padding:0 1rem 1rem}.workspace-history article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem 0;border-top:1px solid var(--line,#e3e6ea)}.workspace-history article:first-child{border-top:0}.history-dot{width:.75rem;height:.75rem;border-radius:50%;background:#a56d16;margin-top:.3rem;box-shadow:0 0 0 5px #fff4df}.workspace-history p{margin:.2rem 0;color:var(--muted,#68727d)}.workspace-history small{color:var(--muted,#68727d)}
.priority-copy em{display:inline-flex;margin-top:.45rem;font-style:normal;font-size:.72rem}.panel-flow .flow-list{max-height:35rem;overflow:auto;padding-right:.25rem}

@media (max-width:1000px){.full-workflow-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-next-action{grid-template-columns:auto 1fr}.workspace-next-action>.button{grid-column:1/-1;width:100%}}
@media (max-width:640px){.workflow-tabs{grid-template-columns:1fr}.workflow-guidance{align-items:stretch;flex-direction:column}.workflow-guidance .button{width:100%}.notification-card{grid-template-columns:auto minmax(0,1fr);padding:.9rem}.notification-arrow{display:none}.full-workflow-timeline,.workspace-facts-grid{grid-template-columns:1fr}.workspace-hero{padding:1.2rem}.workspace-hero>.button{width:100%}.workspace-next-action{grid-template-columns:1fr}.workspace-action-icon{width:2.8rem;height:2.8rem}.workspace-quick-links{display:grid;grid-template-columns:1fr 1fr}.workspace-quick-links a{justify-content:flex-start}.workflow-timeline-step{padding:.75rem}}
@media (max-width:390px){.workspace-quick-links{grid-template-columns:1fr}.notification-count{inset-inline-end:-.15rem}}


@media (max-width:1050px){.role-state{display:none}.topbar-context>small{max-width:300px}.nav-copy small{font-size:10px}}
@media (max-width:760px){.page-heading{padding:20px 20px 22px;border-radius:18px}.page-heading::after{right:-110px}.page-heading>div:first-child{max-width:none}.page-heading-actions,.page-heading>form,.page-heading>.button{width:100%}.page-heading-actions .button,.page-heading>form .button,.page-heading>.button{width:100%}.metric-card{grid-template-columns:44px minmax(0,1fr);min-height:118px}.metric-icon{width:42px;height:42px}.priority-action small{display:none}.topbar-context>small{display:none}}
@media (max-width:540px){.sidebar-context-copy em{display:none}.nav-copy small{white-space:normal}.page-heading h1{font-size:30px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:108px}.metric-copy>strong{font-size:34px}.priority-item{grid-template-columns:38px minmax(0,1fr) 22px;padding-inline:8px}.priority-action .ui-icon{width:16px}.icon-button[aria-label]::after,.icon-button[title]::after{display:none}}


/* v0.13.8 — premium formal default: Midnight Navy Prestige. */
body[data-theme="institutional"]{
    --ink-950:#121b23;--ink-900:#1d2a34;--ink-800:#31404b;--ink-700:#4c5b65;--ink-600:#6b777e;--ink-500:#667176;
    --navy-950:#071722;--navy-900:#0b2434;--navy-800:#12384f;--navy-700:#1d4a68;--navy-100:#e7eef2;
    --gold-800:#6f501c;--gold-700:#87672e;--gold-600:#a37d42;--gold-500:#87672e;--gold-300:#d9c297;--gold-100:#f5eee0;--gold-soft:#f5eee0;
    --canvas:#f3f2ee;--canvas-soft:#faf9f6;--line:#dad9d3;--line-soft:#e9e7e1;
    --theme-primary:#1d4a68;--theme-primary-strong:#12364c;--theme-primary-soft:#e8f0f4;--theme-primary-rgb:29,74,104;
    --theme-secondary:#506a73;--theme-secondary-rgb:80,106,115;--theme-tertiary:#675d70;--theme-tertiary-rgb:103,93,112;--theme-accent:#b79455;--theme-accent-rgb:183,148,85;
}
.app-body[data-theme="institutional"]{--role-accent:#1d4a68;--role-accent-strong:#12364c;--role-accent-soft:#e8f0f4;--role-accent-rgb:29,74,104}

/* v0.13.7 — curated institution-wide palette system. */
body[data-theme="emerald"]{
    --ink-950:#10251f;--ink-900:#18332b;--ink-800:#2d4840;--ink-700:#496159;--ink-600:#687b75;--ink-500:#496159;
    --navy-950:#061b17;--navy-900:#0c2e27;--navy-800:#15463b;--navy-700:#256455;--navy-100:#e5f0ec;
    --gold-800:#755525;--gold-700:#8b6836;--gold-600:#a47a43;--gold-500:#8b6836;--gold-300:#dbc59f;--gold-100:#f5eee2;--gold-soft:#f5eee2;
    --canvas:#f0f6f3;--canvas-soft:#f8fbf9;--line:#d5dfda;--line-soft:#e6ece9;
    --theme-primary:#2f7a67;--theme-primary-strong:#215b4c;--theme-primary-soft:#e5f3ee;--theme-primary-rgb:47,122,103;
    --theme-secondary:#3e6f86;--theme-secondary-rgb:62,111,134;--theme-tertiary:#79627f;--theme-tertiary-rgb:121,98,127;--theme-accent:#b58b52;--theme-accent-rgb:181,139,82;
}
.app-body[data-theme="emerald"]{--role-accent:#2f7a67;--role-accent-strong:#215b4c;--role-accent-soft:#e5f3ee;--role-accent-rgb:47,122,103}

body[data-theme="burgundy"]{
    --ink-950:#28171c;--ink-900:#392128;--ink-800:#52383f;--ink-700:#6b5259;--ink-600:#827078;--ink-500:#6b5259;
    --navy-950:#251117;--navy-900:#321922;--navy-800:#4f2935;--navy-700:#6c3d4a;--navy-100:#f1e7ea;
    --gold-800:#765728;--gold-700:#8e6b38;--gold-600:#aa824a;--gold-500:#8e6b38;--gold-300:#dec8a5;--gold-100:#f7f0e6;--gold-soft:#f7f0e6;
    --canvas:#f7f2f3;--canvas-soft:#fcf9fa;--line:#e1d7da;--line-soft:#eee7e9;
    --theme-primary:#8a4d5d;--theme-primary-strong:#673745;--theme-primary-soft:#f5e9ed;--theme-primary-rgb:138,77,93;
    --theme-secondary:#5e6988;--theme-secondary-rgb:94,105,136;--theme-tertiary:#8b6a79;--theme-tertiary-rgb:139,106,121;--theme-accent:#be9a65;--theme-accent-rgb:190,154,101;
}
.app-body[data-theme="burgundy"]{--role-accent:#8a4d5d;--role-accent-strong:#673745;--role-accent-soft:#f5e9ed;--role-accent-rgb:138,77,93}

body[data-theme="indigo"]{
    --ink-950:#191b2e;--ink-900:#252841;--ink-800:#3b3e58;--ink-700:#565a71;--ink-600:#73768a;--ink-500:#565a71;
    --navy-950:#12152d;--navy-900:#1c203e;--navy-800:#30365d;--navy-700:#484f7c;--navy-100:#eaebf4;
    --gold-800:#785927;--gold-700:#906d39;--gold-600:#aa8249;--gold-500:#906d39;--gold-300:#dfc8a2;--gold-100:#f7f0e5;--gold-soft:#f7f0e5;
    --canvas:#f3f3f8;--canvas-soft:#fafafd;--line:#dadbe5;--line-soft:#e9e9f0;
    --theme-primary:#5c5fa5;--theme-primary-strong:#44477f;--theme-primary-soft:#ececf8;--theme-primary-rgb:92,95,165;
    --theme-secondary:#397a80;--theme-secondary-rgb:57,122,128;--theme-tertiary:#8b5f91;--theme-tertiary-rgb:139,95,145;--theme-accent:#c19a61;--theme-accent-rgb:193,154,97;
}
.app-body[data-theme="indigo"]{--role-accent:#5c5fa5;--role-accent-strong:#44477f;--role-accent-soft:#ececf8;--role-accent-rgb:92,95,165}

body[data-theme="teal"]{
    --ink-950:#102426;--ink-900:#193336;--ink-800:#2e494c;--ink-700:#4a6265;--ink-600:#687b7e;--ink-500:#4a6265;
    --navy-950:#061c1e;--navy-900:#0d3032;--navy-800:#16494c;--navy-700:#27686a;--navy-100:#e6f1f1;
    --gold-800:#735522;--gold-700:#896733;--gold-600:#a17c43;--gold-500:#896733;--gold-300:#dbc69f;--gold-100:#f5efe4;--gold-soft:#f5efe4;
    --canvas:#eff6f5;--canvas-soft:#f8fbfb;--line:#d4dfde;--line-soft:#e5eceb;
    --theme-primary:#347a76;--theme-primary-strong:#245d5a;--theme-primary-soft:#e8f4f2;--theme-primary-rgb:52,122,118;
    --theme-secondary:#416e91;--theme-secondary-rgb:65,110,145;--theme-tertiary:#6d668c;--theme-tertiary-rgb:109,102,140;--theme-accent:#b99558;--theme-accent-rgb:185,149,88;
}
.app-body[data-theme="teal"]{--role-accent:#347a76;--role-accent-strong:#245d5a;--role-accent-soft:#e8f4f2;--role-accent-rgb:52,122,118}

body[data-theme="graphite"]{
    --ink-950:#171b1e;--ink-900:#23292d;--ink-800:#394147;--ink-700:#555e64;--ink-600:#70797e;--ink-500:#555e64;
    --navy-950:#161b1f;--navy-900:#20262b;--navy-800:#343d43;--navy-700:#4e5a62;--navy-100:#eceff0;
    --gold-800:#72541e;--gold-700:#89672e;--gold-600:#a17b3d;--gold-500:#89672e;--gold-300:#d9c295;--gold-100:#f4eee1;--gold-soft:#f4eee1;
    --canvas:#f3f4f3;--canvas-soft:#fafbfa;--line:#d9dcda;--line-soft:#e8eae8;
    --theme-primary:#56616a;--theme-primary-strong:#3e474e;--theme-primary-soft:#edf0f1;--theme-primary-rgb:86,97,106;
    --theme-secondary:#6b5e7b;--theme-secondary-rgb:107,94,123;--theme-tertiary:#63736d;--theme-tertiary-rgb:99,115,109;--theme-accent:#b7924f;--theme-accent-rgb:183,146,79;
}
.app-body[data-theme="graphite"]{--role-accent:#56616a;--role-accent-strong:#3e474e;--role-accent-soft:#edf0f1;--role-accent-rgb:86,97,106}

.theme-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.theme-palette-option{display:block;min-width:0;cursor:pointer}
.theme-palette-option>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.theme-palette-card{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:104px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(145deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-xs);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.theme-palette-option:hover .theme-palette-card{transform:translateY(-1px);border-color:rgba(var(--role-accent-rgb),.34);box-shadow:var(--shadow-sm)}
.theme-palette-option>input:focus-visible+.theme-palette-card{outline:3px solid rgba(var(--theme-accent-rgb),.28);outline-offset:2px}
.theme-palette-option>input:checked+.theme-palette-card{border-color:var(--role-accent);background:linear-gradient(145deg,var(--role-accent-soft),#fff 72%);box-shadow:0 0 0 3px rgba(var(--role-accent-rgb),.09),var(--shadow-sm)}
.theme-swatches{display:grid;grid-template-columns:repeat(2,1fr);width:72px;height:72px;overflow:hidden;border:1px solid rgba(15,30,40,.09);border-radius:18px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.42)}
.theme-swatches-institutional i:nth-child(1){background:#1d4a68}.theme-swatches-institutional i:nth-child(2){background:#506a73}.theme-swatches-institutional i:nth-child(3){background:#b79455}.theme-swatches-institutional i:nth-child(4){background:#f3f2ee}
.theme-swatches-emerald i:nth-child(1){background:#2f7a67}.theme-swatches-emerald i:nth-child(2){background:#3e6f86}.theme-swatches-emerald i:nth-child(3){background:#b58b52}.theme-swatches-emerald i:nth-child(4){background:#f0f6f3}
.theme-swatches-burgundy i:nth-child(1){background:#8a4d5d}.theme-swatches-burgundy i:nth-child(2){background:#5e6988}.theme-swatches-burgundy i:nth-child(3){background:#be9a65}.theme-swatches-burgundy i:nth-child(4){background:#f7f2f3}
.theme-swatches-indigo i:nth-child(1){background:#5c5fa5}.theme-swatches-indigo i:nth-child(2){background:#397a80}.theme-swatches-indigo i:nth-child(3){background:#c19a61}.theme-swatches-indigo i:nth-child(4){background:#f3f3f8}
.theme-swatches-teal i:nth-child(1){background:#347a76}.theme-swatches-teal i:nth-child(2){background:#416e91}.theme-swatches-teal i:nth-child(3){background:#b99558}.theme-swatches-teal i:nth-child(4){background:#eff6f5}
.theme-swatches-graphite i:nth-child(1){background:#56616a}.theme-swatches-graphite i:nth-child(2){background:#6b5e7b}.theme-swatches-graphite i:nth-child(3){background:#b7924f}.theme-swatches-graphite i:nth-child(4){background:#f3f4f3}
.theme-palette-copy{display:flex;flex-direction:column;min-width:0}.theme-palette-copy strong{color:var(--ink-900);font-size:15px}.theme-palette-copy small{margin-top:4px;color:var(--ink-600);font-size:12px;line-height:1.5}
.theme-palette-check{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;color:transparent;background:#fff}.theme-palette-check .ui-icon{width:14px;height:14px}.theme-palette-option>input:checked+.theme-palette-card .theme-palette-check{color:#fff;border-color:var(--role-accent);background:var(--role-accent)}
.theme-preview-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:11px 13px;border-left:3px solid var(--role-accent);border-radius:0 8px 8px 0;color:var(--ink-600);background:var(--role-accent-soft);font-size:12.5px}.theme-preview-note .ui-icon{flex:0 0 auto;margin-top:2px;color:var(--role-accent)}
@media(max-width:760px){.theme-palette-grid{grid-template-columns:1fr}.theme-palette-card{grid-template-columns:64px minmax(0,1fr) 26px;min-height:94px}.theme-swatches{width:60px;height:60px;border-radius:15px}}
.button-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.button-palette-option{display:block;min-width:0;cursor:pointer}.button-palette-option>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.button-palette-card{display:grid;grid-template-columns:112px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:108px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(145deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-xs);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button-palette-option:hover .button-palette-card{transform:translateY(-1px);border-color:rgba(var(--button-primary-rgb),.34);box-shadow:var(--shadow-sm)}.button-palette-option>input:focus-visible+.button-palette-card{outline:3px solid rgba(var(--theme-accent-rgb),.28);outline-offset:2px}.button-palette-option>input:checked+.button-palette-card{border-color:var(--button-primary);background:linear-gradient(145deg,var(--button-primary-soft),#fff 74%);box-shadow:0 0 0 3px rgba(var(--button-primary-rgb),.09),var(--shadow-sm)}.button-palette-demo{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:repeat(2,26px);gap:5px;width:108px}.button-palette-demo i{display:block;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(10,25,35,.06)}.button-palette-demo .demo-primary{grid-row:1/3}.button-palette-demo .demo-secondary{grid-column:2/4}.button-palette-demo-soft-professional .demo-primary{background:#5b7fa5}.button-palette-demo-soft-professional .demo-secondary{background:#4f8b84}.button-palette-demo-soft-professional .demo-success{background:#4f8d71}.button-palette-demo-soft-professional .demo-warning{background:#b78343}.button-palette-demo-soft-professional .demo-danger{background:#b76472}.button-palette-demo-ocean-mist .demo-primary{background:#4f82ad}.button-palette-demo-ocean-mist .demo-secondary{background:#429094}.button-palette-demo-ocean-mist .demo-success{background:#529374}.button-palette-demo-ocean-mist .demo-warning{background:#c08a45}.button-palette-demo-ocean-mist .demo-danger{background:#c16c70}.button-palette-demo-lavender-rose .demo-primary{background:#7774b2}.button-palette-demo-lavender-rose .demo-secondary{background:#9a6f92}.button-palette-demo-lavender-rose .demo-success{background:#5d9278}.button-palette-demo-lavender-rose .demo-warning{background:#b98a4e}.button-palette-demo-lavender-rose .demo-danger{background:#b9667c}.button-palette-demo-sage-terracotta .demo-primary{background:#66827a}.button-palette-demo-sage-terracotta .demo-secondary{background:#807797}.button-palette-demo-sage-terracotta .demo-success{background:#628d6b}.button-palette-demo-sage-terracotta .demo-warning{background:#b78355}.button-palette-demo-sage-terracotta .demo-danger{background:#b66d68}.button-palette-demo-graphite-pastel .demo-primary{background:#66747f}.button-palette-demo-graphite-pastel .demo-secondary{background:#707b98}.button-palette-demo-graphite-pastel .demo-success{background:#5b866f}.button-palette-demo-graphite-pastel .demo-warning{background:#aa7e47}.button-palette-demo-graphite-pastel .demo-danger{background:#a95f69}.button-palette-demo-burgundy-slate .demo-primary{background:#8c6270}.button-palette-demo-burgundy-slate .demo-secondary{background:#627c98}.button-palette-demo-burgundy-slate .demo-success{background:#5d8a72}.button-palette-demo-burgundy-slate .demo-warning{background:#b1874f}.button-palette-demo-burgundy-slate .demo-danger{background:#aa5668}.button-palette-copy{display:flex;flex-direction:column;min-width:0}.button-palette-copy strong{color:var(--ink-900);font-size:15px}.button-palette-copy small{margin-top:4px;color:var(--ink-600);font-size:12px;line-height:1.5}.button-palette-check{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;color:transparent;background:#fff}.button-palette-check .ui-icon{width:14px;height:14px}.button-palette-option>input:checked+.button-palette-card .button-palette-check{color:#fff;border-color:var(--button-primary);background:var(--button-primary)}@media(max-width:760px){.button-palette-grid{grid-template-columns:1fr}.button-palette-card{grid-template-columns:94px minmax(0,1fr) 26px;min-height:98px}.button-palette-demo{width:90px;grid-template-rows:repeat(2,23px)}}


/* v0.14.0 — unified premium shell and persistent footer. */
:root{--footer-height:58px}
.sidebar{background:radial-gradient(circle at 8% 0%,rgba(var(--role-accent-rgb),.32),transparent 31%),linear-gradient(180deg,var(--navy-950),var(--navy-900) 54%,var(--navy-800));box-shadow:12px 0 34px rgba(7,23,34,.13)}
.topbar{border-bottom:1px solid rgba(255,255,255,.10);color:#d7e0e5;background:radial-gradient(circle at 72% -140%,rgba(var(--role-accent-rgb),.27),transparent 38%),linear-gradient(90deg,var(--navy-950),var(--navy-900) 58%,var(--navy-800));box-shadow:0 10px 26px rgba(7,23,34,.11);backdrop-filter:none}
.topbar::after{height:2px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb),.86),transparent);opacity:0;transform:scaleX(0);transform-origin:left center}
.breadcrumb{color:#8fa3af}.breadcrumb>span{color:#b8c6cd}.breadcrumb .ui-icon{color:#647d8b}.breadcrumb strong{color:#fff}.topbar-context>small{color:#8fa3af}
.role-state{color:#f7fafb;border-color:rgba(var(--role-accent-rgb),.42);background:rgba(var(--role-accent-rgb),.22)}
.system-state{color:#b5c3ca}.system-state i{border:1px solid rgba(255,255,255,.24);box-shadow:0 0 0 4px rgba(79,149,121,.15)}
.topbar-icon{color:#c1ced4}.topbar-icon:hover,.topbar-icon:focus-visible{color:#fff;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.notification-count{border-color:var(--navy-900)}
.account-trigger{color:#dce5e9}.account-trigger:hover,.account.is-open .account-trigger{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
.account-copy strong{color:#fff}.account-copy small{color:#91a5af}.account-trigger>.ui-icon{color:#91a5af}
.avatar{color:#fff;border-color:rgba(var(--theme-accent-rgb),.50);background:linear-gradient(145deg,rgba(var(--theme-accent-rgb),.34),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.content{padding-bottom:calc(clamp(28px,3.1vw,48px) + var(--footer-height));scroll-padding-bottom:calc(var(--footer-height) + 24px)}
.app-footer{position:fixed;right:0;bottom:0;left:var(--sidebar-width);z-index:29;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:var(--footer-height);padding:10px clamp(22px,3vw,44px);border-top:1px solid rgba(255,255,255,.10);color:#91a5af;background:radial-gradient(circle at 88% 160%,rgba(var(--theme-accent-rgb),.22),transparent 34%),linear-gradient(90deg,var(--navy-950),var(--navy-900) 58%,var(--navy-800));box-shadow:0 -10px 28px rgba(7,23,34,.12)}
.app-footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb),.58),transparent);opacity:.70}
.app-footer>div{min-width:0}.app-footer>div:first-child{justify-self:start}.app-footer>div:last-child{justify-self:end}
.app-footer strong{color:#fff;letter-spacing:.10em}.app-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-footer small{color:var(--gold-300);font-weight:780}.app-footer span+small{border-left-color:rgba(255,255,255,.14)}
@media (max-width:900px){.app-footer{left:0}}
@media (max-width:680px){:root{--footer-height:58px}.app-footer{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 16px}.app-footer>div{flex-direction:row;flex-wrap:nowrap}.app-footer>div:first-child span{display:none}.app-footer>div:last-child span{max-width:42vw}.content{padding-bottom:calc(30px + var(--footer-height))}}
@media (max-width:540px){:root{--footer-height:56px}.content{padding:19px 12px calc(26px + var(--footer-height))}.app-footer{padding:8px 12px}.app-footer>div:last-child span{display:none}.app-footer span+small{padding-left:0;border-left:0}.app-footer strong{font-size:11.5px}.app-footer small{font-size:11px}}
@media print{.app-footer{display:none!important}}

/* v0.14.3 — compact rounded premium shell spacing. */
:root{
    --shell-gutter:clamp(6px,.65vw,10px);
    --shell-card-radius:20px;
    --shell-card-height:calc(var(--topbar-height) - 2px);
}
.workspace{
    grid-template-rows:auto 1fr auto;
    padding:var(--shell-gutter) var(--shell-gutter) 0;
}
.topbar{
    top:var(--shell-gutter);
    min-height:var(--shell-card-height);
    margin:0 0 clamp(18px,2.4vw,24px);
    padding:0 clamp(20px,2.6vw,34px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--shell-card-radius);
    overflow:hidden;
    box-shadow:0 15px 34px rgba(7,23,34,.14);
}
.topbar::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:calc(var(--shell-card-radius) - 1px);
    border:1px solid rgba(255,255,255,.05);
    pointer-events:none;
}
.content{
    max-width:var(--content-max);
    padding:0 clamp(12px,.9vw,18px) calc(clamp(28px,3.1vw,48px) + var(--footer-height) + var(--shell-gutter));
}
.app-footer{
    left:calc(var(--sidebar-width) + var(--shell-gutter));
    right:var(--shell-gutter);
    bottom:var(--shell-gutter);
    min-height:var(--footer-height);
    padding:10px clamp(18px,2.5vw,30px);
    border:1px solid rgba(255,255,255,.11);
    border-top:1px solid rgba(255,255,255,.11);
    border-radius:var(--shell-card-radius);
    overflow:hidden;
    box-shadow:0 15px 34px rgba(7,23,34,.14);
}
.app-footer::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:calc(var(--shell-card-radius) - 1px);
    border:1px solid rgba(255,255,255,.04);
    pointer-events:none;
}
@media (max-width:900px){
    .workspace{margin-left:0}
    .app-footer{left:var(--shell-gutter);right:var(--shell-gutter)}
}
@media (max-width:680px){
    :root{--shell-gutter:6px;--shell-card-radius:20px}
    .workspace{padding:10px 10px 0}
    .topbar{top:10px;margin-bottom:16px;padding:0 14px}
    .content{padding:0 6px calc(30px + var(--footer-height) + 10px)}
    .app-footer{left:10px;right:10px;bottom:10px;padding:9px 14px}
}
@media (max-width:540px){
    :root{--shell-gutter:5px;--shell-card-radius:18px}
    .workspace{padding:8px 8px 0}
    .topbar{top:8px;min-height:62px;margin-bottom:14px;padding:0 10px}
    .content{padding:0 4px calc(24px + var(--footer-height) + 8px)}
    .app-footer{left:8px;right:8px;bottom:8px;padding:8px 12px}
}
@media print{
    .topbar{position:relative;top:auto;margin:0;border-radius:0;box-shadow:none}
    .app-footer{display:none!important}
}


/* v0.14.2 — fully floating rounded sidebar shell. */
.sidebar{
    top:var(--shell-gutter);
    bottom:var(--shell-gutter);
    left:var(--shell-gutter);
    width:calc(var(--sidebar-width) - var(--shell-gutter));
    border:1px solid rgba(255,255,255,.11);
    border-radius:var(--shell-card-radius);
    overflow:hidden;
    box-shadow:18px 20px 46px rgba(7,23,34,.17);
}
.sidebar::before{border-radius:inherit}
.sidebar::after{
    content:"";
    position:absolute;
    inset:1px;
    z-index:0;
    border:1px solid rgba(255,255,255,.045);
    border-radius:calc(var(--shell-card-radius) - 1px);
    pointer-events:none;
}
@media (max-width:900px){
    .sidebar{
        top:var(--shell-gutter);
        bottom:var(--shell-gutter);
        left:var(--shell-gutter);
        width:min(var(--sidebar-width),calc(100vw - var(--shell-gutter) - var(--shell-gutter)));
        transform:translateX(calc(-100% - var(--shell-gutter) - var(--shell-gutter)));
    }
}
@media print{
    .sidebar{border-radius:0;box-shadow:none}
}

/* v0.14.4 — desktop account dropdown layering fix. */
.topbar{
    z-index:100;
    overflow:visible;
    isolation:isolate;
}
.topbar::before,
.topbar::after{pointer-events:none}
.topbar-leading,
.topbar-actions{position:relative;z-index:2}
.account{z-index:4}
.account-menu{
    z-index:140;
    box-shadow:0 24px 54px rgba(7,23,34,.24);
}
@media (max-width:680px){
    .account-menu{z-index:140}
}


/* v0.14.5 — full UI/UX consistency and premium restraint audit. */
:root{
    --surface:var(--paper);
    --surface-soft:var(--canvas-soft);
    --border-strong:#c8c6be;
    --accent:var(--theme-accent);
    --accent-strong:var(--gold-700);
    --accent-soft:var(--gold-soft);
    --gold-200:#e9dcc3;
    --gold-900:#5c4017;
    --info:var(--theme-primary);
    --ink-400:#a9b0b4;
    --ink-650:#5b6870;
    --ink-750:#3f4d57;
    --warning-dark:#6d4916;
    --warning-strong:#7e5519;
    --premium-radius:20px;
    --premium-radius-compact:15px;
    --premium-border:rgba(20,45,58,.12);
    --premium-shadow:0 12px 36px rgba(11,31,43,.065);
    --premium-shadow-raised:0 20px 52px rgba(11,31,43,.10);
    --sticky-shell-offset:calc(var(--topbar-height) + var(--shell-gutter) + 24px);
}

/* One calm visual rhythm across every role and workspace. */
body.app-body{
    background:
        radial-gradient(circle at 100% 0,rgba(var(--role-accent-rgb),.065),transparent 28rem),
        radial-gradient(circle at 0 100%,rgba(var(--theme-accent-rgb),.035),transparent 30rem),
        var(--canvas);
}
.content{isolation:isolate}
.page-heading{
    gap:24px;
    margin-bottom:20px;
    padding:25px 28px;
    border-color:rgba(var(--role-accent-rgb),.16);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(var(--role-accent-rgb),.105),#fff 52%,rgba(var(--theme-accent-rgb),.065));
    box-shadow:0 14px 40px rgba(11,31,43,.075);
}
.page-heading::before{width:4px}
.page-heading::after{right:-88px;bottom:-122px;width:230px;height:230px;opacity:.72}
.page-heading h1{max-width:900px;margin-bottom:8px;font-size:clamp(30px,2.55vw,43px);line-height:1.08;letter-spacing:-.032em}
.page-heading-compact h1{font-size:clamp(29px,2.4vw,41px)}
.page-heading p{max-width:840px;font-size:15px;line-height:1.68}
.page-heading-actions{align-self:center}
.heading-badge{min-height:40px;border-color:rgba(var(--role-accent-rgb),.20);box-shadow:none}

.panel{
    border-color:var(--premium-border);
    border-radius:var(--premium-radius);
    background:linear-gradient(180deg,#fff 0%,#fff 78%,rgba(var(--role-accent-rgb),.012) 100%);
    box-shadow:var(--premium-shadow);
}
.panel-head{
    min-height:78px;
    padding:21px 23px;
    background:linear-gradient(180deg,rgba(var(--role-accent-rgb),.035),rgba(255,255,255,0));
}
.panel-head>div:first-child{min-width:0}
.panel-head h2{margin-bottom:4px;font-size:20px;line-height:1.28}
.panel-head p{max-width:760px;color:var(--ink-600);font-size:13.5px;line-height:1.58}
.panel-head-bordered{border-bottom-color:rgba(20,45,58,.085)}
.count-pill{flex:0 0 auto;border-color:rgba(var(--role-accent-rgb),.15);background:rgba(var(--role-accent-rgb),.045)}

/* Buttons remain colorful, but share geometry and depth. */
.button{min-height:43px;border-radius:10px;font-size:14.5px;box-shadow:none}
.button-small{min-height:36px;padding-inline:13px;font-size:13.5px}
.button-large{min-height:51px}
.button-primary{box-shadow:0 9px 22px rgba(var(--button-primary-rgb),.20),inset 0 1px rgba(255,255,255,.18)}
.button-primary:not(:disabled):hover{box-shadow:0 13px 28px rgba(var(--button-primary-rgb),.27),inset 0 1px rgba(255,255,255,.20)}
.button-secondary,.button-ghost{box-shadow:none}
.icon-button{width:38px;height:38px;border-radius:10px;box-shadow:0 3px 10px rgba(11,31,43,.035)}
.row-actions,.table-actions{gap:7px}

/* Forms use the same spacing, surface, disabled state, and focus treatment. */
.field{gap:7px;font-size:13.5px;font-weight:700}
.field>span{min-height:20px;color:var(--ink-750)}
.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{
    border-color:#d6d6d0;
    border-radius:10px;
    background:#fefefd;
}
.field input,.field select,.filter-bar input,.filter-bar select{min-height:45px}
.field textarea{min-height:112px;line-height:1.58}
.field input:hover,.field select:hover,.field textarea:hover,.filter-bar input:hover,.filter-bar select:hover{border-color:#bfc5c3}
.field input:disabled,.field select:disabled,.field textarea:disabled,.field.is-disabled input,.field.is-disabled select,.field.is-disabled textarea{
    color:var(--ink-500);
    border-color:#e0e0db;
    background:#f2f2ef;
    cursor:not-allowed;
}
.field-hint{line-height:1.5}
.form-grid{gap:17px;padding:23px 24px}
.form-stack{gap:15px;padding:22px 23px}
.form-actions{gap:10px;margin-top:20px;padding-top:18px}
.form-actions-sticky{z-index:12;border-color:var(--premium-border);background:rgba(255,255,255,.96);box-shadow:0 -10px 28px rgba(11,31,43,.06)}

/* Filters and tables form a single polished data workspace. */
.filter-bar{gap:9px}
.compact-filter-bar label>span{color:var(--ink-600);letter-spacing:.09em}
.search-control{max-width:390px}
.table-panel{isolation:isolate}
.table-wrap,.table-scroll{scrollbar-gutter:auto;border-radius:0 0 var(--premium-radius) var(--premium-radius)}
.data-table th{position:relative;top:auto;z-index:1}
th{padding:14px 17px;background:linear-gradient(180deg,rgba(var(--role-accent-rgb),.095),rgba(var(--role-accent-rgb),.035));font-size:11px;letter-spacing:.085em}
td{padding:14px 17px;font-size:13.5px}
tbody tr:nth-child(even){background:rgba(var(--role-accent-rgb),.014)}
tbody tr:hover{background:rgba(var(--role-accent-rgb),.045)}
.pagination{padding:14px 17px;background:linear-gradient(180deg,#fbfbf9,var(--canvas-soft))}
.page-link{min-width:34px;height:34px;border-radius:9px}
.page-link.is-current{border-color:var(--role-accent-strong);background:var(--role-accent-strong)}

/* Empty, notice, and status components should feel intentional rather than vacant. */
.empty-state,.empty-state-inline,.table-empty,.workspace-empty{min-height:245px;padding:34px}
.empty-icon,.empty-state-inline>span,.table-empty>span,.workspace-empty>span{border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58)}
.info-callout,.revision-banner,.callout,.alert{border-radius:14px;box-shadow:0 7px 18px rgba(11,31,43,.035)}
.status,.status-badge,.role-chip{letter-spacing:.045em}

/* Modal hierarchy: fixed head, independently scrolling body, persistent actions. */
.modal-layer{padding:clamp(10px,2vh,20px);background:rgba(4,15,22,.66)}
.modal-dialog{border-radius:24px;border-color:rgba(255,255,255,.45);box-shadow:0 34px 100px rgba(7,23,34,.36)}
.modal-head{padding:22px 25px 18px;background:linear-gradient(135deg,rgba(var(--role-accent-rgb),.13),#fff 70%)}
.modal-head h2{font-size:27px;line-height:1.18}
.modal-head p{margin-top:6px;font-size:13.5px}
.modal-body{padding:22px 25px 0;scroll-padding:16px 0 116px}
.modal-form{gap:17px}
.modal-actions{gap:9px;margin-right:-25px;margin-left:-25px;padding:15px 25px calc(15px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97)}
.modal-actions .button{min-width:128px}

/* Sticky secondary workspaces account for the floating topbar. */
.form-sidebar,.editor-panel,.settings-sidebar,.structure-nav,.coverage-aside,.wizard-nav,
.validation-queue,.approval-queue,.profile-summary-card,.sticky-review-card,.institution-logo-column,
.ak01-list-panel,.assessment-queue,.recommendation-queue,.decision-queue,.certificate-queue,.case-queue,
.document-editor-help{top:var(--sticky-shell-offset)}

/* Consistent card families used by role-specific workflows. */
.scheme-card,.assignment-card,.application-card,.metric-card,.muk-flow-card,.decision-card,
.signature-current-card,.signature-canvas-form,.recommendation-read-grid article,.decision-summary-grid article{
    border-radius:var(--premium-radius-compact);
}
.scheme-card,.assignment-card,.application-card{box-shadow:0 8px 24px rgba(11,31,43,.05)}
.scheme-card:hover,.assignment-card:hover,.application-card:hover,.muk-flow-card:hover{box-shadow:var(--premium-shadow-raised)}
.metric-card{min-height:132px;box-shadow:0 7px 22px rgba(11,31,43,.045)}
.metric-copy>strong{font-size:37px}
.dashboard-grid,.module-grid,.review-side-grid,.muk-workspace-detail-grid{gap:18px}

/* Dropdowns and floating controls must remain above cards without clipping. */
.account-menu{width:min(278px,calc(100vw - 24px));border-radius:14px;border-color:rgba(20,45,58,.13)}
.account-menu-link,.account-menu form button{min-height:42px;border-radius:9px}

@media (max-width:1050px){
    .page-heading{padding:23px 24px}
    .page-heading-actions{align-self:flex-start}
    .panel-head{min-height:0}
}
@media (max-width:900px){
    :root{--sticky-shell-offset:0px}
    .form-sidebar,.editor-panel,.settings-sidebar,.structure-nav,.coverage-aside,.wizard-nav,
    .validation-queue,.approval-queue,.profile-summary-card,.sticky-review-card,.institution-logo-column,
    .ak01-list-panel,.assessment-queue,.recommendation-queue,.decision-queue,.certificate-queue,.case-queue,
    .document-editor-help{position:relative;top:auto;max-height:none}
}
@media (max-width:680px){
    .page-heading{gap:16px;margin-bottom:17px;padding:20px;border-radius:18px}
    .page-heading h1,.page-heading-compact h1{font-size:clamp(28px,8.2vw,35px)}
    .page-heading p{font-size:14px;line-height:1.62}
    .page-heading-actions{width:100%}
    .page-heading-actions .button{flex:1 1 180px}
    .panel{border-radius:17px}
    .panel-head{padding:19px 18px}
    .form-grid,.form-stack{padding:19px 18px}
    .modal-dialog,.modal-dialog.modal-wide{border-radius:21px 21px 10px 10px}
    .modal-head{padding:19px 18px 15px}
    .modal-body{padding:18px 18px 0}
    .modal-actions{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}
}
@media (max-width:540px){
    .page-heading{padding:18px 17px;border-radius:16px}
    .page-heading::after{display:none}
    .panel{border-radius:15px}
    .panel-head{padding:17px 15px}
    .button{white-space:normal}
    .filter-bar.compact-filter-bar{gap:10px}
    .modal-dialog,.modal-dialog.modal-wide{border-radius:18px 18px 0 0}
    .modal-head h2{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{
    .data-table th{position:static}
    .panel,.page-heading{box-shadow:none}
}

/* v0.14.7 — premium native-control normalization and reliable upload controls. */
:root{
    --control-surface:#fff;
    --control-surface-hover:#fbfcfc;
    --control-border:#c9cfcd;
    --control-border-hover:#aebbb8;
    --control-focus:0 0 0 4px rgba(var(--role-accent-rgb),.12);
}

/* Custom, accessible checkbox geometry for operational confirmations and mappings. */
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input){
    -webkit-appearance:none;
    appearance:none;
    display:inline-grid;
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    flex:0 0 19px;
    margin:1px 0 0;
    padding:0!important;
    place-content:center;
    border:1px solid #aeb8b6;
    border-radius:6px;
    background:#fff;
    box-shadow:inset 0 1px 2px rgba(18,43,56,.04);
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input)::before{
    content:"";
    width:11px;
    height:11px;
    opacity:0;
    transform:scale(.55);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3 8.2 3 3L13 4.8' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    transition:opacity .14s ease,transform .14s ease;
}
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input):hover{border-color:var(--button-primary)}
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input):checked{
    border-color:var(--button-primary);
    background:linear-gradient(145deg,var(--button-primary),var(--button-primary-strong));
    box-shadow:0 5px 12px rgba(var(--button-primary-rgb),.20);
}
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input):checked::before{opacity:1;transform:scale(1)}
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input):focus-visible{outline:0;box-shadow:var(--control-focus)}
input[type="checkbox"]:not(.theme-palette-option input):not(.button-palette-option input):disabled{cursor:not-allowed;opacity:.58;box-shadow:none}

/* Remove inconsistent native search and number adornments. */
input[type="search"]{-webkit-appearance:none;appearance:none}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* One upload language for Excel import, evidence, documents, logo, and case attachments. */
.file-control{
    position:relative;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto;
    align-items:center;
    gap:2px 14px;
    min-width:0;
    min-height:80px;
    padding:13px 14px;
    overflow:hidden;
    border:1px dashed color-mix(in srgb,var(--role-accent) 30%,var(--control-border));
    border-radius:var(--premium-radius-compact);
    color:var(--ink-800);
    background-color:var(--paper);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.74),0 8px 20px rgba(12,34,47,.045);
    cursor:pointer;
    isolation:isolate;
    transition:border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out;
}
.file-control::before{
    content:"";
    grid-column:1;
    grid-row:1/3;
    width:46px;
    height:46px;
    border:1px solid rgba(var(--role-accent-rgb),.18);
    border-radius:14px;
    background-color:var(--role-accent-soft);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231d4f6b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
    transition:border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out;
}
.file-control::after{
    content:"Pilih file";
    grid-column:3;
    grid-row:1/3;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border:1px solid rgba(var(--button-primary-rgb),.20);
    border-radius:11px;
    color:var(--button-primary);
    background:var(--button-primary-soft);
    font-size:12px;
    font-weight:850;
    letter-spacing:.01em;
    white-space:nowrap;
    transition:color .14s ease-out,background-color .14s ease-out,border-color .14s ease-out,box-shadow .14s ease-out;
}
.file-control:hover,
.file-control.is-choosing{
    border-color:color-mix(in srgb,var(--role-accent) 52%,var(--control-border));
    background-color:color-mix(in srgb,var(--role-accent-soft) 38%,var(--paper));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),0 9px 22px rgba(12,34,47,.055);
}
.file-control:hover::after,
.file-control.is-choosing::after{color:var(--button-primary-strong);border-color:rgba(var(--button-primary-rgb),.34);background-color:color-mix(in srgb,var(--button-primary-soft) 78%,var(--paper))}
.file-control:focus-within{border-color:var(--role-accent);box-shadow:var(--control-focus),0 12px 28px rgba(12,34,47,.08)}
.file-control.is-dragging{border-color:var(--role-accent);background-color:color-mix(in srgb,var(--role-accent-soft) 68%,var(--paper));box-shadow:var(--control-focus),0 10px 24px rgba(12,34,47,.06)}
.file-control.is-selected{border-color:color-mix(in srgb,var(--success) 48%,var(--control-border));background-color:color-mix(in srgb,var(--success-soft) 48%,var(--paper));box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 8px 20px rgba(12,34,47,.045)}
.file-control.is-selected::before{
    border-color:color-mix(in srgb,var(--success) 25%,transparent);
    background-color:var(--success-soft);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%233b7b60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}
.file-control.is-selected::after{content:"Ganti file"}
.file-control input[type="file"]{
    position:absolute!important;
    inset:0!important;
    z-index:4;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0;
    cursor:pointer;
    pointer-events:auto;
}
.file-control>strong,
.file-control>small,
.file-control>div,
.file-control>span:not(.file-control-action):not(.file-control-icon){grid-column:2;min-width:0}
.file-control>strong{grid-row:1;align-self:end}
.file-control>small{grid-row:2;align-self:start}
.file-control>div,
.file-control>span:not(.file-control-action):not(.file-control-icon){grid-row:1/3;align-self:center}
.file-control>span:has(>.ui-icon):not(:has(strong)):not(:has(small)){display:none}
.file-control .ui-icon{display:none}
.file-control strong,
.file-control small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-control strong{color:var(--ink-900);font-size:13px;font-weight:830}
.file-control small{margin-top:4px;color:var(--ink-500);font-size:11.5px;font-weight:560;line-height:1.45}
.file-control.is-selected strong{color:var(--success)}

@media (max-width:540px){
    .file-control{grid-template-columns:44px minmax(0,1fr);min-height:76px;padding:12px;gap:2px 11px}
    .file-control::before{width:42px;height:42px;border-radius:12px}
    .file-control::after{display:none}
}

@media (prefers-reduced-motion:reduce){
    .file-control,
    .file-control::after,
    input[type="checkbox"]{transition:none}
}

/* v0.14.8 — fully themed application controls; no visible browser/Bootstrap widgets. */
:root{
    --control-radius:13px;
    --control-popover-radius:17px;
    --control-popover-shadow:0 22px 58px rgba(7,25,37,.22),0 2px 8px rgba(7,25,37,.09);
    --control-selected:color-mix(in srgb,var(--role-accent) 10%,#fff);
}

/* The original semantic controls remain the form source, but the visible UI is custom. */
.custom-control-source{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    border:0!important;
    opacity:0!important;
    white-space:nowrap!important;
    pointer-events:none!important;
}
.custom-select-control,.custom-date-control,.custom-number-control,.custom-search-control{position:relative;min-width:0}
.custom-select-trigger,.custom-date-trigger{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:46px;
    padding:10px 13px;
    border:1px solid var(--control-border);
    border-radius:var(--control-radius);
    color:var(--ink-900);
    background:linear-gradient(145deg,var(--control-surface),var(--control-surface-hover));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 5px rgba(12,34,47,.035);
    font:inherit;
    font-size:14px;
    font-weight:650;
    line-height:1.35;
    text-align:left;
    cursor:pointer;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
.custom-select-trigger::after,.custom-date-trigger::after{
    content:"";
    width:19px;
    height:19px;
    border-radius:7px;
    background-color:var(--role-accent-soft);
    background-position:center;
    background-repeat:no-repeat;
    background-size:14px;
    transition:transform .18s ease,background-color .18s ease;
}
.custom-select-trigger::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%233b6175' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.custom-date-trigger::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Crect x='3' y='4.5' width='14' height='12.5' rx='2.5' stroke='%233b6175' stroke-width='1.6'/%3E%3Cpath d='M6.5 2.8v3.4M13.5 2.8v3.4M3.3 8h13.4' stroke='%233b6175' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.custom-select-control.is-open .custom-select-trigger::after{transform:rotate(180deg)}
.custom-select-trigger:hover,.custom-date-trigger:hover{border-color:var(--control-border-hover);background:#fff;box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(12,34,47,.07)}
.custom-select-trigger:focus-visible,.custom-date-trigger:focus-visible{outline:0;border-color:var(--role-accent);box-shadow:var(--control-focus)}
.custom-select-trigger[disabled],.custom-date-trigger[disabled]{cursor:not-allowed;opacity:.58;box-shadow:none;background:var(--canvas-soft)}
.custom-control-placeholder{color:var(--ink-500);font-weight:570}
.custom-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-value.has-multiple{white-space:normal}
.custom-select-count{display:inline-flex;align-items:center;min-height:22px;margin-left:7px;padding:2px 8px;border-radius:999px;color:var(--role-accent);background:var(--role-accent-soft);font-size:11px;font-weight:850}

.custom-control-popover{
    position:fixed;
    z-index:1600;
    display:none;
    min-width:220px;
    max-width:min(420px,calc(100vw - 20px));
    max-height:min(430px,calc(100dvh - 20px));
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--role-accent) 18%,var(--line));
    border-radius:var(--control-popover-radius);
    background:rgba(255,255,255,.985);
    box-shadow:var(--control-popover-shadow);
    backdrop-filter:blur(18px);
    isolation:isolate;
}
.custom-control-popover.is-open{display:grid;animation:control-popover-in .14s ease-out}
@keyframes control-popover-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.custom-popover-head{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--line-soft);background:linear-gradient(145deg,#fff,var(--canvas-soft))}
.custom-popover-search{position:relative;flex:1;min-width:0}
.custom-popover-search input{
    width:100%;
    min-height:38px;
    padding:8px 34px 8px 11px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    font:inherit;
    font-size:13px;
}
.custom-popover-search::after{content:"";position:absolute;top:50%;right:11px;width:15px;height:15px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='5.2' stroke='%23617076' stroke-width='1.7'/%3E%3Cpath d='m12.5 12.5 4 4' stroke='%23617076' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.custom-options{display:grid;gap:4px;max-height:330px;padding:8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--role-accent) 35%,var(--line)) transparent}
.custom-option{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    width:100%;
    min-height:42px;
    padding:9px 11px;
    border:0;
    border-radius:10px;
    color:var(--ink-800);
    background:transparent;
    font:inherit;
    font-size:13px;
    font-weight:620;
    text-align:left;
    cursor:pointer;
}
.custom-option:hover,.custom-option.is-active{color:var(--ink-950);background:var(--canvas-soft)}
.custom-option.is-selected{color:var(--role-accent);background:var(--control-selected);font-weight:790}
.custom-option.is-selected::after{content:"";width:18px;height:18px;border-radius:50%;background-color:var(--role-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3 8.2 3 3L13 4.8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:11px}
.custom-option[disabled]{cursor:not-allowed;opacity:.48;background:transparent}
.custom-option-empty{padding:22px 14px;color:var(--ink-500);font-size:13px;text-align:center}
.custom-multi-actions{display:flex;justify-content:space-between;gap:8px;padding:10px 11px;border-top:1px solid var(--line-soft);background:var(--canvas-soft)}
.custom-multi-actions button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink-700);background:#fff;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
.custom-multi-actions button:hover{border-color:var(--role-accent);color:var(--role-accent);background:var(--role-accent-soft)}

/* Fully custom date and datetime picker. */
.custom-calendar{width:min(344px,calc(100vw - 20px))}
.custom-calendar-head{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line-soft);background:linear-gradient(145deg,#fff,var(--canvas-soft))}
.custom-calendar-head strong{text-align:center;font-family:var(--font-display);font-size:16px;font-weight:650}
.custom-calendar-nav{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--ink-700);background:#fff;cursor:pointer}
.custom-calendar-nav:hover{border-color:var(--role-accent);color:var(--role-accent);background:var(--role-accent-soft)}
.custom-calendar-weekdays,.custom-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 10px}
.custom-calendar-weekdays{padding-top:11px;color:var(--ink-500);font-size:10px;font-weight:850;text-align:center;text-transform:uppercase}
.custom-calendar-days{padding-top:7px;padding-bottom:11px}
.custom-calendar-day{display:grid;aspect-ratio:1;min-width:0;padding:0;place-items:center;border:0;border-radius:10px;color:var(--ink-800);background:transparent;font:inherit;font-size:12.5px;font-weight:680;cursor:pointer}
.custom-calendar-day:hover{background:var(--role-accent-soft);color:var(--role-accent)}
.custom-calendar-day.is-outside{color:var(--ink-400)}
.custom-calendar-day.is-today{box-shadow:inset 0 0 0 1px var(--role-accent)}
.custom-calendar-day.is-selected{color:#fff;background:linear-gradient(145deg,var(--role-accent),color-mix(in srgb,var(--role-accent) 76%,#071923));box-shadow:0 5px 12px rgba(var(--role-accent-rgb),.22)}
.custom-calendar-day[disabled]{cursor:not-allowed;opacity:.3;background:transparent;box-shadow:none}
.custom-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:12px;border-top:1px solid var(--line-soft);background:var(--canvas-soft)}
.custom-time-unit{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}
.custom-time-unit button{display:grid;width:34px;height:38px;padding:0;place-items:center;border:0;color:var(--role-accent);background:var(--role-accent-soft);font-size:17px;font-weight:850;cursor:pointer}
.custom-time-unit input{width:100%;height:38px;padding:0;border:0!important;outline:0!important;background:#fff!important;box-shadow:none!important;text-align:center;font:inherit;font-weight:850}
.custom-time-separator{font-weight:900}
.custom-calendar-actions{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid var(--line-soft)}
.custom-calendar-actions button{min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:12px;font-weight:820;cursor:pointer}
.custom-calendar-actions .apply{border-color:var(--button-primary);color:#fff;background:var(--button-primary)}
.custom-calendar-actions button:hover{transform:translateY(-1px)}

/* Custom number stepper and search clear affordance. */
.custom-number-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;overflow:hidden;border:1px solid var(--control-border);border-radius:var(--control-radius);background:#fff;box-shadow:inset 0 1px 0 #fff}
.custom-number-control:focus-within{border-color:var(--role-accent);box-shadow:var(--control-focus)}
.custom-number-control input[type="number"]{min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center}
.custom-number-control button{display:grid;min-height:44px;padding:0;place-items:center;border:0;color:var(--role-accent);background:var(--role-accent-soft);font-size:18px;font-weight:900;cursor:pointer}
.custom-number-control button:hover{color:#fff;background:var(--role-accent)}
.custom-number-control button:disabled{cursor:not-allowed;opacity:.45}
.custom-search-control input[type="search"]{padding-right:42px!important}
.custom-search-clear{position:absolute;top:50%;right:8px;display:none;width:30px;height:30px;padding:0;transform:translateY(-50%);place-items:center;border:0;border-radius:9px;color:var(--ink-500);background:var(--canvas-soft);font-size:18px;cursor:pointer}
.custom-search-control.has-value .custom-search-clear{display:grid}
.custom-search-clear:hover{color:var(--danger);background:var(--danger-soft)}

/* General radios, switches, details, progress, autofill, validation and scrollbars share the theme. */
input[type="radio"]:not(.theme-palette-option input):not(.button-palette-option input):not(.self-assessment-choice input){
    -webkit-appearance:none;appearance:none;display:inline-grid;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;margin:1px 0 0;padding:0!important;place-content:center;border:1px solid #aeb8b6;border-radius:50%;background:#fff;cursor:pointer;box-shadow:inset 0 1px 2px rgba(18,43,56,.04)
}
input[type="radio"]:not(.theme-palette-option input):not(.button-palette-option input):not(.self-assessment-choice input)::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;opacity:0;transform:scale(.4);transition:.14s ease}
input[type="radio"]:not(.theme-palette-option input):not(.button-palette-option input):not(.self-assessment-choice input):checked{border-color:var(--button-primary);background:var(--button-primary);box-shadow:0 5px 12px rgba(var(--button-primary-rgb),.2)}
input[type="radio"]:not(.theme-palette-option input):not(.button-palette-option input):not(.self-assessment-choice input):checked::before{opacity:1;transform:scale(1)}
input[type="radio"]:focus-visible{outline:0;box-shadow:var(--control-focus)}

.apl02-unit>summary,.audit-content summary{list-style:none}
.apl02-unit>summary::-webkit-details-marker,.audit-content summary::-webkit-details-marker{display:none}
.apl02-unit>summary::after,.audit-content summary::after{content:"";flex:0 0 28px;width:28px;height:28px;border-radius:9px;background-color:var(--role-accent-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%233b6175' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:14px;transition:transform .18s ease}
.apl02-unit[open]>summary::after,.audit-content details[open]>summary::after{transform:rotate(180deg)}
.audit-content summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:max-content;padding:6px 9px;border-radius:9px;background:var(--gold-100)}
.audit-content summary::after{width:22px;height:22px;flex-basis:22px}

progress{-webkit-appearance:none;appearance:none;overflow:hidden;border:0;border-radius:999px;background:var(--line-soft);box-shadow:inset 0 1px 2px rgba(12,34,47,.08)}
progress::-webkit-progress-bar{border-radius:999px;background:var(--line-soft)}
progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--role-accent),var(--success))}
progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--role-accent),var(--success))}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--ink-900);-webkit-box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out}
::placeholder{color:color-mix(in srgb,var(--ink-500) 82%,#fff);opacity:1}
.field input:user-invalid,.field textarea:user-invalid{border-color:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 13%,transparent)}

*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--role-accent) 30%,var(--line)) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background-clip:padding-box;background-color:color-mix(in srgb,var(--role-accent) 35%,var(--line))}
*::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--role-accent) 55%,var(--line))}

/* Native indicators are never exposed after enhancement. */
.controls-ready .field input[type="date"],.controls-ready .field input[type="datetime-local"]{background-image:none}
.controls-ready .field input[type="date"]::-webkit-calendar-picker-indicator,.controls-ready .field input[type="datetime-local"]::-webkit-calendar-picker-indicator{display:none}
.controls-ready .field select,.controls-ready .filter-bar select{background-image:none}

@media(max-width:680px){
    .custom-control-popover{max-width:calc(100vw - 12px);border-radius:15px}
    .custom-select-trigger,.custom-date-trigger{min-height:45px}
    .custom-calendar{width:min(336px,calc(100vw - 12px))}
}
@media(prefers-reduced-motion:reduce){.custom-control-popover.is-open{animation:none}.custom-select-trigger,.custom-date-trigger,.custom-option,.custom-calendar-day{transition:none}}
@media print{.custom-control-popover{display:none!important}}

/* Final v0.14.8 interaction refinements: custom validation and tooltip surfaces. */
.custom-select-control,.custom-date-control,.custom-search-control{display:block;width:100%}
[data-tooltip]{position:relative}
[data-tooltip]::before,[data-tooltip]::after{position:absolute;z-index:1750;left:50%;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}
[data-tooltip]::before{content:"";bottom:calc(100% + 5px);border:5px solid transparent;border-top-color:var(--navy-950)}
[data-tooltip]::after{content:attr(data-tooltip);bottom:calc(100% + 10px);width:max-content;max-width:240px;padding:7px 10px;border-radius:9px;color:#fff;background:var(--navy-950);box-shadow:0 10px 24px rgba(7,25,37,.2);font-size:11px;font-weight:700;line-height:1.4;text-align:center;white-space:normal}
[data-tooltip]:hover::before,[data-tooltip]:hover::after,[data-tooltip]:focus-visible::before,[data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.table-scroll .icon-button:hover,
.table-scroll .icon-button:focus-visible,
.table-wrap .icon-button:hover,
.table-wrap .icon-button:focus-visible,
.table-scroll [data-tooltip]:hover,
.table-scroll [data-tooltip]:focus-visible,
.table-wrap [data-tooltip]:hover,
.table-wrap [data-tooltip]:focus-visible{z-index:4}
.table-action .icon-button[data-tooltip]::before{right:14px;left:auto;transform:translateY(4px)}
.table-action .icon-button[data-tooltip]::after{right:0;left:auto;transform:translateY(4px)}
.table-action .icon-button[data-tooltip]:hover::before,
.table-action .icon-button[data-tooltip]:hover::after,
.table-action .icon-button[data-tooltip]:focus-visible::before,
.table-action .icon-button[data-tooltip]:focus-visible::after{transform:translateY(0)}
.custom-validation-message{display:flex!important;align-items:flex-start;gap:6px;margin-top:7px!important;color:var(--danger)!important;font-size:11.5px!important;font-weight:680!important;line-height:1.45!important}
.custom-validation-message::before{content:"!";display:grid;flex:0 0 18px;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;background:var(--danger);font-size:11px;font-weight:900}
.custom-select-trigger[aria-invalid="true"],.custom-date-trigger[aria-invalid="true"],.file-control.is-invalid,.custom-number-control.is-invalid,.custom-search-control.is-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 12%,transparent)!important}

/* v0.14.9 — aligned filter geometry and smooth persistent branding. */
@view-transition{navigation:auto}
.brand-logo,.login-brand-logo,.verification-brand-logo{view-transition-name:ujikom-brand-logo}
.brand-copy,.login-brand-copy{view-transition-name:ujikom-brand-copy}
::view-transition-old(ujikom-brand-logo),::view-transition-new(ujikom-brand-logo),::view-transition-old(ujikom-brand-copy),::view-transition-new(ujikom-brand-copy){animation-duration:.18s;animation-timing-function:ease-out;mix-blend-mode:normal}
.brand-logo img,.login-brand-logo img,.verification-brand-logo img{display:block;backface-visibility:hidden;transform:translateZ(0)}

/* Header titles and filter tools share one baseline instead of forming isolated vertical stacks. */
.panel-head-responsive>div:first-child{flex:1 1 220px;min-width:220px}
.panel-head-responsive>.filter-bar{flex:2 1 680px;width:auto;max-width:920px;margin-left:auto}
.filter-bar{align-items:flex-end}
.filter-bar>.search-control{flex:1 1 230px;width:min(320px,100%);max-width:340px}
.filter-bar>.custom-select-control{flex:0 1 185px;width:clamp(150px,14vw,210px);min-width:150px}
.filter-bar>.custom-date-control{flex:0 1 165px;width:165px;min-width:150px}
.filter-bar>.custom-number-control{flex:0 1 145px;width:145px;min-width:125px}
.filter-bar>.custom-search-control{flex:1 1 230px;width:min(320px,100%);max-width:340px}
.filter-bar>.button{flex:0 0 auto;min-height:46px;align-self:flex-end}
.filter-bar>label:not(.search-control){min-width:150px}
.filter-bar>label:not(.search-control)>.custom-select-control,
.filter-bar>label:not(.search-control)>.custom-date-control,
.filter-bar>label:not(.search-control)>.custom-number-control,
.filter-bar>label:not(.search-control)>.custom-search-control{width:100%}

/* Wide audit filters may wrap, but every row remains geometrically aligned. */
.filter-bar-wrap{row-gap:10px}
.filter-bar-wrap>.search-control{flex-basis:250px}
.filter-bar-wrap>.custom-date-control{flex-basis:158px}

@media(max-width:1280px){
    .panel-head-responsive>.filter-bar{max-width:780px}
    .filter-bar>.search-control{flex-basis:210px}
    .filter-bar>.custom-select-control{flex-basis:165px;width:165px}
}
@media(max-width:1050px){
    .panel-head-responsive>div:first-child{min-width:0;width:100%}
    .panel-head-responsive>.filter-bar{width:100%;max-width:none;margin-left:0}
}
@media(max-width:680px){
    .filter-bar>.search-control,
    .filter-bar>.custom-select-control,
    .filter-bar>.custom-date-control,
    .filter-bar>.custom-number-control,
    .filter-bar>.custom-search-control{width:100%;min-width:0;max-width:none;flex:none}
    .filter-bar>.button{width:100%}
}
@media(prefers-reduced-motion:reduce){
    ::view-transition-old(ujikom-brand-logo),::view-transition-new(ujikom-brand-logo),::view-transition-old(ujikom-brand-copy),::view-transition-new(ujikom-brand-copy){animation:none}
}

/* v0.14.10 — stable shell snapshots and restrained cross-document navigation. */
.sidebar{view-transition-name:ujikom-sidebar}
.topbar,.app-footer{view-transition-name:none}
.content{view-transition-name:ujikom-content}
.brand-logo,.brand-copy{view-transition-name:none}
.login-brand-logo{view-transition-name:ujikom-login-logo}
.login-brand-copy{view-transition-name:ujikom-login-copy}

::view-transition{background:var(--canvas)}
::view-transition-group(root){animation:none;background:var(--canvas)}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;opacity:1}
::view-transition-old(ujikom-sidebar),::view-transition-new(ujikom-sidebar){animation:none;mix-blend-mode:normal}
::view-transition-group(ujikom-sidebar){animation-duration:.01s}
::view-transition-group(ujikom-content){animation-duration:.2s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(ujikom-content){animation:ujikom-content-out .09s ease-in both;mix-blend-mode:normal}
::view-transition-new(ujikom-content){animation:ujikom-content-in .2s cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
::view-transition-old(ujikom-login-logo),::view-transition-new(ujikom-login-logo),
::view-transition-old(ujikom-login-copy),::view-transition-new(ujikom-login-copy){animation-duration:.14s;mix-blend-mode:normal}

@keyframes ujikom-content-out{to{opacity:0;transform:translateY(-3px)}}
@keyframes ujikom-content-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){
    ::view-transition-old(root),::view-transition-new(root),
    ::view-transition-old(ujikom-sidebar),::view-transition-new(ujikom-sidebar),
    ::view-transition-old(ujikom-topbar),::view-transition-new(ujikom-topbar),
    ::view-transition-old(ujikom-footer),::view-transition-new(ujikom-footer),
    ::view-transition-old(ujikom-content),::view-transition-new(ujikom-content),
    ::view-transition-old(ujikom-login-logo),::view-transition-new(ujikom-login-logo),
    ::view-transition-old(ujikom-login-copy),::view-transition-new(ujikom-login-copy){animation:none!important}
}

/* v0.14.11 — premium page composition and role harmony. */
:root{
    --composition-gap:18px;
    --composition-gap-lg:20px;
    --composition-radius:16px;
    --composition-radius-lg:20px;
    --composition-line:rgba(20,45,58,.12);
    --composition-shadow:0 8px 24px rgba(9,29,42,.052);
    --composition-shadow-hover:0 14px 36px rgba(9,29,42,.085);
    --composition-surface:linear-gradient(180deg,rgba(255,255,255,.995),rgba(255,255,255,.965));
}

/* A shared stage gives every role the same vertical rhythm without changing business markup. */
.page-stage{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:var(--composition-gap);
    min-width:0;
}
.app-body.is-page-leaving .page-stage{pointer-events:none}
.app-body.is-page-leaving{cursor:progress}
.app-body.is-page-waiting .topbar::after{animation:ujikom-navigation-progress 1.2s var(--motion-ease-out) both}
@keyframes ujikom-navigation-progress{0%{opacity:.35;transform:scaleX(.04)}22%{opacity:.9;transform:scaleX(.36)}68%{opacity:1;transform:scaleX(.72)}100%{opacity:1;transform:scaleX(.92)}}
.page-stage > :is(.page-heading,.dashboard-hero,.metric-grid,.dashboard-grid,.governance-strip,.summary-rail,
.module-intro,.workflow-panel,.module-grid,.workspace-hero,.workspace-next-action,.workspace-quick-links,
.workspace-facts-grid,.muk-workspace-hero,.muk-next-action,.muk-flow-grid,.muk-blocker-panel,
.muk-workspace-detail-grid,.settings-layout,.form-layout,.profile-layout,.structure-shell,.authoring-shell,
.coverage-layout,.validation-layout,.approval-layout,.document-editor-layout,.certificate-workspace,.case-workspace,
.report-two-column,.report-filter-panel,.report-metric-grid,.data-workspace,.guided-workspace,.panel,.card-list,
.scheme-card-grid,.application-card-grid,.assessor-assignment-grid,.tuk-schedule-grid,.theme-palette-grid,
.button-palette-grid,.import-type-grid,.team-grid,.muk-card-grid){
    margin-top:0;
    margin-bottom:0;
}
.page-stage > :is(.modal-layer,script,[hidden]){margin:0}

/* Page headings are prestigious but restrained: content, not decoration, remains dominant. */
.page-heading{
    min-height:108px;
    align-items:center;
    padding:22px 24px;
    border-color:var(--composition-line);
    border-radius:var(--composition-radius-lg);
    background:
        radial-gradient(circle at 96% 12%,rgba(var(--role-accent-rgb),.065),transparent 17rem),
        linear-gradient(135deg,rgba(var(--role-accent-rgb),.065),rgba(255,255,255,.99) 56%,rgba(var(--theme-accent-rgb),.035));
    box-shadow:var(--composition-shadow);
}
.page-heading::before{width:3px;inset:16px auto 16px 0;border-radius:0 4px 4px 0}
.page-heading::after{right:-118px;bottom:-168px;opacity:.34}
.page-heading h1,.page-heading-compact h1{
    max-width:850px;
    margin-bottom:7px;
    font-size:clamp(29px,2.25vw,38px);
    line-height:1.1;
    letter-spacing:-.028em;
}
.page-heading p{max-width:800px;font-size:14.5px;line-height:1.62}
.page-heading-actions{gap:9px;max-width:520px}
.page-heading-actions .button-primary{order:-1}
.heading-badge{min-height:38px;padding-inline:13px;background:rgba(255,255,255,.88)}

/* All major workflow heroes share geometry and depth even when their content differs. */
.dashboard-hero,.workspace-hero,.muk-workspace-hero,.assessment-hero,.recommendation-hero,.decision-hero,
.certificate-hero,.case-hero,.validation-hero,.approval-hero,.readiness-hero,.result-hero,.coverage-hero,
.unit-hero,.ak01-hero{
    border-radius:var(--composition-radius-lg);
    box-shadow:0 20px 54px rgba(7,25,37,.14);
}
.dashboard-hero{
    grid-template-columns:minmax(0,1.62fr) minmax(270px,.38fr);
    min-height:232px;
    gap:24px;
    padding:clamp(28px,3vw,42px);
}
.dashboard-hero h1{max-width:900px;font-size:clamp(34px,3.2vw,49px);line-height:1.05;letter-spacing:-.033em}
.dashboard-hero p{max-width:740px;margin-bottom:19px;font-size:15px;line-height:1.66}
.period-card{min-height:148px;padding:22px;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))}
.period-card strong{font-size:22px}
.hero-meta{gap:9px 17px;font-size:12.5px}

/* Dashboard metrics and priorities feel composed as one instrument panel. */
.metric-grid{gap:14px}
.metric-card{
    min-height:116px;
    padding:18px 19px;
    border-color:var(--composition-line);
    border-radius:17px;
    background:var(--composition-surface);
    box-shadow:0 8px 24px rgba(10,31,43,.045);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.metric-card:hover{transform:translateY(-2px);border-color:rgba(var(--role-accent-rgb),.22);box-shadow:var(--composition-shadow-hover)}
.metric-icon{width:45px;height:45px;border-radius:13px}
.metric-copy>strong{margin:7px 0 3px;font-size:33px}
.metric-top{font-size:11.5px;letter-spacing:.1em}
.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:var(--composition-gap)}
.panel-priority,.panel-flow{height:100%}
.priority-list{padding:0 13px 13px}
.priority-item{min-height:76px;padding:10px 11px;border-radius:12px}
.priority-item:first-child{border-top-color:transparent}
.priority-item:hover{background:linear-gradient(90deg,rgba(var(--role-accent-rgb),.055),rgba(var(--role-accent-rgb),.015));transform:translateX(2px)}
.priority-copy strong{font-size:14.5px}
.priority-copy small{line-height:1.48}
.flow-list{padding:0 22px 22px}
.governance-strip{
    min-height:104px;
    grid-template-columns:50px minmax(250px,.72fr) minmax(300px,1fr);
    padding:21px 24px;
    border-color:var(--composition-line);
    border-radius:var(--composition-radius);
    background:linear-gradient(112deg,#fff 0%,rgba(var(--role-accent-rgb),.025) 68%,rgba(var(--theme-accent-rgb),.045));
    box-shadow:0 8px 24px rgba(10,31,43,.035);
}

/* Shared panels and data workspaces use one surface, header height, and edge treatment. */
.panel{
    border-color:var(--composition-line);
    border-radius:var(--composition-radius);
    background:var(--composition-surface);
    box-shadow:var(--composition-shadow);
}
.panel-head{
    min-height:68px;
    align-items:center;
    padding:17px 20px;
    background:linear-gradient(180deg,rgba(var(--role-accent-rgb),.028),rgba(255,255,255,0));
}
.panel-head h2{font-size:18.5px;letter-spacing:-.01em}
.panel-head p{font-size:13px;line-height:1.52}
.panel-head-bordered{border-bottom-color:rgba(20,45,58,.075)}
.count-pill{min-height:27px;padding-inline:9px;font-size:11.5px}

.table-panel{border-radius:var(--composition-radius)}
.table-panel .panel-head-responsive{gap:14px}
.table-wrap,.table-scroll{border-top:1px solid rgba(20,45,58,.045)}
th{height:44px;padding:11px 15px;letter-spacing:.074em;background:linear-gradient(180deg,rgba(var(--role-accent-rgb),.082),rgba(var(--role-accent-rgb),.028))}
td{padding:12px 15px;line-height:1.5}
tbody tr{transition:background-color .14s ease}
tbody tr:nth-child(even){background:rgba(var(--role-accent-rgb),.01)}
tbody tr:hover{background:rgba(var(--role-accent-rgb),.037)}
.primary-cell strong,.table-title,.data-table td>strong{color:var(--ink-900)}
.table-subtext,.data-table td>small{line-height:1.45}
.pagination{min-height:56px;padding:11px 15px;background:linear-gradient(180deg,#fff,var(--canvas-soft))}
.pagination-links{flex-wrap:wrap}

/* Search and filter rows keep a deliberate toolbar silhouette on every role page. */
.panel-head-responsive>.filter-bar{row-gap:9px}
.filter-bar>.button{min-height:44px}
.filter-bar>.custom-select-control,.filter-bar>.custom-date-control,.filter-bar>.custom-number-control,
.filter-bar>.custom-search-control,.filter-bar>.search-control{align-self:flex-end}
.custom-select-trigger,.custom-date-trigger,.field input,.field select,.filter-bar input,.filter-bar select{min-height:44px}

/* Repeated card families are normalized so modules never feel like different products. */
.scheme-card,.assignment-card,.application-card,.assessor-assignment-card,.tuk-schedule-card,.notification-card,
.requirement-card,.readiness-card,.decision-card,.review-detail-card,.evidence-card,.muk-card,.muk-task-card,
.instrument-card,.team-card,.theme-palette-card,.button-palette-card,.import-type-card,
.signed-snapshot-card,.signature-current-card,.approval-signature-card,.profile-account-card,.profile-security-card{
    border-color:var(--composition-line);
    border-radius:17px;
    background:var(--composition-surface);
    box-shadow:0 8px 24px rgba(10,31,43,.045);
}
.scheme-card,.assignment-card,.application-card,.assessor-assignment-card,.tuk-schedule-card,.notification-card,
.requirement-card,.readiness-card,.decision-card,.muk-card,.muk-task-card,.instrument-card,
.team-card,.theme-palette-card,.button-palette-card,.import-type-card{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.scheme-card:hover,.assignment-card:hover,.application-card:hover,.assessor-assignment-card:hover,
.tuk-schedule-card:hover,.notification-card:hover,.requirement-card:hover,.readiness-card:hover,
.decision-card:hover,.muk-card:hover,.muk-task-card:hover,.instrument-card:hover,
.team-card:hover,.theme-palette-card:hover,.button-palette-card:hover,.import-type-card:hover{
    transform:translateY(-2px);
    border-color:rgba(var(--role-accent-rgb),.24);
    box-shadow:var(--composition-shadow-hover);
}
.card-list,.scheme-card-grid,.application-card-grid,.assessor-assignment-grid,.tuk-schedule-grid,
.theme-palette-grid,.button-palette-grid,.import-type-grid,.team-grid,.muk-card-grid{gap:15px}

/* Long forms read as intentional sections, with a quiet action hierarchy. */
.form-grid,.form-stack{gap:16px;padding:20px}
.form-grid-2{column-gap:19px;row-gap:16px}
.field{gap:6px}
.field>span{font-size:12.5px;letter-spacing:.012em}
.field-hint{font-size:11.5px}
.form-actions{min-height:60px;align-items:center;margin-top:16px;padding-top:15px}
.form-actions .button-primary,.modal-actions .button-primary{order:2}
.form-actions .button-ghost,.form-actions .button-secondary,.modal-actions .button-ghost,.modal-actions .button-secondary{order:1}
.form-actions .button-danger-outline,.modal-actions .button-danger-outline{margin-right:auto;order:0}
.form-sidebar,.settings-sidebar,.profile-summary-card,.sticky-review-card,.structure-nav,.coverage-aside,
.wizard-nav,.validation-queue,.approval-queue,.assessment-queue,.recommendation-queue,.decision-queue,
.certificate-queue,.case-queue{border-radius:var(--composition-radius)}

/* Summary rails and detail blocks share the same visual weight. */
.summary-rail,.assessment-summary-rail,.muk-summary-rail{gap:11px}
.summary-rail article,.assessment-summary-rail article,.muk-summary-rail article,
.detail-grid article,.recommendation-read-grid article,.decision-summary-grid article,
.approval-summary-grid article,.readiness-summary-grid article,.ak01-summary-grid article{
    border-color:var(--composition-line);
    border-radius:14px;
    background:rgba(255,255,255,.94);
    box-shadow:0 5px 16px rgba(10,31,43,.03);
}

/* Empty states remain helpful without making a page feel vacant. */
.empty-state,.empty-state-inline,.table-empty,.workspace-empty,.mini-empty,.spacious-empty{
    min-height:190px;
    padding:26px;
}
/* Multi-column collections must keep their empty state and odd detail row geometrically complete. */
.module-grid>.empty-state,.scheme-card-grid>.empty-state,.application-card-grid>.empty-state,
.assessor-assignment-grid>.empty-state,.tuk-schedule-grid>.empty-state,.instrument-grid>.empty-state,
.requirement-grid>.empty-state,.muk-card-grid>.empty-state,.team-grid>.empty-state,
.import-type-grid>.empty-state,.theme-palette-grid>.empty-state,.button-palette-grid>.empty-state{
    grid-column:1/-1;
    width:100%;
}
.assignment-detail-grid>div:last-child:nth-child(odd){grid-column:1/-1}
.scheme-metrics>div,.quality-gates>article,.team-inline>div,.decision-history>article{min-width:0}
.scheme-metrics span,.quality-gates span,.team-inline strong,.team-inline small,.decision-history h3,.decision-history p{
    overflow-wrap:anywhere;
}
.empty-state h2,.empty-state h3,.workspace-empty h2,.workspace-empty h3{font-size:19px}
.empty-state p,.empty-state-inline p,.table-empty small,.workspace-empty p{max-width:470px;line-height:1.58}

/* Modal surfaces follow the same geometry as full pages. */
.modal-dialog{border-radius:var(--composition-radius-lg)}
.modal-head{min-height:78px;padding:19px 21px 16px}
.modal-head h2{font-size:25px;letter-spacing:-.02em}
.modal-body{padding:19px 21px 0}
.modal-actions{min-height:62px;margin-inline:-21px;padding-inline:21px}

/* The shell is deliberately frozen in this release; only inner composition changes. */
.sidebar,.topbar,.app-footer{transition:box-shadow .18s ease,border-color .18s ease}

@media(max-width:1180px){
    :root{--composition-gap:16px}
    .dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(240px,.38fr);padding:34px}
    .dashboard-hero h1{font-size:clamp(34px,4vw,47px)}
    .dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
    .page-heading{min-height:112px}
}
@media(max-width:960px){
    .dashboard-hero{grid-template-columns:1fr;min-height:0}
    .period-card{min-height:126px}
    .dashboard-grid{grid-template-columns:1fr}
    .panel-flow{min-height:0}
    .governance-strip{grid-template-columns:50px 1fr}
    .governance-strip>p{grid-column:2}
    .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
    :root{--composition-gap:14px;--composition-radius:17px;--composition-radius-lg:19px}
    .page-heading{min-height:0;align-items:flex-start;padding:20px}
    .page-heading h1,.page-heading-compact h1{font-size:clamp(27px,7.5vw,34px)}
    .dashboard-hero{gap:20px;padding:27px 22px}
    .dashboard-hero h1{font-size:clamp(32px,8.4vw,42px)}
    .metric-grid{grid-template-columns:1fr}
    .metric-card{min-height:108px}
    .governance-strip{grid-template-columns:44px 1fr;gap:14px;padding:19px}
    .panel-head{min-height:0;padding:18px}
    .panel-head-responsive{align-items:flex-start}
    .panel-head-responsive>.filter-bar{width:100%}
    .form-grid,.form-stack{padding:18px}
    .form-grid-2{grid-template-columns:1fr}
    .modal-head{min-height:0;padding:18px 18px 15px}
    .modal-body{padding:18px 18px 0}
    .modal-actions{margin-inline:-18px;padding-inline:18px}
}
@media(max-width:520px){
    .page-stage{gap:12px}
    .page-heading{padding:17px}
    .dashboard-hero{padding:23px 18px}
    .period-card{padding:18px}
    .priority-item{grid-template-columns:38px minmax(0,1fr)}
    .priority-action{grid-column:2;justify-self:start}
    .governance-strip{grid-template-columns:1fr}
    .governance-strip>p{grid-column:auto}
    .panel-head{padding:16px 15px}
    .panel-head h2{font-size:18px}
    .pagination{align-items:flex-start}
    .pagination-links{width:100%}
}
@media(prefers-reduced-motion:reduce){
    .app-body.is-page-waiting .topbar::after{animation:none!important}
    .metric-card,.scheme-card,.assignment-card,.application-card,.assessor-assignment-card,
    .tuk-schedule-card,.notification-card,.requirement-card,.readiness-card,.decision-card,
    .muk-card,.muk-task-card,.instrument-card,.team-card,.theme-palette-card,
    .button-palette-card,.import-type-card{transition:none}
}
@media print{
    .page-stage{display:block}
    .page-stage>*{margin-bottom:12px!important}
}

/* v0.14.12 — premium interaction and responsive refinement. */
:root{
    --interaction-radius:14px;
    --interaction-line:rgba(20,45,58,.10);
    --interaction-focus:0 0 0 4px rgba(var(--role-accent-rgb),.13);
    --interaction-ease:cubic-bezier(.2,.75,.25,1);
    --mobile-card-gap:10px;
    --wizard-progress:0%;
}

/* Data workspaces: stable headers, full-width tables, and inline action controls. */
.table-wrap,.table-scroll{position:relative;overscroll-behavior-inline:contain}
.table-scroll>table,.table-wrap>table{width:100%;max-width:none;min-width:100%;margin-inline:0;box-sizing:border-box;table-layout:auto}
.table-scroll thead th,.table-wrap thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 rgba(20,45,58,.08)}
.responsive-table.has-action-column th:last-child,
.responsive-table.has-action-column td:last-child{width:1%;min-width:0;padding-right:18px;white-space:nowrap;text-align:right}
.table-actions,.row-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap}
.responsive-table .table-actions,.responsive-table .row-actions,.table-action>.table-actions,.table-action>.row-actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:max-content;max-width:none;min-width:max-content;margin-left:auto;white-space:nowrap}
.table-action .inline-form{flex:0 0 auto}
.table-actions .button,.row-actions .button{white-space:nowrap}
.table-density-compact td{padding-block:10px}
.table-scroll:focus-visible,.table-wrap:focus-visible{outline:0;box-shadow:var(--interaction-focus)}
.table-scroll-cue{display:none}

/* Wizards communicate position and remain keyboard-friendly without becoming decorative. */
.wizard-progress{display:grid;gap:8px;padding:8px 9px 11px;border-bottom:1px solid var(--interaction-line)}
.wizard-progress>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-500);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.wizard-progress>span strong{color:var(--navy-900);font-family:var(--font-ui);font-size:12px}
.wizard-progress>i{position:relative;height:4px;overflow:hidden;border-radius:999px;background:rgba(var(--role-accent-rgb),.1)}
.wizard-progress>i>b{display:block;width:var(--wizard-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--role-accent),var(--theme-accent));transition:width .28s var(--interaction-ease)}
.wizard-nav button{position:relative;isolation:isolate;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.wizard-nav button::after{content:"";position:absolute;inset:10px auto 10px -1px;width:3px;border-radius:0 999px 999px 0;background:transparent}
.wizard-nav button.is-active{box-shadow:0 8px 22px rgba(10,31,43,.06)}
.wizard-nav button.is-active::after{background:var(--role-accent)}
.wizard-nav button.is-past>span{background:var(--success-soft);color:var(--success)}
.wizard-nav button:focus-visible{outline:0;box-shadow:var(--interaction-focus)}
.wizard-content>[data-wizard-panel],.wizard-stage>[data-wizard-panel]{scroll-margin-top:var(--sticky-shell-offset)}

/* Forms keep a calm rhythm and clearer grouping across long operational flows. */
.form-grid fieldset,.form-stack fieldset,.modal-form fieldset{
    min-width:0;
    margin:0;
    padding:17px;
    border:1px solid var(--interaction-line);
    border-radius:var(--interaction-radius);
    background:linear-gradient(180deg,rgba(var(--role-accent-rgb),.025),rgba(255,255,255,.96));
}
.form-grid fieldset>legend,.form-stack fieldset>legend,.modal-form fieldset>legend{
    padding:0 7px;
    color:var(--navy-900);
    font-weight:800;
}
.application-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.application-identity-fields .field{min-width:0}.application-identity-fields .field-hint{margin-top:6px}
@media(max-width:760px){.application-identity-fields{grid-template-columns:1fr}}
.field:focus-within>span{color:var(--role-accent-strong)}
.field input:focus,.field textarea:focus,.custom-select-trigger:focus-visible,.custom-date-trigger:focus-visible,.custom-number-input:focus{box-shadow:var(--interaction-focus)}
.form-actions{position:relative;flex-wrap:wrap}
.form-actions::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--interaction-line) 12%,var(--interaction-line) 88%,transparent)}
.form-actions>form{display:flex;gap:9px;flex-wrap:wrap}
.help-text,.field-hint,.form-note{max-width:72ch}

/* Modals expose scroll state and preserve actions on every viewport. */
.modal-dialog{transition:width .18s var(--interaction-ease),max-height .18s var(--interaction-ease)}
.modal-dialog.has-body-scroll .modal-head{box-shadow:0 10px 24px rgba(10,31,43,.07)}
.modal-dialog.has-more-below .modal-actions{box-shadow:0 -14px 30px rgba(10,31,43,.11)}
.modal-body{scroll-behavior:smooth}
.modal-body:focus-visible{outline:0}
.modal-dialog[aria-busy="true"]::after{content:"";position:absolute;inset:0;z-index:20;background:rgba(255,255,255,.58);backdrop-filter:blur(2px)}
.modal-actions{align-items:center;flex-wrap:wrap}
.modal-actions>form{display:flex;gap:9px;flex-wrap:wrap}
.modal-actions .button{min-height:43px}

/* Interaction details stay soft and predictable across pointers. */
.button,.icon-button,.custom-select-trigger,.custom-date-trigger,.custom-number-step,.pagination a,.pagination button{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}
.button:active:not(:disabled),.icon-button:active:not(:disabled),.custom-select-trigger:active,.custom-date-trigger:active{transform:translateY(1px)}
.button:focus-visible,.icon-button:focus-visible,.pagination a:focus-visible,.pagination button:focus-visible{outline:0;box-shadow:var(--interaction-focus)}
.button:disabled,.icon-button:disabled,[aria-disabled="true"]{cursor:not-allowed;filter:saturate(.65);opacity:.58}

@media(max-width:960px){
    .wizard-progress{grid-column:1/-1}
    .wizard-nav{scrollbar-width:none}
    .wizard-nav::-webkit-scrollbar{display:none}
    .wizard-nav button.is-active{scroll-snap-align:center}
}

@media(max-width:680px){
    .table-scroll-cue.is-visible{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        width:100%;
        min-height:44px;
        padding:8px 13px;
        border:0;
        border-top:1px solid var(--interaction-line);
        color:var(--role-accent-strong);
        background:color-mix(in srgb,var(--role-accent-soft) 58%,var(--paper));
        font-family:var(--font-ui);
        font-size:11.5px;
        font-weight:760;
        line-height:1.35;
        text-align:left;
        cursor:pointer;
    }
    .table-scroll-cue b{display:grid;flex:0 0 30px;width:30px;height:24px;place-items:center;font-size:20px;font-weight:500;line-height:1}
    .table-scroll-cue:focus-visible{outline:3px solid rgba(var(--role-accent-rgb),.24);outline-offset:-3px}
    .table-scroll-cue:active{background:color-mix(in srgb,var(--role-accent-soft) 82%,var(--paper))}
    [data-wizard]>.wizard-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding:8px;scroll-snap-type:none}
    [data-wizard]>.wizard-nav button{min-width:0;min-height:62px;scroll-snap-align:none}
    [data-wizard]>.wizard-nav button:last-of-type:nth-of-type(odd){grid-column:1/-1}
    .wizard-progress{position:relative;left:auto;z-index:3;grid-column:1/-1;width:auto;min-width:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
    .wizard-nav button::after{inset:auto 10px -1px;height:3px;width:auto;border-radius:999px 999px 0 0}

    .field input:not([type=checkbox]):not([type=radio]):not([type=file]),
    .field select,.field textarea,.filter-bar input,.filter-bar select,
    .custom-select-trigger,.custom-date-trigger,.custom-number-input,.custom-search-control input{font-size:16px}
    .field,.custom-validation-message,.wizard-content>[data-wizard-panel],.wizard-stage>[data-wizard-panel]{scroll-margin-top:calc(var(--mobile-topbar-height,58px) + var(--mobile-header-top,0px) + 18px)}
    .button,.skip-link{min-height:44px}
    .sidebar-close{width:44px;height:44px;min-width:44px;min-height:44px}
    .button-small{min-height:44px;padding-inline:12px}
    .page-link,.pagination a,.pagination button{min-width:44px;min-height:44px;height:44px}
    .modal-close{min-width:44px;min-height:44px}
    .icon-button,.custom-option,.custom-multi-actions button,.custom-calendar-actions button,
    .account-menu-link,.account-menu form button,.modal-actions .button{min-height:44px}
    .icon-button{width:44px;height:44px}

    .form-actions,.panel-footer-actions{align-items:stretch}
    .form-actions>.button,.form-actions>form,.form-actions>form>.button,.panel-footer-actions>.button,.panel-footer-actions>form,.panel-footer-actions>form>.button{width:100%}
    .form-actions>form{display:grid}
    .modal-actions{display:grid;grid-template-columns:1fr}
    .modal-actions>.button,.modal-actions>form,.modal-actions>form>.button{width:100%}
    .modal-actions>form{display:grid}
}

@media(max-width:430px){
    .wizard-progress{min-width:calc(100vw - 26px)}
    .modal-dialog{border-radius:18px 18px 0 0}
}

@media(hover:none){
    .metric-card:hover,.scheme-card:hover,.assignment-card:hover,.application-card:hover,.assessor-assignment-card:hover,.tuk-schedule-card:hover,.notification-card:hover,.requirement-card:hover,.readiness-card:hover,.decision-card:hover,.muk-card:hover,.muk-task-card:hover,.instrument-card:hover,.team-card:hover,.theme-palette-card:hover,.button-palette-card:hover,.import-type-card:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
    .wizard-progress>i>b,.wizard-nav button,.modal-dialog,.button,.icon-button,.custom-select-trigger,.custom-date-trigger,.custom-number-step,.pagination a,.pagination button{transition:none!important}
    .modal-body{scroll-behavior:auto}
}


/* v0.14.13 — reliable persistent mobile header.
   Mobile browsers may disable sticky positioning when html/body becomes an overflow container.
   The visible shell therefore uses a fixed mobile topbar with explicit flow reservation. */
@media (max-width:900px){
    :root{
        --mobile-header-top:max(var(--shell-gutter),env(safe-area-inset-top,0px));
        --mobile-header-gap:18px;
    }
    html{overflow-x:clip}
    body.app-body{overflow-x:clip}
    .app-shell,.workspace{overflow:visible}
    .workspace{
        padding-top:calc(var(--topbar-height) + var(--mobile-header-top) + var(--mobile-header-gap));
    }
    .topbar{
        position:fixed;
        top:var(--mobile-header-top);
        right:var(--shell-gutter);
        left:var(--shell-gutter);
        width:auto;
        margin:0;
        z-index:110;
    }
    .sidebar{z-index:180}
    .sidebar-backdrop{z-index:170}
}
@media (max-width:680px){
    :root{--mobile-header-gap:16px}
    .workspace{
        padding:calc(var(--topbar-height) + var(--mobile-header-top) + var(--mobile-header-gap)) 10px 0;
    }
    .topbar{right:10px;left:10px}
}
@media (max-width:540px){
    :root{--mobile-header-gap:14px}
    .workspace{
        padding:calc(var(--topbar-height) + var(--mobile-header-top) + var(--mobile-header-gap)) 8px 0;
    }
    .topbar{right:8px;left:8px}
    .account-menu{top:calc(var(--mobile-header-top) + var(--topbar-height) + 6px)}
}
@supports not (overflow:clip){
    @media (max-width:900px){
        html,body.app-body{overflow-x:visible}
    }
}
@media print{
    .topbar{position:relative;top:auto;right:auto;left:auto}
    .workspace{padding-top:0}
}

/* v0.14.14 — comprehensive mobile viewport stabilization.
   Desktop flex-basis values must never become vertical height after a responsive
   container switches to column flow. The mobile shell and operational pages
   therefore use explicit compact geometry at 900/680/430 px. */
:root{
    --mobile-topbar-height:var(--topbar-height);
    --mobile-footer-height:var(--footer-height);
}

@media (max-width:1050px){
    .panel-head-responsive>div:first-child,
    .panel-head-responsive>.filter-bar{
        flex:none;
        width:100%;
        min-height:0;
    }
    .panel-head-responsive>.filter-bar{height:auto}
}

@media (max-width:900px){
    :root{
        --mobile-topbar-height:66px;
        --mobile-footer-height:58px;
    }
    .workspace{
        grid-template-rows:1fr;
        padding-top:calc(var(--mobile-topbar-height) + var(--mobile-header-top) + var(--mobile-header-gap));
    }
    .topbar{
        height:var(--mobile-topbar-height);
        min-height:var(--mobile-topbar-height);
        max-height:var(--mobile-topbar-height);
    }
    .topbar-leading{flex:1 1 auto;min-width:0;overflow:hidden}
    .topbar-context,.breadcrumb{min-width:0;overflow:hidden}
    .breadcrumb strong{display:block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .topbar-actions{flex:0 0 auto;min-width:0}
    .content{
        scroll-padding-top:calc(var(--mobile-topbar-height) + var(--mobile-header-top) + 16px);
        padding-bottom:calc(28px + var(--mobile-footer-height) + env(safe-area-inset-bottom));
    }
    .app-footer{
        min-height:var(--mobile-footer-height);
        padding-bottom:calc(9px + env(safe-area-inset-bottom));
    }
}

@media (max-width:680px){
    :root{
        --mobile-topbar-height:62px;
        --mobile-footer-height:50px;
        --mobile-page-gap:12px;
    }
    html,body.app-body{max-width:100%;overscroll-behavior-x:none}
    body.app-body{font-size:15px}
    .workspace{
        padding:calc(var(--mobile-topbar-height) + var(--mobile-header-top) + var(--mobile-header-gap)) 8px 0;
    }
    .topbar{
        right:8px;
        left:8px;
        gap:7px;
        padding:0 8px;
        border-radius:16px;
    }
    .topbar-leading{gap:6px}
    .topbar-actions{gap:3px}
    .topbar-context>small,.role-state,.system-state{display:none!important}
    .breadcrumb{gap:5px;font-size:12px}
    .breadcrumb>span{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .menu-button,.notification-button,.account-trigger,.topbar-icon{
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
    }
    .account-trigger{display:grid;grid-template-columns:38px;padding:3px;border-radius:12px}
    .avatar{width:38px;height:38px}
    .notification-count{top:-3px;right:-3px}
    .account-menu{
        position:fixed;
        top:calc(var(--mobile-header-top) + var(--mobile-topbar-height) + 7px);
        right:10px;
        left:auto;
        width:min(310px,calc(100vw - 20px));
        max-height:calc(100dvh - var(--mobile-header-top) - var(--mobile-topbar-height) - 20px);
        overflow:auto;
        border-radius:15px;
    }

    .sidebar{
        top:max(6px,env(safe-area-inset-top));
        bottom:max(6px,env(safe-area-inset-bottom));
        left:6px;
        width:min(320px,calc(100vw - 12px));
        padding:18px 14px 14px;
        border-radius:18px;
        transform:translateX(calc(-100% - 14px));
    }
    .app-shell.sidebar-open .sidebar{transform:translateX(0)}
    .sidebar-brand{min-height:62px;padding:0 5px 15px}
    .brand-lockup{min-width:0}
    .brand-copy{min-width:0}
    .brand-copy strong,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .sidebar-context{margin:13px 3px 6px;padding:12px}
    .sidebar-nav{margin-top:2px;padding-bottom:14px}
    .nav-item{min-height:52px;padding:9px}
    .sidebar-foot{padding-top:12px}

    .content{padding:0 4px 22px}
    .page-stage{gap:var(--mobile-page-gap)}
    .app-footer{
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
        z-index:auto;
        width:auto;
        margin:14px 4px max(8px,env(safe-area-inset-bottom));
        min-height:var(--mobile-footer-height);
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px;
        padding:7px 10px;
        border-radius:15px;
    }
    .app-footer>div{min-width:0;gap:6px}
    .app-footer>div:first-child span,.app-footer>div:last-child span{display:none}
    .app-footer strong{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
    .app-footer small{font-size:10.5px;white-space:nowrap}

    /* Prevent desktop flex-basis from becoming enormous vertical height. */
    .page-heading-actions,
    .dashboard-hero .page-heading-actions,
    .panel-head-responsive>.filter-bar,
    .filter-bar,
    .form-actions,
    .modal-actions,
    .panel-footer-actions{
        min-height:0;
        height:auto;
    }
    .page-heading-actions{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:stretch;
        width:100%;
        max-width:none;
        gap:8px;
    }
    .page-heading-actions .button{
        flex:none!important;
        width:100%;
        min-height:44px;
        height:auto;
    }
    .panel-head-responsive{gap:14px}
    .panel-head-responsive>.filter-bar{flex:none!important;margin:0}
    .filter-bar{
        display:grid;
        grid-template-columns:1fr;
        align-items:stretch;
        width:100%;
        gap:9px;
    }
    .filter-bar>*{grid-column:auto!important;min-width:0!important;max-width:none!important;width:100%!important;flex:none!important}
    .filter-bar>.button{min-height:44px}

    .page-heading{gap:14px;margin-bottom:0;padding:17px 16px}
    .page-heading h1,.page-heading-compact h1{font-size:clamp(27px,8vw,33px);line-height:1.08}
    .page-heading p{font-size:13.5px;line-height:1.55}
    .dashboard-hero{gap:18px;margin-bottom:0;padding:23px 18px;border-radius:17px}
    .dashboard-hero h1{font-size:clamp(30px,9vw,38px);line-height:1.04}
    .dashboard-hero p{font-size:14px;line-height:1.55}
    .period-card{min-height:108px;padding:17px}
    .period-card strong{font-size:20px}

    .panel{border-radius:15px}
    .panel-head{gap:12px;padding:16px 15px}
    .panel-head h2{font-size:18px}
    .panel-head p{font-size:12.5px;line-height:1.5}
    .form-grid,.form-stack{gap:13px;padding:16px 14px}
    .form-actions{gap:8px;margin-top:12px;padding-top:13px}
    .form-actions>.button,.form-actions>form,.form-actions>form>.button{width:100%}

    /* All major two-rail operational workspaces collapse before they overflow. */
    .form-layout,.settings-layout,.data-workspace,.data-workspace-wide,.structure-shell,.coverage-layout,
    .authoring-shell,.validation-layout,.approval-layout,.profile-layout,.application-context-bar,
    .guided-workspace.apl-workspace,.apl-review-grid,.verification-overview,.verification-layout,
    .profile-account-grid,.signature-profile-grid,.institution-settings-grid,.ak01-workspace,
    .assessment-workspace,.assessment-secondary-grid,.recommendation-workspace,.decision-workspace,
    .certificate-workspace,.case-workspace,.document-editor-layout,.review-dashboard,.finalization-grid,
    .muk-workspace-detail-grid,.report-two-column{
        grid-template-columns:minmax(0,1fr)!important;
        min-width:0;
    }
    .form-sidebar,.settings-sidebar,.editor-panel,.structure-nav,.coverage-aside,.wizard-nav,
    .validation-queue,.approval-queue,.profile-summary-card,.sticky-review-card,.institution-logo-column,
    .ak01-list-panel,.assessment-queue,.recommendation-queue,.decision-queue,.certificate-queue,
    .case-queue,.document-editor-help{width:100%;max-width:none}

    /* Compact summaries remain scannable, then collapse to one column below 430 px. */
    .profile-summary-list,.application-facts,.schedule-stat-grid,.schedule-gate-grid,.assignment-context,
    .assignment-detail-grid,.tuk-schedule-meta,.readiness-summary-grid,.assessee-schedule-grid,
    .ak01-summary-grid,.signature-status-grid,.signature-meta,.assessment-summary-rail,
    .recommendation-read-grid,.decision-summary-grid,.result-grid,.detail-grid,.report-metric-grid,
    .validation-metrics,.quality-gates,.approval-summary-grid,.decision-history,.muk-workspace-detail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    /* Dense row patterns reserve actions on a separate line instead of squeezing text. */
    .priority-item,.schedule-participant-list>article,.checklist-item,.ak01-item-list article,
    .evidence-list>article,.evidence-library-grid>article,.import-type-card,.muk-document-card,
    .muk-blocker-list a,.muk-review-document-list article,.admin-document-row,.document-upload-form,
    .review-inline-form,.declaration-form,.notification-card,.workspace-next-action{
        min-width:0;
    }
    .priority-item{grid-template-columns:38px minmax(0,1fr)}
    .priority-action{grid-column:2;justify-self:start}
    .workspace-next-action{grid-template-columns:1fr;padding:16px}
    .workspace-next-action>.button{width:100%}
    .schedule-participant-list>article,.checklist-item,.ak01-item-list article,
    .evidence-list>article,.evidence-library-grid>article,.import-type-card,.muk-document-card,
    .muk-blocker-list a,.muk-review-document-list article,.admin-document-row,.notification-card{
        grid-template-columns:auto minmax(0,1fr)!important;
    }
    .schedule-participant-list>article>*:last-child,.checklist-item>*:last-child,
    .ak01-item-list article>*:last-child,.evidence-list>article>*:last-child,
    .evidence-library-grid>article>*:last-child,.import-type-card>*:last-child,
    .muk-document-card>*:last-child,.muk-blocker-list a>*:last-child,
    .muk-review-document-list article>*:last-child,.admin-document-row>*:last-child,
    .notification-card>*:last-child{
        grid-column:1/-1;
        justify-self:stretch;
    }
    .schedule-participant-list .button,.checklist-item .button,.ak01-item-list .button,
    .evidence-list .button,.evidence-library-grid .button,.import-type-card .button,
    .muk-document-card .button,.muk-review-document-list .button,.admin-document-row .button{
        width:100%;
    }

    .certificate-hero,.case-hero,.certificate-action-panel,.case-action-panel,
    .assessment-opening,.assessment-finalize-panel,.assessment-control-bar,.recommendation-hero,
    .decision-hero,.result-hero,.validation-hero,.approval-hero,.coverage-hero,.muk-workspace-hero{
        align-items:stretch!important;
        flex-direction:column!important;
        grid-template-columns:1fr!important;
        gap:14px;
        padding:19px 17px;
    }
    .certificate-hero>div:last-child,.case-hero>div:last-child{text-align:left}
    .panel-actions{align-items:stretch;flex-direction:column;padding:0 16px 16px}
    .panel-actions .button,.certificate-action-panel .button,.case-action-panel .button{width:100%}
    .case-message{max-width:94%}
    .case-message>div{align-items:flex-start;flex-direction:column;gap:3px}
    .verification-form,.report-filter-grid,.muk-document-filter .filter-bar-wide{
        grid-template-columns:1fr!important;
    }
    .verification-form .button,.report-filter-grid .button{width:100%}
    .verification-result dl>div{grid-template-columns:1fr;gap:3px}

    /* Bottom-sheet custom controls are easier to use above virtual keyboards. */
    .custom-control-popover.is-mobile-sheet{
        border-radius:18px 18px 14px 14px;
        box-shadow:0 28px 80px rgba(7,23,34,.34);
    }
    .custom-control-popover.is-mobile-sheet .custom-options{max-height:min(42dvh,330px)}
    .custom-control-popover.is-mobile-sheet .custom-popover-head{padding-top:13px}

    /* Heavy backdrop filters cause visible jank on mid-range phones. */
    .topbar,.app-footer,.sidebar-backdrop,.modal-layer,.account-menu,.custom-control-popover{
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }
    ::view-transition-old(ujikom-sidebar),::view-transition-new(ujikom-sidebar),
    ::view-transition-old(ujikom-topbar),::view-transition-new(ujikom-topbar),
    ::view-transition-old(ujikom-footer),::view-transition-new(ujikom-footer),
    ::view-transition-old(ujikom-content),::view-transition-new(ujikom-content),
    ::view-transition-old(ujikom-brand-logo),::view-transition-new(ujikom-brand-logo),
    ::view-transition-old(ujikom-brand-copy),::view-transition-new(ujikom-brand-copy){animation:none!important}
}

@media (max-width:430px){
    :root{
        --mobile-topbar-height:58px;
        --mobile-footer-height:48px;
    }
    .workspace{
        padding:calc(var(--mobile-topbar-height) + var(--mobile-header-top) + 12px) 7px 0;
    }
    .topbar{right:7px;left:7px;padding:0 7px;border-radius:15px}
    .menu-button,.notification-button,.account-trigger,.topbar-icon{width:44px;height:44px;min-width:44px;min-height:44px}
    .account-trigger{grid-template-columns:36px}.avatar{width:36px;height:36px}
    .breadcrumb>span,.breadcrumb>.ui-icon{display:none}
    .account-menu{right:8px;width:calc(100vw - 16px)}
    .content{padding-inline:2px}
    .page-heading-actions{grid-template-columns:1fr}
    .page-heading-actions .button{min-height:43px}
    .page-heading{padding:16px 14px}
    .page-heading h1,.page-heading-compact h1{font-size:clamp(25px,8.5vw,31px)}
    .dashboard-hero{padding:20px 16px}
    .dashboard-hero h1{font-size:clamp(28px,9.5vw,35px)}
    .panel-head{padding:15px 13px}
    .form-grid,.form-stack{padding:14px 12px}
    .profile-summary-list,.application-facts,.schedule-stat-grid,.schedule-gate-grid,.assignment-context,
    .assignment-detail-grid,.tuk-schedule-meta,.readiness-summary-grid,.assessee-schedule-grid,
    .ak01-summary-grid,.signature-status-grid,.signature-meta,.assessment-summary-rail,
    .recommendation-read-grid,.decision-summary-grid,.result-grid,.detail-grid,.report-metric-grid,
    .validation-metrics,.quality-gates,.approval-summary-grid,.decision-history,.muk-workspace-detail-grid{
        grid-template-columns:1fr!important;
    }
    .modal-layer{align-items:flex-end;padding:7px 7px 0}
    .modal-dialog,.modal-dialog.modal-wide{width:100%;max-height:calc(var(--modal-viewport-height,100dvh) - 7px);border-radius:18px 18px 0 0}
    .modal-head{padding:17px 15px 14px}.modal-body{padding:15px 15px 0}
    .modal-actions{margin-inline:-15px;padding-inline:15px}
    .app-footer{right:auto;left:auto;bottom:auto;margin:12px 2px max(7px,env(safe-area-inset-bottom));padding:6px 9px}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:900px){
    :root{--mobile-topbar-height:54px;--mobile-footer-height:44px;--mobile-header-gap:8px}
    .topbar{height:54px;min-height:54px;max-height:54px}
    .role-state,.system-state,.topbar-context>small{display:none!important}
    .sidebar{top:4px;bottom:4px}
    .sidebar-context{display:none}
    .app-footer{min-height:44px;padding-block:5px}
    .modal-layer{align-items:stretch;padding:5px}
    .modal-dialog,.modal-dialog.modal-wide{max-height:calc(var(--modal-viewport-height,100dvh) - 10px)}
}

/* v0.14.15 — final comprehensive cross-role UI/UX audit.
   This release freezes visual geometry and closes semantic, keyboard, and
   cross-page interaction gaps without redesigning the established shell. */
.account-menu-link:focus-visible,
.account-menu form button:focus-visible,
.sidebar-close:focus-visible{
    outline:0;
    box-shadow:var(--interaction-focus);
}
.account-menu [role="menuitem"]{scroll-margin-block:8px}
.sidebar[aria-hidden="true"]{pointer-events:none}
.app-shell.sidebar-open .sidebar[aria-hidden="false"]{pointer-events:auto}
.file-control small[aria-live="polite"]{min-height:1.25em}
@media (forced-colors:active){
    .button,.icon-button,.custom-select-trigger,.custom-date-trigger,.file-control,.panel,.topbar,.sidebar,.app-footer{border:1px solid CanvasText}
    .status-badge,.notification-count{forced-color-adjust:none}
}

@media(max-width:540px){.login-access-inner{width:min(390px,100%)}.login-form-head{margin-bottom:26px}.login-submit{min-width:148px;min-height:46px}}

@media(max-width:1080px){.institution-settings-grid{grid-template-columns:1fr}.institution-logo-column{position:static}.institution-logo-column .logo-manager{max-width:none}}


/* v0.15.10 — clear boundary between institution identity and application settings. */
.settings-prefix-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 24px}.settings-inline-preference{display:flex;justify-content:flex-end;padding:20px 24px 0}.settings-inline-preference>.field{width:min(260px,100%)}
@media(max-width:760px){.settings-prefix-grid{grid-template-columns:1fr;padding:18px}.settings-inline-preference{justify-content:stretch;padding:18px 18px 0}.settings-inline-preference>.field{width:100%}}

/* v0.15.19 — table scroll range follows the real table edge without synthetic overflow. */
.is-table-filter-hidden,.is-pagination-hidden{display:none!important}
.data-page-size-toolbar{display:flex;align-items:center;justify-content:flex-end;min-height:54px;padding:10px 16px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#fff,var(--canvas-soft))}
.data-table-toolbar{justify-content:space-between;gap:12px;flex-wrap:nowrap}
.client-table-search{display:block;flex:1 1 260px;min-width:180px;max-width:380px;margin:0}
.client-table-search>.custom-search-control,.client-table-search>input{width:100%}
.client-table-search input{min-height:36px;padding:0 38px 0 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink-800);background:#fff;font-size:12px}
.client-table-search input::placeholder{color:var(--ink-500)}
.table-filter-empty{min-height:150px;padding:24px;border:0;background:linear-gradient(180deg,#fff,var(--canvas-soft))}
.table-filter-empty strong{font-size:14px}
.table-filter-empty small{margin-top:4px}
.pagination-size-form,.client-pagination-size{display:flex;align-items:center;gap:7px;margin:0}
.pagination-size-form label,.client-pagination-size{display:flex;align-items:center;gap:7px;color:var(--ink-600);font-size:11.5px;font-weight:760;white-space:nowrap}
.pagination-size-form select,.client-pagination-size select{width:auto;min-width:72px;min-height:34px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink-800);background:#fff;font-size:12px;font-weight:720}
.pagination-bottom{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:70px;padding:13px 16px;text-align:center}
.pagination-bottom .pagination-summary{width:100%;color:var(--ink-500);font-size:11.5px;line-height:1.45;text-align:center}
.pagination-bottom .pagination-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;max-width:100%;margin-inline:auto}
.client-pagination .page-link{cursor:pointer}
.client-pagination .page-link:disabled{pointer-events:none;opacity:.35}
.table-wrap,.table-scroll{padding-inline:0;scroll-padding-inline:0;touch-action:pan-x pan-y}
.responsive-table.is-mobile-scroll-table{display:table;width:100%;max-width:none;min-width:100%;margin-inline:0;box-sizing:border-box;table-layout:auto}
.table-wrap>.responsive-table,.table-scroll>.responsive-table{margin-right:0}
.table-wrap::after,.table-scroll::after{display:none!important;content:none!important}

@media(max-width:900px){
    .sidebar-brand{gap:9px}
    .brand-lockup{max-width:calc(100% - 43px);gap:12px}
    .brand-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .brand-copy small{display:none}
}

@media(max-width:680px){
    .application-context-bar strong{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
    .table-wrap,.table-scroll{overflow-x:auto!important;overflow-y:hidden;border-radius:0 0 var(--composition-radius) var(--composition-radius);scrollbar-gutter:auto}
    .responsive-table.is-mobile-scroll-table{display:table;width:100%;max-width:none;min-width:100%;margin-inline:0;box-sizing:border-box;table-layout:auto;border-collapse:collapse}
    .responsive-table.is-mobile-scroll-table thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}
    .responsive-table.is-mobile-scroll-table tbody{display:table-row-group;padding:0;background:transparent}
    .responsive-table.is-mobile-scroll-table tr{display:table-row;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
    .responsive-table.is-mobile-scroll-table th,.responsive-table.is-mobile-scroll-table td{position:static;display:table-cell;width:auto;min-width:0;padding:12px 14px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;box-shadow:none;text-align:left;white-space:normal}
    .responsive-table.is-mobile-scroll-table th{white-space:nowrap}
    .responsive-table.is-mobile-scroll-table td::before{display:none!important;content:none!important}
    .responsive-table.is-mobile-scroll-table td[colspan]{display:table-cell;text-align:center}
    .responsive-table.is-mobile-scroll-table .row-actions,.responsive-table.is-mobile-scroll-table .table-actions{justify-content:flex-end;flex-wrap:nowrap}
    .responsive-table.is-mobile-scroll-table tbody tr:nth-child(even){background:rgba(var(--role-accent-rgb),.014)}
    .responsive-table.is-mobile-scroll-table tbody tr:hover{background:rgba(var(--role-accent-rgb),.04)}
    .data-page-size-toolbar{padding:9px 12px}
    .data-table-toolbar{align-items:stretch;flex-direction:column;gap:9px}
    .client-table-search{flex:0 0 auto;width:100%;max-width:none;min-width:0}
    .client-table-search input,.pagination-size-form select,.client-pagination-size select{min-height:44px;font-size:16px}
    .data-table-toolbar .client-pagination-size{align-self:flex-end}
    .pagination-bottom{align-items:center;justify-content:center;gap:8px;padding:12px}
    .pagination-bottom .pagination-links{justify-content:center;max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
}

@media(max-width:430px){
    .sidebar{width:min(320px,calc(100vw - 12px))}
    .brand-lockup{gap:10px}
    .brand-logo{width:52px;height:52px}
    .brand-copy strong{font-size:16px;letter-spacing:.12em}
    .data-page-size-toolbar{min-height:50px;padding:8px 10px}
    .pagination-size-form label,.client-pagination-size{font-size:11px}
    .pagination-bottom{min-height:66px;padding:10px}
    .pagination-bottom .pagination-links{width:100%}
}

@media print{
    .data-page-size-toolbar,.pagination{display:none!important}
    tr.is-pagination-hidden{display:table-row!important}
}

/* v0.15.20 — resilient feedback, accessible controls, and mobile touch targets. */
.system-flash-fallback{
    display:block;
    margin:0 0 14px;
    padding:12px 14px;
    border:1px solid var(--line);
    border-radius:var(--radius-sm);
    color:var(--ink-900);
    background:var(--paper);
    box-shadow:var(--shadow-xs);
    font-size:14px;
    font-weight:650;
}
.system-flash-fallback.is-success{border-color:color-mix(in srgb,var(--success) 34%,var(--line));background:var(--success-soft);color:var(--success)}
.system-flash-fallback.is-warning{border-color:color-mix(in srgb,var(--warning) 34%,var(--line));background:var(--warning-soft);color:var(--warning)}
.system-flash-fallback.is-danger{border-color:color-mix(in srgb,var(--danger) 34%,var(--line));background:var(--danger-soft);color:var(--danger)}
.system-flash-fallback.is-info{border-color:color-mix(in srgb,var(--role-accent) 28%,var(--line));background:var(--role-accent-soft);color:var(--role-accent-strong)}
.custom-option:focus-visible{outline:2px solid var(--role-accent);outline-offset:-2px;background:var(--control-selected)}

@media(max-width:900px){
    .menu-button,.notification-button,.account-trigger,.topbar-icon{
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
    }
    .account-trigger{grid-template-columns:38px;padding:3px}
}

@media(max-width:430px){
    .menu-button,.notification-button,.account-trigger,.topbar-icon{
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
    }
    .account-trigger{grid-template-columns:36px;padding:4px}
}

.fallback-dialog-layer{
    position:fixed;
    z-index:1400;
    inset:0;
    display:none;
    place-items:center;
    padding:20px;
}
.fallback-dialog-layer.is-open{display:grid}
.fallback-dialog-backdrop{position:absolute;inset:0;background:rgba(7,23,34,.58)}
.fallback-dialog{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:14px 16px;
    width:min(460px,100%);
    padding:22px;
    border:1px solid color-mix(in srgb,var(--role-accent) 18%,var(--line));
    border-radius:var(--radius-md);
    background:var(--paper);
    box-shadow:var(--shadow-lg);
}
.fallback-dialog-icon{width:42px;height:42px;border-radius:14px;background:var(--role-accent-soft);box-shadow:inset 0 0 0 1px rgba(var(--role-accent-rgb),.14)}
.fallback-dialog-icon[data-icon="warning"],.fallback-dialog-icon[data-icon="error"]{background:var(--danger-soft);box-shadow:inset 0 0 0 1px rgba(var(--button-danger-rgb),.2)}
.fallback-dialog-copy{min-width:0}
.fallback-dialog-copy h2{margin:0;color:var(--ink-950);font-family:var(--font-display);font-size:23px;line-height:1.2}
.fallback-dialog-copy p{margin:7px 0 0;color:var(--ink-600);font-size:14px;line-height:1.55;white-space:pre-line}
.fallback-dialog-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:4px}
.fallback-dialog-actions .button{min-width:104px}
.fallback-dialog-actions .button[hidden]{display:none!important}
.fallback-dialog-layer.is-confirm-only .fallback-dialog-actions{justify-content:flex-end}
@media(max-width:520px){
    .fallback-dialog-layer{align-items:end;padding:8px}
    .fallback-dialog{width:100%;padding:19px 17px;border-radius:18px}
    .fallback-dialog-actions{display:grid;grid-template-columns:1fr 1fr}
    .fallback-dialog-actions .button{width:100%;min-height:44px}
    .fallback-dialog-actions .button:only-child{grid-column:1/-1}
}


/* v0.15.21 — readable operational typography and contrast hardening. */
.workspace small,
.modal-dialog small,
.data-table small,
.summary-rail small,
.application-card small,
.assessment-queue-card small,
.recommendation-queue-card small,
.decision-queue-card small,
.certificate-queue-card small,
.case-queue-card small,
.notification-card small,
.field-hint,
.table-subtext,
.overline,
.eyebrow,
.status-badge,
.count-pill,
.heading-code,
.pagination-size-form,
.client-pagination-size{
    font-size:12px;
    line-height:1.45;
}
.workspace p,
.modal-dialog p,
.data-table td,
.field input,
.field select,
.field textarea{
    line-height:1.5;
}
.page-link.is-disabled[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.48;
}
.case-queue .pagination,
.certificate-queue .pagination,
.decision-queue .pagination,
.recommendation-workspace aside .pagination,
.assessment-workspace aside .pagination,
.ak01-list-panel .pagination{
    margin-top:10px;
    border-top:1px solid var(--line-soft);
}
@media(max-width:680px){
    .workspace small,
    .modal-dialog small,
    .data-table small,
    .field-hint,
    .table-subtext,
    .overline,
    .eyebrow,
    .status-badge{
        font-size:12px;
    }
}

/* v0.15.22 - formal institutional PDF report. */
.formal-report-print-root{background:#dfe4e7}
.formal-report-print-body{
    margin:0;
    padding:0;
    background:#dfe4e7;
    color:#111827;
    font-family:Arial,"Helvetica Neue",sans-serif;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
}
.formal-report-toolbar{
    position:sticky;
    top:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:0;
    padding:12px 18px;
    background:#102c3a;
    color:#fff;
    box-shadow:0 8px 22px rgba(7,23,34,.18);
}
.formal-report-toolbar span{font-size:13px;line-height:1.45}
.formal-report-document{
    width:297mm;
    min-height:210mm;
    margin:18px auto;
    padding:12mm 13mm 17mm;
    box-sizing:border-box;
    background:#fff;
    box-shadow:0 12px 42px rgba(7,23,34,.2);
}
.formal-report-letterhead{
    display:grid;
    grid-template-columns:25mm minmax(0,1fr) 57mm;
    align-items:center;
    min-height:31mm;
    padding-bottom:4mm;
    border-bottom:3px double #111827;
}
.formal-report-logo{
    display:grid;
    width:21mm;
    height:21mm;
    place-items:center;
    overflow:hidden;
}
.formal-report-logo img{width:100%;height:100%;object-fit:contain}
.formal-report-logo span{
    display:grid;
    width:19mm;
    height:19mm;
    place-items:center;
    border:1.4px solid #111827;
    border-radius:50%;
    font-size:19pt;
    font-weight:800;
}
.formal-report-identity{text-align:center;padding:0 6mm}
.formal-report-identity p{margin:0;font-size:9pt;font-weight:700;letter-spacing:.14em}
.formal-report-identity h1{margin:1.5mm 0 1mm;font-family:Arial,"Helvetica Neue",sans-serif;font-size:15.5pt;line-height:1.15;text-transform:uppercase}
.formal-report-identity strong{display:block;font-size:8.3pt}
.formal-report-identity address{margin:1.2mm 0 0;font-size:7.6pt;font-style:normal;line-height:1.35}
.formal-report-identity small{display:block;margin-top:1mm;font-size:7.2pt;line-height:1.3}
.formal-report-control{align-self:stretch;border-left:1px solid #4b5563;padding-left:4mm}
.formal-report-control>span{display:block;margin-bottom:2mm;padding:1.5mm 2mm;background:#e8eef1;font-size:7pt;font-weight:800;letter-spacing:.08em;text-align:center}
.formal-report-control dl{display:grid;gap:1.2mm;margin:0}
.formal-report-control dl>div{display:grid;grid-template-columns:18mm 1fr;gap:2mm;font-size:6.9pt;line-height:1.25}
.formal-report-control dt{font-weight:700}.formal-report-control dd{margin:0;overflow-wrap:anywhere}
.formal-report-title{margin:6mm 0 5mm;text-align:center}
.formal-report-title p{margin:0;font-size:9pt;font-weight:700;letter-spacing:.22em}
.formal-report-title h2{margin:1mm 0;font-size:18pt;letter-spacing:.06em}
.formal-report-title span{font-size:8.5pt}
.formal-report-meta-section{margin-bottom:5mm}
.formal-report-meta-table,.formal-report-summary-table,.formal-report-data-table{width:100%;border-collapse:collapse}
.formal-report-meta-table{font-size:7.8pt}
.formal-report-meta-table th,.formal-report-meta-table td{border:1px solid #6b7280;padding:1.8mm 2.2mm;vertical-align:top}
.formal-report-meta-table th{width:30mm;background:#edf1f3;text-align:left}
.formal-report-meta-table td{width:auto}
.formal-report-section{margin-top:5mm}
.formal-report-section-heading{display:flex;align-items:flex-start;gap:2.5mm;margin-bottom:2.5mm;border-bottom:1.4px solid #111827;padding-bottom:1.5mm}
.formal-report-section-heading>span{display:grid;width:7mm;height:7mm;place-items:center;background:#102c3a;color:#fff;font-size:8pt;font-weight:800}
.formal-report-section-heading h3{margin:0;font-size:10.5pt;text-transform:uppercase;letter-spacing:.04em}
.formal-report-section-heading p{margin:.6mm 0 0;color:#374151;font-size:7.5pt}
.formal-report-summary-table{font-size:8pt}
.formal-report-summary-table th,.formal-report-summary-table td{border:1px solid #4b5563;padding:2mm 2.5mm}
.formal-report-summary-table th{background:#dfe8ec;text-align:left}
.formal-report-summary-table td:nth-child(even){width:18mm;text-align:center;font-size:10pt;font-weight:800}
.formal-report-data-table{font-size:6.75pt;table-layout:fixed;page-break-inside:auto}
.formal-report-data-table thead{display:table-header-group}
.formal-report-data-table tfoot{display:table-footer-group}
.formal-report-data-table tr{page-break-inside:avoid;page-break-after:auto}
.formal-report-data-table th,.formal-report-data-table td{border:1px solid #4b5563;padding:1.45mm 1.6mm;vertical-align:top;line-height:1.28;overflow-wrap:anywhere}
.formal-report-data-table th{background:#dfe8ec;font-size:6.5pt;text-align:left;text-transform:uppercase;letter-spacing:.025em}
.formal-report-data-table tbody tr:nth-child(even){background:#f7f9fa}
.formal-report-data-table td strong{display:block;font-size:6.9pt}
.formal-report-data-table td small{display:block;margin-top:.5mm;color:#374151;font-size:6.2pt}
.formal-report-data-table .col-number{width:8mm;text-align:center}
.formal-report-data-table th:nth-child(2){width:28mm}
.formal-report-data-table th:nth-child(3){width:23mm}
.formal-report-data-table th:nth-child(4){width:31mm}
.formal-report-data-table th:nth-child(5){width:36mm}
.formal-report-data-table th:nth-child(6){width:26mm}
.formal-report-data-table th:nth-child(7){width:27mm}
.formal-report-data-table th:nth-child(8){width:23mm}
.formal-report-certificate-table th:nth-child(2){width:30mm}
.formal-report-certificate-table th:nth-child(3){width:34mm}
.formal-report-certificate-table th:nth-child(4){width:23mm}
.formal-report-certificate-table th:nth-child(5),.formal-report-certificate-table th:nth-child(6){width:24mm}
.formal-report-certificate-table th:nth-child(7),.formal-report-certificate-table th:nth-child(8){width:24mm}
.formal-report-case-table th:nth-child(2){width:27mm}
.formal-report-case-table th:nth-child(3){width:17mm}
.formal-report-case-table th:nth-child(4){width:31mm}
.formal-report-case-table th:nth-child(5){width:28mm}
.formal-report-case-table th:nth-child(6){width:50mm}
.formal-report-case-table th:nth-child(7){width:19mm}
.formal-report-case-table th:nth-child(8){width:23mm}
.formal-report-case-table th:nth-child(9){width:23mm}
.formal-report-code-cell{font-family:"Courier New",monospace;font-size:6.2pt}
.formal-report-empty{padding:7mm!important;text-align:center;font-style:italic}
.formal-report-break-before{break-before:page;page-break-before:always}
.formal-report-approval{display:grid;grid-template-columns:minmax(0,1fr) 118mm;gap:10mm;align-items:start;margin-top:8mm;break-inside:avoid;page-break-inside:avoid}
.formal-report-electronic-note{padding:3mm;border:1px solid #6b7280;background:#f7f9fa;font-size:7.2pt;line-height:1.45}
.formal-report-electronic-note strong{display:block;margin-bottom:1mm;text-transform:uppercase}
.formal-report-electronic-note p{margin:0;text-align:justify}
.formal-report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:12mm;font-size:7.8pt;text-align:center}
.formal-report-signatures>div{display:flex;min-height:38mm;flex-direction:column;align-items:center}
.formal-report-signatures span{min-height:10mm;line-height:1.35}
.formal-report-signatures i{display:block;width:40mm;height:17mm}
.formal-report-signatures strong{min-width:42mm;padding:0 2mm 1mm;border-bottom:1px solid #111827}
.formal-report-signatures small{margin-top:1mm}
@page formal-report-landscape{
    size:A4 landscape;
    margin:11mm 12mm 16mm;
    @bottom-left{content:"Dokumen elektronik - " string(report-code);font:6.5pt Arial;color:#374151}
    @bottom-center{content:"Sistem Uji Kompetensi LSP";font:6.5pt Arial;color:#374151}
    @bottom-right{content:"Halaman " counter(page) " dari " counter(pages);font:6.5pt Arial;color:#374151}
}
.formal-report-code-source{string-set:report-code content(text)}
@media(max-width:1100px){
    .formal-report-document{width:100%;min-height:0;margin:0;padding:8mm;box-shadow:none;overflow:auto}
    .formal-report-letterhead{min-width:250mm}
    .formal-report-meta-section,.formal-report-section,.formal-report-approval{min-width:250mm}
}
@media print{
    .formal-report-toolbar{display:none!important}
    .formal-report-print-root,.formal-report-print-body{background:#fff!important}
    .formal-report-document{width:auto;min-height:0;margin:0;padding:0;box-shadow:none;page:formal-report-landscape}
    .formal-report-section{break-inside:auto}
    .formal-report-section-heading{break-after:avoid;page-break-after:avoid}
}


/* v0.16.4 - alur MUK hibrida dan paket PDF asesmen */
.muk-source-choice{border:0;padding:0;margin:0;min-width:0}.muk-source-choice legend{font-size:.82rem;font-weight:800;margin-bottom:9px}.muk-source-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.muk-choice-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 11px;padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer}.muk-choice-card input{position:absolute;opacity:0;pointer-events:none}.muk-choice-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface))}.muk-choice-icon{grid-row:1/4;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--navy-800)}.muk-choice-card strong{font-size:.9rem}.muk-choice-card small{color:var(--muted);line-height:1.45}.muk-choice-card em{justify-self:start;margin-top:4px;padding:3px 7px;border-radius:999px;background:var(--success-soft);color:var(--success-strong);font-size:.67rem;font-style:normal;font-weight:800}.muk-choice-card.is-legacy{grid-column:1/-1}.muk-flow-grid-simple .muk-flow-card{min-height:148px}
.muk-assessment-package{display:grid;gap:18px}.muk-package-sheet{break-after:page;page-break-after:always;margin:18px auto}.muk-package-sheet:last-child{break-after:auto;page-break-after:auto}.muk-package-sheet.orientation-landscape{width:297mm;min-height:210mm;page:muk-landscape}.muk-package-sheet.orientation-portrait{width:210mm;min-height:297mm;page:muk-portrait}.muk-official-header{grid-template-columns:30mm minmax(0,1fr) 30mm;min-height:18mm;border:0;border-bottom:2px solid #111}.muk-print-regulator{display:flex;align-items:center;justify-content:center;gap:2mm;padding:2mm;border-right:0}.muk-print-regulator strong{font-size:14pt;letter-spacing:-.05em}.muk-print-regulator small{font-size:5.7pt;line-height:1.05}.muk-official-header .muk-print-heading{padding:1.5mm}.muk-official-header .muk-print-heading strong{font-size:7pt}.muk-official-header .muk-print-heading b{font-size:10pt}.muk-official-header .muk-print-heading span{font-size:5.8pt}.muk-official-header .muk-print-heading small{font-size:5.8pt}.muk-official-header .muk-print-brand{border-right:0;padding:2mm}.muk-official-header .muk-print-brand img{max-width:27mm;max-height:14mm}.muk-form-code-line{display:flex;align-items:baseline;gap:4px;border-bottom:1px solid #111;padding:2mm 0 1.5mm;margin-bottom:3mm;font-size:8pt}.muk-form-code-line span{margin-left:auto;font-size:6.4pt;color:#333}.muk-draft-watermark{position:absolute;z-index:0;inset:42% auto auto 50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:52pt;font-weight:900;letter-spacing:.12em;color:rgba(120,120,120,.12);pointer-events:none}.muk-print-document>*{position:relative;z-index:1}.evidence-appendix-table small{font-size:6.5pt;overflow-wrap:anywhere}
@media(max-width:760px){.muk-source-choice-grid{grid-template-columns:1fr}.muk-choice-card.is-legacy{grid-column:auto}}
@media print{.muk-assessment-package{display:block}.muk-package-sheet{margin:0;box-shadow:none}.muk-package-sheet.orientation-landscape{width:auto;min-height:0}.muk-package-sheet.orientation-portrait{width:auto;min-height:0}.muk-package-sheet .muk-print-footer{position:absolute}.muk-draft-watermark{position:fixed}}

/* v0.16.5 - template PDF multi-skema dan multi-versi */
.muk-template-scope-note{margin:0}.muk-template-profile-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;align-items:start}.muk-template-profile-form{display:grid;gap:16px;padding:18px}.muk-template-reuse-card{position:sticky;top:92px}.muk-template-reuse-body{display:grid;gap:14px;padding:18px}.muk-template-reuse-body form{display:grid;gap:12px}.muk-template-documents-panel{overflow:hidden}.muk-template-document-list{display:grid}.muk-template-document-row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.muk-template-document-row:last-child{border-bottom:0}.muk-template-document-row.is-excluded{background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface));opacity:.82}.muk-template-document-identity{display:flex;gap:11px;align-items:flex-start}.muk-template-document-identity>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);font-size:.75rem;font-weight:850;color:var(--navy-800)}.muk-template-document-identity>div{display:grid;gap:3px;min-width:0}.muk-template-document-identity strong{font-size:.88rem;color:var(--navy-900)}.muk-template-document-identity small{font-size:.73rem;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.muk-template-document-form{display:grid;gap:12px;min-width:0}.muk-template-document-form .field{margin:0}.muk-template-document-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.muk-template-document-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.muk-template-document-actions>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muk-output-profile-summary{display:grid;gap:3px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.muk-output-profile-summary small{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.muk-output-profile-summary strong{font-size:.86rem;color:var(--navy-900)}.muk-output-profile-summary span{font-size:.74rem;color:var(--muted)}
.muk-header-minimal{grid-template-columns:26mm minmax(0,1fr);min-height:20mm;border:0;border-bottom:1.5px solid #111}.muk-header-minimal .muk-print-brand{border:0;border-right:1px solid #111}.muk-header-minimal .muk-print-heading{align-items:flex-start;text-align:left;padding:2mm 4mm}.muk-header-minimal .muk-print-heading b{font-size:11pt}.muk-header-minimal .muk-print-heading span{font-size:7pt}.muk-header-minimal .muk-print-heading small{font-size:6.5pt}.muk-header-source-aligned{border:1px solid #111;border-bottom:1px solid #111}.muk-source-reference-line{margin:-1.5mm 0 2.5mm;padding:1.2mm 2mm;border:1px solid #777;border-top:0;font-size:6.5pt;color:#333}.layout-variant-compact .muk-print-table{font-size:7.2pt;margin:2mm 0 3mm}.layout-variant-compact .muk-print-table th,.layout-variant-compact .muk-print-table td{padding:1.2mm 1.5mm;line-height:1.25}.layout-variant-compact .print-section,.layout-variant-compact .print-note,.layout-variant-compact .print-instructions{padding:2mm;margin:2mm 0;font-size:7.6pt}.layout-variant-source_aligned .muk-print-table th{background:#fff}.layout-variant-source_aligned .muk-print-table,.layout-variant-source_aligned .muk-print-table th,.layout-variant-source_aligned .muk-print-table td{border-color:#222}.template-family-source_aligned .muk-cover-page{justify-content:flex-start;padding-top:30mm}.template-family-source_aligned .muk-cover-page h2{border-top:2px solid #111;border-bottom:2px solid #111;width:100%;padding:5mm 0}
@media(max-width:1180px){.muk-template-document-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.muk-template-profile-layout{grid-template-columns:1fr}.muk-template-reuse-card{position:static}}
@media(max-width:760px){.muk-template-document-row{grid-template-columns:1fr;padding:16px}.muk-template-document-controls{grid-template-columns:1fr}.muk-template-document-actions{align-items:flex-start;flex-direction:column}.muk-template-document-actions>div{width:100%}.muk-template-document-actions .button{flex:1;justify-content:center}.muk-template-profile-layout{gap:14px}}

/* v0.16.7 — workflow spacing harmony
   Keeps workflow directions and their primary actions visually separated from
   the phase cards above and the operational panels below. */
.workflow-tabs:not(.muk-workflow-tabs){margin-bottom:clamp(20px,2vw,26px)}
.workflow-guidance{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:clamp(20px,2.2vw,30px);
    margin:0 0 clamp(20px,2vw,26px);
    padding:clamp(18px,1.7vw,22px) clamp(20px,2vw,26px);
    border-color:rgba(var(--role-accent-rgb),.15);
    background:linear-gradient(135deg,#fff 0%,rgba(var(--role-accent-rgb),.045) 100%);
    box-shadow:0 10px 30px rgba(15,35,49,.05);
}
.workflow-guidance-copy{min-width:0;padding-right:clamp(0px,1vw,10px)}
.workflow-guidance .overline{display:block;margin-bottom:7px}
.workflow-guidance h2{
    margin:0;
    max-width:980px;
    color:var(--ink-900);
    font-size:clamp(16px,1.2vw,18px);
    line-height:1.5;
    letter-spacing:-.008em;
}
.workflow-guidance-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.workflow-guidance-actions .button{min-height:42px;white-space:nowrap}
.assignment-toolbar{margin-bottom:clamp(20px,2vw,26px);padding:18px 20px}

@media (max-width:760px){
    .workflow-tabs:not(.muk-workflow-tabs){margin-bottom:18px}
    .workflow-guidance{
        grid-template-columns:1fr;
        gap:16px;
        margin-bottom:18px;
        padding:17px 16px;
    }
    .workflow-guidance-copy{padding-right:0}
    .workflow-guidance h2{font-size:16px;line-height:1.48}
    .workflow-guidance-actions{justify-content:stretch}
    .workflow-guidance-actions .button{width:100%;white-space:normal}
    .assignment-toolbar{margin-bottom:18px;padding:16px}
}


/* v0.16.8 — easy MUK instrument workflow
   Existing FR.IA packages become the primary path; full digital authoring remains advanced. */
.easy-authoring-intro{margin-bottom:18px}
.easy-authoring-shell .wizard-content{min-width:0}
.source-instrument-panel{overflow:hidden}
.source-instrument-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid var(--line-soft);background:linear-gradient(135deg,var(--surface-soft),var(--surface))}
.source-instrument-summary h2{margin:5px 0 6px;font-size:clamp(20px,2vw,28px)}
.source-instrument-summary p{margin:0;color:var(--ink-500)}
.source-instrument-list{display:grid}
.source-instrument-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line-soft)}
.source-instrument-list article:last-child{border-bottom:0}
.source-instrument-list article>div{display:grid;gap:3px;min-width:0}
.source-instrument-list strong,.source-instrument-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-instrument-list small{color:var(--ink-500)}
.compact-empty-state{min-height:220px;border:0;border-radius:0;box-shadow:none}
.authoring-support-documents{margin-top:18px;overflow:hidden}
.authoring-support-documents>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}
.authoring-support-documents>summary::-webkit-details-marker{display:none}
.authoring-support-documents>summary>div{display:grid;gap:3px}
.authoring-support-documents>summary small{color:var(--ink-500)}
.details-panel-body{border-top:1px solid var(--line-soft)}
.instrument-review-list{display:grid;gap:14px}
.instrument-review-row{display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(480px,2fr) minmax(180px,.75fr) auto;align-items:end;gap:18px;padding:18px 20px}
.instrument-review-row.is-archived{opacity:.78;background:var(--surface-soft)}
.instrument-review-identity{min-width:0;align-self:center}
.instrument-review-identity h3{margin:5px 0 4px;font-size:17px}
.instrument-review-identity p{margin:0;color:var(--ink-500);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.instrument-quick-form{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;align-items:end;gap:10px;min-width:0}
.instrument-quick-form .field{margin:0;min-width:0}
.instrument-quick-form .field>span{font-size:11px}
.instrument-review-state{align-self:center;display:grid;justify-items:start;gap:6px;min-width:0}
.instrument-review-state small{color:var(--ink-500);line-height:1.45}
.instrument-review-row>.row-actions{align-self:center;flex-wrap:nowrap}
.easy-mapping-stack{display:grid;gap:18px}
.easy-mapping-card{overflow:hidden}
.unit-scope-form{padding:18px 22px}
.mapping-quick-actions{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.bulk-check-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:12px;background:var(--canvas-soft)}
.bulk-check-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bulk-check-status{color:var(--ink-500);font-size:11px;text-align:right}
.unit-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.unit-scope-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-soft);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.unit-scope-option:hover{border-color:var(--theme-primary);transform:translateY(-1px)}
.unit-scope-option:has(input:checked){border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary-soft) 68%,var(--surface))}
.unit-scope-option input{margin-top:3px}
.unit-scope-option span{display:grid;gap:4px;min-width:0}
.unit-scope-option strong{font-size:12px;color:var(--ink-800)}
.unit-scope-option small{color:var(--ink-500);line-height:1.35}
.unit-scope-form>footer{display:flex;justify-content:flex-end;margin-top:14px}
.precise-mapping-details{border-top:1px solid var(--line-soft)}
.precise-mapping-details>summary{padding:15px 22px;cursor:pointer;font-weight:800;color:var(--theme-primary-strong);background:var(--surface-soft)}
.precise-mapping-details form>footer{display:flex;justify-content:flex-end;padding:0 22px 18px}
@media (max-width:1240px){
  .instrument-review-row{grid-template-columns:minmax(220px,1fr) minmax(0,2fr) auto}
  .instrument-review-state{grid-column:1/3;display:flex;align-items:center;gap:10px}
  .instrument-review-row>.row-actions{grid-column:3;grid-row:1/3}
  .instrument-quick-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
}
@media (max-width:900px){
  .source-instrument-summary{align-items:flex-start;flex-direction:column}
  .source-instrument-summary form,.source-instrument-summary .button{width:100%}
  .instrument-review-row{grid-template-columns:1fr auto;align-items:start}
  .instrument-review-identity{grid-column:1}
  .instrument-review-row>.row-actions{grid-column:2;grid-row:1}
  .instrument-quick-form{grid-column:1/3;grid-template-columns:1fr 1fr}
  .instrument-quick-form .button{width:100%}
  .instrument-review-state{grid-column:1/3}
  .unit-scope-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .source-instrument-summary{padding:18px}
  .source-instrument-list article{grid-template-columns:auto minmax(0,1fr);padding:14px}
  .source-instrument-list article>.status{grid-column:2;justify-self:start}
  .instrument-review-row{padding:16px}
  .instrument-quick-form{grid-template-columns:1fr}
  .instrument-review-state{display:grid}
  .mapping-quick-actions{display:grid;grid-template-columns:1fr}
  .mapping-quick-actions .button,.unit-scope-form>footer .button{width:100%}
  .unit-scope-form{padding:14px}
  .precise-mapping-details>summary{padding:14px}
}

/* v0.16.10 — delegated internal-role operations */
.delegation-notice{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--theme-primary) 24%,var(--line-soft));background:color-mix(in srgb,var(--theme-primary-soft) 46%,var(--surface));box-shadow:none}
.delegation-notice>svg{flex:0 0 auto;width:22px;height:22px;color:var(--theme-primary);margin-top:1px}
.delegation-notice>div{display:grid;gap:4px}
.delegation-notice strong{font-size:14px;color:var(--ink-900)}
.delegation-notice p{margin:0;color:var(--ink-600);line-height:1.55}
.delegation-takeover{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px;margin-bottom:18px;border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--line-soft));background:color-mix(in srgb,var(--theme-primary-soft) 42%,var(--surface))}
.delegation-takeover>div{min-width:0}
.delegation-takeover h2{margin:4px 0 6px;font-size:20px}
.delegation-takeover p{margin:0;color:var(--ink-600);line-height:1.55}
.delegation-takeover form{flex:0 0 auto}
@media(max-width:760px){.delegation-takeover{align-items:stretch;flex-direction:column}.delegation-takeover form,.delegation-takeover .button{width:100%}}


/* v0.16.11 — Ketua LSP MUK action visibility */
.approval-primary-action {
  margin-top: 18px;
  margin-bottom: 20px;
  border: 1px solid color-mix(in srgb, var(--accent, #1d5f7a) 24%, var(--line));
  box-shadow: 0 14px 34px rgba(15, 39, 54, .08);
}
.approval-primary-action.is-active-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
@media (max-width: 760px) {
  .approval-primary-action,
  .approval-primary-action.is-active-state {
    align-items: stretch;
    flex-direction: column;
  }
  .approval-primary-action .decision-actions,
  .approval-primary-action form,
  .approval-primary-action .button {
    width: 100%;
  }
}

/* v0.16.12 — formal MUK signature workflow */
.muk-signature-recovery{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-color:color-mix(in srgb,var(--gold-500,#9b7427) 34%,var(--line-soft));background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--gold-soft,#f6edd8) 72%,var(--surface)))}
.muk-signature-recovery>div{min-width:0;max-width:760px}
.muk-signature-recovery h2{margin:4px 0 6px;font-size:20px}
.muk-signature-recovery p{margin:0;color:var(--ink-600);line-height:1.6}
.muk-signature-recovery form{display:grid;justify-items:end;gap:12px;min-width:min(100%,420px)}
.muk-signature-preview{display:flex;align-items:center;gap:10px}
.muk-signature-preview img{width:150px;max-height:68px;padding:5px;border:1px solid var(--line);border-radius:10px;object-fit:contain;background:#fff}
.muk-signature-preview span{display:grid;gap:2px}
.muk-signature-preview small{color:var(--ink-500);font-size:11px;line-height:1.4}
.decision-signature-mini{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}
.decision-signature-mini img{width:96px;height:42px;padding:3px;border:1px solid var(--line-soft);object-fit:contain;background:#fff;border-radius:7px}
.decision-signature-mini span,.decision-signature-mini strong,.decision-signature-mini small{display:block}
.decision-signature-mini strong{font-size:12px;color:var(--ink-800)}
.decision-signature-mini small{margin-top:2px;color:var(--ink-500);font-size:10px}
.decision-signature-missing{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);color:var(--danger);font-size:11px;font-weight:800}
.muk-decision-signature-state{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line-soft)}
.muk-decision-signature-state>svg{flex:0 0 auto;width:15px;height:15px;margin-top:1px}
.muk-decision-signature-state>span{display:grid;gap:1px}
.muk-decision-signature-state strong{font-size:11px}
.muk-decision-signature-state small{font-size:10px;color:var(--ink-500)}
.muk-decision-signature-state.is-signed{color:var(--success)}
.muk-decision-signature-state.is-missing{color:var(--danger)}
.muk-decision-signature-state.is-neutral{color:var(--ink-500)}
@media(max-width:760px){
  .muk-signature-recovery{align-items:stretch;flex-direction:column}
  .muk-signature-recovery form{justify-items:stretch;min-width:0}
  .muk-signature-recovery .button{width:100%}
  .muk-signature-preview{align-items:flex-start;flex-direction:column}
  .muk-signature-preview img{width:100%;max-height:82px}
}


/* v0.16.13 — table-first responsive UI and automatic workflow harmony */
.table-first-region{width:100%;min-width:0;background:#fff}
.table-first{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}
.table-first th{font-size:10.5px;letter-spacing:.055em;text-transform:uppercase;color:var(--ink-600);background:linear-gradient(180deg,#fbfcfc,#f5f7f7)}
.table-first td{vertical-align:middle}
.table-first tbody tr{transition:background-color .14s ease}
.table-first tbody tr:hover{background:rgba(var(--role-accent-rgb),.035)}
.table-first tbody tr.is-selected-row{background:rgba(var(--role-accent-rgb),.075);box-shadow:inset 3px 0 0 var(--role-accent)}
.table-first .table-main-link{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none}
.table-first .table-main-link:hover strong{color:var(--role-accent)}
.table-first .table-main-link small{color:var(--ink-500);font-size:11px;line-height:1.35}
.table-first .table-actions{gap:6px}
.table-first-panel{overflow:hidden}
.table-first-panel>.table-scroll{border-top:0}
.table-progress{display:flex;align-items:center;gap:9px;min-width:132px}
.table-progress>span{display:block;width:82px;height:7px;border-radius:999px;background:var(--canvas-soft);overflow:hidden}
.table-progress>span>i{display:block;width:0;height:100%;border-radius:inherit;background:var(--role-accent)}
.table-progress strong{min-width:38px;font-size:12px}
.table-inline-form{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(135px,1fr) minmax(130px,1fr) auto;align-items:center;gap:7px;min-width:590px}
.table-inline-form select{min-height:36px;padding-block:6px;font-size:11.5px}
.is-muted-row{opacity:.72;background:var(--canvas-soft)}
.table-queue-panel{min-width:0;overflow:hidden}
.table-queue-panel .table-scroll{max-height:calc(100vh - 260px);overflow:auto}
.queue-table{min-width:420px}
.queue-table th:last-child,.queue-table td:last-child{width:120px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:980px){
  .table-first{min-width:720px}
  .table-queue-panel .table-scroll{max-height:none}
  .table-inline-form{grid-template-columns:minmax(150px,1fr) minmax(130px,1fr) minmax(125px,1fr) auto}
}
@media(max-width:640px){
  .table-first{min-width:680px}
  .table-scroll{border-radius:0 0 var(--composition-radius) var(--composition-radius)}
  .table-progress{min-width:118px}
  .table-progress>span{width:68px}
  .data-page-size-toolbar{padding-inline:12px}
}


/* v0.16.14 — scheme lists are table-first across operational roles */
.scheme-table-first{min-width:940px}
.scheme-table-first th:first-child,.scheme-table-first td:first-child{min-width:230px}
.scheme-table-first th:nth-child(2),.scheme-table-first td:nth-child(2){min-width:135px}
.scheme-table-first th:nth-child(3),.scheme-table-first td:nth-child(3){min-width:165px}
.scheme-table-first th:nth-child(4),.scheme-table-first td:nth-child(4){min-width:125px}
.scheme-table-first th:nth-child(5),.scheme-table-first td:nth-child(5){min-width:185px}
.scheme-table-first tbody tr.is-priority-row{background:rgba(var(--role-accent-rgb),.055);box-shadow:inset 3px 0 0 var(--role-accent)}
.scheme-table-first tbody tr.is-priority-row:hover{background:rgba(var(--role-accent-rgb),.085)}
@media(max-width:760px){.scheme-table-first{min-width:860px}}

/* v0.16.15 — all-role table-first policy for repeated operational data */
.data-table progress,
.table-progress progress{width:92px;height:7px;border:0;border-radius:999px;overflow:hidden;background:var(--canvas-soft)}
.table-progress progress::-webkit-progress-bar{background:var(--canvas-soft);border-radius:999px}
.table-progress progress::-webkit-progress-value{background:var(--role-accent);border-radius:999px}
.table-progress progress::-moz-progress-bar{background:var(--role-accent);border-radius:999px}
.table-progress small{display:block}
.table-badge-stack{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;max-width:420px}
.table-file-link{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:750;color:var(--role-accent);text-decoration:none}
.table-file-link svg{width:14px;height:14px}
.table-details{max-width:360px}
.table-details summary{cursor:pointer;font-weight:750;color:var(--role-accent)}
.table-details pre{max-width:360px;max-height:220px;margin:8px 0 0;padding:10px;overflow:auto;border:1px solid var(--line-soft);border-radius:9px;background:var(--canvas-soft);font-size:10px;white-space:pre-wrap;word-break:break-word}
.table-continuation{font-size:11px;color:var(--ink-500)}
.table-check{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.table-check-list{display:grid;gap:5px;min-width:170px;max-height:150px;overflow:auto}
.table-check-list label,.table-radio-group label{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.35}
.table-radio-group{display:flex;align-items:center;gap:10px;white-space:nowrap}
.data-table input[type="text"],
.data-table input[type="number"],
.data-table input[type="search"],
.data-table select,
.data-table textarea{width:100%;min-width:120px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink-900);font:inherit}
.data-table input[type="text"],
.data-table input[type="number"],
.data-table input[type="search"],
.data-table select{min-height:36px;padding:7px 9px}
.data-table textarea{min-width:210px;padding:8px 9px;resize:vertical}
.data-table input:disabled,.data-table select:disabled,.data-table textarea:disabled{background:var(--canvas-soft);color:var(--ink-500);cursor:not-allowed}
.muk-template-table{min-width:1450px}
.muk-template-table td:nth-child(2){min-width:230px}
.muk-template-table td:nth-child(7){min-width:210px}
.apl02-assessment-table{min-width:1280px}
.apl02-assessment-table td:nth-child(1){min-width:210px}
.apl02-assessment-table td:nth-child(2){min-width:260px}
.apl02-assessment-table tr.needs-revision{background:rgba(178,80,58,.045);box-shadow:inset 3px 0 0 var(--danger)}
.table-upload-form{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:7px;min-width:242px}
.table-file-input{max-width:190px;min-width:150px;font-size:10.5px}
.table-upload-form .file-control{grid-template-columns:32px minmax(112px,1fr)!important;min-height:46px;padding:6px 8px;gap:1px 8px;border-radius:10px}
.table-upload-form .file-control::before{width:30px;height:30px;border-radius:9px;background-size:17px}
.table-upload-form .file-control::after{display:none}
.table-upload-form .file-control strong{font-size:11.5px;line-height:1.25}
.table-upload-form .file-control small{margin-top:1px;font-size:9.5px;line-height:1.25}
.responsive-table .table-actions:has(.table-upload-form){display:grid;grid-template-columns:repeat(2,max-content);justify-items:end;gap:7px;min-width:242px}
.responsive-table .table-actions:has(.table-upload-form) .table-upload-form{grid-column:1/-1}
.structure-table-panel{min-width:0}
.structure-table-panel .data-table{min-width:900px}
@media(max-width:760px){
  .muk-template-table{min-width:1320px}
  .apl02-assessment-table{min-width:1180px}
  .table-upload-form,.responsive-table .table-actions:has(.table-upload-form){min-width:232px}
  .table-details pre{max-width:280px}
}

/* v0.16.16 — certificate administration page harmony */
.certificate-detail-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--composition-gap);min-width:0}
.certificate-list-panel,.certificate-detail-panel,.certificate-signature-panel,.certificate-handover-panel{min-width:0;overflow:hidden}
.certificate-table{min-width:1120px}
.certificate-table th:first-child,.certificate-table td:first-child{min-width:170px}
.certificate-table th:nth-child(2),.certificate-table td:nth-child(2){min-width:225px}
.certificate-table th:nth-child(3),.certificate-table td:nth-child(3){min-width:190px}
.certificate-table th:nth-child(4),.certificate-table td:nth-child(4){min-width:160px}
.certificate-table th:nth-child(5),.certificate-table td:nth-child(5){min-width:145px}
.certificate-record-table{min-width:880px}
.certificate-record-table th,.certificate-record-table td{vertical-align:top}
.certificate-note-row{display:grid;gap:5px;padding:17px 20px;border-top:1px solid var(--line-soft);background:var(--canvas-soft)}
.certificate-note-row strong{font-size:12px;color:var(--ink-800)}
.certificate-note-row p{margin:0;color:var(--ink-600);line-height:1.58}
.certificate-signature-thumb{display:block;width:190px;height:72px;padding:5px;border:1px solid var(--line-soft);border-radius:9px;background:#fff;object-fit:contain}
.certificate-signature-thumb.compact{width:150px;height:58px;margin-bottom:4px}
.certificate-handover-panel .table-actions{justify-content:flex-end}
.certificate-list-panel tbody tr.is-selected-row{background:rgba(var(--role-accent-rgb),.075);box-shadow:inset 3px 0 0 var(--role-accent)}
@media(max-width:760px){
  .certificate-table{min-width:1020px}
  .certificate-record-table{min-width:800px}
  .certificate-handover-panel .panel-head-responsive{align-items:stretch}
  .certificate-handover-panel .table-actions{display:grid;grid-template-columns:1fr;width:100%}
  .certificate-handover-panel .table-actions .button{width:100%}
}

/* v0.17.0 — guided process, operational readiness, and visible blockers */
.process-guidance{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 var(--composition-gap);padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--composition-radius);background:linear-gradient(135deg,#fff,var(--canvas-soft));box-shadow:var(--shadow-sm)}
.process-guidance-warning{border-color:rgba(183,125,39,.28);background:linear-gradient(135deg,#fff,rgba(183,125,39,.065))}
.process-guidance-info{border-color:rgba(var(--role-accent-rgb),.22);background:linear-gradient(135deg,#fff,rgba(var(--role-accent-rgb),.055))}
.process-guidance-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(var(--role-accent-rgb),.1);color:var(--role-accent)}
.process-guidance-warning .process-guidance-icon{background:rgba(183,125,39,.12);color:var(--warning)}
.process-guidance-icon svg{width:21px;height:21px}
.process-guidance-copy{min-width:0}
.process-guidance-copy .overline{display:block;margin-bottom:3px}
.process-guidance-copy strong{display:block;font-size:14px;color:var(--ink-900)}
.process-guidance-copy p{margin:3px 0 0;color:var(--ink-600);font-size:12px;line-height:1.5}

.readiness-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);align-items:stretch;gap:18px;overflow:hidden;margin-bottom:var(--composition-gap);padding:26px;border-radius:calc(var(--composition-radius) + 4px);background:linear-gradient(135deg,var(--ink-900),var(--role-accent));color:#fff;box-shadow:var(--shadow-lg)}
.readiness-hero::after{content:"";position:absolute;right:-80px;bottom:-110px;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 75px rgba(255,255,255,.025)}
.readiness-hero-copy{position:relative;z-index:1;align-self:center;max-width:780px}
.readiness-hero-copy h1{max-width:760px;margin:6px 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.035em;color:#fff}
.readiness-hero-copy p{max-width:720px;margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.65}
.readiness-score-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.readiness-score-card>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.readiness-score-card>strong{display:flex;align-items:flex-start;gap:2px;margin:7px 0 11px;font-size:48px;line-height:1;color:#fff}
.readiness-score-card>strong small{margin-top:5px;font-size:18px}
.readiness-score-card>small{margin-top:9px;color:rgba(255,255,255,.75);line-height:1.45}
.readiness-progress{display:block;width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:rgba(255,255,255,.16);appearance:none}
.readiness-progress::-webkit-progress-bar{background:rgba(255,255,255,.16);border-radius:999px}
.readiness-progress::-webkit-progress-value{background:#fff;border-radius:999px}
.readiness-progress::-moz-progress-bar{background:#fff;border-radius:999px}
.next-handoff{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:var(--composition-gap);padding:18px 20px}
.next-handoff-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(var(--role-accent-rgb),.11);color:var(--role-accent)}
.next-handoff-icon svg{width:23px;height:23px}
.next-handoff h2{margin:3px 0 4px;font-size:18px}
.next-handoff p{margin:0 0 4px;color:var(--ink-600)}
.next-handoff small{color:var(--ink-500)}
.readiness-panel,.service-flow-panel{margin-bottom:var(--composition-gap)}
.readiness-step-list{display:grid;border-top:1px solid var(--line-soft)}
.readiness-step{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(145px,auto);align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid var(--line-soft);transition:background .18s ease}
.readiness-step:last-child{border-bottom:0}
.readiness-step:hover{background:var(--canvas-soft)}
.readiness-step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--canvas-soft);color:var(--ink-500);font-size:11px;font-weight:850}
.readiness-step.is-done .readiness-step-number{background:rgba(38,135,93,.12);color:var(--success)}
.readiness-step-number svg{width:18px;height:18px}
.readiness-step-copy{min-width:0}
.readiness-step-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.readiness-step-title strong{font-size:13.5px;color:var(--ink-900)}
.readiness-step-copy p{margin:4px 0;color:var(--ink-600);font-size:12px;line-height:1.52}
.readiness-step-copy>small{display:flex;align-items:center;gap:5px;color:var(--ink-500);font-size:10.5px}
.readiness-step-copy>small svg{width:13px;height:13px}
.readiness-step-action{display:flex;justify-content:flex-end}
.readiness-owner-wait{max-width:150px;text-align:right;color:var(--ink-500);font-size:10.5px;line-height:1.4}
.service-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line-soft)}
.service-flow-grid article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-width:0;padding:14px 18px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.service-flow-grid article:nth-child(even){border-right:0}
.service-flow-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(var(--role-accent-rgb),.09);color:var(--role-accent);font-size:10px;font-weight:850}
.service-flow-grid strong,.service-flow-grid small{display:block}
.service-flow-grid strong{font-size:12px;color:var(--ink-900)}
.service-flow-grid small{margin-top:2px;color:var(--ink-500);font-size:10.5px}
.prerequisite-blocker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:var(--composition-gap);padding:16px 18px;border:1px solid rgba(183,125,39,.25);border-radius:var(--composition-radius);background:rgba(183,125,39,.055)}
.prerequisite-blocker>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(183,125,39,.12);color:var(--warning)}
.prerequisite-blocker h2{margin:0 0 3px;font-size:15px}
.prerequisite-blocker p{margin:0;color:var(--ink-600);font-size:12px;line-height:1.5}
.button[disabled][data-blocked-reason]{position:relative;opacity:.58;cursor:not-allowed}

@media(max-width:900px){
  .readiness-hero{grid-template-columns:1fr}
  .readiness-score-card{max-width:360px}
  .process-guidance,.next-handoff,.prerequisite-blocker{grid-template-columns:auto minmax(0,1fr)}
  .process-guidance>.button,.next-handoff>.button,.next-handoff>.status-badge,.prerequisite-blocker>.button{grid-column:1/-1;justify-self:stretch}
  .readiness-step{grid-template-columns:auto minmax(0,1fr)}
  .readiness-step-action{grid-column:2;justify-content:flex-start}
}
@media(max-width:640px){
  .readiness-hero{padding:20px}
  .readiness-hero-copy h1{font-size:28px}
  .readiness-score-card{max-width:none}
  .process-guidance,.next-handoff,.prerequisite-blocker{grid-template-columns:1fr;padding:14px}
  .process-guidance-icon,.next-handoff-icon,.prerequisite-blocker>span{width:38px;height:38px}
  .readiness-step{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:14px}
  .readiness-step-action{grid-column:1/-1}
  .readiness-step-action .button{width:100%}
  .service-flow-grid{grid-template-columns:1fr}
  .service-flow-grid article{border-right:0}
}

/* v0.17.1 — simplified and guided FR.APL.02 flow */
.apl02-role-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.apl02-role-roadmap>div{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 10px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-xs)}
.apl02-role-roadmap>div>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface-soft);color:var(--ink-500);font-weight:800}
.apl02-role-roadmap>div strong{font-size:13px;color:var(--navy-900)}
.apl02-role-roadmap>div small{color:var(--ink-500);font-size:11px;line-height:1.45}
.apl02-role-roadmap>div.is-active{border-color:var(--gold-300);background:linear-gradient(135deg,var(--gold-100),#fff)}
.apl02-role-roadmap>div.is-active>span{background:#fff;color:var(--gold-900)}
.apl02-owner-callout.primary{border-color:#b9d4df;background:var(--navy-100)}
.apl02-owner-callout.warning{border-color:#ead7af;background:var(--warning-soft);color:var(--warning)}
.apl02-owner-callout.danger{border-color:#ecc3c3;background:var(--danger-soft);color:var(--danger)}
.apl02-owner-callout.success{border-color:#b9ddcc;background:var(--success-soft);color:var(--success)}
.apl02-owner-callout.neutral{border-color:var(--line);background:var(--surface-soft)}
.wizard-next-action{display:flex;justify-content:flex-end;margin-top:16px}
.apl02-bulk-form{display:grid;gap:14px}
.apl02-choice-group{display:grid;gap:7px;min-width:150px}
.apl02-choice-group label{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line-soft);border-radius:9px;background:#fff;cursor:pointer}
.apl02-choice-group label:has(input:checked){border-color:var(--gold-300);background:var(--gold-100)}
.apl02-choice-group input{flex:0 0 auto}
.apl02-choice-group span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;width:100%}
.apl02-choice-group strong{font-size:12px}
.apl02-choice-group small{padding:2px 5px;border-radius:5px;background:var(--surface-soft);font-size:10px;font-weight:800}
.apl02-save-bar{position:sticky;bottom:calc(var(--footer-height,0px) + 12px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--gold-300);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 15px 34px rgba(11,31,43,.12);backdrop-filter:blur(12px)}
.apl02-save-bar>div{display:grid;gap:2px}.apl02-save-bar strong{font-size:13px;color:var(--navy-900)}.apl02-save-bar small{font-size:11px;color:var(--ink-500)}
.apl02-review-quickbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:16px 18px;border-color:var(--gold-300);background:linear-gradient(135deg,var(--gold-100),#fff)}
.apl02-review-quickbar>div{min-width:0}.apl02-review-quickbar h2{margin:3px 0 4px;font-size:18px}.apl02-review-quickbar p{margin:0;max-width:760px;color:var(--ink-600);font-size:12.5px;line-height:1.6}
.apl02-review-quickbar form{flex:0 0 auto}
@media (max-width:1080px){.apl02-role-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.apl02-role-roadmap{grid-template-columns:1fr}.apl02-save-bar,.apl02-review-quickbar{position:static;align-items:stretch;flex-direction:column}.apl02-save-bar .button,.apl02-review-quickbar .button{width:100%}.wizard-next-action .button{width:100%}}
@media (max-width:720px){.bulk-check-toolbar{align-items:stretch;flex-direction:column}.bulk-check-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.bulk-check-toolbar .button{width:100%}.bulk-check-status{text-align:left}}
@media (max-width:430px){.bulk-check-toolbar>div{grid-template-columns:1fr}}

/* v0.17.4 workflow integrity and UI consistency */
.field-required{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--danger-100,#fff0ef);color:var(--danger,#a53d36);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}
.schedule-readiness-guide{margin-top:18px}.requirement-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.requirement-list li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 32%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warning) 8%,#fff);color:var(--ink-700)}.requirement-list svg{flex:0 0 auto;color:var(--warning)}.inline-success{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--success) 7%,#fff);color:var(--success)}
.context-focus-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 19px}.context-focus-panel>div{min-width:0}.context-focus-panel h2{margin:3px 0 4px;font-size:18px}.context-focus-panel p{margin:0;color:var(--ink-500)}.context-focus-panel .button{flex:0 0 auto}
.apl02-role-roadmap>div.is-complete{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 7%,#fff)}.apl02-role-roadmap>div.is-complete>span{background:var(--success);color:#fff}.apl02-role-roadmap>div.is-current{border-color:color-mix(in srgb,var(--gold-700) 45%,var(--line));background:linear-gradient(135deg,var(--gold-100),#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-100) 62%,transparent)}.apl02-role-roadmap>div.is-current>span{background:#fff;color:var(--gold-900)}.apl02-role-roadmap>div.is-pending{opacity:.72}
@media(max-width:720px){.context-focus-panel{align-items:stretch;flex-direction:column}.context-focus-panel .button{width:100%;justify-content:center}}

/* v0.17.4 — simplified MUK workspace */
.muk-workflow-tabs-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.muk-context-advanced{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line-soft)}
.muk-simple-authoring{display:grid;gap:18px}
.muk-simple-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px;background:linear-gradient(135deg,#fff,var(--canvas-soft))}
.muk-simple-hero h2{margin:4px 0 7px;font-size:22px}.muk-simple-hero p{margin:0;max-width:780px;color:var(--ink-600);line-height:1.6}
.muk-simple-score{display:grid;place-items:center;align-content:center;width:112px;height:112px;border:1px solid rgba(var(--role-accent-rgb),.2);border-radius:50%;background:rgba(var(--role-accent-rgb),.07)}
.muk-simple-score strong{font-size:28px;color:var(--role-accent)}.muk-simple-score span{font-size:11px;color:var(--ink-500)}
.muk-simple-check-grid,.muk-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.muk-simple-check-grid article,.muk-check-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:17px}
.muk-check-grid article{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.muk-simple-check-grid article>span,.muk-check-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--canvas-soft);color:var(--ink-500)}
.muk-simple-check-grid article.is-ready,.muk-check-grid article.is-ready{border-color:color-mix(in srgb,var(--success) 30%,var(--line));background:color-mix(in srgb,var(--success) 5%,#fff)}
.muk-simple-check-grid article.is-ready>span,.muk-check-grid article.is-ready>span{background:color-mix(in srgb,var(--success) 12%,#fff);color:var(--success)}
.muk-simple-check-grid article.is-blocked,.muk-check-grid article.is-blocked{border-color:color-mix(in srgb,var(--warning) 30%,var(--line));background:color-mix(in srgb,var(--warning) 5%,#fff)}
.muk-simple-check-grid article.is-blocked>span,.muk-check-grid article.is-blocked>span{background:color-mix(in srgb,var(--warning) 12%,#fff);color:var(--warning)}
.muk-simple-check-grid h3,.muk-check-grid h3{margin:3px 0 4px;font-size:15px}.muk-simple-check-grid p,.muk-check-grid p{margin:0;color:var(--ink-600);font-size:12px;line-height:1.5}.muk-simple-check-grid small,.muk-check-grid small{color:var(--ink-500);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.muk-simple-source-list>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 18px}.muk-simple-source-list>summary>span:first-child{color:var(--role-accent)}.muk-simple-source-list>summary>div{flex:1;min-width:0}.muk-simple-source-list>summary strong,.muk-simple-source-list>summary small{display:block}.muk-simple-source-list>summary small{margin-top:2px;color:var(--ink-500)}
.muk-simple-sync,.muk-simple-actions,.bulk-action-bar,.bulk-action-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}
.muk-simple-sync h2{margin:3px 0 4px;font-size:18px}.muk-simple-sync p{margin:0;color:var(--ink-600)}
.muk-simple-actions{padding:16px 0}.muk-simple-actions form{margin-left:auto}
.bulk-instrument-form{display:grid;gap:12px}.bulk-action-bar,.bulk-action-footer{padding:13px 15px;border:1px solid var(--line-soft);border-radius:12px;background:var(--canvas-soft)}.bulk-action-bar strong,.bulk-action-bar small{display:block}.bulk-action-bar small{margin-top:2px;color:var(--ink-500)}.bulk-action-footer{justify-content:flex-end}
.muk-simple-blockers .muk-blocker-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.muk-simple-blockers .muk-blocker-list>div:last-child{border-bottom:0}.muk-simple-blockers .muk-blocker-list>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--canvas-soft);font-weight:800}.muk-simple-blockers p{margin:3px 0 0;color:var(--ink-600)}
.muk-review-detail{overflow:hidden}.muk-review-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer}.muk-review-detail>summary::-webkit-details-marker{display:none}
@media(max-width:960px){.muk-workflow-tabs-four{grid-template-columns:repeat(2,minmax(0,1fr))}.muk-simple-check-grid,.muk-check-grid{grid-template-columns:1fr}.muk-simple-hero{grid-template-columns:1fr}.muk-simple-score{width:96px;height:96px}.muk-check-grid article{grid-template-columns:auto minmax(0,1fr)}.muk-check-grid article .button{grid-column:1/-1;width:100%}}
@media(max-width:680px){.muk-workflow-tabs-four{grid-template-columns:1fr}.muk-context-advanced,.muk-simple-actions,.muk-simple-sync,.bulk-action-bar,.bulk-action-footer{align-items:stretch;flex-direction:column}.muk-context-advanced .button,.muk-simple-actions .button,.muk-simple-actions form,.muk-simple-actions form .button,.muk-simple-sync .button,.bulk-action-bar .button,.bulk-action-footer .button{width:100%}.muk-simple-actions form{margin-left:0}.muk-simple-hero{padding:17px}}


/* v0.17.5 — unified assessee process navigation */
.assessee-process-context{display:grid;gap:12px;margin-bottom:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}
.assessee-process-summary,.assessee-process-next{display:flex;align-items:center;justify-content:space-between;gap:16px}
.assessee-process-summary>div{display:grid;gap:3px;min-width:0}.assessee-process-summary strong{font-size:1rem;color:var(--text)}.assessee-process-summary small{color:var(--muted)}
.assessee-process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.assessee-process-step{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);color:var(--muted);text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.assessee-process-step>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:10px;background:var(--surface);font-size:.75rem;font-weight:800}.assessee-process-step strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.assessee-process-step.done{color:var(--success-strong);border-color:color-mix(in srgb,var(--success) 24%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface))}.assessee-process-step.active{color:var(--primary-strong);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.assessee-process-step.is-current-page{box-shadow:inset 0 0 0 1px currentColor}.assessee-process-step:not(.is-locked):hover{transform:translateY(-1px);border-color:var(--primary)}.assessee-process-step.is-locked{cursor:not-allowed;opacity:.62}
.assessee-process-next{padding:12px 14px;border-radius:15px;background:var(--surface-soft)}.assessee-process-next>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:var(--surface);color:var(--primary)}.assessee-process-next>div{display:grid;gap:2px;flex:1;min-width:0}.assessee-process-next small{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);font-size:.67rem}.assessee-process-next strong{color:var(--text)}.assessee-process-next p{margin:0;color:var(--muted);font-size:.82rem}
.table-actions-compact{flex-wrap:wrap}.table-actions-compact .button-primary{white-space:nowrap}
@media(max-width:900px){.assessee-process-steps{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.assessee-process-step{flex:0 0 165px}.assessee-process-summary,.assessee-process-next{align-items:flex-start}.assessee-process-next{flex-wrap:wrap}.assessee-process-next .button{margin-left:54px}}
@media(max-width:620px){.assessee-process-context{padding:12px;border-radius:18px}.assessee-process-summary{display:grid}.assessee-process-summary .button{justify-self:start}.assessee-process-next .button{width:100%;margin-left:0}.assessee-process-step{flex-basis:148px}}

/* Paperless assessment archive print */
.digital-response-print{border:1px solid #111;padding:3mm}.digital-response-print header{display:flex;justify-content:space-between;gap:4mm;border-bottom:1px solid #999;padding-bottom:2mm}.digital-response-print header span{font-size:7pt;font-weight:800}.digital-answer-print{min-height:18mm;padding:3mm 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.digital-response-print small{display:block;border-top:1px solid #bbb;padding-top:2mm;color:#444}
/* v0.17.5 — simple three-step MUK document experience */
.muk-simple-flow{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:18px}
.muk-simple-flow .muk-readiness-dial{grid-column:2;grid-row:1}
.muk-simple-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.muk-simple-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.muk-simple-steps article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-weight:800}
.muk-simple-steps article small,.muk-simple-steps article strong,.muk-simple-steps article p{display:block}.muk-simple-steps article small{margin-bottom:3px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.muk-simple-steps article p{margin:4px 0 0;color:var(--muted);font-size:12px}
.muk-simple-steps article.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,#fff)}.muk-simple-steps article.is-current>span{background:var(--accent);border-color:var(--accent);color:#fff}
.muk-simple-steps article.is-complete{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 7%,#fff)}.muk-simple-steps article.is-complete>span{background:var(--success);border-color:var(--success);color:#fff}
.muk-simple-steps article.is-waiting{opacity:.64}
.muk-next-help{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:12px;background:var(--surface-soft);color:var(--text);font-size:13px}.muk-next-help svg{flex:0 0 auto;color:var(--accent)}
.muk-technical-note{padding:2px 4px;color:var(--muted);font-size:12.5px}.muk-technical-note summary,.muk-row-more summary,.muk-side-more summary{cursor:pointer;font-weight:750;color:var(--accent)}.muk-technical-note p{margin:7px 0 0}
.muk-simple-document-table td{vertical-align:middle}.muk-simple-document-table th:first-child{min-width:270px}.muk-simple-document-table th:nth-child(2){min-width:210px}.muk-simple-document-table th:nth-child(3){min-width:210px}
.muk-simple-checks{display:grid;gap:5px}.muk-simple-checks span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.muk-simple-checks svg{width:15px;height:15px}.muk-simple-checks span.is-current{color:var(--warning);font-weight:750}.muk-simple-checks span.is-complete{color:var(--success);font-weight:750}
.muk-primary-action{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:210px}.muk-primary-action>form{display:inline-flex}.muk-primary-action:has(.muk-row-more[open]){flex-wrap:wrap}.muk-row-more{position:static}.muk-row-more[open]{flex:0 0 100%}.muk-row-more>summary{list-style:none;padding:7px 3px;font-size:12px;white-space:nowrap}.muk-row-more>summary::-webkit-details-marker{display:none}.muk-row-more>div{position:static;display:grid;width:100%;min-width:205px;margin-top:5px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);box-shadow:none}.muk-row-more a,.muk-row-more button{display:block;width:100%;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:12.5px;text-align:left;text-decoration:none;cursor:pointer}.muk-row-more a:hover,.muk-row-more button:hover{background:var(--surface)}.muk-row-more button.danger{color:var(--danger)}.muk-row-more form{margin:0}
.muk-side-more{width:100%;padding-top:4px}.muk-side-more>div{display:grid;gap:7px;padding-top:8px}.muk-side-more a{color:var(--accent);font-size:12.5px;font-weight:750}
@media(max-width:760px){.muk-simple-flow{grid-template-columns:1fr}.muk-simple-flow .muk-readiness-dial{grid-column:1;grid-row:auto}.muk-simple-steps{grid-template-columns:1fr}.muk-primary-action{justify-content:flex-start;min-width:0;flex-wrap:wrap}.muk-row-more>div{min-width:0}.muk-simple-document-table th:first-child,.muk-simple-document-table th:nth-child(2),.muk-simple-document-table th:nth-child(3){min-width:0}}
/* --------------------------------------------------------------------------
   Cross-role visual unity: one readable micro-typography scale for every
   operational workspace. Print/PDF selectors are intentionally excluded.
   -------------------------------------------------------------------------- */
:root{
    --ui-text-micro:11px;
    --ui-text-caption:12px;
}

.app-body .document-list small,
.app-body .reviewer-principles p,
.app-body .validation-queue nav small,
.app-body .approval-queue nav small,
.app-body .quality-gates span,
.app-body .quality-instruments header small,
.app-body .quality-instruments p,
.app-body .approval-summary-grid p,
.app-body .decision-history p,
.app-body .approval-instruments small,
.app-body .workflow-timeline p,
.app-body .requirement-card header p,
.app-body .admin-document-copy small,
.app-body .readiness-summary-grid small,
.app-body .import-payload small,
.app-body .table-upload-form .file-control small,
.app-body .table-first th,
.app-body .readiness-step-copy>small,
.app-body .service-flow-grid small,
.app-body .apl02-choice-group small,
.app-body .field-required,
.app-body .nav-copy small{
    font-size:var(--ui-text-micro);
    line-height:1.45;
}

.app-body .muk-document-group>header>div>span,
.app-body .required-chip,
.app-body .reference-chip,
.app-body .muk-document-meta,
.app-body .muk-source-list small{
    font-size:var(--ui-text-micro);
}
.archive-batch-divider{break-before:page;padding:14px 18px;background:#0d3c3d;color:#fff;font-family:Arial,sans-serif}
.archive-batch-divider:first-child{break-before:auto}
.archive-batch-divider small{display:block;margin-top:5px;color:#d7eeee}
@media print{.archive-batch-divider{padding:8mm;break-after:page}}
.archive-filter-bar{justify-content:flex-start}
.archive-filter-bar .field{flex:1 1 170px}
.archive-filter-bar .field:first-child{flex-basis:260px}
.archive-filter-bar .button{flex:0 0 auto}
.muk-recovery-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px}
.muk-recovery-callout>strong,.muk-recovery-callout>p{grid-column:1}
.muk-recovery-callout>form{grid-column:2;grid-row:1/3;margin:0}
.muk-master-batch-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto;align-items:center;gap:18px;padding:22px 24px}
.muk-master-batch-panel h2{margin:3px 0 5px;font-size:22px}.muk-master-batch-panel p{margin:0}
.muk-master-batch-panel form{margin:0}.muk-master-batch-panel button[disabled]{cursor:wait;opacity:.72}
.muk-master-batch-progress{display:grid;gap:7px}.muk-master-batch-progress progress{width:100%;height:10px;accent-color:var(--role-accent)}
.muk-master-batch-progress strong{color:var(--ink-700);font-size:12px}
@media(max-width:900px){.muk-master-batch-panel{grid-template-columns:1fr}.muk-master-batch-panel .button{width:100%}.muk-recovery-callout{grid-template-columns:1fr}.muk-recovery-callout>strong,.muk-recovery-callout>p,.muk-recovery-callout>form{grid-column:1;grid-row:auto}.muk-recovery-callout .button{width:100%}}
.assessment-paper-form{gap:18px;margin-top:18px}.assessment-question-card{display:grid;gap:14px;margin:0;padding:20px;border:1px solid var(--line-soft);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(13,48,51,.05)}.assessment-question-card>legend{padding:0 8px;color:var(--teal-700);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.assessment-question-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.assessment-question-card h3{margin:6px 0 0;color:var(--navy-900);font-size:17px}.assessment-question-prompt{margin:0;color:var(--ink-800);font-size:15px;line-height:1.7;white-space:normal}.assessment-options,.assessment-answer-stack{display:grid;gap:12px}.assessment-answer-stack{padding:0 20px 20px}.assessment-attendance-card{padding:20px}.assessment-attendance-card .panel-head{padding:0 0 16px}.candidate-response-text{padding:14px 16px;border:1px solid var(--line-soft);border-radius:12px;background:var(--canvas-soft);white-space:normal}.candidate-response-text p{margin:7px 0 0;line-height:1.65}.attendance-print .signature-row img{display:block;max-width:120px;max-height:48px;margin:0 auto;object-fit:contain}
@media (max-width:700px){.assessment-question-card{padding:15px}.assessment-question-card>header{flex-direction:column}.assessment-answer-stack{padding:0 14px 14px}.assessment-attendance-card{padding:15px}.assessment-paper-form .form-actions,.assessment-question-card .form-actions{display:grid;grid-template-columns:1fr;width:100%}.assessment-paper-form .button,.assessment-question-card .button{width:100%}}

/* v0.17.7 - lightweight DOCX MUK digitalization */
.compact-callout{margin:0 0 1rem}
.docx-digitalization-preview{margin-top:1rem}
.docx-question-preview-list{display:grid;gap:.7rem;padding:1rem}
.docx-question-preview-list article{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.8rem;align-items:start;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--canvas-soft)}
.docx-question-preview-list article>span{display:grid;place-items:center;min-height:2.2rem;border-radius:999px;background:var(--paper);font-weight:700}
.docx-question-preview-list strong{display:block;line-height:1.55;font-weight:650}
.docx-question-preview-list small{display:block;margin-top:.45rem;color:var(--muted);line-height:1.5}
.panel-footnote{margin:0;padding:0 1rem 1rem;color:var(--muted);font-size:.875rem}
@media (max-width:640px){.source-instrument-summary>.table-actions{width:100%;display:grid}.source-instrument-summary>.table-actions form,.source-instrument-summary>.table-actions .button{width:100%}.docx-question-preview-list article{grid-template-columns:2rem minmax(0,1fr);padding:.75rem}}

/* Production delegation controls */
.priority-item-form{margin:0;width:100%;font:inherit;text-align:left;border:0;}
.priority-action-button{border:0;background:transparent;font:inherit;cursor:pointer;color:inherit;}
