/* Rose pink theme for staff & utility pages (cashier, admin, store-admin, staff-login, register, legal).
   Display only. Scoped to body.rose-staff so nothing changes on pages that do not opt in. */
body.rose-staff{--ink:#3d1b25;--muted:#7a5560;--paper:#fbf3f5;--cream:#fff;--surface:#fff;--card:#fff;--brand:#e0015f;--brand-dark:#b0124f;--brand-soft:#fde7ee;--rose-gold:#e98aa6;--latte:#f2bcc9;--line:#efd3da;--bar:#f2bcc9;--bar-2:#f4d5da;--shadow:0 10px 30px rgba(120,30,60,.08);--soft-shadow:0 6px 18px rgba(120,30,60,.07);
  background:var(--paper)!important;color:var(--ink)}
body.rose-staff::before{display:none!important}

/* full-width pink bar behind the existing header (works inside .shell) */
.rose-staff .topbar,.rose-staff .registration-header{position:relative;isolation:isolate;padding:10px 0;border-bottom:0}
.rose-staff .topbar::before,.rose-staff .registration-header::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--bar);border-bottom:1px solid #e6a9b8}

/* logo sits directly on the bar; the logo itself carries the name */
.rose-staff .brand-logo{width:auto!important;height:46px!important;max-width:180px;padding:0!important;object-fit:contain;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.rose-staff .brand-copy{display:none}
.rose-staff .nav{background:rgba(255,255,255,.5);border-color:rgba(176,18,79,.15)}
.rose-staff .nav a{color:var(--ink)}
.rose-staff .nav a.active,.rose-staff .nav a:hover{color:var(--brand-dark);background:#fff}
.rose-staff .operator-chip,.rose-staff .pill{color:var(--ink);background:rgba(255,255,255,.7);border-color:rgba(176,18,79,.18)}

/* compact pages: no big banner, work starts at the top */
.rose-compact .hero{display:none}
.rose-compact main.shell>.notice:first-of-type,.rose-compact .shell>.notice{margin-top:16px}

/* surfaces + buttons */
.rose-staff .card{background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow);backdrop-filter:none}
.rose-staff .btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-dark))}
.rose-staff .btn-secondary{color:var(--brand-dark);background:var(--brand-soft)}
.rose-staff .eyebrow{color:var(--brand-dark);letter-spacing:0}
.rose-staff .icon-tile{background:var(--brand-soft);color:var(--brand)}
.rose-staff input,.rose-staff select,.rose-staff textarea{background:#fff;border-color:#e7c5ce}
.rose-staff input:focus,.rose-staff select:focus,.rose-staff textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(224,1,95,.14);outline:0}
.rose-staff .balance-card{background:linear-gradient(135deg,#f06d98 0%,#e0015f 55%,#b0124f 100%)}
.rose-staff .footer a{color:var(--brand-dark)}

/* ---------- store-admin (own stylesheet) ---------- */
body.rose-staff.rose-store-admin header{padding:10px max(18px,calc((100vw - 1200px)/2));background:var(--bar);color:var(--ink);border-bottom:1px solid #e6a9b8;box-shadow:none}
.rose-store-admin header .admin-brand{display:flex;align-items:center;gap:14px}
.rose-store-admin header .admin-brand img{width:auto!important;height:46px!important;max-width:180px;padding:0!important;object-fit:contain;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.rose-store-admin header span{color:var(--brand-dark)}
.rose-store-admin header h1{color:var(--ink);font-size:1.25rem}
.rose-store-admin header nav a{color:var(--ink)!important;background:rgba(255,255,255,.6)!important;border-color:rgba(176,18,79,.18)!important}
.rose-store-admin .panel{background:#fff;border-color:var(--line);box-shadow:var(--soft-shadow)}
.rose-store-admin .stat{color:var(--ink);background:#fff!important;border:1px solid var(--line);box-shadow:var(--soft-shadow);min-height:96px}
.rose-store-admin .stat::after{display:none}
.rose-store-admin .stat strong{color:var(--brand)!important}
.rose-store-admin .stat small{color:var(--muted)!important}
.rose-store-admin .primary,.rose-store-admin button.primary{color:#fff!important;background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;border-color:transparent!important}
.rose-store-admin .badge.published{background:#e7f1ea;color:#3f6b51}
.rose-store-admin .image-admin.primary-image{border-color:var(--brand);box-shadow:0 0 0 2px rgba(224,1,95,.18)}

@media(max-width:720px){
  .rose-staff .brand-logo{height:38px!important;max-width:130px}
  .rose-store-admin header .admin-brand img{height:38px!important;max-width:130px}
  .rose-store-admin header h1{font-size:1.05rem}
  body.rose-staff.rose-store-admin header{flex-wrap:wrap}
  .rose-store-admin header nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .rose-store-admin header nav a{justify-content:center;min-width:0}
}
.rose-compact .topbar{margin-bottom:18px}