/* RFD retro-futuristic product language — customer + operational surfaces */
:root{
  --rfd-red:#ef3f43;
  --rfd-red-deep:#7a1619;
  --rfd-cyan:#19d8d0;
  --rfd-cyan-soft:#7bf7f0;
  --rfd-amber:#ffb020;
  --rfd-green:#66e88b;
  --rfd-ink:#060809;
  --rfd-panel:#0c1113;
  --rfd-panel-2:#12191c;
  --rfd-line:#24373c;
  --rfd-text:#f6f7f7;
  --rfd-muted:#93a3a8;
}

body.rfd-customer-retro,
body.rfd-ops-retro{
  background:
    linear-gradient(rgba(25,216,208,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,216,208,.025) 1px,transparent 1px),
    radial-gradient(circle at 20% 0%,rgba(239,63,67,.08),transparent 32%),
    #060809;
  background-size:24px 24px,24px 24px,auto,auto;
  color:var(--rfd-text);
}

body.rfd-customer-retro .site-nav,
body.rfd-ops-retro .site-nav{
  background:rgba(5,7,8,.96)!important;
  border-bottom:1px solid rgba(25,216,208,.25)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.42);
}
body.rfd-customer-retro .navbar,
body.rfd-ops-retro .navbar{max-width:1200px}
body.rfd-customer-retro .navbar a,
body.rfd-ops-retro .navbar a{letter-spacing:.02em}
body.rfd-customer-retro .logo img,
body.rfd-ops-retro .logo img{filter:drop-shadow(0 0 8px rgba(25,216,208,.18))}

/* CUSTOMER */
body.rfd-customer-retro .container{max-width:none!important;padding:0!important}
body.rfd-customer-retro .hero{max-width:none!important;margin:0!important;padding:0!important}
body.rfd-customer-retro #chatgpt{background:#07090a!important}
body.rfd-customer-retro #log{padding-top:10px!important;background:transparent!important}
body.rfd-customer-retro #log .row.rfd-deck-consumed{display:none!important}
body.rfd-customer-retro #log .row.rfd-user-compact{display:none!important}

.rfd-conversation-deck{
  flex:0 0 auto;
  margin:10px 12px 8px;
  padding:12px;
  border:1px solid rgba(25,216,208,.6);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(12,28,31,.98),rgba(8,15,17,.98));
  box-shadow:0 0 0 1px rgba(25,216,208,.08) inset,0 10px 30px rgba(0,0,0,.35),0 0 22px rgba(25,216,208,.08);
  position:relative;
  overflow:hidden;
}
.rfd-conversation-deck:before{
  content:"";position:absolute;left:0;top:0;width:72px;height:2px;background:var(--rfd-red);
  box-shadow:72px 0 0 rgba(25,216,208,.55);
}
.rfd-deck-head{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:start}
.rfd-deck-avatar{width:42px;height:42px;border-radius:50%;border:1px solid rgba(25,216,208,.65);background:#fff;object-fit:cover;box-shadow:0 0 14px rgba(25,216,208,.15)}
.rfd-deck-name{font-size:12px;font-weight:950;letter-spacing:.14em;color:var(--rfd-cyan);text-transform:uppercase;margin-bottom:3px}
.rfd-deck-line{font-size:16px;line-height:1.35;font-weight:760;color:#fff;min-height:43px;max-width:720px}
.rfd-deck-live{font-size:10px;font-weight:950;letter-spacing:.12em;color:var(--rfd-green);white-space:nowrap;padding-top:2px}
.rfd-deck-live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rfd-green);margin-right:6px;box-shadow:0 0 8px var(--rfd-green)}
.rfd-deck-composer{margin-top:10px}
body.rfd-customer-retro .rfd-conversation-deck #composer{
  display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important;
  position:static!important;inset:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.rfd-customer-retro .rfd-conversation-deck #input{
  min-width:0!important;height:48px!important;border-radius:12px!important;border:1px solid #33464b!important;
  background:#111719!important;color:#fff!important;padding:0 14px!important;font-size:16px!important;box-shadow:none!important;
}
body.rfd-customer-retro .rfd-conversation-deck #input::placeholder{color:#849397!important}
body.rfd-customer-retro .rfd-conversation-deck #input:focus{outline:none!important;border-color:var(--rfd-cyan)!important;box-shadow:0 0 0 2px rgba(25,216,208,.11)!important}
body.rfd-customer-retro .rfd-conversation-deck #send{
  width:52px!important;height:48px!important;border-radius:12px!important;border:1px solid rgba(255,90,94,.8)!important;background:linear-gradient(180deg,#f34b50,#d7282e)!important;box-shadow:0 0 18px rgba(239,63,67,.22)!important
}
.rfd-deck-quick{display:flex;gap:7px;overflow:auto;padding-top:9px;scrollbar-width:none}.rfd-deck-quick::-webkit-scrollbar{display:none}
.rfd-deck-quick button{flex:0 0 auto;border:1px solid #314449;border-radius:999px;background:#0d1416;color:#dfe8ea;padding:7px 10px;font-size:11px;font-weight:850;cursor:pointer}
.rfd-deck-quick button:active{border-color:var(--rfd-cyan);color:#fff}

body.rfd-customer-retro #rfd-menu-nav-dock{
  margin:0 12px 8px!important;border:1px solid #26383c!important;border-top:2px solid var(--rfd-red)!important;border-radius:14px!important;background:#0a0e10!important;padding:12px!important;box-shadow:0 10px 28px rgba(0,0,0,.3)!important;max-height:42vh!important
}
body.rfd-customer-retro .rfd-menu-nav-eyebrow{color:var(--rfd-cyan)!important}
body.rfd-customer-retro .rfd-menu-nav-snark{font-size:14px!important;color:#f4f5f5!important}
body.rfd-customer-retro .rfd-menu-nav-chip{border-radius:10px!important;border-color:#314449!important;background:linear-gradient(180deg,#151c1f,#0d1113)!important}
body.rfd-customer-retro .rfd-menu-nav-chip:active{border-color:var(--rfd-cyan)!important;background:#102226!important}
body.rfd-customer-retro .rfd-menu-restaurant-badge{background:var(--rfd-red)!important;border-radius:6px!important}
body.rfd-customer-retro .rfd-menu-nav-next{background:linear-gradient(90deg,rgba(7,9,10,.15),#d92d32 52%)!important}
body.rfd-customer-retro .rfd-menu-nav-cue{color:var(--rfd-cyan)!important}

body.rfd-customer-retro .cart-dock .order-card,
body.rfd-customer-retro .order-card{
  background:linear-gradient(180deg,#101719,#090d0e)!important;border:1px solid #2a4449!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(0,0,0,.32)!important
}
body.rfd-customer-retro .order-eyebrow{color:var(--rfd-cyan)!important;letter-spacing:.13em!important}
body.rfd-customer-retro .launch-order{background:linear-gradient(180deg,#f34b50,#cf242a)!important;border-radius:10px!important}

/* Generic customer pages keep the same visual language. */
body.rfd-customer-retro:not(.rfd-chat-page) .hero>*,
body.rfd-customer-retro:not(.rfd-chat-page) .card,
body.rfd-customer-retro:not(.rfd-chat-page) .panel{
  border-color:#26383c!important;
}
body.rfd-customer-retro input,body.rfd-customer-retro textarea,body.rfd-customer-retro select{accent-color:var(--rfd-red)}

/* OPS / DRIVER — same family, different density. */
body.rfd-ops-retro .control,
body.rfd-ops-retro .dispatch,
body.rfd-ops-retro .mission,
body.rfd-ops-retro .driver,
body.rfd-ops-retro .admin{max-width:1180px!important}
body.rfd-ops-retro .control>h1,
body.rfd-ops-retro .dispatch>h1,
body.rfd-ops-retro .mission>h1,
body.rfd-ops-retro .driver>h1,
body.rfd-ops-retro .admin>h1{
  text-transform:uppercase;letter-spacing:.045em;font-size:clamp(28px,4vw,48px);line-height:1;margin:.35rem 0 .6rem;
  text-shadow:0 0 18px rgba(239,63,67,.12)
}
body.rfd-ops-retro .eyebrow{color:var(--rfd-cyan)!important;letter-spacing:.18em!important}
body.rfd-ops-retro .room-links{border-top:1px solid #213136;border-bottom:1px solid #213136;padding:9px 0;margin:14px 0 18px!important}
body.rfd-ops-retro .room-links a{border-radius:5px!important;background:#0b1012!important;border-color:#2b3a3e!important;color:#dce4e6!important;letter-spacing:.06em;font-size:11px!important}
body.rfd-ops-retro .room-links a.active{background:var(--rfd-red)!important;border-color:var(--rfd-red)!important;color:#fff!important;box-shadow:0 0 18px rgba(239,63,67,.2)}

body.rfd-ops-retro .unlock,
body.rfd-ops-retro .ops-card,
body.rfd-ops-retro .launch-board,
body.rfd-ops-retro .card,
body.rfd-ops-retro .panel,
body.rfd-ops-retro .solo,
body.rfd-ops-retro .action{
  border-radius:7px!important;
  background:linear-gradient(180deg,#111719,#090d0e)!important;
  border-color:#2a3c40!important;
  box-shadow:0 8px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.rfd-ops-retro .ops-card.alert,
body.rfd-ops-retro .card.offer{border-color:var(--rfd-red)!important;box-shadow:0 0 0 1px rgba(239,63,67,.12),0 0 24px rgba(239,63,67,.12)!important}
body.rfd-ops-retro .pill,
body.rfd-ops-retro .capacity-state{border-radius:4px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:950!important}
body.rfd-ops-retro .items{border-color:#213136!important}
body.rfd-ops-retro .private{border-radius:5px!important;border-color:#4b3b1f!important;background:#151108!important}
body.rfd-ops-retro .buttons button,
body.rfd-ops-retro .duty button,
body.rfd-ops-retro .unlock button{border-radius:5px!important;text-transform:uppercase;letter-spacing:.045em!important}
body.rfd-ops-retro .buttons .primary,
body.rfd-ops-retro .duty button.on{background:linear-gradient(180deg,#f34b50,#cc242a)!important;border-color:#ef4d51!important}
body.rfd-ops-retro .good{color:var(--rfd-green)!important}
body.rfd-ops-retro .warn,body.rfd-ops-retro .danger{color:#ff8c8f!important}

/* Dispatch should read like a live field board. */
body.rfd-dispatch-page #orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}
body.rfd-dispatch-page #orders>.card{margin-top:0!important;position:relative;overflow:hidden}
body.rfd-dispatch-page #orders>.card:before{content:"FIELD RUN";position:absolute;right:10px;top:8px;color:#55666a;font-size:9px;font-weight:950;letter-spacing:.16em}
body.rfd-dispatch-page #orders>.card h2{font-size:22px;margin:.25rem 0}
body.rfd-dispatch-page #orders>.card .eyebrow{font-size:11px!important;color:var(--rfd-red)!important}

/* Control gets stronger focus-order hierarchy. */
body.rfd-control-page #orders>.ops-card:first-child{border-color:rgba(239,63,67,.75)!important;position:relative}
body.rfd-control-page #orders>.ops-card:first-child:before{content:"FOCUS ORDER";display:block;color:var(--rfd-red);font-size:10px;font-weight:950;letter-spacing:.16em;margin-bottom:8px}

/* Driver uses the same identity but remains intentionally simple. */
body.rfd-driver-page .driver{max-width:780px!important}
body.rfd-driver-page .driver>p.muted{max-width:660px}
body.rfd-driver-page .duty{border-left:4px solid var(--rfd-cyan)!important}
body.rfd-driver-page .card{border-left:4px solid #33464b!important}
body.rfd-driver-page .card.offer{border-left-color:var(--rfd-red)!important}
body.rfd-driver-page .buttons button{min-height:48px;font-size:15px}

@media(max-width:700px){
  .rfd-conversation-deck{margin:8px 8px 6px;padding:10px;border-radius:12px}
  .rfd-deck-head{grid-template-columns:36px 1fr;gap:9px}.rfd-deck-avatar{width:36px;height:36px}.rfd-deck-live{display:none}.rfd-deck-line{font-size:15px;min-height:40px}
  body.rfd-customer-retro #rfd-menu-nav-dock{margin:0 8px 6px!important;border-radius:12px!important}
  body.rfd-dispatch-page #orders{grid-template-columns:1fr}
}