.sales{padding-block:clamp(2rem,5vw,4rem)}
.sales-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem}
.sales-head p:last-child{color:var(--muted)}
.metrics,.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.metrics .card{padding:1rem}
.metrics strong{display:block;font:clamp(1.6rem,3vw,2.8rem) Instrument,Georgia,serif;margin-top:.35rem}
.sales-panel{margin-top:1.25rem}
.sales-panel h2{font-size:clamp(2rem,4vw,3rem)}
.sales-panel .desk-grid{margin-top:1rem}
.sales-panel aside{display:grid;align-content:start;gap:.45rem}
.table-scroll{overflow:auto;margin-top:1rem}
table{border-collapse:collapse;width:100%;text-align:left;font-size:.9rem}
th,td{padding:.75rem;border-bottom:1px solid var(--line);white-space:nowrap}
td:first-child{white-space:normal}
fieldset{border:0;margin:0 0 1.5rem;padding:0}
legend{font-weight:bold;margin-bottom:.75rem}
.choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.choices label{display:block;border:1px solid var(--line);border-radius:.7rem;padding:1rem;margin:0;cursor:pointer}
.choices label:has(:checked){background:var(--pale);border-color:var(--gold)}
.choices input,.toggle input{width:auto;margin:0 .35rem 0 0}
.choices small{display:block;margin-top:.4rem;color:var(--muted)}
.invoice{max-width:46rem;margin:0 auto 1rem}
.invoice .balance{padding:1rem;background:var(--pale);border-radius:.5rem}
.invoice .scope{white-space:pre-wrap}
@media(max-width:650px){
  .sales-head{align-items:start;flex-direction:column}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choices{grid-template-columns:1fr}
  .sales .desk-grid{grid-template-columns:1fr}
}
@media print{
  body,:root{background:#fff}
  .invoice{border:0;box-shadow:none;margin:0;max-width:none}
  #print,#status{display:none}
}
body[data-view="staff"]{
  --desk-paper:#fffcf3;
  --desk-yellow:#ffda68;
  --desk-dark:#282725;
  background:linear-gradient(145deg,#e9e8e4,#f6eed4 78%);
  min-height:100vh;
}
body[data-view="staff"] .mast{background:#f9f8f2;border-bottom-color:#ded8c9}
body[data-view="staff"] .sales{width:min(94%,83rem);padding-block:clamp(1.5rem,4vw,3.4rem)}
body[data-view="staff"] .sales-head{margin-bottom:1rem;align-items:center}
body[data-view="staff"] .sales-head h1{font-family:DM,system-ui,sans-serif;font-weight:600;font-size:clamp(2.5rem,5.5vw,5.1rem);letter-spacing:-.07em;margin:0}
body[data-view="staff"] .sales-head p:last-child{margin:.65rem 0 0}
body[data-view="staff"] .card{background:var(--desk-paper);border:1px solid #e6dfca;border-radius:1.45rem;box-shadow:0 .35rem 1.3rem #3c33170a}
body[data-view="staff"] .sales-panel h2,body[data-view="staff"] #gate h2{font:600 clamp(1.25rem,2.2vw,1.75rem) DM,system-ui,sans-serif;letter-spacing:-.045em}
body[data-view="staff"] .primary{background:var(--desk-yellow);border-color:#d2a846;color:#282116}
.desk-nav{display:flex;gap:.25rem;flex-wrap:wrap;margin:0 0 1rem;padding:.35rem;background:#fcfaf2;border-radius:1.3rem;width:fit-content}
.desk-nav a{padding:.52rem .85rem;border-radius:999px;text-decoration:none;font-size:.85rem}
.desk-nav a:first-child{background:var(--desk-dark);color:white}
.desk-nav a:hover,.desk-nav a:focus-visible{outline:2px solid #8a631b;outline-offset:-2px}
body[data-view="staff"] .metrics .card{padding:clamp(.8rem,2.1vw,1.6rem)}
body[data-view="staff"] .metrics .card:nth-child(2){background:#fff0bd;border-color:#edda99}
body[data-view="staff"] .metrics .card:last-child{background:#f2ede0}
body[data-view="staff"] .metrics .card span{font-size:.83rem;color:#59554a}
body[data-view="staff"] .metrics strong{font:600 clamp(1.1rem,3vw,2.6rem) DM,system-ui,sans-serif;letter-spacing:-.06em;overflow-wrap:anywhere}
.desk-panels{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(15rem,1fr);gap:1rem;margin-top:1rem;align-items:start}
.desk-panels .sales-panel{margin:0}
.desk-sidebar{display:grid;gap:1rem;min-width:0}
.booking-panel{min-width:0}
.booking-panel .desk-grid{grid-template-columns:minmax(9.5rem,.75fr) minmax(0,1.5fr);gap:1rem}
.booking-panel #orders{max-height:32rem;overflow:auto;padding:.1rem}
.booking-panel #order{min-width:0}
.booking-panel .request{border-radius:.85rem}
.booking-panel .request[aria-pressed="true"]{background:#fff0bd;border-color:#d5b450}
.booking-progress label{margin:.7rem 0 .4rem}
.booking-progress p{font-size:.82rem;color:#6a6055;margin:.55rem 0 0}
.booking-progress progress{width:100%;height:.75rem;accent-color:#c68d19;border:0;border-radius:1rem;overflow:hidden;background:#eae4d3;display:block}
.booking-progress progress::-webkit-progress-bar{background:#eae4d3}
.booking-progress progress::-webkit-progress-value{background:#e5ad35}
body[data-view="staff"] .studio-panel{background:var(--desk-dark);color:#fffdf6;border-color:#3b3934}
.studio-panel .button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:.5rem;margin-top:.55rem;color:#fffdf6;border-color:#6d6557;background:#35332f}
.studio-panel .button span{color:var(--desk-yellow)}
.studio-panel .button:hover,.studio-panel .button:focus-visible{background:#50493c}
#campaign-performance,#booking-inbox,#studio-tools-title,#metrics{scroll-margin-top:1rem}
@media(max-width:900px){.desk-panels{grid-template-columns:minmax(0,1fr)}.desk-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body[data-view="staff"] .sales-head{align-items:start}.desk-sidebar,.booking-panel .desk-grid{grid-template-columns:1fr}.booking-panel #orders{max-height:14rem}}