.route-task-card{position:absolute;z-index:6;width:294px;max-width:calc(100% - 24px);display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--task-color) 42%,#b9d5e63b);border-radius:12px;color:#e5eef4;background:linear-gradient(145deg,#132b3ac9,#0c1b29c2);backdrop-filter:blur(9px) saturate(.85);box-shadow:0 12px 40px #03101c45,inset 0 1px #d9f2ff13;font-size:var(--ui-size, 12px);line-height:1.4;pointer-events:auto}.route-task-card[hidden]{display:none}.route-card-header{display:flex;align-items:center;gap:10px;min-width:0}.route-card-aircraft{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#e5f3fa}.route-card-aircraft strong{font-size:11px;font-weight:600;letter-spacing:.04em}.route-task-card .ui-symbol{width:16px;height:16px;flex:0 0 auto}.route-card-aircraft .ui-symbol{color:var(--task-color);filter:brightness(1.3)}.route-card-phase{min-width:0;margin-left:auto;color:#c5ded9;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-card-phase[data-phase=waiting]{color:#f2c68b}.workspace .route-card-close{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;min-height:24px;padding:0;border:0;background:transparent;color:#c4d4df}.workspace .route-card-close:hover{color:#edfaff;background:#ffffff0c}.route-card-title{margin:0;font-size:13px;font-weight:550;line-height:1.4;letter-spacing:-.01em;overflow-wrap:anywhere}.route-card-purpose{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:-4px 0 0;color:#bccdd8;font-size:11px}.route-card-purpose[hidden],.route-card-stops[hidden]{display:none}.route-card-endpoints{display:grid;gap:6px;position:relative;padding-left:17px;font-size:11px;color:#d1e2ed;background:linear-gradient(#a8ced24a,#a8ced24a) 4px center / 1px calc(100% - 14px) no-repeat}.route-card-endpoints:before,.route-card-endpoints:after{content:"";position:absolute;left:1px;width:7px;height:7px;border:1px solid var(--task-color);border-radius:2px;background:#183542}.route-card-endpoints:before{top:4px}.route-card-endpoints:after{bottom:4px}.route-card-endpoints span{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-card-metrics{display:grid;grid-template-columns:1fr 1fr .7fr;gap:12px;padding:9px 0;margin:0;border-top:1px solid #c3e4f01a;border-bottom:1px solid #c3e4f01a}.route-card-metrics dt{color:#b9cbd8;font-size:10px;font-weight:400}.route-card-metrics dd{margin:3px 0 0;color:#dff2fa;font:14px/1.3 var(--ui-mono, monospace);font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap}.route-card-stops{display:flex;gap:5px}.route-card-stops span{display:grid;place-items:center;flex:1;height:25px;border:1px solid #8fb4c533;border-radius:3px;color:#bfd0dd;font:10px/1 var(--ui-mono, monospace);background:#edf8ff03}.route-card-stops [data-state=passed]{border-color:color-mix(in srgb,var(--task-color) 65%,transparent);background:color-mix(in srgb,var(--task-color) 17%,transparent);color:#d9f4ea}.route-card-stops [data-state=next]{border-color:#bcf0e999;box-shadow:inset 0 0 0 1px #bcf0e91a;color:#e4f9f5}.workspace .route-card-follow{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;margin:0;border:1px solid #83cbd654;border-radius:6px;background:#80c6d511;color:#d7f2fa;font-size:11px}.workspace .route-card-follow:hover{background:#80c6d524;border-color:#9fe3ed8c}@media(prefers-reduced-motion:no-preference){.route-task-card:not([hidden]){animation:task-card-enter .15s ease-out}@keyframes task-card-enter{0%{transform:translateY(5px)}to{transform:none}}}@media(max-width:430px),(max-height:600px){.route-task-card{width:272px;gap:8px;padding:12px}.route-card-purpose{display:none}.route-card-metrics{padding:7px 0}.route-card-stops span{height:22px}}@media(max-width:430px)and (max-height:700px){.route-task-card{gap:6px;padding:10px}.route-card-stops{display:none}.route-card-metrics{padding:6px 0}.workspace .route-card-follow{min-height:28px}}.task-arrival-notice{position:absolute;left:50%;bottom:80px;transform:translate(-50%);z-index:3;pointer-events:none;padding:10px 17px;max-width:calc(100% - 28px);box-sizing:border-box;border:1px solid #b9ded2;border-radius:12px;background:#f5fcf8f5;color:#216e57;box-shadow:0 8px 26px #174b3620;font:600 13px system-ui;white-space:nowrap}.task-arrival-notice[hidden]{display:none}@media(max-width:600px){.task-arrival-notice{bottom:120px}}@media(prefers-reduced-motion:no-preference){.task-arrival-notice:not([hidden]){animation:task-pass-in .18s ease-out}}@keyframes task-pass-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}