:root{--orange:#ff6b00;--orange-dark:#d95500;--orange-soft:#fff1e7;--navy:#102a3a;--ink:#1c3443;--muted:#647987;--line:#dce5e9;--line-soft:#eaf0f2;--surface:#fff;--surface-alt:#f2f6f7;--background:#f7f9fa;--green:#137a4b;--green-soft:#e7f5ed;--amber:#956113;--amber-soft:#fff3dc;--red:#b23a31;--red-soft:#fdecea;--shadow-soft:0 2px 10px rgba(16,42,58,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);line-height:1.7;min-height:100vh}body::before{content:"";position:fixed;inset:0 0 auto;height:3px;background:var(--orange);z-index:100}
a{color:var(--orange-dark);transition:color .18s ease}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffad66;outline-offset:2px}.shell{width:min(1320px,calc(100% - 48px))}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(220,229,233,.9);box-shadow:none;backdrop-filter:blur(14px)}.topbar-inner{min-height:68px;gap:28px}.brand{font-size:17px}.brand-mark{width:38px;height:38px;border-radius:7px;background:var(--orange);box-shadow:0 6px 16px rgba(255,107,0,.2)}.brand small{font-size:9px}.topbar nav{gap:6px;overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{height:42px;padding:0 12px;border:0;border-radius:6px;font-size:13px;white-space:nowrap}.topbar nav a:hover{background:var(--surface-alt);color:var(--navy)}.topbar nav a.active{background:var(--orange-soft);color:var(--orange-dark);border:0}.text-button{padding:8px;color:var(--muted);border-radius:5px}.text-button:hover{background:var(--surface-alt);color:var(--navy)}
.page-heading{margin:30px 0 20px;min-height:54px}.page-heading h1,.detail-heading h1{color:var(--navy);font-size:25px;line-height:1.45}.eyebrow{color:var(--orange-dark);font-size:10px}.page-count{color:var(--muted);font-size:12px;background:var(--surface);border:1px solid var(--line);padding:6px 10px;border-radius:5px}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric{position:relative;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:7px;min-height:96px;padding:18px;overflow:hidden}.metric::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--line)}.metric:first-child::after,.metric:nth-child(2)::after{background:var(--orange)}.metric span{font-size:11px;color:var(--muted);font-weight:600}.metric strong{font-size:28px;color:var(--navy);line-height:1.2;margin-top:10px;font-variant-numeric:tabular-nums}
.section{margin-top:28px}.section-heading{margin-bottom:12px}.section h2,.section-heading h2,.side-panel h2{color:var(--navy);font-size:16px}.table-wrap{border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:var(--shadow-soft)}table{table-layout:auto}th{background:#f2f6f7;color:#556b78;font-size:10px;white-space:nowrap}td,th{padding:13px 14px;vertical-align:middle}td{font-size:12px;line-height:1.55;border-color:var(--line-soft)}tbody tr{transition:background .16s ease}tbody tr:hover{background:#fbfcfc}.row-link{font-size:13px;line-height:1.55;color:var(--navy);font-weight:800}.row-link:hover{color:var(--orange-dark)}td small{font-size:10px;line-height:1.55;margin-top:4px;color:#748895}.title-cell{min-width:290px;max-width:420px}.score-cell{width:54px}.org-cell{min-width:115px}.deadline-cell{min-width:110px}.confidence-cell{white-space:nowrap}
.score{min-width:42px;height:42px;border-radius:6px;background:#eef3f5;color:#526976;font-size:13px}.score.strong{background:var(--green-soft);color:var(--green)}.score.medium{background:var(--amber-soft);color:var(--amber)}.score.large{width:80px;height:80px;border-radius:8px}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:#edf2f4;color:#526976;font-size:9px;line-height:1.5;white-space:nowrap}.status.success{background:var(--green-soft);color:var(--green)}.status.warning{background:var(--amber-soft);color:var(--amber)}.status.danger{background:var(--red-soft);color:var(--red)}.priority{font-size:10px;font-weight:800;color:#617784}.priority.high{color:var(--green)}.priority.review{color:var(--amber)}.deadline-soon{color:var(--red);font-weight:700}.deadline-muted{color:var(--muted)}
.button{min-height:40px;padding:7px 15px;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--orange);border-color:var(--orange);box-shadow:0 5px 13px rgba(255,107,0,.16)}.button.ghost{background:transparent;border-color:var(--line);box-shadow:none}.clear-link{display:inline-flex;align-items:center;padding:8px 10px;white-space:nowrap;font-size:12px}.kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px}.kpi-strip .metric{min-height:76px;padding:13px 15px}.kpi-strip .metric strong{font-size:22px;margin-top:6px}.kpi-strip .metric::after{width:2px}
.opportunity-filters{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:12px;margin-bottom:14px;box-shadow:var(--shadow-soft)}.filter-primary{display:grid;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(135px,.7fr)) auto auto;gap:8px;align-items:center}.filter-primary input,.filter-primary select,.filter-grid input,.filter-grid select{width:100%}.filter-details{border-top:1px solid var(--line-soft);margin-top:10px;padding-top:8px}.filter-details summary{cursor:pointer;width:max-content;color:var(--muted);font-size:11px;font-weight:700;list-style:none}.filter-details summary::before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:6px;background:var(--surface-alt);border-radius:4px}.filter-details[open] summary::before{content:"−"}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;margin-top:10px}.filter-grid label{font-size:9px;color:var(--muted)}.filter-grid label input{display:block;margin-top:3px}
input,select,textarea{border-color:var(--line);border-radius:6px;background:#fff;min-height:40px;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}input:hover,select:hover,textarea:hover{border-color:#b9c8cf}input:focus,select:focus,textarea:focus{border-color:#ff9b52;box-shadow:0 0 0 3px rgba(255,107,0,.09);outline:0}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-panel{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:18px;box-shadow:var(--shadow-soft)}.data-panel h2{font-size:15px;color:var(--navy)}.data-panel p{font-size:12px;line-height:1.75}
.detail-heading{margin:24px 0 16px;align-items:center}.detail-heading h1{max-width:900px;overflow-wrap:anywhere}.detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.detail-grid .section,.side-panel,.settings-section{border-radius:7px;border-color:var(--line);box-shadow:var(--shadow-soft)}.detail-grid .section{padding:22px}.action-row{gap:7px;margin:14px 0 20px}.list-row{align-items:center}.side-panel{position:relative;padding:18px}.settings-grid{gap:14px}.settings-section{padding:22px}.settings-section textarea,.settings-section select{width:100%;margin-bottom:12px}.settings-section input[type=checkbox]{width:16px;min-height:16px;vertical-align:middle;accent-color:var(--orange)}.settings-section .action-row label{display:inline-flex;align-items:center;gap:5px;margin:0;padding:5px 9px;border:1px solid var(--line);border-radius:5px;font-size:11px}.empty-state{text-align:center;padding:38px 16px;color:var(--muted)}.empty-state strong{display:block;color:var(--navy);font-size:15px;margin-bottom:5px}.notice{background:var(--green-soft);color:var(--green);border:1px solid #c9e6d6;padding:10px 13px;border-radius:6px}
.pagination{display:flex;justify-content:center;margin:20px 0 38px}.pagination svg,.pagination nav svg,nav[role=navigation] svg{width:17px!important;height:17px!important;max-width:17px;max-height:17px;vertical-align:middle}.pagination nav{display:flex;align-items:center;gap:8px;max-width:100%}.pagination nav>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination a,.pagination span{line-height:1.4}.pagination [aria-current=page] span{background:var(--orange-soft);color:var(--orange-dark);border-radius:4px}
@media(max-width:1080px){.metrics{grid-template-columns:repeat(3,1fr)}.filter-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.topbar-inner{gap:14px}.topbar nav a{padding-inline:9px}}
@media(max-width:800px){.topbar-inner{flex-wrap:wrap;gap:7px;padding-block:8px}.topbar nav{order:3;width:100%;height:42px;margin-inline-start:0}.topbar nav a{height:38px}.filter-primary{grid-template-columns:1fr 1fr}.filter-primary input{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.shell{width:calc(100% - 20px)}.topbar-inner{min-height:60px}.brand{font-size:14px}.brand-mark{width:32px;height:32px}.topbar nav{gap:2px}.topbar nav a{font-size:10px;padding-inline:8px}.page-heading{margin:20px 0 14px;align-items:center}.page-heading h1{font-size:21px}.page-count{font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric{min-height:78px;padding:13px}.metric strong{font-size:23px;margin-top:6px}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kpi-strip .metric:last-child{grid-column:1/-1}.opportunity-filters{padding:9px}.filter-primary{grid-template-columns:1fr 1fr}.filter-primary .button,.filter-primary .clear-link{justify-content:center}.filter-grid{grid-template-columns:1fr 1fr}.table-wrap.mobile-cards{border:0;background:transparent;box-shadow:none;overflow:visible}.mobile-cards table,.mobile-cards tbody,.mobile-cards tr,.mobile-cards td{display:block;width:100%;min-width:0}.mobile-cards thead{display:none}.mobile-cards tr{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-bottom:9px;padding:13px;box-shadow:var(--shadow-soft)}.mobile-cards td{border:0;padding:4px 0;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.mobile-cards td::before{content:attr(data-label);font-weight:700;color:var(--muted);min-width:76px;flex:none;font-size:9px}.opportunity-list .score-cell{position:absolute;top:13px;left:13px;width:auto!important;padding:0}.opportunity-list .score-cell::before{display:none}.opportunity-list .score{min-width:39px;height:39px}.opportunity-list .title-cell{display:block;min-width:0;max-width:none;padding-left:52px;margin-bottom:7px}.opportunity-list .title-cell::before{display:none}.opportunity-list .title-cell .row-link{font-size:14px;line-height:1.65}.opportunity-list .title-cell small{font-size:10px;max-width:240px}.mobile-cards td[colspan]{display:block}.mobile-cards td[colspan]::before{display:none}.data-grid{grid-template-columns:1fr}.detail-heading{align-items:flex-start}.detail-heading h1{font-size:19px}.score.large{width:62px;height:62px;font-size:22px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{justify-content:center}.settings-section{padding:17px}}