/* backdoor-theme.css - black / yellow / Inter - 2026-10-12
   backdoor.html ONLY. Linked LAST in <head>. Remove the one <link> to undo.
   The page colors itself through :root variables, so overriding them re-skins
   every rule that already uses them. Status dots (--p-*) and Courier readouts stay. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;650;700&display=swap');

:root {
  --bg: #000000;
  --panel: #0b0b0b;
  --line: #2a2a2a;
  --teal: #ffd60a;
  --deep: #e0b800;
  --ice: #ffffff;
  --dim: #a8a8a8;
  --ink: #ffffff;
  --bd-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html body {
  background: #000 !important;
  background-image: none !important;
  color: #fff;
  font-weight: 450;
  -webkit-font-smoothing: antialiased;
}
.pw-overlay {
  background: rgba(0, 0, 0, .96) !important;
  background-image: none !important;
}

/* one family; inline Orbitron / Rajdhani styles need !important */
html body,
html body *,
html body *::before,
html body *::after,
html body input,
html body textarea,
html body select,
html body button {
  font-family: var(--bd-font) !important;
}
/* readouts stay monospace */
html body [style*="Courier"],
html body .mono,
html body code,
html body pre {
  font-family: 'Courier New', Consolas, monospace !important;
}

/* titles: same family, bold */
html body h1,
html body h2,
html body h3,
html body .acct-title,
html body .pw-title,
html body .reg-card-title,
html body .acct-head,
html body .masthead {
  font-weight: 650 !important;
  letter-spacing: -.01em;
}

/* panels: curved black cards, yellow left edge + ring */
html body .pw-card,
html body .masthead,
html body .lane,
html body .support-pane,
html body .people-pane,
html body .reg-main,
html body .mreq-sheet,
html body .cmp-pane {
  border-radius: 16px !important;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255, 214, 10, .12), transparent 55%),
    linear-gradient(165deg, #141414, #050505) !important;
  box-shadow:
    inset 6px 0 0 #ffd60a,
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 20px 38px -18px rgba(0, 0, 0, .95),
    0 0 0 1px rgba(255, 214, 10, .26) !important;
  border-color: transparent !important;
}
html body .switch-strip,
html body .action-bar,
html body .reg-jump,
html body .mreq-prev-bar,
html body .mreq-prev-body {
  border-radius: 12px !important;
  background: #0b0b0b !important;
  border-color: rgba(255, 214, 10, .26) !important;
}

/* buttons / inputs pick up the yellow */
html body button:not(:disabled):not([class*="close"]) {
  border-radius: 10px;
}
html body input:focus,
html body textarea:focus,
html body select:focus {
  border-color: #ffd60a !important;
  box-shadow: 0 0 8px rgba(255, 214, 10, .5) !important;
  outline: none;
}

/* ---------- mirror of the dashboard and perk tile look (added 2026-10-12, backdoor ONLY) ----------
   The Collab tool (mod schedule, collab partner, Weekly drop, stores, ideas inbox) used green and old
   Orbitron/Rajdhani rules. These override them with the same flat black tile, yellow edge, yellow pill
   buttons and Inter text the dashboards and perk pages use. */
#collab, #modreq, .mreq {
  --m-green: #ffd60a;
  --m-teal: #ffd60a;
}
html body .mreq .mreq-group {
  border: 0 !important;
  border-radius: 14px !important;
  background: #0b0b0b !important;
  box-shadow: inset 5px 0 0 #ffd60a, 0 0 0 1px rgba(255, 214, 10, .22) !important;
  overflow: hidden;
}
html body .mreq .mreq-group h3 {
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  font-size: .72rem;
  font-weight: 650 !important;
  letter-spacing: .14em;
  animation: none !important;
}
html body .mreq .mreq-group h3 span:last-child { color: #a8a8a8; font-weight: 450; }
html body .mreq .mreq-item { border-top: 1px solid rgba(255, 255, 255, .08) !important; }
html body .mreq .mreq-count { color: #ffd60a !important; font-weight: 650; }

/* fields */
html body #collab .cb-fields input,
html body #collab .cb-fields select,
html body .mreq .mreq-roster {
  background: #000 !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 10px !important;
  color: #fff !important;
  min-height: 38px;
  padding: .35rem .6rem !important;
  font-size: .88rem;
}
html body #collab .cb-fields input::placeholder { color: #7d7d7d; }

/* buttons: yellow pills (same as the perk pages) */
html body .mreq .mreq-nav,
html body .mreq .mreq-item button,
html body #collab .cb-btns button,
html body #collab .cb-evdays button,
html body #collab .cb-actions button {
  background: transparent !important;
  border: 1px solid #ffd60a !important;
  color: #ffd60a !important;
  border-radius: 999px !important;
  padding: .4rem 1rem !important;
  min-height: 36px;
  font-size: .72rem;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
html body .mreq .mreq-nav:hover,
html body .mreq .mreq-item button:hover,
html body #collab .cb-btns button:hover,
html body #collab .cb-actions button:not(:disabled):hover {
  background: #ffd60a !important;
  color: #000 !important;
  box-shadow: 0 0 18px rgba(255, 214, 10, .45);
}
html body #collab .cb-btns [data-rm],
html body #collab .cb-btns [data-rm4],
html body #collab .cb-btns [data-askdone] {
  border-color: rgba(255, 255, 255, .3) !important;
  color: #d4d4d4 !important;
}
html body #collab .cb-tabs .cb-on,
html body #collab .cb-prevtabs .cb-on {
  background: #ffd60a !important;
  color: #000 !important;
}

/* lamp board */
html body .cb-lamp {
  background: #0b0b0b !important;
  color: #fff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
}
html body .cb-lamp.fill-now { background: rgba(255, 214, 10, .22) !important; }
html body .cb-lamp.fill-past { background: #151515 !important; color: #8a8a8a !important; }
html body .cb-lamp.edge-green { border-color: #ffd60a !important; box-shadow: 0 0 12px rgba(255, 214, 10, .35); }
html body .cb-lamp.edge-red { border-color: #ff4d5e !important; }

/* glance row: three stat tiles */
html body #collab .cb-glance .cb-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; width: 100%; }
html body #collab .cb-glance .mreq-count {
  display: block;
  text-align: center;
  padding: .7rem .4rem;
  background: #000;
  border-radius: 12px;
  border: 1px solid rgba(255, 214, 10, .35);
  font-size: .8rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* preview side card */
html body #collab .cb-prev {
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(165deg, #141414, #050505) !important;
  box-shadow: inset 6px 0 0 #ffd60a, 0 0 0 1px rgba(255, 214, 10, .28) !important;
}
html body #collab .pv-head { color: #ffd60a !important; font-weight: 650; }
html body #collab .pv-pill,
html body #collab .pv-new { border-color: #ffd60a !important; color: #ffd60a !important; }

/* phone: the earn row has six fields, let them wrap and fill the width */
@media (max-width: 640px) {
  html body #collab .cb-fields { width: 100%; }
  html body #collab .cb-fields input,
  html body #collab .cb-fields select { flex: 1 1 46%; min-width: 0; }
  html body #collab .cb-edit { flex-wrap: wrap; }
  html body #collab .cb-glance .mreq-count { font-size: .68rem; padding: .55rem .2rem; }
}

/* collab partner cards: click to reveal (2026-10-12) */
html body #collab .cb-pthead { cursor: pointer; user-select: none; }
html body #collab .cb-pthead:hover, html body #collab .cb-pthead:focus-visible { color: #ffd60a !important; -webkit-text-fill-color: #ffd60a !important; outline: none; }
html body #collab .cb-caret { display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.4rem; margin-left: .6rem; text-align: center; border: 1px solid #ffd60a; border-radius: 999px; color: #ffd60a; font-style: normal; font-weight: 700; }
html body #collab .cb-open .cb-caret { background: #ffd60a; color: #000; }

/* weekly sets: one yellow row with a {+}; click the row to open its fields (2026-10-12) */
html body #collab .cb-sethead { cursor: pointer; user-select: none; gap: .6rem; align-items: center; }
html body #collab .cb-sethead > span:first-child { flex: 1; }
html body #collab .cb-sethead:hover,
html body #collab .cb-sethead:focus-visible { color: #ffd60a !important; -webkit-text-fill-color: #ffd60a !important; outline: none; }
html body #collab .cb-plus {
  width: 2rem; height: 2rem; min-height: 0 !important; padding: 0 !important; line-height: 1.8rem; font-size: 1.2rem !important;
  border-radius: 999px !important; background: #ffd60a !important; color: #000 !important; border: 0 !important;
  font-weight: 700; text-transform: none; letter-spacing: 0;
}
html body #collab .cb-plus:hover { box-shadow: 0 0 16px rgba(255, 214, 10, .6); }

/* live view tiles: same pieces as the perk center (round icon, badge pill, price pill) */
html body #collab .cb-views { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .3rem; }
html body #collab .cb-views button { white-space: nowrap; }
html body #collab .pk-live { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: #ffd60a; margin: 0 0 .5rem; font-weight: 650; }
html body #collab .pk-live.pk-draft { color: #a8a8a8; }
html body #collab .pk-h { display: flex; justify-content: space-between; align-items: baseline; margin: .8rem 0 .35rem; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
html body #collab .pk-h small { color: #a8a8a8; text-transform: none; letter-spacing: 0; }
html body #collab .pk-t {
  display: flex; align-items: center; gap: .6rem; padding: .55rem .65rem; margin: 0 0 .4rem; background: #0b0b0b; border-radius: 12px;
  box-shadow: inset 4px 0 0 #ffd60a, 0 0 0 1px rgba(255, 214, 10, .18);
}
html body #collab .pk-ico {
  flex: 0 0 2.4rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #1a1a1a; border: 1px solid rgba(255, 214, 10, .45);
  display: grid; place-items: center; overflow: hidden; color: #ffd60a; font-weight: 700;
}
html body #collab .pk-ico img { width: 100%; height: 100%; object-fit: cover; }
html body #collab .pk-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
html body #collab .pk-name { font-size: .88rem; font-weight: 600; overflow-wrap: anywhere; }
html body #collab .pk-sub { font-size: .7rem; color: #a8a8a8; }
html body #collab .pk-badge { display: inline-block; font-size: .6rem; font-weight: 700; letter-spacing: .08em; padding: .08rem .45rem; border-radius: 999px; background: #ffd60a; color: #000; margin-left: .3rem; }
html body #collab .pk-price { flex: 0 0 auto; font-size: .74rem; font-weight: 700; padding: .3rem .7rem; border-radius: 999px; border: 1px solid #ffd60a; color: #ffd60a; white-space: nowrap; }
html body #collab .pk-links { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: .25rem; }
html body #collab .pk-buy,
html body #collab .pk-dl { font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .22rem .75rem; border-radius: 999px; text-decoration: none; min-height: 28px; line-height: 22px; }
html body #collab .pk-buy { background: #ffd60a; color: #000; }
html body #collab .pk-dl { border: 1px solid #ffd60a; color: #ffd60a; }

/* click to reveal, three levels (2026-10-12): a short row of buttons, then only what is needed, then the rest */
html body #collab .cb-menu { display: flex; flex-wrap: wrap; gap: .5rem; margin: .8rem 0; }
html body #collab .cb-mi { display: inline-flex; align-items: stretch; border: 1px solid rgba(255, 214, 10, .45); border-radius: 999px; overflow: hidden; background: #0b0b0b; }
html body #collab .cb-mi.cb-on { border-color: #ffd60a; box-shadow: 0 0 14px rgba(255, 214, 10, .35); background: rgba(255, 214, 10, .12); }
html body #collab .cb-mb { background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; padding: .5rem 1rem !important; min-height: 40px; font-size: .78rem; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
html body #collab .cb-mb i { font-style: normal; color: #ffd60a; margin-left: .35rem; font-weight: 700; }
html body #collab .cb-mi.cb-on .cb-mb { color: #ffd60a !important; }
html body #collab .cb-mi .cb-plus { width: 2.4rem; height: auto; min-height: 40px; border-radius: 0 !important; line-height: 1; font-size: 1.3rem !important; }
html body #collab .cb-panel { margin: 0 0 1rem; }
html body #collab .cb-extra { background: rgba(255, 214, 10, .05); border-top: 1px dashed rgba(255, 214, 10, .3) !important; }
html body #collab .cb-views { flex-wrap: wrap; }
@media (max-width: 640px) { html body #collab .cb-mb { padding: .45rem .8rem !important; font-size: .72rem; } }

/* shared partner dropdown on Requests out and Requests in (2026-10-12) */
html body #collab .cb-pickbar { margin-bottom: .6rem; align-items: center; flex-wrap: wrap; gap: .5rem; }
html body #collab .cb-pickbar select { min-width: 12rem; max-width: 100%; }