/* Field Mode: bản đồ điều hướng và thông báo theo ngữ cảnh */
.context-notification.is-decision .context-notification__actions{display:grid!important}.context-notification.is-decision .context-notification__acknowledge{display:none!important}
.decision-card__head{grid-template-columns:auto minmax(0,1fr) auto}.decision-card__description{margin:0;padding:0 18px 15px;color:var(--stone);font-size:.61rem;line-height:1.55}.decision-toggle{display:grid;grid-template-columns:auto;justify-items:center;gap:5px;cursor:pointer}.decision-toggle input{position:absolute;opacity:0;pointer-events:none}.decision-toggle i{position:relative;width:42px;height:23px;border:1px solid var(--border);border-radius:99px;background:#d9ddd9;transition:.2s ease}.decision-toggle i::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.2s ease}.decision-toggle input:checked+i{border-color:var(--forest);background:var(--forest)}.decision-toggle input:checked+i::after{transform:translateX(19px)}.decision-toggle input:focus-visible+i{outline:3px solid rgba(43,75,60,.25);outline-offset:2px}.decision-toggle small{color:var(--stone);font:500 .47rem var(--mono);white-space:nowrap;text-transform:uppercase}.decision-card.is-enabled{border-color:rgba(43,75,60,.45)}.decision-card.is-enabled .decision-card__head>span{background:var(--forest);color:var(--surface)}
@media(max-width:1000px){.navigation-panel{grid-template-columns:1fr!important}.kernel-panel{grid-row:auto!important}}
.decision-card{min-width:0}.decision-card__head{min-width:0;align-items:start}.decision-card__head>div{min-width:0}.decision-card__head h3,.decision-card__description,.decision-entry strong,.decision-entry span{max-width:100%;overflow-wrap:anywhere;word-break:normal}.decision-card__description{box-sizing:border-box;width:100%}.decision-toggle{min-width:58px}.decision-toggle i{border-color:#9b3f32;background:#b74f3d}.decision-toggle i::after{content:"×";display:grid;place-items:center;color:#9b3f32;font:700 13px/1 var(--mono)}.decision-toggle input:checked+i{border-color:#236344;background:#2f7654}.decision-toggle input:checked+i::after{content:"✓";color:#236344}.decision-toggle small{color:#9b3f32}.decision-toggle input:checked~small{color:#236344}.decision-card:not(.is-enabled){border-color:rgba(183,79,61,.42)}.decision-card:not(.is-enabled) .decision-card__head>span{background:#f1ded8;color:#9b3f32}
@media(max-width:480px){.decision-card__head{grid-template-columns:auto minmax(0,1fr)}.decision-toggle{grid-column:1/-1;grid-template-columns:auto auto;align-items:center;justify-content:end;width:100%;margin-top:2px}.decision-card__description{padding-top:2px}}
.navigation-page{background:#e9ece7}.navigation-runtime{min-height:calc(100vh - 70px);padding-bottom:48px}.context-strip{border-bottom:1px solid var(--border);background:var(--surface)}.context-strip__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.context-chip{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:9px;padding:13px 14px;border-right:1px solid var(--border)}.context-chip:first-child{border-left:1px solid var(--border)}.context-chip>span{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--mist);color:var(--forest)}.context-chip small,.context-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-chip small{color:var(--stone);font:500 .54rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.context-chip strong{color:var(--forest);font-size:.68rem;font-weight:500}
.navigation-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:20px}.navigation-head h1{margin:5px 0 3px;color:var(--forest);font-size:clamp(1.75rem,4vw,3rem);line-height:1.08}.navigation-head p:last-child{margin:0;color:var(--stone);font-size:.78rem}.navigation-head__actions{display:flex;gap:8px;flex:none}
.navigation-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;align-items:start}.navigation-map{min-width:0}.navigation-map__canvas{position:relative;min-height:600px;overflow:hidden;border:1px solid rgba(252,251,247,.45);border-radius:16px;background:linear-gradient(145deg,#71877b,#263e5c);box-shadow:0 18px 44px rgba(25,57,44,.14)}.navigation-map__terrain{position:absolute;inset:-10%;opacity:.65;background:radial-gradient(ellipse at 20% 78%,transparent 0 16%,rgba(245,242,233,.12) 17% 18%,transparent 19% 29%,rgba(245,242,233,.1) 30% 31%,transparent 32%),radial-gradient(ellipse at 75% 20%,transparent 0 18%,rgba(245,242,233,.12) 19% 20%,transparent 21% 33%,rgba(245,242,233,.09) 34% 35%,transparent 36%),linear-gradient(28deg,transparent 48%,rgba(245,242,233,.08) 49% 51%,transparent 52%) 0 0/80px 80px}.navigation-route{position:absolute;pointer-events:none}.navigation-route--primary{inset:20% 17% 19% 13%;border:4px solid rgba(252,251,247,.9);border-width:0 0 4px 4px;border-radius:0 0 0 68%;transform:rotate(-17deg);filter:drop-shadow(0 2px 2px rgba(25,57,44,.35))}.navigation-route--alternative{display:none;inset:14% 12% 28% 23%;border:3px dashed #e8b477;border-width:3px 3px 0 0;border-radius:0 70% 0 0;transform:rotate(8deg)}.navigation-map.is-alternative .navigation-route--alternative{display:block}.navigation-user{position:absolute;z-index:3;left:13%;bottom:18%;width:23px;height:23px;border:5px solid var(--surface);border-radius:50%;background:#4b8df8;box-shadow:0 0 0 9px rgba(75,141,248,.25),0 3px 10px rgba(0,0,0,.25)}.navigation-user i{position:absolute;left:50%;bottom:16px;width:0;height:0;border-right:6px solid transparent;border-bottom:13px solid var(--surface);border-left:6px solid transparent;transform:translateX(-50%)}.navigation-stop{position:absolute;z-index:2;display:grid;justify-items:center;gap:5px;padding:0;border:0;background:none;color:var(--surface)}.navigation-stop>span{width:39px;height:39px;display:grid;place-items:center;border:3px solid var(--surface);border-radius:50%;background:var(--earth);font:500 .72rem var(--mono);box-shadow:0 5px 14px rgba(0,0,0,.24)}.navigation-stop small{padding:4px 8px;border-radius:99px;background:rgba(25,57,44,.78);white-space:nowrap;font-size:.58rem}.navigation-stop.is-complete>span{background:var(--success)}.navigation-stop.is-current>span{background:var(--surface);color:var(--forest);box-shadow:0 0 0 8px rgba(252,251,247,.2)}.navigation-stop--one{left:17%;bottom:17%}.navigation-stop--two{left:46%;top:48%}.navigation-stop--three{right:17%;top:20%}.navigation-map__compass{position:absolute;top:18px;right:18px;width:50px;height:50px;display:grid;place-content:center;border:1px solid rgba(252,251,247,.58);border-radius:50%;background:rgba(25,57,44,.65);color:var(--surface);text-align:center;backdrop-filter:blur(8px)}.navigation-map__compass b{font:500 .56rem var(--mono)}.navigation-map__compass span{font-size:1rem;line-height:1}.navigation-map__scale{position:absolute;right:18px;bottom:18px;padding:5px 9px;border-bottom:2px solid var(--surface);color:var(--surface);font:500 .56rem var(--mono)}
.next-stop-card{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-104px 18px 18px;padding:22px;border:1px solid rgba(197,204,198,.75);border-radius:13px;background:rgba(252,251,247,.94);box-shadow:0 15px 36px rgba(25,57,44,.18);backdrop-filter:blur(12px)}.next-stop-card h2{margin:5px 0 3px;color:var(--forest);font-size:1.2rem}.next-stop-card p:last-child{margin:0;color:var(--stone);font-size:.7rem}.next-stop-card__meta{display:flex;align-items:center;gap:14px;flex:none}.next-stop-card__meta>span{display:grid;text-align:right}.next-stop-card__meta strong{color:var(--forest);font-size:.83rem}.next-stop-card__meta small{color:var(--stone);font-size:.58rem}
.navigation-panel{display:grid;gap:13px}.kernel-panel{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.kernel-panel__head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.kernel-panel__head h2{margin:5px 0 0;color:var(--forest);font-size:1.05rem}.kernel-live{display:flex;align-items:center;gap:5px;color:var(--success);font:500 .58rem var(--mono)}.kernel-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(52,114,87,.12)}.context-alerts{display:grid;max-height:460px;overflow-y:auto}.context-history__empty{margin:0;padding:24px 20px;color:var(--stone);font-size:.67rem;line-height:1.6}.context-alert{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:17px 18px;border-bottom:1px solid var(--border)}.context-alert:last-child{border-bottom:0}.context-alert__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--mist);color:var(--forest);font-weight:600}.context-alert h3{margin:0;color:var(--forest);font-size:.78rem}.context-alert p{margin:3px 0 0;color:var(--stone);font-size:.65rem;line-height:1.55}.context-alert small{display:block;margin-top:7px;color:var(--stone);font:500 .52rem var(--mono);text-transform:uppercase}.context-alert__time{white-space:nowrap}.context-alert--critical .context-alert__icon{background:#f5dddd;color:var(--danger)}.context-alert--warning .context-alert__icon{background:#f4e6d4;color:var(--earth)}.context-alert--suggestion .context-alert__icon{background:#dfe6ef;color:var(--indigo)}.context-alert--decision .context-alert__icon{background:#dceade;color:var(--success)}
.context-decisions{display:grid;gap:10px}.decision-card{overflow:hidden}.decision-card__head{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:17px 18px}.decision-card__head>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--mist);color:var(--forest);font-weight:600}.decision-card__head h3{margin:4px 0 0;color:var(--forest);font-size:.78rem}.decision-card__history{display:grid;max-height:150px;overflow-y:auto;border-top:1px solid var(--border)}.decision-card__history>p{margin:0;padding:13px 18px;color:var(--stone);font-size:.62rem}.decision-entry{display:grid;gap:3px;padding:12px 18px;border-bottom:1px solid var(--border)}.decision-entry:last-child{border-bottom:0}.decision-entry strong{color:var(--forest);font-size:.66rem}.decision-entry span{color:var(--stone);font-size:.6rem;line-height:1.45}.decision-entry small{color:var(--stone);font:500 .5rem var(--mono);text-transform:uppercase}.decision-entry.is-positive{border-left:3px solid var(--success)}.decision-entry.is-negative{border-left:3px solid var(--earth)}
.context-simulator{padding:20px}.context-simulator h3{margin:6px 0;color:var(--forest);font-size:.9rem}.context-simulator>p:not(.eyebrow){margin:0;color:var(--stone);font-size:.68rem;line-height:1.55}.context-simulator .form-field{margin-top:16px}.context-simulator select{width:100%}
.navigation-utilities{position:fixed;z-index:35;right:14px;top:50%;display:grid;gap:9px;transform:translateY(-50%)}.navigation-utilities button{width:66px;height:66px;display:grid;place-items:center;padding:7px;border:1px solid rgba(197,204,198,.9);border-radius:14px;background:rgba(252,251,247,.96);color:var(--forest);box-shadow:0 12px 30px rgba(25,57,44,.16);cursor:pointer;backdrop-filter:blur(12px)}.navigation-utilities span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--mist);font-weight:600}.navigation-utilities small{font-size:.55rem}.navigation-utilities button.is-active{background:var(--forest);color:var(--surface)}.navigation-utilities__sos{color:var(--danger)!important}.navigation-utilities__sos span{background:var(--danger);color:#fff}
.context-notification[hidden]{display:none}.context-notification{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:rgba(12,28,22,.3);backdrop-filter:blur(5px)}.context-notification__card{position:relative;width:min(100%,560px);padding:38px;border:1px solid rgba(252,251,247,.72);border-radius:18px;background:rgba(252,251,247,.98);box-shadow:0 30px 100px rgba(13,35,27,.38);animation:context-notification-in .28s ease-out}.context-notification__symbol{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:#f4e6d4;color:var(--earth);font-size:1.45rem;font-weight:600}.context-notification__card.is-critical .context-notification__symbol{background:#f5dddd;color:var(--danger)}.context-notification__card.is-suggestion .context-notification__symbol{background:#dfe6ef;color:var(--indigo)}.context-notification__card h2{margin:8px 0 10px;color:var(--forest);font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.12}.context-notification__card>p:not(.eyebrow){margin:0;color:var(--stone);font:400 1rem/1.65 var(--story)}.context-notification__card>small{display:block;margin-top:11px;color:var(--earth);font:500 .62rem var(--mono);text-transform:uppercase}.context-notification__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:var(--mist);color:var(--forest);font-size:1.3rem;cursor:pointer}.context-notification__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.context-notification__acknowledge{width:100%;margin-top:24px}.context-notification.is-route .context-notification__acknowledge{display:none}.context-notification:not(.is-route) .context-notification__actions{display:none}@keyframes context-notification-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.sos-dialog{width:min(calc(100% - 32px),460px);padding:0;border:0;border-radius:14px;background:var(--surface);box-shadow:0 25px 80px rgba(0,0,0,.3)}.sos-dialog::backdrop{background:rgba(10,22,17,.68);backdrop-filter:blur(4px)}.sos-dialog>div{padding:28px}.sos-dialog h2{margin:7px 0;color:var(--forest)}.sos-dialog p:not(.eyebrow){color:var(--stone)}.sos-dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
@media(max-width:1000px){.context-strip__track{overflow-x:auto;grid-template-columns:repeat(6,minmax(150px,1fr))}.navigation-layout{grid-template-columns:1fr}.navigation-panel{grid-template-columns:1fr 1fr}.kernel-panel{grid-row:span 2}.navigation-map__canvas{min-height:540px}}
@media(max-width:720px){.navigation-runtime{padding-bottom:96px}.navigation-head{align-items:flex-start;flex-direction:column;padding-top:20px}.navigation-head__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.navigation-head__actions .btn{min-width:0;padding-inline:10px}.navigation-layout{width:100%;gap:0}.navigation-map__canvas{min-height:58vh;border-right:0;border-left:0;border-radius:0}.navigation-panel{display:grid;grid-template-columns:1fr;padding:12px}.kernel-panel{grid-row:auto}.next-stop-card{align-items:flex-start;flex-direction:column;margin:-118px 12px 12px;padding:18px}.next-stop-card__meta{width:100%;justify-content:space-between}.next-stop-card__meta>span{text-align:left}.context-strip__track{width:100%;padding-left:12px}.context-chip:first-child{border-left:0}.navigation-utilities{right:8px;top:auto;bottom:82px;transform:none}.navigation-utilities button{width:54px;height:54px;border-radius:12px}.navigation-utilities small{font-size:.5rem}.navigation-stop small{display:none}.navigation-map__compass{top:12px;right:12px}.context-notification{padding:14px}.context-notification__card{padding:30px 20px 22px}.context-notification__actions{grid-template-columns:1fr}.sos-dialog>div{padding:22px}}