/* Green Room theme, layered over earned.css and app.css. Cream paper, stage green, each booker in their own color. */
:root{
  --paper:#f6f3ea; --ink:#15201a; --ink-2:#3a4a3e; --ink-3:#66705f; --rule:#e3ded0; --card:#fffdf7;
  --accent:#2f8f5b; --accent-ink:#ffffff; --stage:#1d4a34; --velvet:#b4473c;
  --display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif; --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --c-mikey:#e8832f; --c-nora:#6b5b95; --c-june:#d84d72; --c-otis:#3b7a57; --c-pearl:#7a5cd6; --c-ada:#2f8f5b; --c-sam:#e0633c; --c-ray:#4b8fb0; --c-hollis:#b8343a;
}
body{background:var(--paper);color:var(--ink);font-family:var(--sans)}
h1,h2,h3,legend,.brandmark{font-family:var(--display)!important;letter-spacing:-.02em}
.brandmark{font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.brandmark span{color:var(--accent)}
.brandmark::before{content:"";width:.72em;height:.72em;border-radius:.16em;background:var(--stage);box-shadow:inset 0 0 0 .2em var(--stage),inset 0 0 0 .4em var(--velvet)}
.btn{border-radius:999px!important;font-weight:700}
.btn:not(.ghost){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.pencil,.btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.mast{border-bottom:3px solid var(--stage)!important}
.mast .tag{color:var(--ink-3)}
/* Booker tabs */
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding:10px 0}
.tabs .tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule);background:var(--card);border-radius:999px;padding:6px 14px 6px 6px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}
.tabs .tab::before{content:"";width:28px;height:28px;border-radius:50%;background:var(--tab-c,var(--rule)) var(--tab-img) center/120% no-repeat;flex:none}
.tabs .tab[aria-selected="true"]{border-color:var(--tab-c,var(--ink));box-shadow:0 0 0 3px color-mix(in srgb,var(--tab-c,var(--ink)) 22%,transparent)}
.tabs .tab small{font-weight:500;color:var(--ink-3);font-size:12px}
.tab[data-s="today"]{--tab-c:var(--stage);--tab-img:none}
.tab[data-s="today"]::before{background:var(--stage);box-shadow:inset 0 0 0 9px var(--stage),inset 0 0 0 12px var(--velvet)}
.tab[data-s="press"]{--tab-c:var(--c-nora);--tab-img:url(/assets/bookers/nora.svg)}
.tab[data-s="podcasts"]{--tab-c:var(--c-mikey);--tab-img:url(/assets/bookers/mikey.svg)}
.tab[data-s="awards"]{--tab-c:var(--c-june);--tab-img:url(/assets/bookers/june.svg)}
.tab[data-s="social"]{--tab-c:var(--c-otis);--tab-img:url(/assets/bookers/otis.svg)}
.tab[data-s="stages"]{--tab-c:var(--c-pearl);--tab-img:url(/assets/bookers/pearl.svg)}
.tab[data-s="results"]{--tab-c:var(--c-ada);--tab-img:url(/assets/bookers/ada.svg)}
.tab[data-s="requests"]{--tab-c:var(--c-sam);--tab-img:url(/assets/bookers/sam.svg)}
.tab[data-s="wire"]{--tab-c:var(--c-ray);--tab-img:url(/assets/bookers/ray.svg)}
.tab[data-s="warroom"]{--tab-c:var(--c-hollis);--tab-img:url(/assets/bookers/hollis.svg)}
.tab[data-s="playbooks"]{--tab-c:var(--ink-3);--tab-img:none}
.tab.tab-right{margin-left:auto}
.subnav{border-bottom:1px solid var(--rule)}
.subnav button[aria-current="page"]{border-bottom-color:var(--accent)!important;color:var(--ink)}
/* A line under the section header that says who is working */
.booker-line{display:flex;align-items:center;gap:12px;padding:12px 0 4px;color:var(--ink-3);font-size:14px}
.booker-line img{width:44px;height:44px;border-radius:50%;background:var(--bl-c,var(--rule));object-fit:cover;object-position:center 20%}
.booker-line b{color:var(--ink);font-family:var(--display)}
.panel,.card,.sheet{background:var(--card)!important;border-color:var(--rule)!important;border-radius:18px!important}
.label{color:var(--ink-3);letter-spacing:.12em}
.chip{border-radius:999px}
a{color:var(--ink)}
.login h1{font-size:40px}
@media (max-width:720px){.tabs .tab{padding:5px 10px 5px 5px;font-size:13px}.tabs .tab::before{width:24px;height:24px}}