/* Between Agency brand layer — official user-supplied artwork, 2026-11-05. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{
  --ink:#1e1e1d;
  --muted:#777873;
  --line:#e5e3d9;
  --bg:#ffffff;
  --accent:#ea5433;
  --dark:#1e1e1d;
  --card:#fffce9;
  --between-cream:#fffce9;
  --between-stone:#bdbeb5;
  --between-orange:#ea5433;
}
body{background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}
aside{background:var(--dark);color:#fff;padding-top:20px}
.brand-between{height:126px;padding:0;margin:0 0 0 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.brand-between img{display:block;width:197px;height:84px;object-fit:contain;object-position:center;filter:none}
.brand-between small{position:relative;margin-top:4px;color:#fffce9;font-size:9px;letter-spacing:3px;opacity:.66}
.group-label{margin-top:34px;color:#a6a69f}
.nav{color:#cecec8}
.nav:hover{background:#323230;color:#fff}
.nav.active{background:var(--between-orange);color:white}
.nav.active .nav-icon{color:#fff}
.side-footer{background:#333330;border:1px solid #464641}
.side-footer b{color:#fffce9}
.side-footer small{color:#c5c5c0}
.crumb strong{color:var(--ink)}
.avatar{background:var(--between-cream);color:var(--between-orange);border:1px solid #f2eacb}
.eyebrow,.admin-eyebrow{color:var(--between-orange);letter-spacing:1.8px}
h1,.hero h1{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-1.4px}
.panel h2,.metric .val,.talent-banner h2,.modal h2,.admin-dialog h2{font-family:'DM Sans',sans-serif}
.pill{background:#fce4dd;color:#a8371e}
.dot{background:var(--between-orange)}
.btn{background:var(--between-orange);color:#fff}
.btn:hover{background:#cf4025}
.btn.light{color:var(--ink);background:#fff;border:1px solid var(--line)}
.metric,.panel,.modal,.admin-stat,.admin-role-card{background:#fff;border-color:var(--line)}
.metric.highlight{background:var(--between-cream);border-color:#eae5c9}
.metric.highlight .cap,.metric.highlight .sub{color:#716949}
.bar{background:#deded5}.bar.current{background:var(--between-orange)}
.legend i,.key i{background:var(--between-orange)}
.legend i.past,.key.light i{background:var(--between-stone)}
.donut{background:conic-gradient(var(--between-orange) 0 29%,var(--between-stone) 29% 100%);filter:none}
.donut::after{background:#fff}
.status{background:#fce6df;color:#a83f27}
.status.pending{background:#fff2d9;color:#9b7129}
.notice{background:var(--between-cream);color:#756c4c}
.talent-banner{background:var(--dark);position:relative;overflow:hidden}
.talent-banner::after{content:'';position:absolute;right:3%;top:-60%;width:220px;height:220px;background:url('/assets/between-monogram-texture.png') center/cover no-repeat;opacity:.16;pointer-events:none}
.talent-banner .pill{background:#4d2c26;color:#ffdbd2}
.chip.on{background:var(--between-orange);border-color:var(--between-orange)}
.rolebox,.search,.chip,.field input,.field select{background:white;border-color:var(--line)}
.rolebox select{background:#fff;color:var(--ink)}
.field input:focus,.field select:focus,.search:focus{outline:2px solid #f4b3a3;outline-offset:1px}
.admin-tab{background:#fff;border-color:var(--line)}
.admin-tab.active{background:var(--between-orange);border-color:var(--between-orange);color:#fff}
.admin-info{background:var(--between-cream);border-color:#eee7d0}
.admin-stat strong,.admin-role-card h3{font-family:'DM Sans',sans-serif}
.admin-role-card{border-color:var(--line)}
.admin-status{background:#eeefeb;color:#4d614b}
.admin-status.pending{background:#fff1d8;color:#966c21}
.admin-dialog form{background:#fff}
.admin-dialog button[type=submit]{background:var(--between-orange);border-color:var(--between-orange)}
.admin-toast{background:var(--dark)}
@media(max-width:780px){aside{padding-top:9px}.brand-between{height:76px;width:175px;align-items:flex-start}.brand-between img{width:160px;height:60px}.brand-between small{margin:-3px 0 0 10px;font-size:7px}.nav-list{margin-top:12px}}