.tracker-layout{grid-template-columns:360px minmax(0,1fr)}.tracker-form{padding:16px;display:grid;gap:12px}.tracker-form label:not(.tracker-checkbox){display:grid;gap:6px;font-size:13px;font-weight:600}.tracker-form input:not([type=checkbox]),.tracker-form select,.tracker-form textarea{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-main);font:14px system-ui}
.tracker-form textarea{resize:vertical}.tracker-form input[readonly]{color:var(--text-muted)}.tracker-form .tracker-button{min-height:40px;height:auto}.tracker-checkbox{display:flex;gap:8px;align-items:center;font-size:13px}.tracker-checkbox input{width:17px;height:17px;accent-color:#0d9488}.tracker-form p{margin:0}.tracker-side{display:contents}.tracker-side>section:first-child{grid-column:1/-1}.tracker-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-device{margin:8px}.tracker-device p{margin:4px 0 0}.tracker-device-top{flex-wrap:wrap}.tracker-device .tracker-button{font-size:12px;padding:0 8px;height:30px}.tracker-panel-head{flex-wrap:wrap}.tracker-button:disabled{opacity:.5;cursor:not-allowed}
.tracker-plan-note{padding:12px 16px;line-height:1.6;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border)}.tracker-history{margin-top:16px}.tracker-history-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tracker-history-grid{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.tracker-trip{padding:14px;border:1px solid var(--border);border-radius:8px;min-width:0}.tracker-trip-head{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.tracker-trip h3{margin:12px 0 8px;font-size:15px;line-height:1.4}.tracker-trip p{margin:6px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.tracker-trip-state{border:1px solid var(--border);border-radius:6px;font-size:12px;padding:4px 7px;color:var(--text-muted)}.tracker-trip-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tracker-pagination{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;justify-content:flex-end}
.tracker-message{padding:12px 16px;margin-bottom:16px;background:var(--bg-card);border-left:3px solid #0d9488;line-height:1.5}.tracker-message.is-error{border-color:#dc2626}.tracker-dialog{position:fixed;inset:0;margin:auto;width:min(94vw,460px);max-height:90dvh;overflow:auto;padding:0;background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:12px}.tracker-dialog::backdrop{background:rgba(0,0,0,.55)}.tracker-dialog h2{font-size:18px;margin:0}.tracker-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.tracker-error{color:#ef4444;font-size:13px}.tracker-route-caption{padding:12px 16px;font-size:13px;line-height:1.5;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
@media(max-width:900px){.tracker-layout{grid-template-columns:1fr}.tracker-side{display:contents}.tracker-devices{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-map{height:55vh;min-height:360px}}
@media(max-width:600px){.tracker-side{grid-template-columns:1fr}.tracker-devices{grid-template-columns:1fr 1fr}.tracker-history-grid{grid-template-columns:minmax(0,1fr)}.tracker-trip-actions .tracker-button{flex:1}.tracker-top h1{font-size:20px}.tracker-state{font-size:12px}}