.tracking-screen{position:fixed;inset:0;z-index:100;background:#edf2ee;display:flex;flex-direction:column;color:#192a2d}
.tracking-map{position:absolute;inset:0;z-index:0}
.leaflet-container{background:#d8e7dc;font-family:Manrope,Arial,sans-serif}
.tracking-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:linear-gradient(#f7f8f3ee,transparent);pointer-events:none}
.tracking-top>*{pointer-events:auto}.tracking-close,.tracking-center{width:42px;height:42px;border:1px solid #dfe5df;background:#fff;color:#192a2d;border-radius:50%;font-size:20px;box-shadow:0 3px 12px #182d2d1c}.tracking-title{flex:1;background:#ffffffdd;padding:8px 11px;border-radius:10px}.tracking-title strong{display:block;font-size:14px}.tracking-title small{color:#718083;font-size:10px}
.tracking-status{position:absolute;z-index:2;top:95px;left:14px;right:14px;display:flex;justify-content:center;pointer-events:none}.tracking-status span{background:#fff;padding:7px 11px;border-radius:999px;font:10px 'DM Mono',monospace;box-shadow:0 3px 12px #182d2d1c}.tracking-status.off-route span{background:#fff0eb;color:#c34e3c}.tracking-status.paused span{background:#fff7dc;color:#8a6a1f}
.tracking-panel{position:relative;z-index:2;margin-top:auto;background:#fff;border-radius:22px 22px 0 0;padding:18px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #182d2d1b}.tracking-handle{width:34px;height:4px;border-radius:4px;background:#dfe5df;margin:-7px auto 14px}.tracking-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.tracking-stat{background:#f1f4ef;border-radius:10px;padding:9px}.tracking-stat small{display:block;color:#718083;font-size:9px}.tracking-stat strong{display:block;font:16px 'DM Mono',monospace;margin-top:4px}.tracking-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.tracking-actions button{min-height:44px;border-radius:9px;border:1px solid #192a2d;background:#fff;color:#192a2d;font-size:11px}.tracking-actions .tracking-main{background:#192a2d;color:#fff}.tracking-actions .tracking-danger{border-color:#ec806d;color:#c34e3c}.tracking-alert{font-size:11px;color:#c34e3c;margin:0 0 10px}.tracking-permission{font-size:12px;color:#718083;line-height:1.45;margin:0 0 12px}.route-line{stroke:#ec806d;stroke-width:5}.recorded-line{stroke:#192a2d;stroke-width:4;stroke-dasharray:8 7}.user-dot{background:#ec806d;border:3px solid white;border-radius:50%;width:18px!important;height:18px!important;box-shadow:0 1px 8px #192a2d88}
.history-link{display:block;margin-top:12px;text-align:center;color:#718083;font-size:11px}.tracking-share{background:#e1f0e5!important;border-color:#9ac9a8!important}
@media(min-width:700px){.tracking-panel{width:430px;margin:0 22px 22px auto;border-radius:18px}.tracking-top{padding-left:22px;padding-right:22px}.tracking-title{max-width:340px}}
.tracking-panel{transition:transform .28s ease}
.tracking-panel-toggle{position:absolute;right:14px;top:7px;width:34px;height:28px;border:0;background:#edf2ee;color:#192a2d;border-radius:9px;font-size:18px;line-height:1;z-index:2}
.tracking-screen.panel-collapsed .tracking-panel{transform:translateY(calc(100% - 58px))}
.tracking-screen.panel-collapsed .tracking-panel-toggle{transform:rotate(180deg)}
.recording-place{margin:0 0 12px;padding:10px 12px;background:#e1f0e5;border-radius:9px;font-size:11px;color:#52665c}.recording-place strong{color:#192a2d}.admin-record-actions{grid-template-columns:1fr 1.2fr 1fr}.admin-record-actions [data-action="save"]{background:#1c3031!important;color:#fff!important;border-color:#1c3031!important}.admin-record-actions [data-action="discard"]{border-color:#ec806d;color:#b34d42}