body[data-page="field-service"] .field-personnel-map-wrap{min-height:300px;overflow:hidden;background:var(--surface-alt,#e8edf3)}
body[data-page="field-service"] #fieldPersonnelMap{display:block;width:100%;height:100%;min-height:300px}
body[data-page="field-service"] #fieldPersonnelMap.leaflet-container{background:#e8edf3}
html[data-theme="dark"] body[data-page="field-service"] .field-map-base-tiles .leaflet-tile,html[data-theme="midnight"] body[data-page="field-service"] .field-map-base-tiles .leaflet-tile{filter:url("#ayecFieldMapDarkFilter")}
html[data-theme="dark"] body[data-page="field-service"] #fieldPersonnelMap.leaflet-container,html[data-theme="midnight"] body[data-page="field-service"] #fieldPersonnelMap.leaflet-container{background:#111827}
body[data-page="field-service"] .field-personnel-marker{display:grid;place-items:center;border:0;background:transparent}
body[data-page="field-service"] .field-personnel-marker span{display:block;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#10b981;box-shadow:0 2px 5px #0f172a66}
body[data-page="field-service"] .field-map-online{color:var(--success,#18a874)}
body[data-page="field-service"] #fieldPersonnelMap{position:relative}
body[data-page="field-service"] .field-vector-map-frame{position:absolute;inset:0;width:100%;height:100%;min-height:240px;border:0;border-radius:inherit;background:#080d18;z-index:900}
body[data-page="field-service"] .field-vector-toggle[aria-pressed="true"]{border-color:#23c7ff;color:#23c7ff}
body[data-page="field-service"] .field-map-canvas>header{flex-wrap:wrap}
body[data-page="field-service"] .field-map-actions{display:flex;flex:1 1 440px;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;box-sizing:border-box}
body[data-page="field-service"] .field-route-optimize{flex:none;min-height:30px;padding:0 9px;white-space:nowrap}
body[data-page="field-service"] .field-traffic-toggle{flex:none;min-height:30px;padding:0 9px;white-space:nowrap}
body[data-page="field-service"] .field-location-share{flex:none;min-height:30px;padding:0 9px;white-space:nowrap}
body[data-page="field-service"] .field-location-search{position:relative;display:grid;flex:1 1 280px;grid-template-columns:minmax(140px,1fr) auto;gap:6px;min-width:280px}
body[data-page="field-service"] .field-location-search [data-field-location-search]{min-width:92px;white-space:nowrap}
@media(max-width:1000px){body[data-page="field-service"] .field-map-queue{order:0}}
@media(max-width:600px){body[data-page="field-service"] .field-map-metrics article{min-height:80px;padding:7px}}
@media(max-width:600px){body[data-page="field-service"] .page-head>div:first-child p{display:none}}
body[data-page="field-service"] #fieldLocationResults{position:absolute;z-index:1000;top:calc(100% + 4px);left:0;right:0;display:grid;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:0 8px 24px #0004;color:var(--ink);font-size:11px}
body[data-page="field-service"] #fieldLocationResults:empty{display:none}
body[data-page="field-service"] .field-location-result{padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}
body[data-page="field-service"] .field-location-result:hover,body[data-page="field-service"] .field-location-result:focus{background:var(--surface-alt)}
body[data-page="field-service"] .field-personnel-queue{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
body[data-page="field-service"] .field-personnel-queue>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
body[data-page="field-service"] .field-personnel-queue h3{margin:0;font-size:13px}
body[data-page="field-service"] #fieldPersonnelRows{display:grid;gap:7px;max-height:340px;overflow:auto}
body[data-page="field-service"] .field-personnel-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
body[data-page="field-service"] .field-personnel-card:focus-within,body[data-page="field-service"] .field-personnel-card:hover{border-color:var(--brand,#3478f6)}
body[data-page="field-service"] .field-personnel-card.selected{border-color:var(--brand,#3478f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand,#3478f6) 22%,transparent)}
body[data-page="field-service"] .field-personnel-focus{display:grid;justify-items:start;gap:4px;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
body[data-page="field-service"] .field-personnel-focus strong{font-size:12px}
body[data-page="field-service"] .field-personnel-focus>span:not(.badge),body[data-page="field-service"] .field-personnel-focus small{overflow:hidden;max-width:100%;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
body[data-page="field-service"] .field-personnel-card .badge{font-size:9px}
body[data-page="field-service"] .field-personnel-finish{white-space:nowrap}
@media(max-width:600px){body[data-page="field-service"] .field-personnel-map-wrap,body[data-page="field-service"] #fieldPersonnelMap{min-height:240px}body[data-page="field-service"] .field-personnel-card{grid-template-columns:minmax(0,1fr)}body[data-page="field-service"] .field-personnel-finish{justify-self:start}body[data-page="field-service"] .field-map-canvas>header{flex-wrap:nowrap}body[data-page="field-service"] .field-map-actions{display:grid;flex-basis:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;justify-content:start}body[data-page="field-service"] .field-route-optimize,body[data-page="field-service"] .field-traffic-toggle,body[data-page="field-service"] .field-vector-toggle{width:100%;min-width:0;white-space:normal}body[data-page="field-service"] .field-location-share{grid-column:1/-1;width:100%;min-width:0;white-space:normal}body[data-page="field-service"] .field-location-search{grid-column:1/-1;flex-basis:auto;grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%;box-sizing:border-box}}
@media(min-width:1001px){body[data-page="field-service"] .page-head{align-items:center;gap:0;margin:2px 0 6px}body[data-page="field-service"] .page-head>div:first-child .eyebrow,body[data-page="field-service"] .page-head p{display:none}body[data-page="field-service"] .page-head h2{font-size:18px;line-height:1.2}body[data-page="field-service"] .field-map-metrics{gap:8px;margin:6px 0 8px}body[data-page="field-service"] .field-map-metrics article{min-height:76px;padding:4px 10px;gap:4px}body[data-page="field-service"] .field-map-metrics strong{font-size:20px}body[data-page="field-service"] .field-map-metrics footer{padding-top:2px;font-size:9px}body[data-page="field-service"] .field-map-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;align-items:start}body[data-page="field-service"] .field-map-canvas{position:relative;min-height:0;grid-template-rows:minmax(280px,1fr) auto}body[data-page="field-service"] .field-map-canvas>header{position:absolute;z-index:500;top:4px;left:8px;right:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 10px}body[data-page="field-service"] .field-map-canvas>header>div:first-child{display:none}body[data-page="field-service"] .field-map-actions{grid-column:1;grid-row:1;flex:initial;justify-content:flex-start;flex-wrap:wrap;gap:4px;width:100%}body[data-page="field-service"] .field-map-actions button{padding-right:7px;padding-left:7px;font-size:11px}body[data-page="field-service"] .field-location-search{flex:0 1 220px;min-width:190px;max-width:220px}body[data-page="field-service"] .field-personnel-map-wrap{min-height:280px;margin-top:3px}body[data-page="field-service"] #fieldPersonnelMap{min-height:280px}body[data-page="field-service"] .field-map-queue #fieldMapRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
body[data-page="field-service"] .field-map-canvas>footer{height:38px;min-height:38px;padding:4px 10px;box-sizing:border-box}body[data-page="field-service"] .field-map-queue{margin-top:0;padding-top:4px}body[data-page="field-service"] .field-map-queue>header{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body[data-page="field-service"] .field-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:4px 0;padding:2px;border-radius:7px;background:var(--surface-alt)}
body[data-page="field-service"] .field-mode-tabs button,body[data-page="field-service"] .field-radar-filters button{min-width:0;padding:6px 4px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
body[data-page="field-service"] .field-mode-tabs button.active,body[data-page="field-service"] .field-radar-filters button.active{background:var(--surface);color:var(--brand,#3478f6);box-shadow:0 1px 3px #0002}
body[data-page="field-service"] .field-customer-location{display:grid;gap:8px;margin:0 2px 8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt)}
body[data-page="field-service"] .field-customer-location[hidden]{display:none}
body[data-page="field-service"] .field-map-search[hidden]{display:none}
body[data-page="field-service"] .field-customer-location>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0;background:transparent}
body[data-page="field-service"] .field-customer-location h3{margin:0;color:var(--ink);font-size:14px}
body[data-page="field-service"] .field-customer-location>header span,body[data-page="field-service"] .field-customer-location label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.3px}
body[data-page="field-service"] .field-customer-location>header .field-customer-badge{padding:4px 7px;border-radius:4px;background:var(--success-soft,var(--surface));color:var(--success,#18a874)}
body[data-page="field-service"] .field-customer-info-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:700}
body[data-page="field-service"] .field-customer-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body[data-page="field-service"] .field-customer-details>div{display:grid;gap:3px}
body[data-page="field-service"] .field-customer-details strong{color:var(--ink);font-size:12px;font-weight:600}
body[data-page="field-service"] .field-customer-address,body[data-page="field-service"] .field-customer-preview{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:11px;white-space:pre-wrap}
body[data-page="field-service"] .field-customer-coordinates{color:var(--ink);font:700 11px var(--font-mono)}
body[data-page="field-service"] .field-customer-actions{display:flex;gap:6px}
body[data-page="field-service"] .field-customer-actions button{min-height:32px;padding:0 10px}
body[data-page="field-service"] .field-radar-filters{display:flex;gap:4px;margin:0 0 8px}
body[data-page="field-service"] .field-radar-filters button{flex:1;border:1px solid var(--line);background:var(--surface)}
body[data-page="field-service"] .field-location-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt)}
body[data-page="field-service"] .field-location-tools[hidden]{display:none}
body[data-page="field-service"] .field-location-tools-toggle{min-height:30px;padding:0 8px;white-space:nowrap}
body[data-page="field-service"] .field-location-tools button{min-width:0;height:34px;min-height:34px;padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-page="field-service"] .field-manual-location,body[data-page="field-service"] .field-whatsapp-paste{display:grid;gap:12px}
body[data-page="field-service"] .field-manual-location label,body[data-page="field-service"] .field-whatsapp-paste label{display:grid;gap:5px}
body[data-page="field-service"] .field-manual-location input,body[data-page="field-service"] .field-whatsapp-paste textarea{width:100%;box-sizing:border-box}
@media(max-width:600px){body[data-page="field-service"] .field-location-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
body[data-page="field-service"] .field-map-home-control{display:block;width:30px;height:30px;padding:0;border:0;background:var(--surface-2,#101a2b);color:var(--ink,#e2e8f0);font:700 15px/30px Inter,"Segoe UI",sans-serif;text-align:center;cursor:pointer}
body[data-page="field-service"] .leaflet-control .field-map-home-control:hover{background:var(--hover,#152338);color:var(--brand,#2563eb)}
html[data-theme="dark"] body[data-page="field-service"] .leaflet-control-zoom a,html[data-theme="midnight"] body[data-page="field-service"] .leaflet-control-zoom a{background:var(--surface-2,#101a2b);color:var(--ink,#e2e8f0);border-bottom-color:var(--line,#1b2a42)}
html[data-theme="dark"] body[data-page="field-service"] .leaflet-control-zoom a:hover,html[data-theme="midnight"] body[data-page="field-service"] .leaflet-control-zoom a:hover{background:var(--hover,#152338);color:var(--brand,#2563eb)}
body[data-page="field-service"] .field-map-home-control{position:relative!important;font-size:0!important}
body[data-page="field-service"] .field-map-home-control:before{position:absolute;left:8px;top:8px;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;content:""}
body[data-page="field-service"] .field-map-home-control:after{position:absolute;left:13px;top:13px;width:4px;height:4px;border-radius:50%;background:currentColor;content:""}
@media(min-width:1001px){body[data-page="field-service"] .app-shell{grid-template-rows:36px minmax(0,1fr)}body[data-page="field-service"] .app-shell>.topbar{height:36px;min-height:36px;padding-top:0;padding-bottom:0}}
@media(min-width:1001px){body[data-page="field-service"] .page-head{margin:0 0 4px}body[data-page="field-service"] .page-head>div:first-child{display:none}body[data-page="field-service"] .page-head>div:last-child button{height:32px;min-height:32px;padding:0 10px;font-size:12px}body[data-page="field-service"] .field-map-metrics{margin:2px 0 4px}body[data-page="field-service"] .field-map-canvas>header{gap:2px;padding:4px 10px}body[data-page="field-service"] .field-map-actions button{height:32px;min-height:32px;padding-top:0;padding-bottom:0}}
@media(min-width:1200px){body[data-page="field-service"] .page-head{margin:0}body[data-page="field-service"] .page-head>div:last-child{position:fixed;top:2px;left:460px;z-index:100}}
@media(min-width:1001px){body[data-page="field-service"] .field-map-canvas>header{background:rgba(16,27,46,.62)}}
@media(min-width:1200px){body[data-page="field-service"] .content{padding-top:0}body[data-page="field-service"] .field-map-metrics{margin-top:0}}
@media(min-width:1001px) and (max-width:1199px){body[data-page="field-service"] .content{padding-top:0}}
@media(min-width:1001px){body[data-page="field-service"] .content{padding-left:8px;padding-right:8px}}
body[data-page="field-service"] .field-route-start[aria-pressed="true"]{border-color:#23c7ff;background:#0b4260;color:#fff;box-shadow:0 0 0 2px #23c7ff33}body[data-page="field-service"] [data-field-route-finish]:disabled{opacity:.55;cursor:not-allowed}body[data-page="field-service"] .field-route-start{min-width:100px}

@media(min-width:1001px){body[data-page="field-service"] .field-map-metrics article{min-height:76px;padding:4px 10px;gap:4px}body[data-page="field-service"] .field-map-metrics small{font-size:11px}body[data-page="field-service"] .field-map-metrics strong{font-size:16px}body[data-page="field-service"] .field-map-metrics footer{padding-top:2px;font-size:10px}body[data-page="field-service"] .field-customer-location h3{font-size:16px}body[data-page="field-service"] .field-customer-location>header span,body[data-page="field-service"] .field-customer-location label{font-size:11px}body[data-page="field-service"] .field-customer-address,body[data-page="field-service"] .field-customer-preview{font-size:12px}}
@media(min-width:1001px){body[data-page="field-service"] .field-map-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr);gap:10px;align-items:stretch;height:calc(100vh - 235px);min-height:560px;max-height:860px}body[data-page="field-service"] .field-map-canvas{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) 38px;overflow:hidden}body[data-page="field-service"] .field-personnel-map-wrap,body[data-page="field-service"] #fieldPersonnelMap{height:100%;min-height:0}body[data-page="field-service"] .field-map-queue{height:100%;min-height:0;max-height:100%;box-sizing:border-box;overflow-y:auto;margin:0;padding:6px}body[data-page="field-service"] .field-map-queue .field-mode-tabs{position:sticky;top:0;z-index:5;margin:0 0 6px}body[data-page="field-service"] .field-customer-location{margin:0 0 8px}body[data-page="field-service"] .field-personnel-queue{margin-top:8px}body[data-page="field-service"] .field-personnel-card{padding:8px}body[data-page="field-service"] .field-personnel-card h4{font-size:14px}body[data-page="field-service"] .field-map-actions{flex-wrap:nowrap;overflow-x:auto}body[data-page="field-service"] .field-location-search{flex:1 1 190px;min-width:150px;max-width:none}body[data-page="field-service"] .field-map-canvas>header{left:6px;right:6px}body[data-page="field-service"] .field-map-canvas>header>div:first-child{display:none}}
body[data-page="field-service"] #fieldPersonnelMap{position:relative;isolation:isolate;overflow:hidden}
@media(min-width:1001px){body[data-page="field-service"] .field-map-layout{height:calc(100vh - 235px);min-height:560px;max-height:860px}body[data-page="field-service"] .field-map-canvas{position:relative;isolation:isolate;grid-template-rows:minmax(0,1fr) 38px;overflow:hidden}body[data-page="field-service"] .field-map-canvas>header{display:block;inset:4px 6px auto;z-index:500;padding:4px 8px;background:rgba(16,27,46,.76)}body[data-page="field-service"] .field-map-actions{display:flex;flex:1 1 auto;justify-content:flex-start;flex-wrap:wrap;gap:4px;width:100%;overflow:visible}body[data-page="field-service"] .field-map-actions button{flex:0 0 auto;height:30px;min-height:30px;padding:0 7px;font-size:11px}body[data-page="field-service"] .field-location-search{flex:1 1 180px;min-width:170px;max-width:280px}body[data-page="field-service"] .field-location-tools{position:absolute;z-index:700;top:80px;left:8px;right:8px;max-height:calc(100% - 130px);overflow:auto;background:var(--surface,#101b2e);box-shadow:0 8px 24px #0008}body[data-page="field-service"] .field-location-tools[hidden]{display:none}body[data-page="field-service"] .field-personnel-map-wrap{height:auto;min-height:0;margin:0;overflow:hidden}body[data-page="field-service"] #fieldPersonnelMap{height:100%;min-height:0}body[data-page="field-service"] .field-map-canvas>footer{position:relative;z-index:2;height:38px;min-height:38px}body[data-page="field-service"] .field-map-queue{position:relative;z-index:1}}