.area-control{display:grid;gap:3px;color:#9fb3a8;font-size:11px}.area-control select{font:13px Outfit,sans-serif;color:#e9f1ec;background:#29372f;border:1px solid #ffffff24;border-radius:7px;padding:7px 28px 7px 9px;max-width:150px}.region-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(150px,1fr);gap:14px}.regional-map-panel,.regional-summary,.regional-bottom{border:1px solid #ffffff10;border-radius:12px;background:#ffffff03;overflow:hidden}.regional-map{height:290px;position:relative;overflow:hidden}.regional-map>svg{display:block;width:100%;height:100%}.map-pins{position:absolute;inset:0}.site-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:30px;padding:4px;background:#20312deb;border:1px solid var(--pin);border-radius:6px;color:var(--pin);box-shadow:0 2px 8px #0008;transition:opacity .2s,box-shadow .2s}.site-pin svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.site-pin:hover,.site-pin[aria-pressed=true]{background:#34443c;box-shadow:0 0 0 3px var(--pin),0 3px 12px #0009;z-index:2}.site-pin.outside-area{opacity:.14;pointer-events:none}.map-north{position:absolute;right:12px;top:10px;font-size:12px;color:#c4d7cb;text-align:center;line-height:1.1}.map-key{display:flex;flex-wrap:wrap;gap:8px 12px;padding:12px 12px 0;font-size:11px;color:#c1d0c6}.map-key span,#delivery-status span{display:flex;align-items:center;gap:6px}.map-key i,#delivery-status i{display:inline-block;width:7px;height:7px;border-radius:2px}.map-note{margin:8px 12px 12px;font-size:11px;color:#879f91}.regional-summary{padding:16px}.completion{margin:25px 0 12px}.completion strong{font-size:43px;font-weight:600;line-height:1;display:block}.completion span{font-size:12px;color:#9cb5a5}.region-progress{height:6px;background:#ffffff10;border-radius:6px;overflow:hidden}.region-progress i{height:100%;display:block;background:#59c9a5}.regional-summary>p{font-size:12px;color:#a6bcaf;margin:10px 0 24px}#delivery-status>div{display:flex;justify-content:space-between;gap:6px;padding:10px 0;border-top:1px solid #ffffff0c;font-size:12px}#delivery-status strong{font-weight:500}.regional-bottom{margin-top:14px}.area-row{display:grid;grid-template-columns:90px 1fr 70px;gap:14px;padding:7px 12px;align-items:center;font-size:12px}.area-row>div{height:5px;background:#ffffff0c;border-radius:5px;overflow:hidden}.area-row i{display:block;height:100%;background:#59c9a5}.area-row strong{text-align:right;font-weight:400;color:#b5c9bd}.site-inspector{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;margin-top:10px;min-height:62px;border-top:1px solid #ffffff10;font-size:12px;color:#a5bdae}.site-inspector strong{color:#e9f1ec;font-weight:500;display:block}.site-inspector span{display:block}.site-inspector button{font-size:20px;padding:0 8px}.workspace-title{gap:12px}.metrics strong{font-variant-numeric:tabular-nums}
@media(max-width:580px){.region-grid{grid-template-columns:1fr}.regional-map{height:270px}.regional-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:12px}.regional-summary h2{grid-column:1/-1}.completion{margin:8px 0}.completion strong{font-size:34px}.region-progress{grid-column:1;grid-row:3}.regional-summary>p{grid-column:1;margin:0;font-size:11px}#delivery-status{grid-column:2;grid-row:2/5}#delivery-status>div{font-size:11px;padding:7px 0}.workspace-title{align-items:start;flex-wrap:wrap}.area-control{width:100%}.area-control select{max-width:none;width:100%}.metrics{grid-template-columns:repeat(2,1fr)}.metrics strong{font-size:26px}.area-row{grid-template-columns:75px 1fr 54px;gap:8px;font-size:11px}.map-key{font-size:11px}.site-inspector{flex-wrap:wrap}.regional-map-panel .panel-heading{gap:6px}.regional-map-panel .panel-heading span{font-size:11px}}