.ref-overview-page { min-height:calc(100dvh - 84px); }
.ref-overview-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ref-overview-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr); gap:12px; margin-top:12px; align-items:start; }
.ref-overview-colony { min-height:0; grid-row:auto; padding:10px; }
.ref-overview-hero { position:relative; height:285px; overflow:hidden; border:1px solid rgba(105,184,239,.16); border-radius:11px; background:#06101c; }
.ref-overview-hero picture,.ref-overview-hero img { width:100%;height:100%;display:block;object-fit:cover; }
.ref-overview-hero-gradient { position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.88),rgba(3,10,18,.42) 58%,rgba(3,10,18,.1)),linear-gradient(0deg,rgba(3,10,18,.75),transparent 55%); }
.ref-overview-hero-copy { position:absolute;z-index:2;left:22px;top:22px;max-width:620px; }
.ref-overview-hero-copy h2 { margin:6px 0 2px;font-size:34px;letter-spacing:-.03em; }.ref-overview-hero-copy>strong{font-size:17px;color:#d8e9f5}.ref-overview-hero-copy p{margin:7px 0 0;color:#b8c7d4;font-size:13px}
.ref-overview-colony .ref-priority-card { position:relative;left:auto;right:auto;bottom:auto;min-height:118px;margin-top:10px;align-items:center;padding:16px 18px; }
.ref-overview-colony .ref-priority-card h3 { font-size:23px; }
.ref-overview-side { display:grid;gap:12px; }
.ref-overview-side .ref-panel { min-height:0; }
.ref-overview-side .ref-running-panel { min-height:176px; }
.ref-overview-side .ref-warning-panel { min-height:192px; }
.ref-intel-wide { grid-column:1/-1; display:grid; grid-template-columns:minmax(360px,.78fr) minmax(430px,1.22fr); gap:14px; align-items:stretch; padding:10px; }
.ref-intel-content { padding:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:22px;align-items:center; }.ref-intel-content h2{margin:4px 0 5px;font-size:22px}.ref-intel-content p{margin:0;color:#96aabd;font-size:13px}.ref-intel-progress{min-width:0}.ref-intel-panel .ref-secondary-button{margin-top:12px}.ref-livefeed{min-height:145px;padding:10px 12px;border:1px solid rgba(105,184,239,.14);border-radius:9px;background:rgba(5,15,27,.72)}.ref-livefeed-list{display:grid;gap:4px;margin-top:7px}.ref-livefeed-row{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 7px;border-radius:7px;background:rgba(12,27,44,.62)}.ref-livefeed-row>i{width:6px;height:6px;border-radius:50%;background:#6ebdf2;box-shadow:0 0 9px currentColor}.ref-livefeed-row.salvage>i,.ref-livefeed-row.construction>i{background:var(--amber)}.ref-livefeed-row.research>i,.ref-livefeed-row.discovery>i{background:#9d8cff}.ref-livefeed-row.milestone>i{background:var(--green)}.ref-livefeed-row.danger>i{background:var(--red)}.ref-livefeed-row strong,.ref-livefeed-row small{display:block}.ref-livefeed-row strong{font-size:13px}.ref-livefeed-row small{margin-top:2px;color:#8096a9;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-livefeed-row time{color:#60798e;font-size:13px}
@media(max-width:1250px){.ref-overview-layout{grid-template-columns:1fr}.ref-overview-side{grid-template-columns:1fr 1fr}.ref-intel-wide{grid-template-columns:1fr}.ref-overview-hero{height:250px}}
@media(max-width:820px){.ref-overview-metrics{grid-template-columns:1fr 1fr}.ref-overview-side{grid-template-columns:1fr}.ref-intel-content{grid-template-columns:1fr}.ref-overview-colony .ref-priority-card{display:block}.ref-overview-colony .ref-priority-card button{margin-top:14px}}