
#tour-workspace[hidden],#legacy-simulation-workspace[hidden]{display:none!important}
#tour-workspace{color:#102f54}
#tour-workspace *{box-sizing:border-box}
#tour-workspace button,#tour-workspace input,#tour-workspace select{font:inherit}
#tour-workspace .tour-workspace{display:grid;gap:14px}
#tour-workspace .tour-title{display:flex;justify-content:space-between;align-items:center;gap:18px}
#tour-workspace .tour-title h2{font-size:23px;margin:0 0 5px;font-weight:800;color:#0b315f}
#tour-workspace .tour-title p{font-size:12px;color:#54718c;margin:0}
#tour-workspace .tour-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#tour-workspace .tour-primary,#tour-workspace .tour-outlined{min-height:37px;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:700;cursor:pointer}
#tour-workspace .tour-primary{background:#126ceb;color:white;border:1px solid #126ceb}
#tour-workspace .tour-outlined{background:white;color:#126ceb;border:1px solid #afcff6}
#tour-workspace button:disabled{cursor:not-allowed;opacity:.6}
#tour-workspace .tour-columns{display:grid;grid-template-columns:minmax(235px,25%) minmax(440px,1fr) minmax(265px,27%);gap:13px;align-items:start}
#tour-workspace .tour-column{min-width:0;display:grid;gap:13px}
#tour-workspace .tour-card{min-width:0;background:#fff;border:1px solid #dce6f2;border-radius:10px;box-shadow:0 1px 6px rgba(26,67,119,.04);padding:15px;display:grid;gap:10px}
#tour-workspace .tour-card h3{font-size:15px;font-weight:800;color:#0b3564;margin:0 0 4px;line-height:1.35}
#tour-workspace .tour-card p{margin:0;line-height:1.4}
#tour-workspace .tour-muted{font-size:11px;color:#6c819b}
#tour-workspace .tour-list{padding:0;margin:4px 0;list-style:none;display:grid;gap:9px}
#tour-workspace .tour-list li{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700}
#tour-workspace .tour-list li>span{display:grid;place-items:center;width:25px;height:25px;flex:none;background:#176fec;border-radius:50%;color:#fff}
#tour-workspace .tour-list li:first-child>span{background:#1a9b65}
#tour-workspace .tour-barges{display:grid;gap:6px;max-height:370px;overflow:auto}
#tour-workspace .tour-barge{display:flex;align-items:center;gap:10px;border:1px solid #e2eaf5;padding:9px;border-radius:8px;cursor:pointer}
#tour-workspace .tour-barge input{accent-color:#176fec;width:17px;height:17px;flex:none}
#tour-workspace .tour-barge span{display:grid;gap:3px;min-width:0}
#tour-workspace .tour-barge strong{font-size:12px;overflow-wrap:anywhere}
#tour-workspace .tour-barge small{color:#597694;font-size:10px}
#tour-workspace .tour-field{display:grid;gap:6px;font-size:11px;font-weight:750;color:#27446c}
#tour-workspace .tour-field select,#tour-workspace .tour-lot select,#tour-workspace .tour-lot input{height:37px;min-width:0;width:100%;border:1px solid #d6e4f2;border-radius:7px;padding:5px 7px;color:#183a65;background:white;font-size:12px}
#tour-workspace .tour-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#365c81}
#tour-workspace .tour-check input{accent-color:#176fec}
#tour-workspace .tour-point{gap:11px}
#tour-workspace .tour-point-head{display:flex;align-items:center;gap:8px}
#tour-workspace .tour-point-head>div{display:grid;min-width:0;flex:1;gap:3px}
#tour-workspace .tour-point-head strong{font-size:13px}
#tour-workspace .tour-point-head small{font-size:10px;color:#64809d}
#tour-workspace .tour-number{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:50%;color:white;background:#176fec;font-weight:800}
#tour-workspace .tour-tag{font-size:10px;background:#e8f2ff;padding:5px 7px;border-radius:7px;color:#126be9}
#tour-workspace .tour-lots{display:grid;gap:8px}
#tour-workspace .tour-lot{display:grid;grid-template-columns:minmax(110px,1.45fr) minmax(100px,1.15fr) minmax(76px,.8fr) minmax(74px,.8fr) minmax(74px,.8fr) 25px;gap:5px;align-items:end;border:1px solid #e1e9f4;border-radius:8px;padding:8px}
#tour-workspace .tour-lot label{min-width:0;display:grid;gap:5px;font-size:10px;font-weight:700;color:#4a6687}
#tour-workspace .tour-remove{color:#c92a37;background:transparent;border:0;font-size:21px;height:37px;cursor:pointer}
#tour-workspace .tour-origin{background:#eaf6ef;color:#087b49;padding:10px;border-radius:7px;font-size:12px}
#tour-workspace .tour-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#tour-workspace .tour-kpis>div{display:grid;gap:4px;border-right:1px solid #e5edf4;text-align:center}
#tour-workspace .tour-kpis strong{font-size:17px;color:#0d3768}
#tour-workspace .tour-kpis small{font-size:10px;color:#5d7a9b}
#tour-workspace .tour-map{height:380px;border:1px solid #dce6f2;border-radius:9px;background:#ecf3f8}
#tour-workspace .tour-pin{width:30px;height:30px;background:#176fec;color:white;border:2px solid white;box-shadow:0 1px 6px #1034616b;border-radius:50%;display:grid;place-items:center;font-weight:800}
#tour-workspace .tour-result{border:1px solid #dce8f3;padding:10px;border-radius:9px;display:grid;gap:9px}
#tour-workspace .tour-result:first-of-type{border-color:#22a66d}
#tour-workspace .tour-result>div:first-child{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:12px}
#tour-workspace .tour-result>div:first-child span{font-size:10px;color:#07804e}
#tour-workspace .tour-result dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}
#tour-workspace .tour-result dl>div{display:grid;gap:4px;border-top:1px solid #ebf1f7;padding-top:7px}
#tour-workspace .tour-result dt{font-size:10px;color:#6a8299}
#tour-workspace .tour-result dd{margin:0;font-size:13px;font-weight:800;color:#123d6a}
#tour-workspace .tour-warning{color:#9c650c;background:#fff9e7;padding:9px;border-radius:6px;font-size:11px}
#tour-workspace .tour-error{color:#b2322c;background:#fff1f0;padding:10px;border-radius:6px;font-size:12px}
@media(max-width:1400px){#tour-workspace .tour-columns{grid-template-columns:minmax(265px,33%) minmax(0,1fr)}#tour-workspace .tour-column:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:920px){#tour-workspace .tour-columns,#tour-workspace .tour-column:last-child{grid-template-columns:1fr}#tour-workspace .tour-column:last-child{grid-column:auto}}
@media(max-width:650px){#tour-workspace .tour-title{align-items:stretch;flex-direction:column}#tour-workspace .tour-lot{grid-template-columns:repeat(2,minmax(0,1fr))}#tour-workspace .tour-lot label:first-child{grid-column:1/-1}#tour-workspace .tour-actions{justify-content:stretch}}

/* Shared simulation selector belongs to Simulation, outside both mode-specific screens. */
.scenario-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 16px;background:#fff;border:1px solid #dce6f2;border-radius:10px}
.scenario-picker>label{display:flex;flex:1;align-items:center;gap:12px;font-size:12px;font-weight:800;color:#15406d;min-width:0}
.scenario-picker select{min-height:42px;min-width:200px;max-width:540px;width:100%;flex:1;background:#fff;color:#103f70;border:1px solid #cddded;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:650}
.scenario-picker p{font-size:11px;color:#5a7694;margin:0}
#tour-workspace .tour-barge{display:flex;align-items:center;justify-content:space-between;gap:12px}
#tour-workspace .tour-barge>label:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer}
#tour-workspace .tour-barge .tour-quantity{display:grid;gap:3px;flex:0 0 80px;font-size:10px;color:#526f8d;font-weight:700}
#tour-workspace .tour-barge .tour-quantity input{width:100%;height:32px;border:1px solid #cddded;border-radius:7px;padding:4px 7px}
#tour-workspace .tour-fleet-summary{display:grid;gap:11px}
#tour-workspace .tour-fleet-summary>p{font-size:12px;line-height:1.45}
#tour-workspace .tour-fleet-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#tour-workspace .tour-fleet-kpis>div{display:grid;gap:5px;padding:10px;border:1px solid #e3eaf3;border-radius:8px}
#tour-workspace .tour-fleet-kpis small{font-size:10px;color:#577493}
#tour-workspace .tour-fleet-kpis strong{font-size:15px;color:#0f396b}
@media(max-width:750px){.scenario-picker,.scenario-picker>label{display:grid;grid-template-columns:1fr}.scenario-picker select{max-width:none}}


/* Section 6: independently comparable transport-model cards. */
#tour-workspace .tour-results-panel{gap:16px}
#tour-workspace .tour-results-heading h3{font-size:18px;margin:0 0 5px}
#tour-workspace #tour-status{min-width:0;display:grid;gap:14px}
#tour-workspace .tour-overview{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #e2eaf4;padding:0 0 12px}
#tour-workspace .tour-overview p{margin:0}
#tour-workspace .tour-overview strong{font-size:15px}
#tour-workspace .tour-overview .tour-muted{max-width:680px}
#tour-workspace .tour-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#tour-workspace .tour-model-card{display:grid;gap:14px;align-content:start;min-width:0;background:#fff;border:1px solid #dce6f1;border-radius:12px;padding:18px;box-shadow:0 3px 14px rgba(18,57,100,.05)}
#tour-workspace .tour-model-card.is-active{border-color:#78b0fa;box-shadow:0 0 0 2px #e1eeff}
#tour-workspace .tour-model-card.is-best{border-top:3px solid #158f67}
#tour-workspace .tour-model-card.is-unavailable{background:#fbfcfe}
#tour-workspace .tour-model-header{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
#tour-workspace .tour-model-header>div{flex:1;min-width:120px}
#tour-workspace .tour-model-header h4{font-size:16px;line-height:1.25;margin:2px 0 0;overflow-wrap:anywhere;color:#0c3562}
#tour-workspace .tour-model-type{margin:0;font-size:11px;color:#647e9a}
#tour-workspace .tour-vehicle-icon{width:42px;height:42px;display:grid;place-items:center;font-size:22px;background:#eef5fe;border-radius:11px;flex:none}
#tour-workspace .tour-model-badge{background:#eaf8f2;color:#08774e;font-weight:750;font-size:10px;border-radius:7px;padding:7px 8px}
#tour-workspace .tour-status-error{color:#ac4242;background:#fff0ee;border-radius:7px;font-size:11px;font-weight:750;padding:7px 9px}
#tour-workspace .tour-model-reason{font-size:13px;line-height:1.55;color:#9a3e36;background:#fff5f1;border-radius:9px;padding:14px;margin:0}
#tour-workspace .tour-model-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#tour-workspace .tour-model-kpis>div{display:grid;gap:5px;padding:10px 8px;background:#f6f9fd;border:1px solid #e5edf6;border-radius:8px;min-width:0}
#tour-workspace .tour-model-kpis small{font-size:10px;color:#657c95;line-height:1.2;min-height:23px}
#tour-workspace .tour-model-kpis strong{font-size:14px;line-height:1.2;color:#0c376b;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#tour-workspace .tour-model-kpis>div:first-child strong{color:#087f5b;font-size:16px}
#tour-workspace .tour-route-display{display:grid;gap:9px;min-width:0}
#tour-workspace .tour-route-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
#tour-workspace .tour-route-head strong,#tour-workspace .tour-card-plan>strong{font-size:13px;color:#103b6b}
#tour-workspace .tour-route-head small{font-size:10px;color:#647e9a}
#tour-workspace .tour-mini-trace{width:100%;height:145px;display:block;border:1px solid #dce6f1;border-radius:9px;background:#f0f6fc}
#tour-workspace .tour-route-placeholder{height:145px;border:1px dashed #cad9e8;background:#f6f9fc;border-radius:9px;display:grid;place-items:center;padding:20px;text-align:center;color:#657e99;font-size:12px}
#tour-workspace .tour-view-map{justify-self:start}
#tour-workspace .tour-card-plan{display:grid;gap:9px;border-top:1px solid #e7eef7;padding-top:12px}
#tour-workspace .tour-vehicle-plan{display:grid;gap:7px;min-width:0}
#tour-workspace .tour-vehicle-plan h5{font-size:11px;color:#557291;margin:0}
#tour-workspace .tour-vehicle-plan ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#tour-workspace .tour-vehicle-plan li{display:grid;grid-template-columns:minmax(90px,.24fr) minmax(0,1fr);column-gap:9px;row-gap:4px;padding:9px 11px;border:1px solid #e5edf5;border-radius:8px;align-items:start;background:#fcfdff}
#tour-workspace .tour-trip-index{font-weight:750;color:#176fec;font-size:11px}
#tour-workspace .tour-vehicle-plan li strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#tour-workspace .tour-vehicle-plan li small{font-size:10px;grid-column:2;color:#587491}
#tour-workspace .tour-more-trips{min-width:0;border-top:1px dashed #e0e8f1;padding-top:9px}
#tour-workspace .tour-more-trips summary{color:#176fec;font-weight:700;font-size:12px;cursor:pointer;padding:5px}
#tour-workspace .tour-model-notes{display:grid;gap:7px}
#tour-workspace .tour-model-notes:empty{display:none}
@media(max-width:1450px){#tour-workspace .tour-model-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){#tour-workspace .tour-model-grid{grid-template-columns:1fr}}
@media(max-width:650px){#tour-workspace .tour-model-card{padding:12px}#tour-workspace .tour-model-header{align-items:flex-start}#tour-workspace .tour-model-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#tour-workspace .tour-vehicle-plan li{grid-template-columns:1fr}#tour-workspace .tour-vehicle-plan li small{grid-column:1}}
@media(max-width:1400px){#tour-workspace .tour-column:last-child{grid-template-columns:minmax(0,1fr)}}


/* Dense one-row-per-model comparison: expand details only on demand. */
#tour-workspace .tour-model-grid{grid-template-columns:minmax(0,1fr);gap:9px}
#tour-workspace .tour-model-card{padding:12px 16px;gap:9px;box-shadow:none}
#tour-workspace .tour-model-header{gap:9px}
#tour-workspace .tour-vehicle-icon{width:36px;height:36px;font-size:18px;border-radius:8px}
#tour-workspace .tour-model-header h4{font-size:14px}
#tour-workspace .tour-model-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#tour-workspace .tour-model-kpis>div{padding:8px 10px;gap:3px}
#tour-workspace .tour-model-kpis small{min-height:0;font-size:10px}
#tour-workspace .tour-model-kpis strong{font-size:14px}
#tour-workspace .tour-model-card.is-unavailable{gap:5px}
#tour-workspace .tour-model-reason{padding:8px 11px;font-size:12px}
#tour-workspace .tour-card-detail{border-top:1px solid #e5edf6;padding-top:7px}
#tour-workspace .tour-card-detail>summary{font-size:12px;font-weight:750;color:#126ceb;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:5px 0}
#tour-workspace .tour-card-detail>summary::before{content:"▸";font-size:15px;line-height:1;display:inline-block}
#tour-workspace .tour-card-detail[open]>summary::before{content:"▾"}
#tour-workspace .tour-card-detail>summary::-webkit-details-marker{display:none}
#tour-workspace .tour-card-detail-body{display:grid;gap:12px;padding-top:10px}
#tour-workspace .tour-model-secondary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#tour-workspace .tour-model-secondary-kpis>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #e2eaf4;background:#f8fbfe;border-radius:7px}
#tour-workspace .tour-model-secondary-kpis small{font-size:10px;color:#55718d}
#tour-workspace .tour-model-secondary-kpis strong{font-size:12px;font-variant-numeric:tabular-nums;color:#163c67}
#tour-workspace .tour-route-display{max-width:850px}
#tour-workspace .tour-mini-trace,#tour-workspace .tour-route-placeholder{height:120px}
#tour-workspace .tour-vehicle-plan li{grid-template-columns: minmax(100px,110px) minmax(0,1fr);padding:7px 10px}
#tour-workspace .tour-model-notes{gap:5px}
@media(max-width:850px){#tour-workspace .tour-model-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#tour-workspace .tour-model-secondary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#tour-workspace .tour-model-secondary-kpis{grid-template-columns:1fr}#tour-workspace .tour-vehicle-plan li{grid-template-columns:1fr}#tour-workspace .tour-vehicle-plan li small{grid-column:1}}

/* Single owner of model selection alignment: checkbox, title, and payload line. */
#tour-workspace .tour-barge{align-items:center;justify-content:flex-start;min-height:59px}
#tour-workspace .tour-barge>label:first-child{
  display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;
  column-gap:11px;flex:1;width:100%;min-width:0;margin:0;text-align:left
}
#tour-workspace .tour-barge input[type="checkbox"]{
  appearance:auto;width:17px!important;height:17px!important;
  min-width:17px;min-height:17px;max-width:17px;max-height:17px;
  margin:0!important;transform:none!important;align-self:center;justify-self:center
}
#tour-workspace .tour-barge .tour-barge-copy{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:3px;min-width:0;margin:0;text-align:left
}
#tour-workspace .tour-barge .tour-barge-copy strong{
  display:block;line-height:1.3;margin:0;font-size:12px;color:#16395e;text-align:left
}
#tour-workspace .tour-barge .tour-barge-copy small{
  display:block;line-height:1.35;margin:0;text-align:left
}
/* Large checkmarks came from the global form-control styles, not tour intent. */
#tour-workspace .tour-check{align-items:center;gap:10px;min-height:27px}
#tour-workspace .tour-check>input[type="checkbox"]{
  appearance:auto!important;width:18px!important;height:18px!important;
  min-width:18px!important;min-height:18px!important;
  max-width:18px;max-height:18px;
  flex:0 0 18px;margin:0!important;transform:none!important;accent-color:#176fec
}
/* Mini previews are real MapLibre maps; no empty SVG backdrop. */
#tour-workspace .tour-route-display{max-width:100%}
#tour-workspace .tour-mini-map{
  position:relative;width:100%;height:215px;min-height:215px;overflow:hidden;
  border:1px solid #dce6f1;border-radius:9px;background:#eaf1f8
}
#tour-workspace .tour-mini-map .maplibregl-canvas{outline:none}
#tour-workspace .tour-mini-loading{
  position:absolute;inset:auto 10px 10px auto;z-index:3;display:block;
  background:rgba(255,255,255,.94);border-radius:5px;padding:4px 7px;
  font-size:10px;color:#55718d;pointer-events:none
}
#tour-workspace .tour-mini-map .maplibregl-ctrl-attrib{font-size:9px}
@media(max-width:650px){#tour-workspace .tour-mini-map{height:190px;min-height:190px}}
