nav { grid-template-columns: repeat(5, 1fr); }
.overview-hero { display:grid;grid-template-columns:1.1fr 1.5fr;gap:28px;margin-top:18px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#10362e,#246452);color:#fff }
.overview-hero>div>span { color:#bcd6cb;font-size:9px;font-weight:900;letter-spacing:.14em }
.overview-hero>div>strong { display:block;margin-top:14px;font-size:48px;letter-spacing:-.06em }
.overview-hero>div>strong small { margin-left:5px;font-size:15px }
.overview-hero>div>p { margin:4px 0 0;color:#c4d9d0;font-size:10px }
.overview-hero>dl { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 }
.overview-hero>dl div { padding:16px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff0c }
.overview-hero dt { color:#bcd2ca;font-size:9px }.overview-hero dd { margin:14px 0 5px;font-size:20px;font-weight:850 }.overview-hero dl small { color:#a9c5ba;font-size:8px }
.overview-metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px }
.overview-metrics article { padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff }
.overview-metrics span,.overview-metrics small { display:block;color:var(--muted);font-size:9px }.overview-metrics strong { display:block;margin:11px 0 4px;font-size:25px }.overview-metrics .alert strong { color:var(--red) }
.overview-grid { display:grid;grid-template-columns:1.35fr 1fr;gap:12px }
.priority button { width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:12px 0;border:0;border-top:1px solid #edf1ef;background:transparent;text-align:left }
.priority button:first-of-type { border-top:0 }.priority button>b { color:#9aa7a1;font-size:10px }.priority button strong,.priority button span,.priority button p { display:block }.priority button div strong { font-size:11px }.priority button div span,.priority button div p { color:var(--muted);font-size:8px }.priority button div p { margin:4px 0 0 }.priority button aside { text-align:right }.priority button aside strong { font-size:10px }.priority button aside span { margin-top:4px;color:var(--green2);font-size:9px }
.funnel article { display:grid;grid-template-columns:85px 1fr 34px;align-items:center;gap:9px;margin:13px 0 }.funnel article>div { display:flex;justify-content:space-between;font-size:9px }.funnel article>div span { color:var(--muted) }.funnel article>i { height:6px;overflow:hidden;border-radius:99px;background:#edf1ef }.funnel article>i b { display:block;height:100%;border-radius:inherit;background:var(--green2) }.funnel article>small { color:var(--muted);font-size:8px;text-align:right }
.owners { display:grid;grid-template-columns:repeat(5,1fr);gap:9px }.owners>article { padding:14px;border:1px solid #e5ebe8;border-radius:13px;background:#fbfcfb }.owners>article>div { display:flex;align-items:center;gap:8px }.owners>article>div b { width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e2efe8;color:var(--green2);font-size:10px }.owners>article>div strong { font-size:10px }.owners em { display:block;margin:15px 0 11px;font-size:23px;font-style:normal;font-weight:850 }.owners em small { margin-left:4px;color:var(--muted);font-size:8px;font-weight:500 }.owners dl { display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 }.owners dl div { padding:6px 3px;border-radius:6px;background:#f0f4f2;text-align:center }.owners dt { color:var(--muted);font-size:7px }.owners dd { margin:3px 0 0;font-size:9px;font-weight:800 }
@media(max-width:760px) { .overview-hero{grid-template-columns:1fr;padding:22px}.overview-hero>dl div{padding:11px}.overview-hero dd{font-size:15px}.overview-metrics{grid-template-columns:repeat(2,1fr)}.overview-grid,.owners{grid-template-columns:1fr} }