:root{--ii-navy:#0b2a43;--ii-blue:#1464a5;--ii-teal:#0d9488;--ii-cyan:#19a7a0;--ii-purple:#6855d8;--ii-bg:#f4f8fb;--ii-card:#fff;--ii-line:#dce7ef;--ii-text:#17324a;--ii-muted:#647b8d}
body{background:linear-gradient(135deg,#f4f9fc 0%,#f8fbff 50%,#f7f8fc 100%);color:var(--ii-text)}
.ii-top{height:74px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ii-line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.ii-brand{display:flex;gap:12px;align-items:center}.ii-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0e6f9b,#16a39a);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 18px rgba(14,111,155,.2)}.ii-name{font-weight:800;font-family:var(--font-display);font-size:17px}.ii-sub{font-size:11px;color:#71879a}.ii-user{display:flex;gap:12px;align-items:center;font-size:13px;color:#38556d}
.ii-layout{display:grid;grid-template-columns:278px 1fr;min-height:calc(100vh - 74px)}.ii-nav{background:rgba(255,255,255,.92);border-right:1px solid var(--ii-line);padding:20px 13px;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}.nav-group{margin-bottom:24px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#7890a2;padding:0 13px 8px}.ii-nav button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:11px;color:#4e687c;font-weight:600;cursor:pointer;margin:2px 0;font-size:13px}.ii-nav button:hover{background:#edf7fb;color:#0e628d}.ii-nav button.active{background:linear-gradient(90deg,#e3f2fb,#eef9fa);color:#075a83;box-shadow:inset 3px 0 0 #168ca3}.ii-nav button em{font-style:normal;font-size:9px;color:#71879a;border:1px solid #d9e5ed;border-radius:999px;padding:2px 6px;background:#fff}.nav-priority{background:linear-gradient(90deg,#eaf6ff,#effcfb)!important;border:1px solid #cde7f2!important;color:#075a83!important;padding:14px 13px!important}.nav-priority span{font-weight:800}.nav-priority small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#0d9488}.secondary-priority{margin-top:7px!important}.controlled-nav{color:#8a6b13!important;background:#fffaf0!important;border:1px solid #f2e4bd!important}.direction-nav{background:linear-gradient(90deg,#f1edff,#f4f1ff)!important;color:#5544b2!important;border:1px solid #ddd7fb!important}
.ii-main{padding:34px;max-width:1500px;width:100%;margin:auto}.kicker{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#227ca8;font-weight:900}.page-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:31px;margin:6px 0 7px;color:#102f48}.page-head p{color:var(--ii-muted);max-width:900px}.hero{display:grid;grid-template-columns:1fr 370px;gap:26px;padding:38px;border-radius:26px;background:radial-gradient(circle at 15% 20%,#e6f6ff 0,#f4fbff 38%,#f5f3ff 100%);border:1px solid #d8eaf4;box-shadow:0 15px 40px rgba(24,73,102,.07)}.hero h1{font-size:42px;line-height:1.08;margin:9px 0 16px;color:#0e3150}.hero h1 span{color:#168f91}.hero p{font-size:15px;line-height:1.65;color:#5f788b;max-width:800px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.big-action{border:0;border-radius:14px;background:linear-gradient(135deg,#1768a8,#168eb0);color:#fff;padding:14px 17px;text-align:left;min-width:195px;cursor:pointer;box-shadow:0 9px 20px rgba(20,100,165,.18)}.big-action.teal{background:linear-gradient(135deg,#0c7e86,#10a899)}.big-action.light{background:#fff;color:#155a82;border:1px solid #cde3ee}.big-action b{display:block;font-size:13px}.big-action small{display:block;font-size:10px;opacity:.85;margin-top:3px}.live-card{background:rgba(255,255,255,.88);border:1px solid #d7e7ef;border-radius:21px;padding:22px}.live-head{font-size:10px;letter-spacing:.1em;font-weight:900;color:#668195}.live-head span{float:right;color:#0d9488}.live-stat{padding:18px 0;border-bottom:1px solid #e4edf2}.live-stat b{font-size:30px;display:inline-block;margin-right:7px;color:#113c5b}.live-stat span{font-size:12px;color:#6a8293}.live-card p{font-size:11px;color:#71899a;margin-top:15px}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px}.info-card,.upload-card,.records-card,.decision-card{background:#fff;border:1px solid var(--ii-line);border-radius:18px;padding:23px;box-shadow:0 6px 20px rgba(24,73,102,.04)}.info-card span{font-weight:900;color:#2b82ae;font-size:12px}.info-card h3{margin:8px 0 7px}.info-card p,.upload-card p{color:#687f91;font-size:13px;line-height:1.55}.accent-blue{border-top:4px solid #2e83b7}.accent-teal{border-top:4px solid #16a399}.accent-purple{border-top:4px solid #7661db}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-card{min-height:270px}.upload-card .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8f5fb;color:#126b98;font-size:24px;margin-bottom:22px}.upload-card h2{font-size:22px;margin-bottom:8px}.upload-card button{margin-top:22px}.upload-card.muted{background:linear-gradient(145deg,#fff,#f8fafb);opacity:.86}.upload-card.muted .icon{background:#eef5f6;color:#60818a}.note-strip{margin-top:20px;background:#eaf8f7;border:1px solid #c9ece7;color:#356b6a;padding:15px 18px;border-radius:14px;font-size:12px}.note-strip b{color:#0c7771}.records-card{overflow:auto}.searchbar{display:flex;gap:14px;align-items:center;margin-bottom:15px}.searchbar input{flex:1;padding:12px 14px;border:1px solid #d5e1e9;border-radius:11px;font:inherit}.searchbar span,.card-title span{font-size:11px;color:#71889a}.ii-table{width:100%;border-collapse:collapse}.ii-table th,.ii-table td{padding:13px;border-bottom:1px solid #e6eef3;text-align:left;font-size:12px}.ii-table th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#71889a;background:#fbfdfe}.link-btn{border:0;background:none;color:#0b6797;font-weight:750;cursor:pointer;text-align:left}.status-pill{padding:4px 7px;border-radius:999px;background:#edf4f7;font-size:9px}.status-pill.processed{background:#e8f8f1;color:#0b7b5b}.status-pill.failed{background:#fff0ef;color:#b34a44}.empty{padding:28px!important;text-align:center;color:#8799a6}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--ii-line);border-radius:17px;padding:18px;box-shadow:0 5px 17px rgba(24,73,102,.04)}.metric span{display:block;color:#71889a;font-size:11px}.metric b{display:block;font-size:27px;color:#123a56;margin:5px 0}.metric small{color:#8195a3;font-size:10px}.dashboard-grid,.decision-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.bar{height:7px;background:#edf2f5;border-radius:99px;display:inline-block;width:90px;margin-right:7px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#1575ad,#19a39c);border-radius:99px}.feed-row{padding:13px 0;border-bottom:1px solid #e7eef2}.feed-row b{display:block;font-size:12px}.feed-row span{font-size:10px;color:#7890a0}.demo-badge{background:#f0ecff;color:#5b49b6;border:1px solid #ddd5fa;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;white-space:nowrap}.decision-card{min-height:260px}.decision-card.warning{border-top:4px solid #e0a229}.decision-card.teal{border-top:4px solid #16a399}.decision-card.purple{border-top:4px solid #7661db}.decision-label{font-size:10px;font-weight:900;letter-spacing:.09em;color:#72899a;margin-bottom:11px}.decision-item{padding:11px 0;border-bottom:1px solid #edf1f4}.decision-item b{display:block;font-size:12px}.decision-item span{display:block;font-size:10px;color:#7a8f9d;margin-top:3px}.coverage-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f4;font-size:11px}.meeting-layout{display:grid;grid-template-columns:1fr 310px;gap:20px}.side-explain{background:linear-gradient(145deg,#e8f8f7,#f3fbff);border:1px solid #cfe9e8;border-radius:18px;padding:22px;color:#3e6e77}.side-explain b{color:#0c7771}.side-explain p{font-size:12px;line-height:1.6;margin-top:8px}.card-title{font-weight:800;margin-bottom:12px;display:flex;justify-content:space-between}.output-layout{display:grid;grid-template-columns:370px 1fr;gap:20px}.output-row{width:100%;border:0;border-bottom:1px solid #e7eef2;background:#fff;text-align:left;padding:14px;cursor:pointer}.output-row:hover{background:#f4fbfd}.output-row span,.output-row small{display:block}.output-row span{font-weight:750;color:#164665;font-size:12px}.output-row small{color:#7c909d;font-size:9px;margin-top:4px}.output-panel{background:#fff;border:1px solid var(--ii-line);border-radius:18px;padding:22px}.output-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px}.output-controls label,.output-source-box{font-size:10px;font-weight:800;color:#698092}.output-controls select,.output-source-box select{width:100%;padding:11px;border:1px solid #d5e1e9;border-radius:10px;background:#fff;margin-top:6px;font:inherit}.output-source-box{margin:16px 0;padding:16px;background:#f5fafc;border-radius:13px}.output-source-box p{font-size:11px;font-weight:400;color:#78909f;margin:5px 0}.preview-box{margin-top:18px;background:#f8fbfd;border:1px solid #dce8ee;border-radius:14px;min-height:240px;padding:20px;color:#334e61;line-height:1.65}.preview-head{display:flex;gap:7px;margin-bottom:12px}.preview-head span{font-size:9px;padding:4px 7px;background:#e7f2f8;border-radius:999px;color:#27627e}.trace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.trace-grid>div{background:#f6fafc;border:1px solid #e0e9ef;border-radius:11px;padding:11px}.trace-grid b,.trace-grid span{display:block}.trace-grid b{font-size:9px;color:#77909f;text-transform:uppercase}.trace-grid span{font-size:11px;margin-top:4px}.meeting-sections{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.meeting-sections section{background:#f7fafc;border:1px solid #e2eaf0;border-radius:13px;padding:14px}.meeting-sections h3{font-size:13px;margin-bottom:8px}.mini-item{padding:8px 0;border-bottom:1px solid #e4ebef;font-size:11px}.mini-item span{display:block;color:#718896;font-size:9px;margin-top:3px}.ii-modal{position:fixed;inset:0;background:rgba(8,31,49,.52);display:grid;place-items:center;padding:20px;z-index:50;backdrop-filter:blur(4px)}.ii-modal-card{position:relative;background:#fff;border-radius:22px;padding:30px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px rgba(7,38,60,.25)}.ii-modal-card.wide{width:min(900px,100%)}.close-x{position:absolute;right:18px;top:17px;border:0;background:#eef4f7;border-radius:10px;width:35px;height:35px;font-size:22px;cursor:pointer;color:#466477}.modal-lead{color:#6d8291;margin:8px 0 20px}.ii-form{display:grid;gap:14px}.ii-form label{font-size:10px;font-weight:800;color:#60798a}.ii-form input,.ii-form select,.ii-form textarea{width:100%;padding:12px;border:1px solid #d5e1e9;border-radius:10px;font:inherit;margin-top:6px}.ii-form textarea{min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dropzone{display:grid;place-items:center;padding:25px;border:1.5px dashed #9fc9dd;border-radius:14px;background:#f5fbfe;cursor:pointer}.dropzone input{display:none}.dropzone strong{font-size:13px;color:#2c6682}.dropzone span{font-size:10px;color:#7a909d;margin-top:3px}.secure-note{background:#eaf8f5;border:1px solid #c9ece2;color:#2f7169;padding:12px;border-radius:10px;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:12px;border-top:1px solid #edf0f2;background:#fff;position:sticky;bottom:-20px;z-index:10}.progress-note{min-height:18px;color:#2d7480;font-size:11px}.locked-page{text-align:center;max-width:700px;margin:80px auto;background:#fff;border:1px solid var(--ii-line);border-radius:22px;padding:45px}.lock-icon{width:54px;height:54px;border-radius:16px;background:#fff4dc;color:#a17116;display:grid;place-items:center;margin:0 auto 17px;font-size:25px}.locked-page h1{font-size:31px;margin:8px 0}.locked-page p{color:#708694;line-height:1.65}.locked-note{margin-top:20px;background:#fffaf0;border:1px solid #f1e3bd;padding:13px;border-radius:12px;font-size:11px;color:#80692e}.error-card{background:#fff0ef;border:1px solid #f2cbc7;padding:20px;border-radius:15px;color:#93443d}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.section-grid,.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.decision-grid,.meeting-layout,.output-layout{grid-template-columns:1fr}.ii-layout{grid-template-columns:235px 1fr}}
@media(max-width:760px){.ii-layout{grid-template-columns:1fr}.ii-nav{position:static;height:auto}.ii-nav .nav-group{display:inline-block;vertical-align:top;margin-right:10px}.ii-nav{white-space:nowrap;overflow:auto}.ii-main{padding:20px}.section-grid,.metric-grid,.upload-grid,.form-grid,.trace-grid,.meeting-sections{grid-template-columns:1fr}.ii-top{padding:0 15px}.ii-user span{display:none}.page-head{display:block}.demo-badge{display:inline-block;margin-top:10px}}

/* Day 3 operational states */
.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#eef6ff 0%,#f7f5ff 50%,#effcf9 100%)}
.auth-card{width:min(460px,100%);background:#fff;border:1px solid #dbe5f0;border-radius:20px;padding:34px;box-shadow:0 24px 60px rgba(30,41,59,.12)}
.auth-brand{margin-bottom:18px}.auth-lead{color:#475569;line-height:1.6;font-size:.92rem}.auth-form{display:grid;gap:14px;margin-top:22px}.auth-form label{font-weight:700;color:#334155;font-size:.82rem}.auth-form input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:.95rem}.auth-error{min-height:20px;color:#b91c1c;font-size:.82rem;text-align:center}.auth-back{display:block;text-align:center;margin-top:16px;color:#64748b;text-decoration:none;font-size:.82rem}
.processing-note{margin-top:12px;padding:11px 14px;border-radius:9px;background:#eff8ff;border:1px solid #c8e5f7;color:#24506b;font-size:.8rem;line-height:1.45}
/* Final live intelligence layer */
.live-headline{margin:18px 0;background:linear-gradient(135deg,#f5f3ff,#eefbff);border:1px solid #d9dff2}
.big-reading{font-size:17px;line-height:1.65;margin:8px 0;color:#1d2940}
.section-title-row{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}
.attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.attention-card{background:#fff;border:1px solid #e1e7f0;border-left:5px solid #7383a8;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(30,45,70,.05)}
.attention-card.high{border-left-color:#d24c4c}.attention-card.medium{border-left-color:#d99b34}.attention-card.info{border-left-color:#4e9cc8}.attention-card h3{margin:8px 0 10px;font-size:18px}.attention-card p{line-height:1.5;color:#4c5870}.attention-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.attention-top span{font-weight:800}.attention-top b{padding:3px 7px;border-radius:999px;background:#eef1f6}.source-mini{margin-top:12px;padding-top:10px;border-top:1px solid #edf0f5;display:flex;gap:7px;flex-wrap:wrap}.source-mini b{width:100%;font-size:11px}.source-mini span{font-size:11px;background:#f4f6fa;padding:5px 8px;border-radius:6px}.warning-row{border-left:3px solid #d99b34}.coverage-line{display:flex;gap:10px;flex-wrap:wrap}.coverage-line span{background:#f5f7fb;padding:9px 12px;border-radius:8px;font-size:12px}.coverage-line b{margin-left:4px;font-size:15px}
@media(max-width:900px){.attention-grid{grid-template-columns:1fr}.section-title-row{align-items:start;gap:10px;flex-direction:column}}

.change-panel{background:linear-gradient(135deg,#f2fbff,#fbf8ff);border:1px solid #d8e6f0;border-radius:18px;padding:22px;margin:18px 0}.movement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.movement-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.movement-card span{display:block;font-size:12px;color:#64748b}.movement-card b{display:block;font-size:20px;margin:6px 0}.movement-card small{color:#64748b}.report-actions{display:flex;gap:8px;margin-top:14px}@media(max-width:900px){.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* FINAL DBRAU UI — sharp institutional workspace inspired by the supplied reference UIs */
:root{--dbrau-navy:#172a4d;--dbrau-navy-2:#243b63;--dbrau-teal:#2e7f7a;--dbrau-ink:#17202c;--dbrau-muted:#667085;--dbrau-line:#d9dde3;--dbrau-paper:#fbfaf7;--dbrau-card:#ffffff;--dbrau-warm:#f3f0e8}
body{background:var(--dbrau-paper);color:var(--dbrau-ink)}
.ii-top{height:70px;background:#fff;border-bottom:1px solid var(--dbrau-line);box-shadow:0 1px 0 rgba(23,42,77,.03)}
.ii-mark{width:40px;height:40px;border-radius:7px;background:var(--dbrau-navy);box-shadow:none;font-family:Georgia,serif;font-size:14px}
.ii-name{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:var(--dbrau-navy);font-weight:700}.ii-sub{font-size:10px;color:#7a8491}
.ii-layout{grid-template-columns:255px 1fr}.ii-nav{top:70px;height:calc(100vh - 70px);background:#fff;border-right:1px solid var(--dbrau-line);padding:18px 12px}.nav-group{margin-bottom:21px}.nav-label{color:#8b93a0;font-size:9px;letter-spacing:.16em}.ii-nav button{border-radius:7px;font-size:12px;color:#4b5563;padding:10px 11px}.ii-nav button:hover{background:#f2f5f7;color:var(--dbrau-navy)}.ii-nav button.active{background:#edf4f3;color:var(--dbrau-navy);box-shadow:inset 3px 0 0 var(--dbrau-teal)}.nav-priority{background:#f5f8f9!important;border:1px solid #dfe6e7!important;color:var(--dbrau-navy)!important;border-radius:7px!important}.controlled-nav.active-module{background:#edf4f3!important;border-color:#c9dfdd!important;color:#205d59!important}
.ii-main{max-width:1480px;padding:30px 36px;background:var(--dbrau-paper)}
.page-head{margin-bottom:22px}.page-head h1,.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.025em;color:var(--dbrau-navy)}.page-head h1{font-size:30px}.page-head p{font-size:13px;color:var(--dbrau-muted);max-width:920px}
.kicker{font-size:9px;color:var(--dbrau-teal);letter-spacing:.18em}
.metric-grid{gap:12px}.metric,.records-card,.decision-card,.info-card,.upload-card,.live-card{border:1px solid var(--dbrau-line);border-radius:9px;box-shadow:0 2px 8px rgba(16,24,40,.035);background:#fff}.metric{padding:16px}.metric b{font-family:Georgia,serif;color:var(--dbrau-navy);font-size:25px}.metric span{font-size:10px;color:#737b87}.metric small{font-size:10px;color:#8a929d}
.hero{border-radius:10px;padding:34px;background:#fff;border:1px solid var(--dbrau-line);box-shadow:none}.hero h1{font-size:39px}.hero h1 span{color:var(--dbrau-teal)}.big-action{border-radius:7px;box-shadow:none;background:var(--dbrau-navy);padding:13px 16px}.big-action.teal{background:var(--dbrau-teal)}.big-action.light{background:#fff;color:var(--dbrau-navy);border:1px solid #cfd6dd}
.section-grid{gap:12px}.info-card{border-radius:9px;padding:18px}.info-card h3{font-family:Georgia,serif;font-size:18px;color:var(--dbrau-navy)}
.card-title{font-size:13px;color:var(--dbrau-navy);border-bottom:1px solid #edf0f2;padding-bottom:11px;margin-bottom:0}.ii-table{font-size:11px}.ii-table th{font-size:9px;letter-spacing:.06em;color:#7a8490;background:#f7f8f9}.ii-table td{padding:11px 12px}
.decision-card{border-top-width:3px;border-radius:9px}.decision-card.teal{border-top-color:var(--dbrau-teal)}.decision-card.purple{border-top-color:#69769b}.decision-card.warning{border-top-color:#c48a34}
.upload-grid{gap:12px}.upload-card{border-radius:9px;padding:21px}.upload-card h2{font-family:Georgia,serif;font-size:20px;color:var(--dbrau-navy)}.upload-card.blue{border-top:3px solid var(--dbrau-navy)}.upload-card.evidence-card{border-top:3px solid var(--dbrau-teal);background:#fff}.btn{border-radius:6px}.btn-primary{background:var(--dbrau-navy);border-color:var(--dbrau-navy)}.btn-primary:hover{background:#0f203c}.btn-secondary{border-color:#cfd5dc}
.demo-badge{border-radius:5px;background:#f2f4f6;color:#566273;border-color:#dce1e6}.live-badge{background:#edf6f4;color:#2c6f6b;border-color:#c9dfdc}
.ii-modal-card{border-radius:10px;padding:27px}.ii-modal{background:rgba(15,28,48,.58)}
.framework-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 16px}.framework-strip>span:first-child{font-size:10px;font-weight:800;color:#7a8490;text-transform:uppercase;letter-spacing:.1em;margin-right:3px}.framework-chip{padding:6px 9px;border:1px solid #d8dde3;background:#fff;border-radius:5px;font-size:10px;color:#727b86}.framework-chip.present{border-color:#b9d7d4;background:#f1f7f6;color:#2e6d68;font-weight:700}
.evidence-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:14px}.evidence-filter{display:grid;grid-template-columns:1fr 160px;gap:8px;padding:13px 0;border-bottom:1px solid #edf0f2}.evidence-filter input,.evidence-filter select{padding:10px;border:1px solid #d6dbe1;border-radius:6px;background:#fff;font:inherit;font-size:11px}.evidence-task-row{display:grid;grid-template-columns:1fr 170px;gap:15px;padding:16px 0;border-bottom:1px solid #e8ebee}.task-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;color:#87909b;font-size:9px}.task-main h3{font-size:13px;margin:6px 0 4px;color:#27364c}.task-main p{font-size:10px;color:#7b8490}.task-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.task-side small{font-size:9px;color:#8a929c}.evidence-status{font-size:9px;font-weight:800;padding:4px 7px;border-radius:4px}.status-missing{background:#fbefef;color:#a44545}.status-pending{background:#fff6e7;color:#9b6a20}.status-completed{background:#edf6f3;color:#2f6e68}.status-rejected{background:#fbecee;color:#a23e54}.evidence-library-row{padding:12px 0;border-bottom:1px solid #edf0f2;position:relative}.evidence-library-row b{display:block;font-size:11px;color:#344256;padding-right:45px}.evidence-library-row span{display:block;font-size:9px;color:#8a929c;margin-top:3px}.link-btn{position:absolute;right:0;top:13px;border:0;background:none;color:var(--dbrau-teal);font-size:10px;font-weight:700;cursor:pointer}.empty{padding:24px;text-align:center;color:#8a929c;font-size:11px}.note-strip{border:1px solid #d9e1e5;background:#f7f9fa;border-radius:7px;padding:12px 14px;color:#66717d;font-size:10px;margin-top:14px}
@media(max-width:1000px){.evidence-layout{grid-template-columns:1fr}.evidence-task-row{grid-template-columns:1fr}.task-side{align-items:flex-start}.evidence-filter{grid-template-columns:1fr}.ii-main{padding:24px}.hero h1{font-size:34px}}

/* =========================================================
   DBRAU IIAS — FINAL INFORMATION ARCHITECTURE / LANDING UI
   ========================================================= */
:root{--dbrau-paper:#f7f7f4;--dbrau-ink:#102a43;--dbrau-teal:#0f766e;--dbrau-gold:#b28a3b;--dbrau-line:#d9dee3;--dbrau-muted:#657586}
body{background:var(--dbrau-paper)}
.ii-top{background:#fff;border-bottom:1px solid var(--dbrau-line);height:72px}
.ii-top .ii-name{font-family:Georgia,'Times New Roman',serif;font-size:17px;letter-spacing:-.01em}
.ii-top .ii-sub{font-size:10px;color:#71808e;margin-top:2px}
.ii-layout{grid-template-columns:218px 1fr;min-height:calc(100vh - 72px)}
.ii-nav{top:72px;height:calc(100vh - 72px);background:#fff;border-right:1px solid var(--dbrau-line);padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between}
.nav-primary-group{margin:0}.nav-primary-group .nav-label{display:none}
.ii-nav button{border-radius:6px;margin:3px 0;padding:13px 12px;font-size:12px;background:#fff;color:#4b5965;border:1px solid transparent}
.ii-nav button span{font-weight:800}.ii-nav button small{font-size:9px;color:#87939c;font-weight:600}.ii-nav button:hover{background:#f4f7f7;color:var(--dbrau-ink);border-color:#e2e6e8}.ii-nav button.active{background:#edf4f3;color:var(--dbrau-ink);border-color:#cfe1df;box-shadow:inset 3px 0 0 var(--dbrau-teal)}
.nav-footer-note{border-top:1px solid #e5e8eb;padding:15px 7px 4px}.nav-footer-note b{display:block;font-family:Georgia,serif;color:var(--dbrau-ink);font-size:12px}.nav-footer-note span{display:block;color:#89939b;font-size:9px;line-height:1.5;margin-top:5px}
.ii-main{max-width:1540px;padding:34px 42px}
.landing-page{max-width:1320px;margin:0 auto}.landing-hero{display:grid;grid-template-columns:1fr 300px;gap:30px;padding:52px 48px;background:#fff;border:1px solid var(--dbrau-line);min-height:430px;align-items:center}.landing-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:47px;line-height:1.05;font-weight:500;color:var(--dbrau-ink);margin:10px 0 20px}.landing-hero h1 span{color:var(--dbrau-teal)}.landing-hero p{font-size:15px;line-height:1.75;color:#617282;max-width:820px}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.landing-action{min-width:190px;text-align:left;background:#fff;border:1px solid #cfd8dd;padding:14px 16px;border-radius:6px;cursor:pointer}.landing-action.primary{background:var(--dbrau-ink);color:#fff;border-color:var(--dbrau-ink)}.landing-action strong,.landing-action small{display:block}.landing-action strong{font-size:12px}.landing-action small{font-size:9px;margin-top:4px;opacity:.75}.landing-identity{border-left:1px solid #d9dfe3;padding-left:28px}.landing-identity-label{font-size:9px;letter-spacing:.14em;font-weight:900;color:#7d8992}.landing-stat{padding:20px 0;border-bottom:1px solid #e4e7e9}.landing-stat b{font-family:Georgia,serif;font-size:31px;color:var(--dbrau-ink);margin-right:8px}.landing-stat span{font-size:10px;color:#73818b}.landing-status{margin-top:17px;font-size:10px;color:#49746f;font-weight:800}.landing-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dbrau-teal);margin-right:7px}
.landing-section{padding:52px 10px 12px}.section-intro{max-width:800px;margin-bottom:25px}.section-intro h2,.split-section h2,.bridge-section h2{font-family:Georgia,serif;font-size:28px;font-weight:500;color:var(--dbrau-ink);line-height:1.2;margin:8px 0 10px}.section-intro p,.bridge-section p{font-size:13px;line-height:1.7;color:#667682}.landing-card-grid{display:grid;gap:12px}.landing-card-grid.three{grid-template-columns:repeat(3,1fr)}.landing-card-grid article{background:#fff;border:1px solid var(--dbrau-line);padding:25px;min-height:185px}.landing-card-grid article span{font-size:10px;color:var(--dbrau-teal);font-weight:900}.landing-card-grid article h3{font-family:Georgia,serif;font-size:20px;color:var(--dbrau-ink);margin:9px 0}.landing-card-grid article p{font-size:12px;line-height:1.65;color:#6b7b87}
.split-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px;border-top:1px solid #dfe3e6}.flow-list>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #e2e6e8}.flow-list b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #cbd5da;color:var(--dbrau-teal);font-size:11px}.flow-list span{font-size:12px;color:#657682;line-height:1.55}.flow-list strong{color:var(--dbrau-ink)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.benefit-grid article{background:#fff;border:1px solid var(--dbrau-line);padding:18px}.benefit-grid b,.benefit-grid span{display:block}.benefit-grid b{font-size:12px;color:var(--dbrau-ink)}.benefit-grid span{font-size:10px;line-height:1.55;color:#73808a;margin-top:6px}
.bridge-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #dfe3e6}.bridge-visual{display:grid;grid-template-columns:1fr 32px 1fr;gap:10px;align-items:center}.bridge-visual>div{background:#fff;border:1px solid var(--dbrau-line);padding:20px}.bridge-visual b,.bridge-visual span{display:block}.bridge-visual b{font-family:Georgia,serif;font-size:16px;color:var(--dbrau-ink)}.bridge-visual span{font-size:10px;color:#71808a;line-height:1.5;margin-top:7px}.bridge-visual i{text-align:center;color:var(--dbrau-teal);font-style:normal;font-size:20px}
.landing-bottom{margin-top:42px;background:var(--dbrau-ink);color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.landing-bottom b,.landing-bottom span{display:block}.landing-bottom b{font-family:Georgia,serif;font-size:19px}.landing-bottom span{font-size:10px;color:#cbd6de;margin-top:4px}.landing-bottom .btn-primary{background:#fff;color:var(--dbrau-ink);border-color:#fff}
.upload-centre{max-width:1320px;margin:0 auto}.upload-streams{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upload-stream{background:#fff;border:1px solid var(--dbrau-line);padding:28px;min-height:460px;position:relative}.upload-stream.institutional{border-top:4px solid #1c567f}.upload-stream.accreditation{border-top:4px solid var(--dbrau-teal)}.upload-stream.meeting{border-top:4px solid var(--dbrau-gold)}.stream-number{position:absolute;right:18px;top:18px;font-size:9px;color:#9aa4ab;font-weight:900}.stream-icon{width:42px;height:42px;border:1px solid #cfd8dd;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;color:var(--dbrau-ink);margin-bottom:22px}.upload-stream h2{font-family:Georgia,serif;font-size:23px;font-weight:500;color:var(--dbrau-ink);margin-bottom:8px}.upload-stream p{font-size:12px;line-height:1.6;color:#6b7b86;min-height:76px}.upload-stream ul{margin:18px 0;padding-left:18px;color:#657580;font-size:10.5px;line-height:1.8}.upload-stream .btn{margin-top:12px}.upload-centre-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.capture-mini{background:#fff;border:1px solid var(--dbrau-line);padding:13px 15px}.capture-mini span,.capture-mini b{display:block}.capture-mini span{font-size:9px;color:#7a8790}.capture-mini b{font-family:Georgia,serif;font-size:21px;color:var(--dbrau-ink);margin-top:3px}
.intelligence-hub,.reports-page,.future-page{max-width:1320px;margin:0 auto}.hub-role{border:1px solid #d1dcdf;background:#fff;padding:9px 12px;font-size:10px;color:#63747e}.intelligence-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.intelligence-card{background:#fff;border:1px solid var(--dbrau-line);padding:27px;text-align:left;cursor:pointer;min-height:190px}.intelligence-card:hover{border-color:#a9c8c4;box-shadow:0 8px 25px rgba(16,42,67,.06);transform:translateY(-1px)}.ic-top{display:flex;justify-content:space-between;align-items:center}.ic-top span{font-size:10px;color:var(--dbrau-teal);font-weight:900}.ic-top em{font-style:normal;font-size:8px;color:#7c8991;border:1px solid #d9dfe2;padding:4px 7px}.intelligence-card h2{font-family:Georgia,serif;font-size:24px;font-weight:500;color:var(--dbrau-ink);margin:22px 0 8px}.intelligence-card p{font-size:11px;line-height:1.6;color:#6b7b86;max-width:620px}.ic-arrow{margin-top:18px;font-size:10px;color:var(--dbrau-teal);font-weight:900}.intelligence-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.secondary-intel-card{background:#fff;border:1px solid var(--dbrau-line);padding:17px;text-align:left;cursor:pointer}.secondary-intel-card b,.secondary-intel-card span,.secondary-intel-card i{display:block}.secondary-intel-card b{font-family:Georgia,serif;font-size:15px;color:var(--dbrau-ink)}.secondary-intel-card span{font-size:10px;color:#73818a;margin:5px 0 10px}.secondary-intel-card i{font-style:normal;color:var(--dbrau-teal);font-size:9px;font-weight:900}
.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.future-card{background:#fff;border:1px solid var(--dbrau-line);padding:23px;min-height:190px}.future-card>span{font-size:9px;color:var(--dbrau-teal);font-weight:900}.future-card h3{font-family:Georgia,serif;font-weight:500;color:var(--dbrau-ink);font-size:18px;margin:12px 0 7px}.future-card p{font-size:10.5px;line-height:1.6;color:#71808a;min-height:67px}.future-card b{font-size:9px;color:#8b7a50;border:1px solid #e2d8bf;padding:5px 7px;font-weight:800}
.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.report-card{background:#fff;border:1px solid var(--dbrau-line);padding:22px;min-height:205px;display:flex;flex-direction:column}.report-card-top{display:flex;justify-content:space-between}.report-card-top span{font-size:9px;color:var(--dbrau-teal);font-weight:900}.report-card-top em{font-style:normal;font-size:8px;color:#77848d;border:1px solid #dce1e4;padding:4px 6px}.report-card h2{font-family:Georgia,serif;font-size:18px;font-weight:500;line-height:1.25;color:var(--dbrau-ink);margin:17px 0 7px}.report-card p{font-size:10.5px;line-height:1.55;color:#71808a;flex:1}.report-card-actions{display:flex;gap:7px;margin-top:17px}.report-note{margin-top:18px;background:#fff;border:1px solid var(--dbrau-line);padding:17px}.report-note b,.report-note span{display:block}.report-note b{font-size:10px;color:var(--dbrau-ink)}.report-note span{font-size:10px;line-height:1.55;color:#71808a;margin-top:4px}
@media(max-width:1050px){.ii-layout{grid-template-columns:190px 1fr}.landing-hero{grid-template-columns:1fr}.landing-identity{border-left:0;border-top:1px solid #d9dfe3;padding:20px 0 0}.upload-streams,.report-card-grid,.future-grid{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr}.landing-card-grid.three{grid-template-columns:1fr}.split-section,.bridge-section{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.ii-layout{grid-template-columns:1fr}.ii-nav{position:static;height:auto;display:block;overflow:auto}.nav-primary-group{display:flex;gap:6px}.ii-nav button{min-width:125px}.nav-footer-note{display:none}.ii-main{padding:20px}.landing-hero{padding:30px 24px}.landing-hero h1{font-size:35px}.upload-streams,.report-card-grid,.future-grid,.benefit-grid,.intelligence-cards,.intelligence-secondary,.upload-centre-foot{grid-template-columns:1fr}.bridge-visual{grid-template-columns:1fr}.bridge-visual i{transform:rotate(90deg)}.landing-bottom{display:block}.landing-bottom .btn{margin-top:14px}.ii-top .ii-name{font-size:13px}}

/* OUTPUT LIBRARY + MOBILE-FIRST CAPTURE — DBRAU FINAL */
.nav-outputs{border-left:3px solid transparent}
.nav-outputs.active{border-left-color:var(--dbrau-teal);background:#f1f8f7}
.outputs-page{max-width:1400px;margin:0 auto}
.outputs-hero{display:grid;grid-template-columns:1fr 250px;gap:24px;background:#fff;border:1px solid var(--dbrau-line);padding:34px 38px;align-items:center;border-radius:10px}
.outputs-hero h1{font-family:Georgia,serif;font-size:34px;line-height:1.12;font-weight:500;color:var(--dbrau-ink);margin:8px 0 10px}
.outputs-hero p{font-size:13px;line-height:1.65;color:#6c7b85;max-width:850px}
.output-hero-stat{border-left:1px solid #dce2e5;padding-left:26px;text-align:left}
.output-hero-stat b{display:block;font:500 42px Georgia,serif;color:var(--dbrau-ink)}
.output-hero-stat span{display:block;font-size:11px;color:#60717c;font-weight:800}
.output-hero-stat small{display:block;font-size:9px;color:#8a969d;margin-top:5px}

/* Clean, Aligned Output Toolbar & Filter Grid */
.output-toolbar {
  margin: 18px 0 22px 0;
  background: #fff;
  border: 1px solid var(--dbrau-line);
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.03);
}

.output-search {
  height: 44px;
  border: 1px solid #d5dde2;
  background: #fbfcfd;
  border-radius: 7px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 10px;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}

.output-search:focus-within {
  border-color: var(--dbrau-teal);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
  background: #fff;
}

.output-search .search-icon {
  font-size: 16px;
  color: #7a8893;
}

.output-search input {
  flex: 1;
  border: 0;
  height: 100%;
  padding: 0;
  background: transparent;
  outline: 0;
  font-size: 13px;
  color: var(--dbrau-ink);
  font-family: inherit;
}

.filter-group {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: flex-end;
  width: 100%;
}

.filter-group label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.filter-group label > span {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
  font-weight: 800;
}

.filter-group select {
  width: 100%;
  height: 38px;
  border: 1px solid #d5dde2;
  background: #fff;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--dbrau-ink);
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s;
  box-sizing: border-box;
}

.filter-group select:focus {
  border-color: var(--dbrau-teal);
}

.filter-clear {
  height: 38px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  color: #475569;
  border-radius: 6px;
  padding: 0 14px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  transition: all 0.15s;
}

.filter-clear:hover {
  background: #e2e8f0;
  color: #0f172a;
  border-color: #94a3b8;
}

.output-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.output-library-panel,.output-create-panel{background:#fff;border:1px solid var(--dbrau-line);border-radius:10px}
.output-library-head{padding:20px 22px 15px;border-bottom:1px solid #e1e6e8;display:flex;justify-content:space-between;align-items:flex-end}.output-library-head h2{font:500 25px Georgia,serif;color:var(--dbrau-ink);margin:5px 0 0}.output-library-head>span{font-size:10px;color:#7c8991}
.output-card-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.output-card{border:1px solid #d9e0e3;background:#fff;cursor:pointer;min-width:0;transition:.16s ease;overflow:hidden;border-radius:8px}.output-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,42,67,.08);border-color:#afc9c7}.output-card[hidden]{display:none}
.output-card-visual{height:132px;padding:15px;position:relative;overflow:hidden;background:linear-gradient(135deg,#173b55,#247e82)}
.output-card-visual:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-30px;top:-35px;box-shadow:0 0 0 25px rgba(255,255,255,.03),0 0 0 50px rgba(255,255,255,.025)}
.output-brand-lockup{position:relative;z-index:2;display:flex;align-items:center;gap:7px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.03em}.output-brand-mark{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);font:700 9px Georgia,serif}
.output-visual-icon{position:absolute;z-index:2;left:17px;bottom:17px;font:500 36px Georgia,serif;color:#fff;opacity:.95}.output-theme-label{position:absolute;z-index:2;right:13px;bottom:14px;font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.output-card-body{padding:16px 17px 14px}.output-card-meta{display:flex;justify-content:space-between;gap:10px;color:#6e7e88;font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.output-card-meta span:first-child{color:#167a78}.output-card h3{font:500 18px/1.25 Georgia,serif;color:var(--dbrau-ink);margin:9px 0 8px}.output-card p{font-size:10.5px;line-height:1.6;color:#71808a;min-height:51px;margin:0}.output-card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:10px;border-top:1px solid #e6eaec;font-size:8px;color:#8a969d}.output-card-foot b{color:#167a78;font-size:9px}
.output-theme-1 .output-card-visual{background:linear-gradient(135deg,#173b55,#247e82)}.output-theme-2 .output-card-visual{background:linear-gradient(135deg,#413d5f,#7a6b9e)}.output-theme-3 .output-card-visual{background:linear-gradient(135deg,#6c4438,#b37b5c)}.output-theme-4 .output-card-visual{background:linear-gradient(135deg,#31506c,#7894a9)}.output-theme-5 .output-card-visual{background:linear-gradient(135deg,#3c5549,#729c85)}.output-theme-6 .output-card-visual{background:linear-gradient(135deg,#4b4b4b,#8d8d8d)}.output-theme-7 .output-card-visual{background:linear-gradient(135deg,#26445b,#4d7f9b)}
.output-create-panel{padding:23px;position:sticky;top:18px}.output-create-panel h2{font:500 22px/1.25 Georgia,serif;color:var(--dbrau-ink);margin:7px 0 9px}.output-create-panel>p{font-size:10.5px;line-height:1.6;color:#71808a}.output-create-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.output-create-form label{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#7a8991;font-weight:900}.output-create-form select{display:block;width:100%;height:39px;margin-top:5px;border:1px solid #d6dee2;border-radius:5px;background:#fff;padding:0 8px;font:inherit;color:#344d5d}.output-source-box{margin:12px 0}.output-source-box select{min-height:44px}.output-generate-btn{width:100%;margin-top:3px}.output-quality-note{margin-top:12px;background:#f4f8f7;border:1px solid #d8e9e6;padding:11px}.output-quality-note b,.output-quality-note span{display:block}.output-quality-note b{font-size:9px;color:#286e69}.output-quality-note span{font-size:9px;line-height:1.5;color:#6f817f;margin-top:4px}.output-preview-box{min-height:150px;margin-top:12px;padding:14px}.preview-placeholder{display:grid;gap:5px;height:100%;align-content:center;text-align:center;min-height:110px}.preview-placeholder span{font-size:8px;letter-spacing:.12em;color:#8a969d;font-weight:900}.preview-placeholder b{font:500 17px Georgia,serif;color:var(--dbrau-ink)}.preview-placeholder small{font-size:9px;line-height:1.5;color:#829099}
.output-empty{grid-column:1/-1;padding:60px 20px;text-align:center;display:grid;gap:7px}.output-empty strong{font:500 22px Georgia,serif;color:var(--dbrau-ink)}.output-empty span{font-size:10px;color:#829099}
.output-detail-modal{width:min(960px,100%);padding:0;overflow:hidden}.output-detail-cover{padding:34px 38px 28px;min-height:230px;background:linear-gradient(135deg,#173b55,#247e82);color:#fff;position:relative}.output-detail-cover .output-brand-lockup{margin-bottom:48px}.output-detail-cover .kicker{color:rgba(255,255,255,.68)}.output-detail-cover h2{font:500 31px/1.15 Georgia,serif;color:#fff;max-width:760px;margin:8px 0 15px}.output-detail-meta{display:flex;gap:7px;flex-wrap:wrap}.output-detail-meta span{font-size:8px;border:1px solid rgba(255,255,255,.35);padding:5px 8px;color:rgba(255,255,255,.9)}.output-detail-body{padding:30px 38px}.output-content-label{font-size:8px;letter-spacing:.12em;font-weight:900;color:#78909a;margin-bottom:10px}.output-content{font-size:13px;line-height:1.8;color:#314d5d;background:#fbfcfc;border-left:3px solid var(--dbrau-teal);padding:18px 20px;min-height:150px}.output-detail-modal .trace-grid{grid-template-columns:repeat(4,1fr);margin-top:20px}
.camera-zone{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid #cfe0e4;border-radius:10px;background:#f5faf9;padding:11px 13px;cursor:pointer}.camera-zone input{display:none}.camera-zone .camera-icon{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border:1px solid #9fc8c5;border-radius:7px;color:#18746f;font-size:19px}.camera-zone strong{font-size:10px;color:#286e69}.camera-zone small{font-size:8px;line-height:1.45;color:#73858b}.dropzone{min-height:110px}
@media(max-width:1250px){
  .output-workspace{grid-template-columns:1fr 310px}
  .filter-group{grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}
  .filter-clear{grid-column:1 / -1;width:100%}
}
@media(max-width:900px){
  .output-workspace{grid-template-columns:1fr}
  .output-create-panel{position:static}
  .output-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-group{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .output-detail-modal .trace-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .outputs-hero{grid-template-columns:1fr;padding:25px 22px}
  .outputs-hero h1{font-size:28px}
  .output-hero-stat{border-left:0;border-top:1px solid #dce2e5;padding:15px 0 0}
  .output-toolbar{padding:12px}
  .filter-group{grid-template-columns:1fr}
  .output-card-grid{grid-template-columns:1fr;padding:10px}
  .output-card-visual{height:120px}
  .output-create-panel{padding:18px}
  .output-create-form{grid-template-columns:1fr}
  .output-detail-cover{padding:26px 22px;min-height:210px}
  .output-detail-cover .output-brand-lockup{margin-bottom:34px}
  .output-detail-cover h2{font-size:25px}
  .output-detail-body{padding:22px}
  .output-detail-modal .trace-grid{grid-template-columns:1fr}
  .output-detail-modal .modal-actions{flex-wrap:wrap}
  .output-detail-modal .modal-actions .btn{flex:1;min-width:100px}
  .ii-modal{padding:8px}
  .ii-modal-card{border-radius:10px;padding:22px}
  .form-grid{grid-template-columns:1fr}
  .dropzone{min-height:100px}
  .camera-zone{min-height:60px}
  .btn,.ii-nav button,.landing-action{min-height:44px}
  .ii-top{padding:10px 14px}
  .ii-top .ii-user span{display:none}
}

/* =========================================================
   DBRAU IIAS V3 — REFINED STYLES & MOBILE-FIRST WORKSPACE
   ========================================================= */

/* Toast notification */
.ii-toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}
.ii-toast {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--dbrau-navy, #102a43);
  color: #fff;
  padding: 12px 18px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-weight: 500;
  pointer-events: auto;
  animation: slideInToast 0.3s ease;
  max-width: 420px;
}
.ii-toast.fade-out {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
.ii-toast-success { background: #0f766e; }
.ii-toast-error { background: #991b1b; }
.ii-toast-info { background: #1e3a8a; }
@keyframes slideInToast {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Header & Top Bar enhancements */
.ii-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 28px;
}
.ii-top-left, .ii-top-right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.mobile-nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 6px;
  padding: 8px;
  cursor: pointer;
  flex-direction: column;
  gap: 4px;
}
.mobile-nav-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--dbrau-navy, #102a43);
}
.ii-user-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4f6f8;
  padding: 6px 14px;
  border-radius: 30px;
  border: 1px solid #e1e6eb;
}
.user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--dbrau-navy, #102a43);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 13px;
}
.user-info {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.user-name {
  font-size: 12px;
  font-weight: 700;
  color: var(--dbrau-navy, #102a43);
}
.user-role {
  font-size: 10px;
  color: #64748b;
}

/* Navigation buttons */
.nav-primary-group button {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
}
.nav-btn-icon {
  font-size: 18px;
}
.nav-btn-text strong {
  display: block;
  font-size: 13px;
  color: var(--dbrau-navy, #102a43);
}
.nav-btn-text small {
  display: block;
  font-size: 10px;
  color: #718096;
}

/* Home Page: 6-Step Flow Grid */
.kicker-badge {
  display: inline-block;
  font-size: 9px;
  letter-spacing: 0.16em;
  font-weight: 800;
  color: #0f766e;
  background: #edf7f6;
  border: 1px solid #cce8e5;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.hero-statement {
  font-size: 15px;
  line-height: 1.75;
  color: #4a5568;
  max-width: 820px;
  margin-bottom: 24px;
}
.la-icon {
  font-size: 20px;
}
.six-flow-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-top: 24px;
  align-items: stretch;
}
.flow-step-card {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 8px;
  padding: 20px 16px;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
}
.flow-step-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  border-color: #0f766e;
}
.f-step-badge {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #edf7f6;
  color: #0f766e;
  font-weight: 800;
  font-size: 12px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border: 1px solid #bce1dd;
}
.flow-step-card h4 {
  font-size: 15px;
  font-weight: 700;
  color: var(--dbrau-navy, #102a43);
  margin: 0 0 6px 0;
  font-family: Georgia, serif;
}
.flow-step-card p {
  font-size: 11px;
  line-height: 1.55;
  color: #64748b;
  margin: 0;
  flex: 1;
}
.flow-step-arrow {
  display: none;
}

/* Streams overview on Home */
.streams-overview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
}
.stream-preview-card {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.stream-preview-card.s-inst { border-top: 4px solid #1c567f; }
.stream-preview-card.s-accr { border-top: 4px solid #0f766e; }
.stream-preview-card.s-meet { border-top: 4px solid #b28a3b; }
.sp-icon {
  font-size: 14px;
  font-weight: 800;
  color: #8896a6;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}
.stream-preview-card h3 {
  font-family: Georgia, serif;
  font-size: 20px;
  margin: 0 0 8px 0;
  color: var(--dbrau-navy, #102a43);
}
.sp-lead {
  font-size: 12px;
  color: #4a5568;
  line-height: 1.5;
  margin-bottom: 14px;
}
.sp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
  flex: 1;
}
.sp-tags span {
  font-size: 10px;
  background: #f1f5f9;
  color: #475569;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
}
.framework-chips-home {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.chip-item {
  font-size: 10px;
  font-weight: 700;
  color: #0f766e;
  background: #edf7f6;
  border: 1px solid #bce1dd;
  padding: 3px 8px;
  border-radius: 4px;
}
.sp-subtext {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 18px;
  line-height: 1.45;
}

/* Produce Grid */
.produce-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 20px;
}
.produce-item {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 8px;
  padding: 18px;
  display: flex;
  flex-direction: column;
}
.pi-icon {
  font-size: 22px;
  margin-bottom: 8px;
}
.produce-item b {
  font-size: 14px;
  color: var(--dbrau-navy, #102a43);
  margin-bottom: 5px;
}
.produce-item small {
  font-size: 11px;
  color: #64748b;
  line-height: 1.5;
}

/* Roles Benefit Grid */
.benefit-role-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 20px;
}
.role-benefit-card {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 8px;
  padding: 18px;
}
.rb-header {
  margin-bottom: 8px;
}
.rb-header b {
  display: block;
  font-size: 14px;
  color: var(--dbrau-navy, #102a43);
}
.rb-header span {
  display: block;
  font-size: 10px;
  color: #0f766e;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 2px;
}
.role-benefit-card p {
  font-size: 11px;
  line-height: 1.55;
  color: #64748b;
  margin: 0;
}

/* Upload Centre stream styling */
.stream-examples, .stream-frameworks {
  margin: 14px 0 20px 0;
  flex: 1;
}
.stream-examples b, .stream-frameworks b {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8896a6;
  margin-bottom: 8px;
}
.stream-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.stream-tag-cloud span {
  font-size: 10px;
  background: #f8fafc;
  color: #475569;
  border: 1px solid #e2e8f0;
  padding: 3px 8px;
  border-radius: 4px;
}
.framework-chips-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.fc-chip {
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
  background: #edf7f6;
  color: #0f766e;
  border: 1px solid #bce1dd;
}
.framework-note {
  font-size: 11px;
  color: #64748b;
  line-height: 1.45;
  margin-top: 8px;
}
.stream-btn {
  width: 100%;
}

/* Live Camera / Image Preview Box */
.capture-options-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 12px 0;
}
.live-image-preview {
  display: flex;
  gap: 16px;
  background: #f0fdf4;
  border: 1.5px solid #86efac;
  border-radius: 10px;
  padding: 14px;
  margin: 12px 0;
  align-items: center;
}
.lip-thumb {
  width: 90px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #bbf7d0;
  flex-shrink: 0;
  background: #000;
}
.lip-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lip-meta b {
  display: block;
  font-size: 13px;
  color: #166534;
}
.lip-meta span {
  display: block;
  font-size: 11px;
  color: #4b5563;
  margin: 4px 0 8px 0;
}
.lip-actions {
  display: flex;
  gap: 8px;
}
.live-doc-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 12px;
  margin: 12px 0;
}
.ldp-icon {
  font-size: 24px;
}
.btn-xs {
  padding: 4px 9px;
  font-size: 10px;
}

/* Output Modal & Visual Showcase */
.output-image-showcase {
  margin-bottom: 22px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d9dee3;
  background: #0a192f;
}
.output-image-showcase img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
}
.img-caption {
  padding: 10px 16px;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.img-caption span {
  font-size: 11px;
  font-weight: 700;
  color: #0f766e;
}
.img-caption small {
  font-size: 10px;
  color: #64748b;
}
.output-content-rendered {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #0f766e;
  padding: 24px;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  line-height: 1.85;
  color: #1e293b;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.output-content-rendered p {
  margin: 0 0 14px 0;
}
.output-content-rendered p:last-child {
  margin-bottom: 0;
}
.trace-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}
.trace-title {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #64748b;
  margin-bottom: 10px;
}
.output-modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ob-univ {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.ob-framework {
  font-size: 10px;
  opacity: 0.85;
}
.kicker-light {
  font-size: 10px;
  letter-spacing: 0.14em;
  font-weight: 800;
  color: #99f6e4;
  margin-top: 14px;
}
.hub-role-badge {
  font-size: 11px;
  font-weight: 700;
  color: #0f766e;
  background: #edf7f6;
  border: 1px solid #bce1dd;
  padding: 5px 12px;
  border-radius: 20px;
}
.sic-icon {
  font-size: 28px;
  margin-right: 14px;
}
.secondary-intel-card {
  display: flex;
  align-items: center;
}

/* Mobile Responsiveness Rules (Strict: Home, Upload, Outputs, Intelligence, Reports) */
@media (max-width: 900px) {
  .mobile-nav-toggle {
    display: flex;
  }
  .ii-layout {
    grid-template-columns: 1fr !important;
  }
  .ii-nav {
    position: fixed;
    top: 0;
    left: -280px;
    width: 270px;
    height: 100vh;
    z-index: 1000;
    transition: left 0.25s ease;
    box-shadow: 4px 0 25px rgba(0,0,0,0.15);
  }
  .ii-nav.open {
    left: 0;
  }
  .mobile-nav-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(16, 42, 67, 0.45);
    z-index: 999;
    backdrop-filter: blur(3px);
  }
  .mobile-nav-backdrop.open {
    display: block;
  }
  .six-flow-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .streams-overview-grid {
    grid-template-columns: 1fr;
  }
  .produce-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .benefit-role-grid {
    grid-template-columns: 1fr;
  }
  .upload-streams {
    grid-template-columns: 1fr;
  }
  .capture-options-grid {
    grid-template-columns: 1fr;
  }
  .output-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .six-flow-grid {
    grid-template-columns: 1fr;
  }
  .produce-grid {
    grid-template-columns: 1fr;
  }
  .output-card-grid {
    grid-template-columns: 1fr;
  }
  .output-modal-actions button {
    width: 100%;
  }
  .landing-hero {
    padding: 24px 18px;
  }
  .landing-hero h1 {
    font-size: 28px;
  }
}

/* =========================================================
   INSTITUTIONAL INTELLIGENCE DASHBOARDS — FULLY RESPONSIVE UI
   ========================================================= */
.role-dashboard-page {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.role-dashboard-page .page-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
}
.role-dashboard-page .page-head h1 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 28px;
  font-weight: 600;
  color: var(--dbrau-ink, #102a43);
  margin: 6px 0 8px;
}
.role-dashboard-page .dash-head-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  align-items: center;
}
.role-dashboard-page .live-headline {
  background: linear-gradient(135deg, #f8fbfd 0%, #f1f8fa 100%);
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-left: 4px solid var(--dbrau-teal, #0f766e);
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 22px;
}
.role-dashboard-page .live-headline .decision-label {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: var(--dbrau-teal, #0f766e);
  margin-bottom: 8px;
  text-transform: uppercase;
}
.role-dashboard-page .live-headline .big-reading {
  font-size: 16px;
  line-height: 1.6;
  color: var(--dbrau-ink, #102a43);
  margin: 0;
  font-weight: 500;
}
.role-dashboard-page .change-panel {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 10px;
  padding: 22px 24px;
  margin-bottom: 22px;
}
.role-dashboard-page .change-panel h2 {
  font-family: Georgia, serif;
  font-size: 20px;
  color: var(--dbrau-ink, #102a43);
  margin: 6px 0 6px;
}
.role-dashboard-page .change-panel p {
  color: var(--dbrau-muted, #657586);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
.role-dashboard-page .movement-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.role-dashboard-page .movement-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px;
}
.role-dashboard-page .movement-card span {
  display: block;
  font-size: 11px;
  color: #64748b;
  font-weight: 600;
}
.role-dashboard-page .movement-card b {
  display: block;
  font-size: 20px;
  font-family: Georgia, serif;
  color: var(--dbrau-ink, #102a43);
  margin: 6px 0;
}
.role-dashboard-page .movement-card small {
  display: block;
  font-size: 10px;
  color: var(--dbrau-teal, #0f766e);
  font-weight: 600;
}
.role-dashboard-page .metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
.role-dashboard-page .metric-grid .metric {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-radius: 8px;
  padding: 16px;
}
.role-dashboard-page .metric-grid .metric span {
  font-size: 11px;
  color: #64748b;
  font-weight: 600;
}
.role-dashboard-page .metric-grid .metric b {
  font-size: 24px;
  font-family: Georgia, serif;
  color: var(--dbrau-ink, #102a43);
  margin: 6px 0 4px;
}
.role-dashboard-page .metric-grid .metric small {
  font-size: 10px;
  color: #94a3b8;
}
.role-dashboard-page .attention-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}
.role-dashboard-page .attention-card {
  background: #fff;
  border: 1px solid var(--dbrau-line, #d9dee3);
  border-left: 4px solid #64748b;
  border-radius: 8px;
  padding: 16px;
}
.role-dashboard-page .attention-card.high {
  border-left-color: #dc2626;
}
.role-dashboard-page .attention-card.medium {
  border-left-color: #d97706;
}
.role-dashboard-page .attention-card.info {
  border-left-color: #0284c7;
}
.role-dashboard-page .attention-card h3 {
  font-family: Georgia, serif;
  font-size: 16px;
  margin: 8px 0 6px;
  color: var(--dbrau-ink, #102a43);
}
.role-dashboard-page .attention-card p {
  font-size: 11.5px;
  line-height: 1.55;
  color: #475569;
  margin: 4px 0;
}
.role-dashboard-page .dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .role-dashboard-page .movement-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .role-dashboard-page .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .role-dashboard-page .page-head {
    flex-direction: column;
    gap: 14px;
  }
  .role-dashboard-page .dash-head-actions {
    width: 100%;
    flex-direction: column;
  }
  .role-dashboard-page .dash-head-actions .btn {
    width: 100%;
    text-align: center;
  }
  .role-dashboard-page .movement-grid {
    grid-template-columns: 1fr;
  }
  .role-dashboard-page .metric-grid {
    grid-template-columns: 1fr;
  }
  .role-dashboard-page .attention-grid {
    grid-template-columns: 1fr;
  }
  .role-dashboard-page .dashboard-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Intelligence Gateway & Authorised Views Hub
   ========================================================= */
.intelligence-hub {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.hub-role-badge {
  background: #edf6f4;
  color: var(--dbrau-teal);
  border: 1px solid #c9dfdc;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.intelligence-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.intelligence-card {
  background: #fff;
  border: 1px solid var(--dbrau-line);
  border-radius: 10px;
  padding: 22px;
  text-align: left;
  cursor: pointer;
  transition: all 0.18s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 190px;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.03);
}

.intelligence-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(16, 42, 67, 0.08);
  border-color: var(--dbrau-teal);
}

.ic-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.ic-num {
  font-family: Georgia, serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--dbrau-teal);
}

.ic-badge {
  font-style: normal;
  font-size: 8px;
  letter-spacing: 0.08em;
  font-weight: 800;
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 3px 6px;
}

.intelligence-card h2 {
  font-family: Georgia, serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--dbrau-ink);
  margin: 0 0 8px;
  line-height: 1.3;
}

.intelligence-card p {
  font-size: 11.5px;
  line-height: 1.55;
  color: #64748b;
  margin: 0 0 16px;
  flex-grow: 1;
}

.ic-arrow {
  font-size: 11px;
  font-weight: 700;
  color: var(--dbrau-teal);
  display: flex;
  align-items: center;
  gap: 4px;
}

.intelligence-secondary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 8px;
}

.secondary-intel-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
  cursor: pointer;
  transition: all 0.16s ease;
}

.secondary-intel-card:hover {
  background: #fff;
  border-color: var(--dbrau-teal);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.05);
}

.sic-icon {
  font-size: 28px;
}

.secondary-intel-card b {
  display: block;
  font-size: 14px;
  color: var(--dbrau-ink);
  margin-bottom: 3px;
}

.secondary-intel-card span {
  display: block;
  font-size: 11px;
  color: #64748b;
  margin-bottom: 6px;
}

.secondary-intel-card i {
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  color: var(--dbrau-teal);
}

@media(max-width: 1100px) {
  .intelligence-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width: 768px) {
  .intelligence-cards {
    grid-template-columns: 1fr;
  }
  .intelligence-secondary {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Atomic Facts & Source Trace Modals
   ========================================================= */
.source-files-box {
  margin: 10px 0 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.source-file-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 14px;
}

.source-file-row b {
  font-size: 12px;
  color: var(--dbrau-ink);
  display: block;
}

.source-file-row small {
  font-size: 10px;
  color: #64748b;
  display: block;
  margin-top: 2px;
}

.fact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
  margin: 10px 0 20px;
}

.fact-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 11px 13px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fact-card b {
  font-size: 10px;
  color: var(--dbrau-teal);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 800;
}

.fact-card span {
  font-size: 12.5px;
  color: var(--dbrau-ink);
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
}

.fact-card small {
  font-size: 9.5px;
  color: #8a96a3;
  margin-top: 2px;
}

/* Output Modal Scroll Alignment */
.output-detail-modal {
  width: min(960px, 94vw);
  max-height: 90vh;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
}

.output-detail-modal .output-detail-body {
  overflow-y: auto;
  max-height: calc(90vh - 200px);
  padding: 24px 34px 30px;
}

.ii-modal-card {
  max-height: 90vh;
  overflow-y: auto;
}

/* =========================================================
   Mobile Navigation Drawer & Header Responsive Polish
   ========================================================= */
@media (max-width: 768px) {
  .mobile-nav-toggle {
    display: flex;
  }
  .mobile-nav-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(16, 42, 67, 0.45);
    z-index: 90;
    backdrop-filter: blur(2px);
  }
  .mobile-nav-backdrop.open {
    display: block;
  }
  .ii-top {
    padding: 0 14px;
    height: 64px;
  }
  .ii-top-left {
    gap: 10px;
    min-width: 0;
  }
  .ii-top-right {
    gap: 8px;
    flex-shrink: 0;
  }
  .ii-brand {
    gap: 8px;
    min-width: 0;
  }
  .ii-mark {
    width: 34px;
    height: 34px;
    font-size: 11px;
    flex-shrink: 0;
  }
  .ii-name {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
  }
  .ii-sub {
    display: none;
  }
  .ii-user-pill {
    padding: 4px;
    border-radius: 50%;
  }
  .ii-user-pill .user-info {
    display: none;
  }
  .out-btn {
    padding: 5px 8px;
    font-size: 11px;
  }
  .ii-nav {
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 260px !important;
    height: calc(100vh - 64px) !important;
    background: #fff !important;
    z-index: 100 !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15) !important;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    white-space: normal !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 16px 12px !important;
  }
  .ii-nav.open {
    transform: translateX(0);
  }
  .ii-layout {
    grid-template-columns: 1fr !important;
  }
  .ii-main {
    padding: 16px !important;
  }
}