:root{--ops-green:#f7f7f4;--ops-yellow:#e6c84f;--ops-red:#ef6464;--ops-panel:#111;--ops-border:#3a3a3a}
.operations-shell{display:grid;gap:1.25rem}.operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.operations-card{border:1px solid var(--ops-border);padding:1rem;background:var(--ops-panel)}
.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.55rem}.slot-button{min-height:52px;border:2px solid currentColor;background:#080808;color:#fff;padding:.65rem;cursor:pointer}.slot-button[data-state="green"]{color:var(--ops-green)}.slot-button[data-state="yellow"]{color:var(--ops-yellow)}.slot-button[data-state="red"]{color:var(--ops-red);cursor:not-allowed;opacity:.7}.slot-button.selected{background:currentColor}.slot-button.selected span{color:#080808}.slot-key{display:flex;flex-wrap:wrap;gap:1rem}.slot-key span::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.4rem;border-radius:50%;background:currentColor}.slot-key .green{color:var(--ops-green)}.slot-key .yellow{color:var(--ops-yellow)}.slot-key .red{color:var(--ops-red)}
.booking-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.booking-form-grid .wide{grid-column:1/-1}.booking-request{border:1px solid var(--ops-border);padding:1rem;display:grid;gap:.6rem}.booking-request[data-status="approved"]{border-color:var(--ops-green)}.booking-request[data-status="pending"],.booking-request[data-status="waitlisted"]{border-color:var(--ops-yellow)}.booking-request[data-status="declined"],.booking-request[data-status="cancelled"]{border-color:var(--ops-red)}.status-pill{display:inline-flex;width:max-content;border:1px solid currentColor;border-radius:999px;padding:.2rem .55rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.message-thread{display:grid;gap:.5rem;max-height:320px;overflow:auto}.message-bubble{border-left:3px solid var(--accent);padding:.5rem .75rem;background:#161616}.message-bubble time{display:block;font-size:.75rem;opacity:.7}
.color-workbench{display:grid;gap:1rem}.color-square{width:min(100%,360px);height:auto;aspect-ratio:1;border:1px solid #555;touch-action:none;cursor:crosshair}.color-controls{display:grid;gap:.75rem}.color-preview{width:100%;height:54px;border:1px solid #777}.hue-slider{width:min(100%,360px)}.settings-action-row,.operations-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
.storefront-portal{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:2rem 0}.storefront-card{display:grid;gap:.5rem;padding:1.1rem;border:1px solid var(--ops-border);background:linear-gradient(145deg,color-mix(in srgb,var(--store-accent,#fff) 18%,#080808),#080808);color:#fff}.storefront-card strong{font-size:1.25rem}.storefront-hero{border:2px solid var(--store-accent,#fff);padding:clamp(1.5rem,4vw,4rem);background:radial-gradient(circle at top left,color-mix(in srgb,var(--store-accent,#fff) 25%,transparent),transparent 60%)}.storefront-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.storefront-product{border:1px solid color-mix(in srgb,var(--store-accent,#fff) 60%,#333);padding:1rem;background:#0c0c0c}.storefront-product img{width:100%;aspect-ratio:1;object-fit:cover;background:#1a1a1a}
.plush-card{border-radius:1.4rem;border:2px solid var(--store-accent,#ff9fcf);padding:1rem;background:linear-gradient(160deg,#25141e,#0b080a)}.plush-card img{border-radius:1rem}.adoption-tag{display:inline-block;border:1px solid #ff9fcf;border-radius:999px;padding:.25rem .6rem;color:#ffb6db}.plush-detail-list{display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem}.plush-detail-list dt{font-weight:700}.plush-detail-list dd{margin:0}
.contact-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.contact-route{border:1px solid #444;padding:1rem;display:grid;gap:.4rem}.contact-route a{overflow-wrap:anywhere}.contact-form-routing{display:grid;gap:1rem;border:1px solid #444;padding:1rem}
.academy-card[data-access="free"]{border-color:var(--ops-green)}.academy-card[data-access="restricted"]{border-color:var(--ops-yellow)}.course-badge{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.course-badge.free{color:var(--ops-green)}.course-badge.restricted{color:var(--ops-yellow)}
.admin-mobile-banner{display:flex;gap:1rem;align-items:center;justify-content:space-between;border:1px solid var(--accent);padding:.75rem 1rem;margin-bottom:1rem}.admin-ops-table{display:grid;gap:.75rem}.admin-ops-row{border:1px solid #3a3a3a;padding:1rem;display:grid;gap:.55rem}.admin-ops-row pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#090909;padding:.65rem}.analytics-bars{display:grid;gap:.5rem}.analytics-bar{display:grid;grid-template-columns:minmax(100px,1fr) 3fr auto;gap:.5rem;align-items:center}.analytics-bar span:nth-child(2){display:block;height:.7rem;background:var(--accent);min-width:2px}
.auth-primary{display:grid;gap:1rem}.auth-secondary{margin-top:1rem}.auth-secondary summary{cursor:pointer;font-weight:700;padding:.75rem 0}.auth-links{display:flex;flex-wrap:wrap;gap:1rem}.auth-panel-hidden{display:none!important}
.install-app-button[hidden]{display:none}.visitor-count-chip{font-variant-numeric:tabular-nums}.file-preview-list{display:grid;gap:.35rem}.file-preview-list li{overflow-wrap:anywhere}
@media(max-width:760px){.dashboard-shell{display:block!important}.dashboard-sidebar{position:sticky;top:0;z-index:20;max-height:none!important;width:100%!important}.dashboard-nav{display:flex!important;overflow-x:auto;gap:.35rem;padding-bottom:.5rem}.dashboard-nav button{flex:0 0 auto;min-height:48px}.dashboard-main{padding:.75rem!important}.dashboard-header{align-items:flex-start;gap:.5rem}.operations-card,.dashboard-card{padding:.85rem}.slot-grid{grid-template-columns:repeat(3,1fr)}.slot-button{padding:.45rem;font-size:.86rem}.analytics-bar{grid-template-columns:1fr}.analytics-bar span:nth-child(2){width:var(--bar-width,50%)}.member-tabs{overflow-x:auto;display:flex;flex-wrap:nowrap}.member-tabs button{flex:0 0 auto}.booking-form-grid{grid-template-columns:1fr}.storefront-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.slot-grid{grid-template-columns:repeat(2,1fr)}.storefront-grid{grid-template-columns:1fr}.operations-actions>*{width:100%}}