/* Trip Commander studio portal. Shared stylesheet for every P-## screen.
   Tokens and component vocabulary are the app's, from docs/BRAND.md and
   docs/mockups/html/_screens.css. Nothing new was invented here. */
:root{
  --navy:#14252E; --slate:#3F5F70; --pale:#AFC5CF; --lagoon:#0E6E8C; --green:#14724E;
  --plum:#8C3F7A; --amber:#A5620C; --coral:#E8654A; --paper:#F1F6F8; --stock:#FBF9F4;
  --mute:#5E7C8C; --line:rgba(20,37,46,.12); --ground:#DFE8ED;
  --lagoon-050:#DCEEF4; --green-050:#DAEFE5; --plum-050:#F6E5F1; --amber-050:#FBEBD4; --coral-050:#FBE4DF;
  --sh-s:0 4px 16px 0 rgba(63,95,112,.15); --sh-m:0 8px 24px 0 rgba(63,95,112,.16); --sh-l:0 18px 44px 0 rgba(63,95,112,.22);
  --sans:'Archivo','Helvetica Neue',system-ui,sans-serif;
  --ins:'Instrument Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --logo-mark:url(data:image/png;base64,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);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--ground);color:var(--navy);font-family:var(--sans);font-variant-numeric:tabular-nums}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.lab{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.m{font-family:var(--mono)}
.ins{font-family:var(--ins)}

/* the real logo, never redrawn in CSS */
.glyph{background-image:var(--logo-mark);background-size:contain;background-repeat:no-repeat;background-position:center;flex:0 0 auto}
.g26{width:26px;height:16px} .g22{width:22px;height:14px} .g64{width:64px;height:39px} .g88{width:88px;height:53px}

/* ---------- the screen frame ---------- */
.screen{width:100%;height:100%;min-height:520px;background:#fff;display:flex;flex-direction:column;overflow:hidden}

/* ---------- gate ---------- */
.gate{flex:1;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:46px 16px;
  background-image:radial-gradient(circle at 16% 12%,rgba(14,110,140,.5),transparent 54%),radial-gradient(circle at 86% 90%,rgba(140,63,122,.28),transparent 56%)}
.card{width:100%;max-width:378px;background:#fff;box-shadow:var(--sh-l);padding:28px 26px 24px}
.mk{display:flex;align-items:center;gap:9px;padding-bottom:20px}
.mk b{font-size:14px;font-weight:800;letter-spacing:-.02em;font-variation-settings:'wdth' 86}
.card h3{margin:0 0 5px;font-size:19px;font-weight:700;letter-spacing:-.022em}
.card .lede{margin:0 0 19px;font-family:var(--ins);font-size:13px;line-height:1.55;color:var(--slate)}
.fld{margin-bottom:12px}
.fld label{display:block;color:var(--mute);margin-bottom:5px}
.inp{width:100%;border:1.5px solid var(--pale);background:var(--stock);padding:10px 11px;font-family:var(--ins);font-size:14px;color:var(--navy);display:block}
.inp.on{border-color:var(--lagoon);background:#fff}
.inp.bad{border-color:var(--coral);background:var(--coral-050)}
.inp.dots{font-family:var(--mono);letter-spacing:.2em;font-size:13px}
.err{display:flex;gap:7px;align-items:flex-start;margin:-4px 0 14px;font-family:var(--ins);font-size:12.5px;line-height:1.5;color:var(--coral)}
.err svg{width:14px;height:14px;stroke:var(--coral);stroke-width:2.2;margin-top:2px}
.turn{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--stock);padding:9px 11px;margin:14px 0 15px}
.turn svg{width:16px;height:16px;stroke:var(--green);stroke-width:2.6}
.turn .sp{width:15px;height:15px;border:2px solid var(--pale);border-top-color:var(--lagoon);border-radius:50%;animation:spin .9s linear infinite}
.turn span{font-family:var(--ins);font-size:12px;color:var(--slate)}
.turn em{margin-left:auto;font-family:var(--mono);font-size:9px;font-style:normal;color:var(--mute);letter-spacing:.08em}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.turn .sp{animation:none}}
.btn{width:100%;border:0;background:var(--lagoon);color:#fff;font-family:var(--sans);font-size:14px;font-weight:700;padding:13px;cursor:pointer}
.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fine{margin:15px 0 0;font-family:var(--ins);font-size:11px;line-height:1.5;color:var(--mute)}
.keep{display:flex;gap:8px;align-items:flex-start;background:var(--green-050);border-left:3px solid var(--green);padding:10px 11px;margin:0 0 18px}
.keep svg{width:15px;height:15px;stroke:var(--green);margin-top:1px}
.keep p{margin:0;font-family:var(--ins);font-size:12.5px;line-height:1.5;color:var(--slate)}
.keep b{display:block;font-family:var(--sans);font-size:12px;color:var(--navy);margin-bottom:2px}

/* ---------- P-03 load ---------- */
.load{flex:1;background:var(--stock);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:54px 24px;gap:0}
.load h3{margin:26px 0 0;font-size:40px;font-weight:800;letter-spacing:-.04em;font-variation-settings:'wdth' 86;line-height:1}
.load p{margin:14px 0 0;font-family:var(--ins);font-size:14.5px;line-height:1.6;color:var(--slate);max-width:44ch}
.bar{width:214px;height:2px;background:var(--pale);margin-top:38px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--lagoon)}
.load .pct{margin-top:10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--mute)}

/* ---------- workspace ---------- */
.ws{flex:1;display:flex;min-height:0}
.rail{width:190px;flex:0 0 auto;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding-bottom:12px}
.rail .brow{display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid rgba(255,255,255,.13)}
.rail .brow span{font-size:11.5px;font-weight:800;letter-spacing:-.015em}
.rail .grp{padding:14px 14px 5px;color:rgba(175,197,207,.82)}
.rail button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;color:#D6E4EA;font-family:var(--ins);
  font-size:13px;font-weight:500;text-align:left;padding:8px 14px;cursor:pointer;border-left:3px solid transparent}
.rail button svg{width:15px;height:15px;stroke:rgba(175,197,207,.9)}
.rail button .ct{margin-left:auto;font-family:var(--mono);font-size:10px;color:rgba(175,197,207,.7)}
.rail button:hover{background:rgba(255,255,255,.06)}
.rail button[aria-current="true"]{background:rgba(14,110,140,.36);border-left-color:var(--lagoon);color:#fff;font-weight:700}
.rail button[aria-current="true"] svg{stroke:#fff}
.rail button:focus-visible{outline:2px solid var(--lagoon);outline-offset:-2px}
.rail .who{margin-top:auto;padding:12px 14px 0;border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:8px}
.av{width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:var(--plum);color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rail .who .nm{font-family:var(--ins);font-size:11.5px;line-height:1.35;flex:1;min-width:0}
.rail .who .so{border:0;background:none;color:rgba(175,197,207,.9);font-family:var(--ins);font-size:10px;padding:2px 0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px;width:auto}
.rail .who .so:hover{color:#fff;background:none}

.canvas{flex:1;min-width:0;background:#fff;display:flex;flex-direction:column}
.cbar{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}
.cbar h4{margin:0;font-size:13px;font-weight:700;letter-spacing:-.012em}
.cbar .sub{font-family:var(--mono);font-size:10px;color:var(--mute)}
.cbar .zm{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;color:var(--slate)}
.cbar .zm svg{width:13px;height:13px;stroke:var(--slate)}
.cbar .back{stroke:var(--slate);cursor:pointer}
.dotgrid{flex:1;min-height:0;overflow:auto;background:#fff;
  background-image:radial-gradient(circle,rgba(20,37,46,.17) 1px,transparent 1px);background-size:17px 17px}
.board{padding:18px 14px;display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start}
.fr{width:100px;border:0;background:none;padding:0;cursor:pointer;font:inherit;text-align:left}
.fr .f{height:148px;background:var(--paper);box-shadow:var(--sh-s);position:relative;overflow:visible;border-top:13px solid var(--navy)}
.fr .f .b{height:6px;background:var(--lagoon);margin:8px 7px 0}
.fr .f .l{height:4px;background:var(--pale);margin:6px 7px 0}
.fr .f .l.s{width:54%}
.fr .f .c{height:17px;background:#fff;margin:8px 7px 0;box-shadow:var(--sh-s)}
.fr .f .c.g{border-left:3px solid var(--green)}
.fr .f .c.p{border-left:3px solid var(--plum)}
.fr .f .c.a{border-left:3px solid var(--amber)}
.fr .cap{margin-top:6px;font-family:var(--mono);font-size:9px;color:var(--mute)}
.fr.sel .f{outline:2px solid var(--plum);outline-offset:3px}
.fr.sel .cap{color:var(--plum);font-weight:700}
.fr:focus-visible .f{outline:2px solid var(--lagoon);outline-offset:3px}
.pin{position:absolute;top:-7px;right:-7px;width:19px;height:19px;background:var(--plum);color:#fff;font-family:var(--mono);
  font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-s)}

.inspect{min-height:100%;display:flex;align-items:center;justify-content:center;gap:26px;padding:22px;flex-wrap:wrap}
.big{width:184px;flex:0 0 auto;background:var(--paper);box-shadow:var(--sh-l);position:relative;border-top:22px solid var(--navy);height:330px;outline:2px solid var(--plum);outline-offset:4px}
.big .b{height:9px;background:var(--lagoon);margin:12px 12px 0}
.big .l{height:6px;background:var(--pale);margin:9px 12px 0}
.big .l.s{width:58%}
.big .c{height:30px;background:#fff;margin:11px 12px 0;box-shadow:var(--sh-s)}
.big .c.g{border-left:4px solid var(--green)}
.big .c.a{border-left:4px solid var(--amber)}
.big .pin{width:24px;height:24px;font-size:11px;top:-10px;right:-10px}
.isd{max-width:230px}
.isd .lab{color:var(--mute)}
.isd h5{margin:6px 0 0;font-size:15px;font-weight:700;letter-spacing:-.018em}
.isd p{margin:9px 0 0;font-family:var(--ins);font-size:12.5px;line-height:1.55;color:var(--slate)}

.bboard{padding:18px}
.bboard h5{margin:0;font-size:14px;font-weight:700;letter-spacing:-.015em}
.bboard .h6{margin:17px 0 8px;color:var(--mute)}
.sw{display:flex;flex-wrap:wrap;gap:8px}
.sw > div{width:94px}
.sw .c2{height:42px;box-shadow:var(--sh-s)}
.sw .nm{font-family:var(--mono);font-size:9px;margin-top:5px}
.sw .role{font-family:var(--ins);font-size:9.5px;color:var(--mute);line-height:1.35;margin-top:1px}
.spec{background:#fff;padding:13px;box-shadow:var(--sh-s);max-width:440px;display:flex;flex-direction:column;gap:3px}
.spec .a{font-size:21px;font-weight:800;letter-spacing:-.03em;font-variation-settings:'wdth' 86}
.spec .bd{font-family:var(--ins);font-size:12.5px;color:var(--slate);line-height:1.5}
.spec .mo{font-family:var(--mono);font-size:11px}
.spec .t{font-family:var(--mono);font-size:9px;color:var(--mute);margin-bottom:7px}
.lockup{background:#fff;padding:18px;box-shadow:var(--sh-s);display:inline-flex;align-items:center;gap:12px}
.lockup .wm{font-size:19px;font-weight:800;letter-spacing:-.03em;font-variation-settings:'wdth' 86}
.lockup .wm i{display:block;font-style:normal;font-family:var(--ins);font-size:11px;font-weight:400;color:var(--mute);letter-spacing:.02em;margin-top:2px}

.fboard{padding:16px}
.drop{border:1.5px dashed var(--pale);background:rgba(255,255,255,.72);padding:22px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}
.drop svg{width:20px;height:20px;stroke:var(--lagoon)}
.drop span{font-family:var(--ins);font-size:12.5px;color:var(--slate)}
.drop b{color:var(--lagoon);font-weight:700}
.frows{background:#fff;box-shadow:var(--sh-s)}
.frow{display:flex;align-items:center;gap:11px;padding:11px 13px;border-bottom:1px solid var(--line)}
.frow:last-child{border-bottom:0}
.frow .ic{width:30px;height:30px;background:var(--lagoon-050);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.frow .ic svg{width:15px;height:15px;stroke:var(--lagoon)}
.frow .ic.pl{background:var(--plum-050)} .frow .ic.pl svg{stroke:var(--plum)}
.frow .mid{min-width:0;flex:1}
.frow .fn{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frow .mt{font-family:var(--ins);font-size:11px;color:var(--mute);margin-top:2px}
.frow .dl{color:var(--lagoon);background:none;border:0;padding:4px;cursor:pointer}
.chip{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;flex:0 0 auto}
.chip.gb{background:var(--green-050);color:var(--green)}
.chip.pb{background:var(--plum-050);color:var(--plum)}
.chip.ab{background:var(--amber-050);color:var(--amber)}

.notes{width:258px;flex:0 0 auto;background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column}
.nh{display:flex;align-items:center;gap:8px;padding:11px 13px;background:#fff;border-bottom:1px solid var(--line);flex:0 0 auto}
.nh b{font-size:12.5px;font-weight:700}
.nh svg{width:15px;height:15px;stroke:var(--slate)}
.nh .ct{margin-left:auto;font-family:var(--mono);font-size:9.5px;background:var(--plum-050);color:var(--plum);padding:3px 6px;font-weight:700}
.anchor{background:var(--plum-050);border-bottom:1px solid var(--line);padding:9px 13px;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.anchor .sq{width:20px;height:26px;background:#fff;border-top:4px solid var(--navy);box-shadow:var(--sh-s);flex:0 0 auto}
.anchor .t{font-family:var(--mono);font-size:10px;color:var(--plum);font-weight:700}
.anchor .t i{display:block;font-style:normal;font-family:var(--ins);font-size:9.5px;color:var(--mute);font-weight:400;margin-top:1px}
.nlist{flex:1;overflow:auto}
.n{background:#fff;padding:11px 13px;border-bottom:1px solid var(--line);border-left:3px solid var(--plum)}
.n.done{border-left-color:var(--green)}
.n.reply{padding-left:26px;border-left-color:var(--lagoon)}
.n .hd{display:flex;align-items:baseline;gap:8px}
.n .hd b{font-size:12px;font-weight:700;flex:1}
.n .hd .tm{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.05em}
.n .on{display:block;font-family:var(--mono);font-size:9.5px;color:var(--lagoon);margin-top:4px}
.n p{margin:5px 0 0;font-family:var(--ins);font-size:12.5px;line-height:1.5;color:var(--slate)}
.n .st{margin-top:7px;display:inline-block}
.comp{background:#fff;border-top:1px solid var(--line);padding:11px;flex:0 0 auto}
.ta{border:1.5px solid var(--pale);background:var(--stock);padding:9px;font-family:var(--ins);font-size:12px;color:var(--mute);min-height:52px;line-height:1.5}
.ta.on{border-color:var(--plum);background:#fff;color:var(--navy)}
.cur{display:inline-block;width:1.5px;height:13px;background:var(--plum);vertical-align:-2px}
.ctools{display:flex;align-items:center;gap:8px;margin-top:8px}
.ctools svg{width:15px;height:15px;stroke:var(--mute)}
.ctools .sp2{flex:1}
.ctools button{border:0;padding:8px 15px;font-family:var(--sans);font-size:11.5px;font-weight:700;cursor:pointer;background:var(--plum);color:#fff}
.ctools button.sec{background:none;color:var(--slate);border:1.5px solid var(--pale)}
.saved{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9px;color:var(--green);letter-spacing:.06em}
.saved svg{width:11px;height:11px;stroke:var(--green);stroke-width:2.6}

@media (max-width:880px){
  .ws{flex-direction:column}
  .rail{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px;padding:9px}
  .rail .grp,.rail button .ct{display:none}
  .rail .brow{border:0;padding:0 8px 0 4px}
  .rail button{width:auto;padding:7px 9px;border-left:0;border-bottom:3px solid transparent}
  .rail button[aria-current="true"]{border-left:0;border-bottom-color:var(--lagoon)}
  .rail .who{margin:0 0 0 auto;padding:0;border:0}
  .rail .who .nm{display:none}
  .notes{width:100%;border-left:0;border-top:1px solid var(--line)}
  .dotgrid{min-height:250px}
}


/* ---- Real app mockups on the board. The tiles are the actual files from
   docs/mockups/html/, scaled down in an iframe. Nothing is redrawn. ---- */
.fr .f{width:100px;height:203px;background:#fff;border-top:0;overflow:hidden;position:relative}
.fr .f iframe{width:375px;height:760px;border:0;transform:scale(.2667);transform-origin:0 0;position:absolute;top:0;left:0;pointer-events:none}
.fr .f .veil{position:absolute;inset:0}
.board{gap:18px 16px}
.big{width:375px;height:760px;background:#fff;border-top:0;overflow:visible;position:relative;box-shadow:var(--sh-l);outline:2px solid var(--plum);outline-offset:5px}
.big iframe{width:375px;height:760px;border:0;display:block}
.inspect{align-items:flex-start;padding:26px 22px}
.isd{padding-top:6px}
@media (max-width:860px){
  .big{transform:scale(.72);transform-origin:top left;margin-bottom:-215px}
}
.anchor .sq{width:20px;height:40px;overflow:hidden;position:relative;border-top:0;background:#fff}
.anchor .sq iframe{width:375px;height:760px;border:0;transform:scale(.0533);transform-origin:0 0;position:absolute;top:0;left:0;pointer-events:none}