/* _content/TotalERP2023_STD/Pages/Distribution/Sales/SalesmanLocationMap.razor.rz.scp.css */
.location-page[b-zztiml7rb3] { padding: 0 4px 28px; color: #1f2a20; }
.location-hero[b-zztiml7rb3] { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:28px 32px; margin-bottom:18px; border-radius:22px; background:linear-gradient(120deg,#162519 0%,#29482b 68%,#78b82a 140%); color:#fff; box-shadow:0 12px 32px rgba(24,47,27,.14); }
    .location-hero h1[b-zztiml7rb3] {
        margin: 4px 0 6px;
        font-size: clamp(28px,3vw,42px);
        font-weight: 750;
        letter-spacing: -.035em;
        color: rgba(255,255,255,.72);
    }
.location-hero p[b-zztiml7rb3] { margin:0; max-width:650px; color:rgba(255,255,255,.72); font-size:15px; }
.location-eyebrow[b-zztiml7rb3] { font-size:11px; font-weight:800; letter-spacing:.2em; color:#b9e56e; }
.location-live[b-zztiml7rb3] { display:flex; align-items:center; gap:9px; padding:10px 14px; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(255,255,255,.08); white-space:nowrap; }
.location-live span[b-zztiml7rb3] { width:9px; height:9px; border-radius:50%; background:#b7e65f; box-shadow:0 0 0 6px rgba(183,230,95,.13); }
.location-filter-card[b-zztiml7rb3] { display:grid; grid-template-columns:minmax(240px,1.5fr) minmax(190px,.8fr) auto; gap:16px; align-items:end; padding:20px; margin-bottom:18px; border:1px solid #e5eadf; border-radius:18px; background:#fff; box-shadow:0 6px 22px rgba(43,63,42,.06); }
.location-filter label[b-zztiml7rb3] { display:block; margin:0 0 7px 2px; color:#617061; font-size:12px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.location-filter .form-select[b-zztiml7rb3],.location-filter .form-control[b-zztiml7rb3] { min-height:48px; border-color:#dce3d7; border-radius:12px; font-size:14px; }
.location-search-btn[b-zztiml7rb3] { display:flex; align-items:center; justify-content:center; gap:26px; min-width:180px; min-height:48px; padding:0 18px; border-radius:12px; background:#1d2b1f; color:#fff; font-weight:700; }
.location-search-btn:hover[b-zztiml7rb3] { background:#6ea921; color:#fff; transform:translateY(-1px); }
.location-search-arrow[b-zztiml7rb3] { font-size:21px; line-height:1; }
.location-alert[b-zztiml7rb3] { border:0; border-radius:14px; }
.location-grid[b-zztiml7rb3] { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr); gap:18px; }
.location-map-card[b-zztiml7rb3],.location-timeline-card[b-zztiml7rb3] { position:relative; min-width:0; overflow:hidden; border:1px solid #e5eadf; border-radius:20px; background:#fff; box-shadow:0 8px 26px rgba(43,63,42,.07); }
.location-card-heading[b-zztiml7rb3] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 22px; border-bottom:1px solid #edf1ea; }
.location-card-heading h2[b-zztiml7rb3] { margin:0 0 3px; font-size:18px; font-weight:750; }
.location-card-heading span[b-zztiml7rb3] { color:#8a9789; font-size:12px; }
.location-count[b-zztiml7rb3] { display:grid; place-items:center; min-width:38px; height:38px; padding:0 10px; border-radius:12px; background:#ecf6dd; color:#5c9516; font-weight:800; }
.location-map[b-zztiml7rb3] { width:100%; height:clamp(430px,58vh,660px); background:#eef2eb; }
.location-map-empty[b-zztiml7rb3] { position:absolute; z-index:450; left:50%; top:56%; display:flex; flex-direction:column; align-items:center; width:min(320px,80%); padding:22px; transform:translate(-50%,-50%); border:1px solid rgba(216,226,210,.9); border-radius:18px; background:rgba(255,255,255,.93); text-align:center; box-shadow:0 12px 32px rgba(37,58,38,.12); pointer-events:none; }
.location-map-empty span[b-zztiml7rb3] { margin-top:5px; color:#899487; font-size:12px; }
.location-empty-pin[b-zztiml7rb3] { margin-bottom:8px; color:#72ac27; font-size:30px; }
.location-timeline[b-zztiml7rb3] { max-height:clamp(430px,58vh,660px); overflow:auto; padding:12px 20px 22px; }
.location-timeline-item[b-zztiml7rb3] { position:relative; display:flex; gap:13px; padding:12px 0; }
.location-timeline-item:not(:last-child)[b-zztiml7rb3]::after { content:""; position:absolute; left:16px; top:44px; bottom:-8px; width:2px; background:#e3eadc; }
.location-step[b-zztiml7rb3] { position:relative; z-index:1; display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:11px; background:#eaf5d9; color:#609a19; font-size:12px; font-weight:800; }
.location-step-copy[b-zztiml7rb3] { display:flex; flex-direction:column; min-width:0; }
.location-step-copy strong[b-zztiml7rb3] { color:#263227; font-size:14px; }
.location-step-copy span[b-zztiml7rb3] { color:#647064; font-size:13px; }
.location-step-copy small[b-zztiml7rb3] { margin-top:2px; color:#a0aaa0; font-size:11px; }
.location-list-empty[b-zztiml7rb3] { padding:28px 8px; color:#929d91; text-align:center; }
.location-note[b-zztiml7rb3] { margin:0 18px 18px; padding:12px; border-radius:12px; background:#fff7df; color:#876b20; font-size:12px; }
[b-zztiml7rb3] .easa-map-marker-wrap { background:transparent; border:0; }
[b-zztiml7rb3] .easa-map-marker { position:relative; display:grid; place-items:center; width:38px; height:38px; border:4px solid #fff; border-radius:50% 50% 50% 8px; background:#6eaa20; color:#fff; transform:rotate(-45deg); box-shadow:0 6px 16px rgba(31,61,31,.3); }
[b-zztiml7rb3] .easa-map-marker span { transform:rotate(45deg); font-size:11px; font-weight:800; }
@media (max-width: 991px) { .location-grid[b-zztiml7rb3] { grid-template-columns:1fr; } .location-filter-card[b-zztiml7rb3] { grid-template-columns:1fr 1fr; } .location-search-btn[b-zztiml7rb3] { grid-column:1/-1; } .location-timeline[b-zztiml7rb3] { max-height:360px; } }
@media (max-width: 600px) { .location-hero[b-zztiml7rb3] { align-items:flex-start; flex-direction:column; padding:23px; } .location-filter-card[b-zztiml7rb3] { grid-template-columns:1fr; } .location-search-btn[b-zztiml7rb3] { grid-column:auto; width:100%; } .location-map[b-zztiml7rb3] { height:480px; } }