.opportunities-workspace { --opp-navy:#00020e; --opp-blue:#0051d5; --opp-bg:#f7f9fb; --opp-line:#c6c6cf; --opp-muted:#45464e; min-height:100%; padding:32px; background:var(--opp-bg); color:#191c1e; font-family:Inter,Arial,sans-serif; }
.opportunities-workspace * { box-sizing:border-box; }
.opportunities-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.opportunities-header h1 { display:flex; align-items:center; gap:8px; margin:0; color:var(--opp-navy); font:700 30px/38px Manrope,Inter,sans-serif; }
.opportunities-header h1 span { color:var(--opp-blue); font-size:32px; }
.opportunities-header p { margin:2px 0 0; color:var(--opp-muted); font-size:16px; }
.opportunities-header-actions { display:flex; align-items:center; gap:16px; }
.opportunities-search { position:relative; display:flex; align-items:center; }
.opportunities-search span { position:absolute; left:12px; color:var(--opp-muted); }
.opportunities-search input { width:260px; min-height:42px; padding:9px 14px 9px 40px; border:1px solid var(--opp-line); border-radius:8px; background:#fff; color:var(--opp-muted); font:400 14px/20px Inter,sans-serif; }
.opportunities-button,.opportunities-section-head button,.opportunities-rail-head button { min-height:38px; border:1px solid var(--opp-line); border-radius:8px; background:#fff; color:var(--opp-blue); font:600 12px/16px Inter,sans-serif; padding:9px 13px; }
.opportunities-button.primary { display:flex; align-items:center; gap:7px; border-color:var(--opp-blue); background:var(--opp-blue); color:#fff; }
.opportunities-workspace button:disabled,.opportunities-workspace input:disabled { cursor:not-allowed; opacity:.58; }
.opportunities-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(280px,1fr); gap:24px; align-items:start; }
.opportunities-primary,.opportunities-rail { display:grid; gap:24px; }
.opportunities-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.opportunities-card { overflow:hidden; border:1px solid #e2e8f0; border-radius:16px; background:rgba(255,255,255,.88); box-shadow:0 2px 5px rgba(0,0,0,.04); }
.opportunities-kpi { min-height:166px; padding:16px; display:flex; flex-direction:column; }
.opportunities-kpi.featured { border-left:4px solid #316bf3; }
.opportunities-kpi small { min-height:32px; color:var(--opp-muted); font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; }
.opportunities-kpi strong { color:var(--opp-navy); font:700 28px/34px Manrope,Inter,sans-serif; }
.opportunities-kpi > span { margin-top:5px; color:var(--opp-muted); font-size:12px; }
.opportunities-sparkline { height:34px; margin-top:auto; border-bottom:2px solid #dbe1ff; background:linear-gradient(180deg,transparent 50%,rgba(49,107,243,.06)); }
.opportunities-pipeline { padding:24px; }
.opportunities-section-head,.opportunities-rail-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.opportunities-section-head h2,.opportunities-rail h2 { margin:0; color:var(--opp-navy); font:600 20px/28px Manrope,Inter,sans-serif; }
.opportunities-section-head > div { display:flex; gap:24px; color:var(--opp-muted); font-size:13px; }
.opportunities-stage-row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; margin-top:22px; overflow:hidden; border-radius:8px; }
.opportunities-stage { min-height:80px; padding:12px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#eef4ff; clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,10% 50%); color:#0b2d82; text-align:center; }
.opportunities-stage:first-child { clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%); }
.opportunities-stage:last-child { clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 50%); background:#f2f4f6; color:var(--opp-muted); }
.opportunities-stage strong { font:700 20px/24px Manrope,Inter,sans-serif; }
.opportunities-stage small { font-size:10px; }
.opportunities-table-head { padding:18px 24px; border-bottom:1px solid var(--opp-line); }
.opportunities-table-wrap { overflow-x:auto; }
.opportunities-table-wrap table { width:100%; min-width:950px; border-collapse:collapse; }
.opportunities-table-wrap th { padding:12px 16px; background:#f2f4f6; color:var(--opp-muted); font-size:10px; letter-spacing:.05em; text-align:left; text-transform:uppercase; }
.opportunities-table-wrap td { padding:0; }
.opportunities-empty { min-height:156px; padding:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:var(--opp-muted); text-align:center; }
.opportunities-empty span { color:#7784ad; }
.opportunities-empty strong { color:var(--opp-navy); font-size:13px; }
.opportunities-empty p { max-width:520px; margin:0; font-size:12px; line-height:18px; }
.opportunities-empty.table-state { min-height:300px; }
.opportunities-empty.compact { min-height:auto; padding:12px 6px 4px; }
.opportunities-rail .opportunities-card { padding:16px; }
.opportunities-rail h2 { color:var(--opp-muted); font:600 12px/16px Inter,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.opportunities-rail-head span { color:var(--opp-blue); font-size:11px; }
.opportunities-chart-shell,.opportunities-gauge { width:112px; height:112px; margin:18px auto 2px; border:10px solid #e6e8ea; border-top-color:#0051d5; border-right-color:#316bf3; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.opportunities-gauge { width:96px; height:96px; border-color:#e6e8ea; border-top-color:#4caf50; }
.opportunities-chart-shell span,.opportunities-gauge span { color:var(--opp-navy); font:700 24px/30px Manrope,Inter,sans-serif; }
.opportunities-button.calendar { width:100%; margin-top:12px; }
.opportunities-health { border-top:4px solid #4caf50; }
.advisor-os-authority-nav-item.advisor-os-authority-nav-child { margin-left:18px; width:calc(100% - 18px); }
.advisor-os-authority-nav-item.advisor-os-authority-nav-child .advisor-os-authority-nav-dot { width:5px; height:5px; }
@media (max-width:1280px) { .opportunities-kpis { grid-template-columns:repeat(3,1fr); } }
@media (max-width:1024px) { .opportunities-workspace { padding:24px; } .opportunities-header { align-items:flex-start; flex-direction:column; } .opportunities-layout { grid-template-columns:1fr; } .opportunities-rail { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .opportunities-workspace { padding:18px; } .opportunities-header-actions { width:100%; flex-wrap:wrap; } .opportunities-search,.opportunities-search input { width:100%; } .opportunities-kpis,.opportunities-rail { grid-template-columns:1fr 1fr; } .opportunities-section-head { align-items:flex-start; flex-direction:column; } .opportunities-section-head > div { flex-direction:column; gap:4px; } .opportunities-stage-row { grid-template-columns:repeat(3,1fr); overflow:visible; } .opportunities-stage,.opportunities-stage:first-child,.opportunities-stage:last-child { clip-path:none; border-radius:8px; } }
@media (max-width:520px) { .opportunities-kpis,.opportunities-rail,.opportunities-stage-row { grid-template-columns:1fr; } .opportunities-button.primary { width:100%; justify-content:center; } }