/* Live sales-representative workspace and customer territory map. */
.rep-authenticated #exitRepPreview,.rep-authenticated .nav-item[data-view="reps"],.rep-authenticated .nav-item[data-view="settings"],.rep-authenticated .nav-item[data-view="roadmap"]{display:none!important}
.rep-portal-layout,.rep-portal-layout>*{min-width:0}.rep-map-card{grid-column:1/-1;width:100%;max-width:100%;overflow:hidden}.rep-map-head{align-items:center}.rep-map-search{display:flex;align-items:center;gap:8px;width:min(310px,40%);height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg);color:var(--muted)}.rep-map-search svg{width:17px;flex:none}.rep-map-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:500 13px "DM Sans"}.rep-map-layout{display:grid;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);min-height:440px;border-top:1px solid var(--line)}
.rep-map-canvas{position:relative;min-height:440px;overflow:hidden;background:var(--surface-soft);isolation:isolate}.rep-map-canvas .maplibregl-canvas{outline:none}.rep-map-canvas .maplibregl-ctrl-top-left{top:8px;left:8px}.rep-map-canvas .maplibregl-ctrl-group{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow)}.rep-map-canvas .maplibregl-ctrl-group button{width:38px;height:38px;background-color:var(--panel)}.rep-map-canvas .maplibregl-ctrl-group button:hover{background-color:var(--surface-soft)}.rep-map-canvas .maplibregl-ctrl-scale{margin:0 0 12px 12px;border-color:#315b52;background:rgba(255,255,255,.88);color:#17322c;font:700 10px "DM Sans"}.rep-map-canvas .maplibregl-ctrl-attrib{max-width:calc(100% - 160px);padding:3px 7px;background:rgba(255,255,255,.9);font:600 9px/1.35 "DM Sans";color:#315b52}.rep-map-canvas .maplibregl-ctrl-attrib a{color:#176d57}.rep-map-state{position:absolute;z-index:5;inset:0;display:grid;place-items:center;align-content:center;gap:5px;padding:30px;background:color-mix(in srgb,var(--panel) 90%,transparent);text-align:center;color:var(--muted);pointer-events:none}.rep-map-state[hidden]{display:none}.rep-map-state strong{color:var(--ink)}.rep-map-state span{max-width:300px;font-size:12px}
.rep-map-marker{position:absolute;z-index:3;display:grid;justify-items:center;gap:3px;transform:translate(-50%,-100%);border:0;background:transparent;color:var(--ink);cursor:pointer}.rep-map-marker>span{width:34px;height:34px;border:3px solid var(--panel);border-radius:50% 50% 50% 8px;transform:rotate(-45deg);display:grid;place-items:center;background:var(--green);color:white;box-shadow:0 5px 13px rgba(13,52,43,.26);font-size:9px;font-weight:800}.rep-map-marker>span>i{font-style:normal;transform:rotate(45deg)}.rep-map-marker>b{max-width:130px;padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.rep-map-marker.active>span{width:42px;height:42px;background:var(--lime);color:#17322c}.rep-map-marker.active>b{color:var(--green);border-color:color-mix(in srgb,var(--green) 38%,var(--line))}
.rep-map-detail{display:flex;min-width:0;flex-direction:column;padding:20px;background:var(--panel);border-left:1px solid var(--line)}.rep-map-customer-head{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.rep-map-customer-head>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800}.rep-map-customer-head small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.7px}.rep-map-customer-head h3{margin:2px 0 1px;font-size:18px}.rep-map-customer-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.rep-map-order-summary{display:grid;grid-template-columns:1fr auto;gap:11px;align-items:center;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.rep-map-order-summary span,.rep-map-order-summary small,.rep-map-order-summary strong{display:block}.rep-map-order-summary span{color:var(--muted);font-size:10px}.rep-map-order-summary strong{margin-top:3px;font-size:15px}.rep-map-order-summary small{margin-top:2px;color:var(--muted);font-size:11px}.rep-map-order-summary .status{align-self:start}.rep-map-order-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.rep-map-order-total strong{margin:0;font-size:16px}.rep-map-no-order{padding:4px 7px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--line)}
.rep-map-items{margin-top:18px}.rep-map-items>div{display:flex;justify-content:space-between;gap:8px}.rep-map-items>div strong{font-size:13px}.rep-map-items>div span,.rep-map-items>p{color:var(--muted);font-size:11px}.rep-map-items article{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.rep-map-items article>span{color:var(--green);font-size:12px;font-weight:800}.rep-map-items article strong,.rep-map-items article small{display:block}.rep-map-items article strong{font-size:12px}.rep-map-items article small{margin-top:2px;color:var(--muted);font-size:10px}.rep-map-items article>b{font-size:11px}.rep-map-actions{display:flex;gap:8px;margin-top:auto;padding-top:18px}.rep-map-actions .button{flex:1;min-width:0}.rep-map-empty,.rep-map-loading{display:grid;place-items:center;align-content:center;gap:5px;min-height:100%;padding:30px;text-align:center;color:var(--muted)}.rep-map-empty svg{width:27px;color:var(--green)}.rep-map-empty strong,.rep-map-loading strong{color:var(--ink)}.rep-map-loading span{max-width:280px;font-size:12px}.rep-customer-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink)}.rep-customer-button>i{display:grid;place-items:center;color:var(--green)}.rep-customer-button>i svg{width:16px}
html[data-theme="dark"] .rep-map-marker>b{background:var(--surface-raised)}html[data-theme="dark"] .rep-map-canvas .maplibregl-canvas{filter:brightness(.72) saturate(.78)}html[data-theme="dark"] .rep-map-canvas .maplibregl-ctrl-icon{filter:invert(1)}
@media(max-width:900px){.rep-map-layout{grid-template-columns:1fr}.rep-map-detail{min-height:360px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.rep-authenticated .rep-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rep-authenticated .rep-metrics article{min-width:0;padding:12px 10px;gap:8px}.rep-authenticated .rep-metrics .metric-icon{width:31px;height:31px}.rep-authenticated .rep-metrics strong{font-size:14px}.rep-map-head{align-items:stretch;flex-direction:column}.rep-map-search{width:100%}.rep-map-layout,.rep-map-canvas{min-height:350px}.rep-map-detail{min-height:390px;padding:16px}.rep-map-marker>b{display:none}.rep-map-marker>span{width:30px;height:30px}.rep-map-marker.active>span{width:37px;height:37px}.rep-map-actions{position:sticky;bottom:0;padding:12px 0 0;background:var(--panel)}}