/* MCRBee Shared Components - v3.3.36 */
.mcr-card,.mcr-record-card,.mcr-stat-card,.mcr-panel{background:var(--mcr-card);border:1px solid var(--mcr-border);border-radius:var(--mcr-radius-lg);box-shadow:var(--mcr-shadow)}
.mcr-card{padding:22px}.mcr-record-card{padding:18px;position:relative;overflow:hidden}.mcr-record-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:#cfd6e2}.mcr-panel{padding:18px;background:var(--mcr-card-soft)}
.mcr-card-header,.mcr-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mcr-card-header{margin-bottom:14px}.mcr-card-footer{margin-top:14px;border-top:1px solid var(--mcr-border);padding-top:14px}
.mcr-card-title{margin:0;color:var(--mcr-text);font-size:1.2rem}.mcr-card-subtitle{margin:.25rem 0 0;color:var(--mcr-muted);font-weight:700}
.mcr-hero{background:linear-gradient(135deg,var(--mcr-black),#1f1603);color:var(--mcr-text-on-dark);border:1px solid rgba(255,179,0,.28);border-radius:var(--mcr-radius-xl);padding:24px;box-shadow:var(--mcr-shadow-lg);display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.mcr-hero h1{margin:.2rem 0 .4rem;color:#fff}.mcr-hero p{color:#e9e9e9;max-width:760px}.mcr-eyebrow{margin:0;color:var(--mcr-accent)!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.mcr-actions{display:flex;gap:10px;flex-wrap:wrap}.mcr-grid{display:grid;gap:18px}.mcr-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mcr-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mcr-grid.auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.mcr-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}.mcr-stat-card{padding:16px}.mcr-stat-card strong{display:block;font-size:1.8rem;color:var(--mcr-text);line-height:1}.mcr-stat-card span{display:block;color:var(--mcr-muted);font-weight:800;margin-top:5px}
.mcr-badge,.mcr-pill,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;line-height:1;border:1px solid transparent;background:#eef2f7;color:#344054;text-transform:none}.mcr-badge.success,.mcr-pill.success,.badge-success,.pill.green{background:#dcfce7;color:#166534}.mcr-badge.danger,.mcr-pill.danger,.badge-danger,.pill.red{background:#fee2e2;color:#991b1b}.mcr-badge.warning,.mcr-pill.warning,.badge-warning,.pill.gold{background:#fff3c4;color:#92400e}.mcr-badge.info,.mcr-pill.info,.badge-info,.pill.blue{background:#dbeafe;color:#1d4ed8}.mcr-badge.neutral,.mcr-pill.neutral,.badge-neutral,.pill.grey{background:#eef2f7;color:#344054}
.mcr-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#111;color:var(--mcr-accent);font-weight:950;font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(255,179,0,.35);flex:0 0 auto}.mcr-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.mcr-meta-item{background:var(--mcr-card-soft);border:1px solid var(--mcr-border);border-radius:var(--mcr-radius);padding:11px}.mcr-meta-item b{display:block;color:var(--mcr-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.mcr-meta-item span,.mcr-meta-item p{display:block;color:var(--mcr-text);font-weight:700;margin:.25rem 0 0;overflow-wrap:anywhere}.mcr-divider{border-top:1px solid var(--mcr-border);margin:14px 0}.mcr-danger-btn,.danger-btn{background:#fff!important;border:1px solid var(--mcr-danger)!important;color:#991b1b!important;border-radius:999px;padding:10px 15px;font-weight:900}.mcr-danger-btn:hover,.danger-btn:hover{background:#fee2e2!important;color:#7f1d1d!important}
/* Backwards-compatible aliases so existing pages inherit the shared system */
.admin-hero-card{background:linear-gradient(135deg,var(--mcr-black),#1f1603);color:#fff;border:1px solid rgba(255,179,0,.28);border-radius:var(--mcr-radius-xl);padding:24px;box-shadow:var(--mcr-shadow-lg);display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.admin-hero-card h1{margin:.2rem 0 .4rem;color:#fff}.admin-hero-card p{color:#e9e9e9;max-width:760px}.eyebrow{margin:0;color:var(--mcr-accent)!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}.admin-kpi-strip>div{background:#fff;border:1px solid var(--mcr-border);border-radius:18px;padding:16px;box-shadow:var(--mcr-shadow-sm)}.admin-kpi-strip strong{display:block;font-size:1.8rem;color:#111;line-height:1}.admin-kpi-strip span{display:block;color:var(--mcr-muted);font-weight:800;margin-top:5px}.producer-enquiries-board{padding:22px}.producer-enquiry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.producer-enquiry-card{background:#fff;border:1px solid var(--mcr-border);border-radius:var(--mcr-radius-lg);padding:18px;box-shadow:var(--mcr-shadow);position:relative;overflow:hidden}.producer-enquiry-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:#cfd6e2}.producer-enquiry-card.status-green:before{background:var(--mcr-success)}.producer-enquiry-card.status-blue:before{background:var(--mcr-info)}.producer-enquiry-card.status-gold:before{background:var(--mcr-accent)}.producer-enquiry-card.status-red:before{background:var(--mcr-danger)}.enquiry-card-top{display:flex;gap:13px;align-items:center;margin-bottom:12px}.enquiry-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#111;color:var(--mcr-accent);font-weight:950;font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(255,179,0,.35)}.enquiry-card-top h3{margin:0;color:#111}.enquiry-card-top p{margin:.2rem 0 0;color:var(--mcr-muted);font-weight:700;overflow-wrap:anywhere}.enquiry-badges{margin:8px 0 14px}.enquiry-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.enquiry-info-grid div,.enquiry-message{background:var(--mcr-card-soft);border:1px solid var(--mcr-border);border-radius:var(--mcr-radius);padding:11px}.enquiry-info-grid b,.enquiry-message b{display:block;color:var(--mcr-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.enquiry-info-grid span,.enquiry-message p{display:block;color:#111;font-weight:700;margin:.25rem 0 0;overflow-wrap:anywhere}.enquiry-action-panel{margin-top:14px;border-top:1px solid #edf0f5;padding-top:14px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enquiry-action-panel label{font-weight:900;color:#344054}.enquiry-action-panel input,.enquiry-action-panel textarea,.enquiry-action-panel select{margin-top:6px}.enquiry-buttons{margin-top:12px}.producer-enquiry-hero .btn.ghost{background:transparent!important;color:var(--mcr-accent)!important;border-color:var(--mcr-accent)!important}
@media(max-width:900px){.mcr-grid.two,.mcr-grid.three{grid-template-columns:1fr}.mcr-hero{display:block}.mcr-actions{margin-top:14px}}
@media(max-width:760px){.admin-hero-card{display:block}.hero-actions{margin-top:14px}.producer-enquiry-grid{grid-template-columns:1fr}.form-grid.two,.enquiry-info-grid,.mcr-meta-grid{grid-template-columns:1fr}.producer-enquiries-board{padding:16px}.producer-enquiry-card{padding:16px}.mcr-card{padding:16px}}

/* v3.3.39 Notification Centre */
.mcr-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,179,0,.45);border-radius:999px;background:rgba(255,179,0,.12);text-decoration:none;margin-left:.5rem;color:#ffb300;font-size:1.1rem}
.mcr-notification-bell span{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.notification-list{display:grid;gap:12px}.notification-card{display:flex;justify-content:space-between;gap:1rem;padding:16px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(255,255,255,.045)}.notification-card.unread{border-color:rgba(255,179,0,.7);box-shadow:0 0 0 2px rgba(255,179,0,.08) inset}.notification-card h3{margin:.35rem 0}.notification-card p{margin:.25rem 0;color:var(--text,inherit)}.notification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.small{font-size:.85rem;padding:.45rem .75rem}@media(max-width:720px){.notification-card{display:block}.notification-actions{margin-top:1rem}.mcr-notification-bell{margin-left:0}}

/* === v3.3.41 Listener dashboard mobile/navigation/components === */
.listener-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.listener-main{min-width:0}.listener-menu{position:sticky;top:92px;background:rgba(17,18,26,.94);border:1px solid rgba(255,179,0,.18);border-radius:22px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.listener-menu-toggle{display:none;width:100%;border:1px solid rgba(255,179,0,.28);border-radius:14px;background:rgba(255,179,0,.12);color:#fff;padding:12px 14px;font-weight:800;text-align:left}.listener-menu-links{display:flex;flex-direction:column;gap:8px}.listener-menu a{display:flex;align-items:center;gap:10px;text-decoration:none;color:rgba(255,255,255,.84);padding:12px 13px;border-radius:14px;font-weight:700}.listener-menu a:hover,.listener-menu a.active{background:linear-gradient(135deg,rgba(255,179,0,.22),rgba(255,214,102,.10));color:#fff}.listener-menu-icon{width:26px;text-align:center}.listener-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:16px;align-items:stretch}.listener-balance-card{background:linear-gradient(135deg,rgba(255,179,0,.2),rgba(255,255,255,.05));border:1px solid rgba(255,179,0,.22)}.listener-chat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:16px}.listener-chat-log{max-height:420px;overflow:auto;padding-right:4px}.listener-chat-item{border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px 14px;margin-bottom:10px;background:rgba(255,255,255,.045)}.listener-chat-item.free{border-left:4px solid #4ade80}.listener-chat-item.paid{border-left:4px solid #ffb300}.listener-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.listener-form-grid .full{grid-column:1/-1}.listener-dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.listener-dashboard-actions .card{min-height:145px}.notification-pref-grid{display:grid;gap:10px}.notification-pref-row{display:grid;grid-template-columns:1fr repeat(3,88px);gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.notification-pref-row label{margin:0;text-align:center}.mobile-scroll-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-scroll-table table{min-width:760px}@media(max-width:900px){.listener-shell{display:block}.listener-menu{position:relative;top:auto;margin-bottom:18px}.listener-menu-toggle{display:block}.listener-menu-links{display:none;margin-top:10px}.listener-menu.open .listener-menu-links{display:flex}.listener-hero,.listener-chat-grid{grid-template-columns:1fr}.listener-dashboard-actions{grid-template-columns:1fr 1fr}.listener-form-grid{grid-template-columns:1fr}.notification-pref-row{grid-template-columns:1fr 72px 72px 72px;font-size:.92rem}}@media(max-width:560px){.listener-dashboard-actions{grid-template-columns:1fr}.notification-pref-row{grid-template-columns:1fr;align-items:start}.notification-pref-row label{text-align:left}.dashboard-head{gap:10px;align-items:flex-start}.dashboard-head .btn{width:100%;text-align:center}.big-number{font-size:2.2rem}.listener-menu a{padding:13px 12px}.wrap.page-wrap{padding-left:14px;padding-right:14px}}

/* === v3.3.42 notification permission + mobile floating controls === */
.notification-permission-card{border-color:rgba(255,179,0,.25)!important;background:linear-gradient(135deg,rgba(255,179,0,.10),rgba(255,255,255,.035))!important}.notification-permission-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.notification-permission-status{display:inline-flex;align-items:center;min-height:40px;padding:9px 12px;border-radius:999px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.22);color:rgba(255,255,255,.82);font-weight:800}.notification-permission-status.ok{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35);color:#86efac}.notification-permission-status.warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35);color:#fde68a}.small-note{font-size:.88rem}.mcr-floating-actions,.floating-actions,.floating-buttons{position:fixed;right:18px;bottom:98px;z-index:60;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.mcr-floating-actions .btn,.floating-actions .btn,.floating-buttons .btn{box-shadow:0 14px 32px rgba(0,0,0,.35);white-space:nowrap}.mcr-notification-bell{flex:0 0 auto}@media(max-width:720px){body{padding-bottom:118px}.sticky-player{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;border:1px solid rgba(255,179,0,.45);border-radius:20px;height:auto!important;min-height:68px;padding:9px 12px!important;gap:9px;z-index:70}.sticky-player .player-info{min-width:0;flex:1 1 150px}.sticky-player .track-marquee{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-player .player-controls{width:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sticky-player .player-volume{flex:1 1 130px;min-width:110px}.sticky-player .player-popup,.sticky-player .player-cast{padding:8px 10px;border-radius:999px}.mcr-floating-actions,.floating-actions,.floating-buttons{left:12px;right:12px;bottom:112px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.mcr-floating-actions .btn,.floating-actions .btn,.floating-buttons .btn{width:100%;justify-content:center;text-align:center;padding:10px 12px;font-size:.92rem}.top .mcr-notification-bell{width:38px;height:38px;margin-left:auto}.notification-permission-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.notification-permission-actions .btn{width:100%;justify-content:center}.notification-permission-status{border-radius:14px;justify-content:center;text-align:center}.listener-menu{max-height:calc(100vh - 94px);overflow:auto;-webkit-overflow-scrolling:touch}.listener-menu.open .listener-menu-links{max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}}@media(max-width:420px){.mcr-floating-actions,.floating-actions,.floating-buttons{grid-template-columns:1fr}.sticky-player{border-radius:16px}.player-toggle-main{width:42px;height:42px}.top .mcr-notification-bell{width:34px;height:34px;font-size:1rem}}

/* v3.3.43 role dashboard navigation */
.role-menu{width:100%}
.producer-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.producer-shell .listener-main{min-width:0}
.role-menu-producer{border-color:rgba(255,179,0,.24);background:linear-gradient(180deg,rgba(17,18,26,.96),rgba(8,8,10,.94))}
.role-menu-producer .listener-menu-toggle{background:rgba(255,179,0,.14)}
.role-menu-producer a.active{box-shadow:inset 3px 0 0 var(--mcr-accent,#ffb300)}
.role-menu-listener a,.role-menu-producer a{min-height:44px}
@media(max-width:900px){.producer-shell{display:block}.producer-shell .role-menu{position:relative;top:auto;margin-bottom:18px}.producer-shell .listener-menu-toggle{display:block}.producer-shell .listener-menu-links{display:none;margin-top:10px}.producer-shell .role-menu.open .listener-menu-links{display:flex}.role-menu .listener-menu-links{max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:560px){.producer-shell .role-menu a,.listener-shell .role-menu a{padding:13px 12px}.producer-shell{gap:14px}}


/* Admin dashboard preview / impersonation banner */
.impersonation-banner{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;background:#ffb300;color:#121212;border-bottom:2px solid rgba(0,0,0,.25);box-shadow:0 6px 20px rgba(0,0,0,.25);font-weight:700;text-align:center}.impersonation-banner .btn{background:#121212;color:#fff;border-color:#121212}@media(max-width:680px){.impersonation-banner{font-size:.9rem;padding:.7rem}.impersonation-banner .btn{width:auto;min-height:38px}}

/* === v3.3.50 listener dashboard mobile/right-button fixes === */
.listener-main,
.producer-shell .listener-main {
  max-width: 100%;
  overflow-x: hidden;
}
.listener-main .dashboard-head,
.producer-shell .dashboard-head {
  flex-wrap: wrap;
  align-items: flex-start;
}
.listener-main .dashboard-head > div,
.producer-shell .dashboard-head > div {
  min-width: 0;
  flex: 1 1 260px;
}
.listener-main .dashboard-head .btn,
.producer-shell .dashboard-head .btn,
.listener-main .dashboard-head .admin-actions,
.producer-shell .dashboard-head .admin-actions {
  flex: 0 1 auto;
  max-width: 100%;
}
.listener-main .btn,
.producer-shell .btn,
.listener-main button,
.producer-shell button {
  max-width: 100%;
  white-space: normal;
  line-height: 1.2;
}
.listener-dashboard-actions {
  width: 100%;
  max-width: 100%;
}
.listener-dashboard-actions .action-card,
.listener-dashboard-actions .card {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}
.listener-dashboard-actions .action-card h2,
.listener-dashboard-actions .action-card p {
  max-width: 100%;
}
.listener-balance-card .listener-form-grid input,
.listener-chat-grid input,
.listener-chat-grid textarea {
  max-width: 100%;
}
@media (max-width: 720px) {
  html, body { overflow-x: hidden; }
  .wrap.page-wrap { width: 100%; max-width: 100%; box-sizing: border-box; }
  .listener-shell, .producer-shell { width: 100%; max-width: 100%; }
  .listener-main .dashboard-head,
  .producer-shell .dashboard-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .listener-main .dashboard-head .btn,
  .producer-shell .dashboard-head .btn,
  .listener-main .dashboard-head .admin-actions,
  .producer-shell .dashboard-head .admin-actions {
    width: 100%;
    justify-content: center;
  }
  .listener-dashboard-actions {
    grid-template-columns: 1fr !important;
  }
  .listener-dashboard-actions .action-card {
    min-height: auto;
    padding: 16px;
  }
  .mcr-floating-actions,
  .floating-actions,
  .floating-buttons {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr;
    width: 100%;
    margin: 12px 0;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto;
  }
}


/* === v3.3.51 full-screen dashboard + producer countdown responsiveness === */
.wrap.page-wrap.dashboard-fullwidth,
.wrap.page-wrap:has(.dashboard-shell) {
  width: min(100%, 1500px);
  max-width: 1500px;
  padding-left: clamp(14px, 2vw, 28px);
  padding-right: clamp(14px, 2vw, 28px);
  box-sizing: border-box;
}
.dashboard-shell,
.listener-shell,
.producer-shell {
  min-width: 0;
}
.producer-shell.dashboard-shell {
  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
  gap: clamp(14px, 2vw, 26px);
}
.producer-shell .listener-main,
.listener-shell .listener-main {
  width: 100%;
  min-width: 0;
}
.producer-live-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr);
  gap: clamp(14px, 2vw, 22px);
  align-items: stretch;
  margin-bottom: 20px;
}
.producer-now-card,
.producer-metric,
.interaction-item,
.producer-shell .card,
.listener-shell .card {
  min-width: 0;
  overflow-wrap: anywhere;
}
.producer-now-card {
  border-radius: 24px;
  padding: clamp(18px, 2.3vw, 30px);
  color: #fff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,179,0,.24), transparent 35%),
    linear-gradient(135deg, rgba(8,8,11,.98), rgba(25,18,5,.96));
  border: 1px solid rgba(255,179,0,.28);
  box-shadow: 0 22px 60px rgba(0,0,0,.22);
}
.producer-now-card h2,
.producer-now-card strong { color: #fff; }
.producer-now-card p { color: rgba(255,255,255,.82); }
.producer-countdown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.producer-countdown {
  min-width: 0;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}
.producer-countdown span,
.producer-countdown small {
  display: block;
  color: rgba(255,255,255,.7);
  font-weight: 800;
  font-size: .82rem;
}
.producer-countdown strong {
  display: block;
  margin: 6px 0;
  font-size: clamp(1.45rem, 3vw, 2.7rem);
  line-height: 1;
  letter-spacing: .02em;
  color: var(--mcr-accent, #ffb300) !important;
  white-space: nowrap;
}
.producer-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.producer-metric {
  border-radius: 20px;
  padding: 18px;
  background: rgba(17,24,39,.96);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
}
.producer-metric span,
.producer-metric small { display:block; color: rgba(255,255,255,.68); font-weight: 800; }
.producer-metric b { display:block; color: var(--mcr-accent,#ffb300); font-size: clamp(1.35rem, 2.4vw, 2rem); margin: 6px 0; overflow-wrap:anywhere; }
.grid3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.action-card { text-decoration: none; }
.interaction-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.interaction-feed {
  max-height: 620px;
  overflow: auto;
  padding-right: 4px;
}
.session-revenue-table,
.mobile-scroll-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.session-revenue-table table,
.mobile-scroll-table table {
  min-width: 860px;
}
@media (min-width: 1500px) {
  .producer-live-hero { grid-template-columns: minmax(0, 1.55fr) minmax(360px, .8fr); }
  .grid3 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .producer-live-hero { grid-template-columns: 1fr; }
  .producer-metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .wrap.page-wrap.dashboard-fullwidth,
  .wrap.page-wrap:has(.dashboard-shell) { max-width: 100%; padding-left: 14px; padding-right: 14px; }
  .producer-shell.dashboard-shell,
  .producer-shell,
  .listener-shell { display: block; }
  .role-menu,
  .listener-menu { margin-bottom: 16px; }
  .producer-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .interaction-board { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .producer-countdown-grid,
  .producer-metric-grid,
  .grid3 { grid-template-columns: 1fr; }
  .producer-now-card { border-radius: 18px; padding: 17px; }
  .producer-countdown { padding: 14px; }
  .producer-countdown strong { font-size: 1.85rem; }
  .producer-shell .card,
  .listener-shell .card { padding: 16px; }
  .interaction-feed { max-height: none; overflow: visible; }
}
@media (max-width: 380px) {
  .producer-countdown strong { font-size: 1.55rem; }
  .producer-now-card h2 { font-size: 1.35rem; }
}


/* v3.3.52 master polish: consistent full-screen dashboards, role menus, cards, finance and badges */
:root{--mcr-bg:#07080b;--mcr-panel:#11141b;--mcr-panel-2:#151922;--mcr-border:#2b3340;--mcr-text:#f8fafc;--mcr-muted:#b8c0cc;--mcr-soft:#e5e7eb;--mcr-gold:#ffb323;--mcr-success:#22c55e;--mcr-danger:#ef4444;--mcr-shadow:0 18px 45px rgba(0,0,0,.28)}
body{min-width:320px;overflow-x:hidden}.wrap{width:min(1220px,calc(100% - 32px));margin-inline:auto}.dashboard-fullwidth .wrap,.dashboard-shell{width:100%;max-width:none}.page-wrap{padding-bottom:96px}.listener-shell,.producer-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start;width:100%}.listener-main{min-width:0;width:100%}.listener-main>.card,.admin-main>.admin-card,.admin-main>.card{background:linear-gradient(180deg,var(--mcr-panel),#0d1016);border:1px solid var(--mcr-border);border-radius:18px;color:var(--mcr-text);box-shadow:var(--mcr-shadow)}.admin-main .card,.admin-main .admin-card,.listener-main .card,.producer-shell .card{color:var(--mcr-text)}.admin-main .card p,.admin-main .admin-card p,.listener-main .card p,.producer-shell .card p,.admin-main .card li,.admin-main .admin-card li{color:var(--mcr-muted)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.admin-table th{color:var(--mcr-gold);background:#07080b;font-weight:800}.admin-table td{color:var(--mcr-soft);border-top:1px solid rgba(255,255,255,.08)}.mobile-scroll-table,.session-revenue-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-scroll-table table,.session-revenue-table table{min-width:760px}.role-menu{position:sticky;top:86px;background:#08090d;border:1px solid var(--mcr-border);border-radius:18px;padding:12px;max-height:calc(100vh - 110px);overflow:auto}.listener-menu-toggle{display:none;width:100%;align-items:center;justify-content:space-between;background:var(--mcr-gold);color:#111;border:0;border-radius:12px;padding:12px 14px;font-weight:900}.listener-menu-links{display:flex;flex-direction:column;gap:6px}.listener-menu a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;color:var(--mcr-soft);text-decoration:none;font-weight:700}.listener-menu a:hover,.listener-menu a.active{background:rgba(255,179,35,.14);color:#fff;outline:1px solid rgba(255,179,35,.35)}.dashboard-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.listener-hero,.producer-live-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.listener-dashboard-actions,.producer-metric-grid,.producer-countdown-grid,.listener-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.action-card{text-decoration:none;display:block;transition:transform .16s ease,border-color .16s ease}.action-card:hover{transform:translateY(-2px);border-color:rgba(255,179,35,.55)}.producer-countdown,.producer-metric,.listener-badge{background:linear-gradient(180deg,#171c25,#10141b);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;color:var(--mcr-text)}.producer-countdown strong{display:block;font-size:clamp(1.35rem,3vw,2.25rem);color:var(--mcr-gold);letter-spacing:.04em}.producer-countdown span,.producer-metric span{display:block;color:var(--mcr-muted);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.producer-metric b{display:block;font-size:1.45rem;color:#fff}.interaction-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.interaction-feed{display:grid;gap:12px;max-height:560px;overflow:auto;padding-right:4px}.interaction-item{background:#0a0d12;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.interaction-item.is-paid{border-color:rgba(255,179,35,.45);box-shadow:inset 4px 0 0 var(--mcr-gold)}.listener-badge{min-height:130px}.listener-badge span{font-size:2rem;display:block}.listener-badge strong{display:block;color:#fff;margin-top:8px}.listener-badge small{display:block;color:var(--mcr-muted);margin-top:6px}.admin-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.submission-card{background:linear-gradient(180deg,#111722,#0c0f15);border:1px solid var(--mcr-border);border-radius:16px;padding:16px;color:#fff}.submission-card h3{color:#fff}.submission-card .muted,.submission-card p{color:var(--mcr-muted)}.card-actions,.admin-actions,.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid .settings-full,.settings-grid label.settings-full{grid-column:1/-1}.settings-grid input,.settings-grid select,.settings-grid textarea,.listener-main input,.listener-main select,.listener-main textarea,.producer-shell input,.producer-shell select,.producer-shell textarea,.admin-main input,.admin-main select,.admin-main textarea{max-width:100%;background:#080a0f;color:#fff;border:1px solid #343b49;border-radius:12px;padding:11px 12px}.settings-grid input:focus,.settings-grid textarea:focus,.listener-main input:focus,.listener-main textarea:focus,.producer-shell input:focus,.producer-shell textarea:focus{outline:2px solid rgba(255,179,35,.45);border-color:var(--mcr-gold)}.btn,.button,button{max-width:100%}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-weight:900;font-size:.78rem}.badge-success{background:rgba(34,197,94,.16);color:#86efac}.badge-warning{background:rgba(255,179,35,.18);color:#ffd37a}.badge-danger{background:rgba(239,68,68,.16);color:#fca5a5}.notification-bell{position:relative}.sticky-player{z-index:1000}.floating-actions,.floating-buttons{right:clamp(10px,2vw,22px);bottom:calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 20px)}
@media (max-width:1100px){.listener-shell,.producer-shell{grid-template-columns:1fr}.role-menu{position:relative;top:auto;max-height:none}.listener-menu-toggle{display:flex}.listener-menu-links{display:none;margin-top:10px}.listener-menu.open .listener-menu-links{display:flex}.listener-hero,.producer-live-grid,.interaction-board{grid-template-columns:1fr}.dashboard-head .btn{width:auto}.admin-main{padding-inline:14px}.settings-grid{grid-template-columns:1fr}}
@media (max-width:720px){.wrap{width:min(100% - 22px,1220px)}.page-wrap{padding-bottom:118px}.dashboard-head{align-items:flex-start}.dashboard-head .btn,.dashboard-head a.btn{width:100%;justify-content:center}.listener-dashboard-actions,.producer-metric-grid,.producer-countdown-grid,.listener-badge-grid{grid-template-columns:1fr}.card,.admin-card,.listener-main>.card{border-radius:16px;padding:16px}.admin-table th,.admin-table td{white-space:nowrap}.sticky-player{left:0;right:0;bottom:0;border-radius:18px 18px 0 0}.player-controls{gap:8px}.player-volume{max-width:110px}.floating-actions,.floating-buttons{position:fixed;right:8px;bottom:118px;transform:none}.btn,.button,button{min-height:42px}.top .nav{min-width:0}.role-menu a{padding:13px 12px}}
@media (min-width:1500px){.admin-main,.dashboard-fullwidth .listener-main{max-width:1440px;margin-inline:auto}.admin-layout{grid-template-columns:260px minmax(0,1fr)}}

/* v3.3.53 On Air Studio + final visual consistency pass */
:root{--mcr-bg:#07080b;--mcr-panel:#11141b;--mcr-panel-2:#151922;--mcr-card-dark:#10141d;--mcr-border:#2b3340;--mcr-text:#f8fafc;--mcr-muted:#b8c0cc;--mcr-gold:#ffb323;--mcr-orange:#ff7a18;--mcr-green:#22c55e;--mcr-red:#ef4444;--mcr-blue:#38bdf8;--mcr-shadow:0 18px 45px rgba(0,0,0,.30)}
body{background:var(--mcr-bg);color:var(--mcr-text)}
.card,.admin-card,.mcr-card,.submission-card,.producer-now-card,.studio-live-card,.citrus-widget,.producer-metric,.producer-countdown,.interaction-item,.listener-badge{background:linear-gradient(180deg,var(--mcr-panel),#0c1017)!important;border:1px solid var(--mcr-border)!important;color:var(--mcr-text)!important;box-shadow:var(--mcr-shadow)}
.card h1,.card h2,.card h3,.admin-card h1,.admin-card h2,.admin-card h3,.submission-card h3,.producer-now-card h2,.studio-live-card h2,.citrus-widget h3{color:var(--mcr-text)!important}.card p,.admin-card p,.submission-card p,.muted,.meta,small{color:var(--mcr-muted)!important}.eyebrow{color:var(--mcr-gold)!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.admin-table th{color:var(--mcr-gold)!important}.admin-table td{color:#e5e7eb!important}.admin-table a,.card a:not(.btn),.admin-card a:not(.btn){color:#ffd37a}.listener-main input,.listener-main select,.listener-main textarea,.producer-shell input,.producer-shell select,.producer-shell textarea,.admin-main input,.admin-main select,.admin-main textarea{background:#070a10!important;color:#fff!important;border:1px solid #354052!important}.listener-main label,.producer-shell label,.admin-main label{color:#f8fafc!important}.btn,button,.button{border-radius:999px;font-weight:900}.btn.ghost,.ghost{border:1px solid rgba(255,179,35,.35);background:rgba(255,179,35,.08);color:#ffd37a}
.studio-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:stretch;margin-bottom:18px}.studio-live-card{border-radius:24px;padding:24px}.studio-status-row,.studio-time-grid,.section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:900;letter-spacing:.04em}.live-badge.is-live{background:rgba(34,197,94,.18);color:#86efac;box-shadow:0 0 0 4px rgba(34,197,94,.08)}.live-badge.is-offline{background:rgba(255,179,35,.16);color:#ffd37a}.studio-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.studio-time-grid>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.studio-time-grid span,.studio-clock span{display:block;color:var(--mcr-muted);font-weight:900;text-transform:uppercase;font-size:.75rem}.studio-time-grid strong,.studio-clock strong{display:block;color:#fff;font-size:1rem;margin-top:4px}.studio-clock{background:linear-gradient(180deg,#171c25,#10141b);border:1px solid var(--mcr-border);border-radius:18px;padding:14px 16px;min-width:min(100%,260px)}.studio-metrics{display:grid;gap:14px}.citrus-widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.citrus-widget{border-radius:18px;padding:16px;min-height:140px}.citrus-widget.cover img{width:96px;height:96px;object-fit:cover;border-radius:14px;background:#080a0f}.studio-work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin:18px 0}.checklist-grid,.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.checklist-grid label{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}.compact-feed{max-height:620px;overflow:auto}.suggestion-grid>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.station-wall .submission-card{min-height:150px}.role-menu a{word-break:normal}.admin-main,.listener-main{min-width:0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
@media (max-width:1100px){.studio-hero,.studio-work-grid{grid-template-columns:1fr}.citrus-widget-grid{grid-template-columns:1fr 1fr}.studio-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.studio-live-card{padding:17px;border-radius:18px}.studio-time-grid,.citrus-widget-grid,.studio-metrics{grid-template-columns:1fr}.studio-clock{width:100%}.studio-status-row{align-items:flex-start}.producer-countdown strong{font-size:1.6rem}.compact-feed{max-height:none;overflow:visible}.dashboard-head h1{font-size:clamp(1.75rem,9vw,2.5rem)}.card,.admin-card{padding:16px!important}.admin-record-grid{grid-template-columns:1fr!important}}

/* v3.3.54 unified login */
.login-small{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#111827!important;font-weight:800;text-decoration:none;box-shadow:0 10px 28px rgba(251,191,36,.22);white-space:nowrap}
.unified-login-card select,.unified-login-card input{width:100%}
.login-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:1rem;color:var(--mcr-text-muted,#cbd5e1)}
.login-actions a{color:var(--mcr-accent,#fbbf24);font-weight:700}
@media(max-width:760px){.login-small{width:100%;margin:.5rem 0 0}.top .wrap.nav{align-items:flex-start}.login-actions{flex-direction:column;align-items:flex-start}.login-actions span{display:none}}

/* v3.3.55 profile/admin polish */
.mcr-profile-avatar{width:64px;height:64px;border-radius:20px;object-fit:cover;display:inline-grid;place-items:center;background:#111827;color:var(--mcr-accent);font-weight:950;font-size:1.45rem;border:1px solid rgba(255,179,0,.35);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.mcr-profile-avatar.small{width:42px;height:42px;border-radius:14px;font-size:1rem;vertical-align:middle;margin-right:10px}
.mcr-profile-avatar-fallback{display:inline-grid!important;place-items:center}
.profile-preview,.profile-preview-large{margin:10px 0;display:flex;align-items:center;gap:12px}.profile-preview-large .mcr-profile-avatar{width:96px;height:96px;border-radius:28px;font-size:2rem}
.listener-profile-chip{display:flex!important;align-items:center;gap:12px}.listener-profile-chip h1{margin:0}.mcr-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.mcr-record-card{background:var(--mcr-card);border:1px solid var(--mcr-border);border-radius:var(--mcr-radius-lg);padding:16px;box-shadow:var(--mcr-shadow)}
.mcr-record-card h3,.mcr-record-card p,.mcr-record-card .muted{overflow-wrap:anywhere}.admin-actions form{display:inline}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:720px){.listener-profile-chip{align-items:flex-start}.profile-preview-large .mcr-profile-avatar{width:76px;height:76px;border-radius:22px}.mcr-record-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr!important}}

/* v3.3.56: When rendered inside admin, components inherit the dark admin platform theme. */
body.admin-body .mcr-card,
body.admin-body .mcr-record-card,
body.admin-body .mcr-stat-card,
body.admin-body .mcr-panel,
body.admin-body .producer-enquiry-card{
  background:linear-gradient(180deg,rgba(20,22,31,.98),rgba(11,13,20,.98)) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#f8fafc !important;
}
body.admin-body .mcr-card-title,
body.admin-body .mcr-card h1,
body.admin-body .mcr-card h2,
body.admin-body .mcr-card h3,
body.admin-body .mcr-record-card h1,
body.admin-body .mcr-record-card h2,
body.admin-body .mcr-record-card h3,
body.admin-body .producer-enquiry-card h1,
body.admin-body .producer-enquiry-card h2,
body.admin-body .producer-enquiry-card h3{
  color:#fff !important;
}
body.admin-body .mcr-card-subtitle,
body.admin-body .mcr-card p,
body.admin-body .mcr-card span,
body.admin-body .mcr-record-card p,
body.admin-body .mcr-record-card span,
body.admin-body .producer-enquiry-card p,
body.admin-body .producer-enquiry-card span{
  color:#d7dee9 !important;
}


/* v3.3.57 logged-in mobile/PWA role navigation */
.mobile-role-nav{display:none;position:sticky;top:0;z-index:95;background:rgba(5,8,20,.98);border-bottom:1px solid rgba(255,179,35,.26);box-shadow:0 14px 36px rgba(0,0,0,.32);padding:10px 14px;color:var(--mcr-text,#fff)}
.mobile-role-nav-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,179,35,.38);border-radius:14px;background:linear-gradient(135deg,rgba(255,179,35,.18),rgba(255,255,255,.04));color:#fff;padding:12px 14px;font-weight:900;letter-spacing:.01em}
.mobile-role-nav-toggle strong{color:var(--mcr-gold,#ffb323);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}
.mobile-role-nav-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;max-height:68vh;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.mobile-role-nav.open .mobile-role-nav-panel{display:grid}
.mobile-role-nav-panel a{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.9);text-decoration:none;font-weight:800;font-size:.92rem}
.mobile-role-nav-panel a.active,.mobile-role-nav-panel a:hover{background:rgba(255,179,35,.16);border-color:rgba(255,179,35,.40);color:#fff}.mobile-role-nav-panel a span{width:22px;text-align:center;flex:0 0 22px}.mobile-role-nav-panel a strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.mobile-role-nav{display:block}.listener-shell>.role-menu,.listener-shell>.listener-menu{display:none!important}.listener-shell,.producer-shell{display:block!important}.listener-main{width:100%!important;max-width:100%!important}.wrap.page-wrap{width:100%;max-width:none;padding-left:14px;padding-right:14px}.dashboard-fullwidth .wrap,.dashboard-shell{width:100%!important}.top .wrap.nav{gap:8px}.top nav#siteNav{max-height:calc(100vh - 90px);overflow:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:480px){.mobile-role-nav{padding:8px 10px}.mobile-role-nav-panel{grid-template-columns:1fr}.mobile-role-nav-toggle{padding:11px 12px}.mobile-role-nav-panel a{font-size:.9rem}}
@media(display-mode:standalone){.mobile-role-nav{padding-top:calc(10px + env(safe-area-inset-top));}.page-wrap{padding-bottom:calc(130px + env(safe-area-inset-bottom));}}

/* v3.3.58 Competition experience */
.competitions-page{padding-bottom:120px}.competition-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(135deg,rgba(255,179,0,.16),rgba(15,23,42,.96));border-color:rgba(255,179,0,.35)}.competition-hero h1{margin:.1rem 0 .5rem;color:#fff}.competition-hero p{max-width:760px;color:var(--mcr-text-muted,#cbd5e1)}.competition-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.competition-info-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 22px}.competition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.competition-card{overflow:hidden;padding:0;background:#0f172a;color:#fff;border:1px solid rgba(255,179,0,.18);box-shadow:0 12px 30px rgba(0,0,0,.25)}.competition-cover{min-height:150px;background:radial-gradient(circle at top left,rgba(255,179,0,.55),transparent 35%),linear-gradient(135deg,#111827,#020617);background-size:cover;background-position:center;display:flex;align-items:flex-start;justify-content:flex-end;padding:12px}.competition-badge{background:#111827;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800}.competition-badge.gold{background:#ffb300;color:#111}.competition-body{padding:18px}.competition-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.competition-meta span,.competition-sponsor{font-size:.82rem;color:#cbd5e1}.competition-card h2{font-size:1.24rem;color:#fff;margin:.25rem 0 .45rem}.competition-card p{color:#dbe4f0}.competition-prize{background:rgba(255,179,0,.1);border:1px solid rgba(255,179,0,.25);border-radius:14px;padding:10px 12px;margin:12px 0;color:#fff}.competition-entry-form{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.competition-entry-form label{color:#fff;font-weight:800}.competition-entry-form textarea{width:100%;background:#020617;color:#fff;border:1px solid #334155;border-radius:12px;padding:12px}.competition-foot{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:12px}.entry-price{font-weight:900;color:#ffb300}.competition-terms{margin-top:12px;color:#cbd5e1}.competition-terms summary{cursor:pointer;color:#ffb300;font-weight:800}.competition-card.is-closed{opacity:.7}.mcr-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mcr-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mcr-form-grid{display:grid;gap:14px}@media(max-width:760px){.competition-hero{display:block}.competition-hero-actions{margin-top:16px}.competition-info-strip{grid-template-columns:1fr}.competition-grid{grid-template-columns:1fr}.competition-foot{align-items:stretch}.competition-foot .btn{width:100%}.mcr-form-grid.two,.mcr-form-grid.three{grid-template-columns:1fr}}


/* v3.3.62 full mobile/PWA dashboard visibility and route-safe layouts */
html,body{max-width:100%;overflow-x:hidden;}
body{background:var(--mcr-bg,#050814);color:var(--mcr-text,#f8fafc);}
main{min-height:60vh;}
.dashboard-shell,.listener-shell,.producer-shell{width:100%;max-width:100%;box-sizing:border-box;}
.listener-main,.producer-main,.dashboard-main{min-width:0;max-width:100%;box-sizing:border-box;}
.listener-main .card,.producer-shell .card,.dashboard-shell .card{max-width:100%;overflow-wrap:anywhere;}
.listener-main img,.producer-shell img,.dashboard-shell img{max-width:100%;height:auto;}
.session-revenue-table,.interaction-feed,.admin-record-grid,.mobile-scroll-table{max-width:100%;}
.session-revenue-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.session-revenue-table table{min-width:760px;}
@media(max-width:900px){
  .top{position:sticky;top:0;z-index:94;}
  .top .wrap.nav{width:100%;max-width:none;padding-left:10px;padding-right:10px;}
  .top .brand img{max-width:58px;}
  .top .login-small{display:none;}
  .mobile-role-nav{display:block!important;}
  .listener-shell>.role-menu,.listener-shell>.listener-menu,.producer-shell>.role-menu,.producer-shell>.listener-menu{display:none!important;}
  .wrap.page-wrap,.wrap.dashboard-fullwidth{width:100%!important;max-width:none!important;margin:0!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box;}
  .listener-shell,.producer-shell,.dashboard-shell{display:block!important;width:100%!important;max-width:100%!important;}
  .listener-main,.producer-main{width:100%!important;max-width:100%!important;}
  .listener-hero,.listener-chat-grid,.listener-dashboard-actions,.producer-live-hero,.dashboard-grid,.grid2,.grid3,.grid4,.interaction-board,.studio-hero,.studio-work-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .dashboard-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;}
  .dashboard-head .btn,.dashboard-head a.btn{width:100%;justify-content:center;text-align:center;}
  .card,.mcr-card,.admin-card,.submission-card{border-radius:18px!important;padding:16px!important;}
  .producer-metric-grid,.studio-metrics,.stat-grid,.kpi-grid{grid-template-columns:1fr 1fr!important;}
  table.admin-table{font-size:.86rem;}
}
@media(max-width:540px){
  .producer-metric-grid,.studio-metrics,.stat-grid,.kpi-grid{grid-template-columns:1fr!important;}
  .mobile-role-nav-panel{grid-template-columns:1fr!important;}
  .sticky-player{z-index:80!important;}
  body{padding-bottom:150px;}
}
@media(display-mode:standalone){
  .mobile-role-nav{display:block!important;}
  .top{position:sticky;top:0;}
}


/* === v3.4.0 production deep-scan responsive hardening === */
html{overflow-x:hidden;}
img,video,canvas,svg{max-width:100%;height:auto;}
.mcr-card,.card,.submission-card,.admin-card,.listener-menu,.admin-sidebar{overflow-wrap:anywhere;}
.table-responsive,.admin-table-wrap,.mobile-scroll-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{max-width:100%;}
pre,code{white-space:pre-wrap;word-break:break-word;}
@media(max-width:900px){
  .admin-layout,.listener-shell,.producer-shell,.dashboard-grid,.mcr-grid,.content-grid{grid-template-columns:1fr!important;}
  .admin-main,.wrap,.page-wrap{min-width:0;}
  .admin-main table,.listener-main table,.producer-shell table{min-width:720px;}
  .admin-main form,.listener-main form,.producer-shell form{max-width:100%;}
}
@media(max-width:640px){
  input,select,textarea,button,.btn{font-size:16px;}
  .btn,button[type=submit],.listen-small,.login-small{min-height:44px;}
  .admin-main,.wrap.page-wrap,.wrap{padding-left:12px!important;padding-right:12px!important;}
  .admin-card,.mcr-card,.card,.submission-card{border-radius:16px;padding:14px;}
  .hero,.mcr-hero,.listener-hero{gap:14px;}
}


/* === v3.5.0 Listener / Producer side-nav hide/show === */
.role-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.role-menu-head .listener-menu-toggle{flex:1}
.role-menu-hide,.role-menu-show{
  border:1px solid rgba(255,179,0,.45);
  background:#15120a;
  color:#ffb300;
  border-radius:999px;
  padding:10px 13px;
  font-weight:800;
  cursor:pointer;
  min-height:42px;
}
.role-menu-hide:hover,.role-menu-show:hover{background:#ffb300;color:#000}
.role-menu-show{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 16px 0;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.role-menu-show[hidden]{display:none!important}
.listener-shell.role-menu-collapsed,
.producer-shell.role-menu-collapsed{
  grid-template-columns:minmax(0,1fr)!important;
}
.listener-shell.role-menu-collapsed>.listener-main,
.producer-shell.role-menu-collapsed>.listener-main{
  width:100%;
  max-width:100%;
}
.listener-shell.role-menu-collapsed>.role-menu,
.listener-shell.role-menu-collapsed>.listener-menu,
.producer-shell.role-menu-collapsed>.role-menu,
.producer-shell.role-menu-collapsed>.listener-menu{
  display:none!important;
}
@media(max-width:900px){
  .role-menu-show{width:100%;margin-bottom:12px}
  .role-menu-head{margin-bottom:8px}
}


/* === v3.5.2 Mobile button, link and layout hardening === */
a,.btn,button,input,select,textarea{max-width:100%}
.btn,button,input[type=submit],input[type=button],.listen-btn,.listen-small,.cast-button,.popup-btn,.admin-mobile-view,.role-menu-hide,.role-menu-show{
  min-height:44px;
  line-height:1.15;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  white-space:normal;
  text-align:center;
  touch-action:manipulation;
}
.btn,a.btn,button{border-radius:999px}
.card-actions,.button-row,.dashboard-actions,.competition-hero-actions,.login-actions,.notification-actions,.player-actions,.admin-topbar-actions,.inline-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.card-actions>.btn,.button-row>.btn,.dashboard-actions>.btn,.competition-hero-actions>.btn,.login-actions>.btn,.notification-actions>.btn,
.card-actions>button,.button-row>button,.dashboard-actions>button{
  flex:0 1 auto;
}
img,svg,video,iframe{max-width:100%;height:auto}
table{min-width:640px}
.table-wrap,.table-scroll,.mobile-scroll-table,.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.form-grid,.settings-grid,.mcr-grid,.dashboard-grid,.content-grid,.admin-record-grid{min-width:0}
.card,.admin-card,.listener-main,.admin-main,.wrap,.page-wrap{min-width:0}
@media(max-width:900px){
  .top{z-index:300}
  .top .wrap.nav{padding-left:12px;padding-right:12px}
  .top nav#siteNav a,.top nav#siteNav button,.more-toggle,.more-menu a{min-height:46px;width:100%;justify-content:flex-start;text-align:left}
  .more-menu{max-width:100%;min-width:0}
  .admin-topbar-actions{width:100%;justify-content:flex-start}
  .admin-topbar-actions .btn,.admin-mobilebar .btn,.admin-mobile-view{min-height:42px}
  .dashboard-head{display:flex;flex-direction:column;align-items:stretch}
  .dashboard-head .btn,.dashboard-head a.btn,.dashboard-head button{width:100%}
  .listener-shell,.producer-shell,.dashboard-shell{grid-template-columns:1fr!important;display:block!important}
  .listener-main,.admin-main{width:100%!important;max-width:100%!important}
  .card-actions,.button-row,.dashboard-actions,.competition-hero-actions,.notification-actions,.inline-form{display:grid;grid-template-columns:1fr;align-items:stretch}
  .card-actions .btn,.button-row .btn,.dashboard-actions .btn,.competition-hero-actions .btn,.notification-actions .btn,.inline-form .btn,
  .card-actions button,.button-row button,.dashboard-actions button,.competition-hero-actions button,.notification-actions button,.inline-form button{
    width:100%;
  }
  input,select,textarea{width:100%}
  .sticky-player,.player-bar{z-index:250}
}
@media(max-width:560px){
  body{font-size:15px}
  h1{font-size:clamp(1.75rem,9vw,2.5rem)}
  h2{font-size:clamp(1.35rem,7vw,1.85rem)}
  .wrap,.wrap.page-wrap{padding-left:12px!important;padding-right:12px!important;width:100%!important}
  .card,.admin-card,.listener-main>.card{padding:15px!important;border-radius:16px!important}
  .btn,button,input[type=submit],input[type=button]{width:100%;padding:12px 14px;font-size:15px}
  .brand img{max-height:46px}
  .footer{padding-bottom:128px}
}


/* === v3.5.3 Producer live video overlay === */
.mcrbee-live-video-slot{
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  border:1px solid rgba(255,179,0,.45);
  border-radius:18px;
  overflow:hidden;
  position:relative;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
.mcrbee-live-video-slot[hidden]{display:none!important}
.mcrbee-live-video-frame{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#000;
}
.mcrbee-video-live-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  background:#ffb300;
  color:#000;
  border-radius:999px;
  padding:6px 10px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.04em;
}
.popup-art-card.has-live-video .popup-artwork{display:none!important}
.popup-art-card .mcrbee-live-video-slot{margin-bottom:12px}
.inline-video-slot{margin:14px 0}
.sticky-video-indicator{
  color:#ffb300;
  font-weight:900;
}
.video-guidance ul{margin:0;padding-left:20px}
.video-guidance li{margin:.45rem 0}
@media(max-width:720px){
  .mcrbee-live-video-slot{border-radius:14px}
  .mcrbee-video-live-badge{font-size:11px;padding:5px 8px}
}


/* === v3.5.4 Direct video-server foundation === */
.direct-video-preview{
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  border:1px solid rgba(255,179,0,.35);
  border-radius:18px;
  overflow:hidden;
  margin:14px 0;
}
.direct-video-preview video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#000;
}


/* === v3.5.5 Metered direct video integration === */
.metered-live-panel{
  margin-top:14px;
  border:1px solid rgba(255,179,0,.35);
  border-radius:18px;
  padding:14px;
  background:#07090d;
}
.metered-producer-mount{
  min-height:180px;
  border-radius:14px;
  background:#000;
  overflow:hidden;
}
.metered-producer-mount video{
  max-width:100%;
  border-radius:12px;
}


/* === v3.5.6 Compact UI / navigation simplification pass === */
:root{
  --compact-radius:14px;
  --compact-gap:12px;
}
.mcrbee-compact-ui .admin-sidebar{
  padding:10px 10px 18px!important;
}
.mcrbee-compact-ui .admin-sidebar a,
.mcrbee-compact-ui .admin-home-link,
.mcrbee-compact-ui .admin-submenu summary{
  min-height:38px!important;
  padding:9px 11px!important;
  font-size:14px!important;
  border-radius:10px!important;
}
.mcrbee-compact-ui .admin-submenu{
  margin:7px 0!important;
  border-radius:12px!important;
}
.mcrbee-compact-ui .admin-logo{max-width:98px!important;margin-bottom:4px!important}
.mcrbee-compact-ui .admin-version{font-size:12px!important}
.admin-main,.listener-main{container-type:inline-size}
.dashboard-head,.admin-card,.card,.submission-card,.listener-menu,.producer-metric,.studio-live-card{
  border-radius:var(--compact-radius)!important;
}
.dashboard-head{
  margin-bottom:14px!important;
  gap:12px!important;
}
.dashboard-head h1{margin-bottom:4px!important}
.card,.admin-card{
  padding:18px!important;
  margin-bottom:14px!important;
}
.card h1,.admin-card h1,.dashboard-head h1{line-height:1.05!important}
.card h2,.admin-card h2{margin-top:0!important;margin-bottom:10px!important}
.mcr-grid,.dashboard-grid,.admin-record-grid,.dashboard-kpi-grid,.quick-actions-grid,.producer-metric-grid,.listener-dashboard-actions{
  gap:12px!important;
}
.listener-shell,.producer-shell{
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:16px!important;
}
.listener-menu{
  padding:9px!important;
  border-radius:16px!important;
}
.listener-menu a,.role-menu a{
  min-height:38px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  font-size:14px!important;
}
.listener-menu-icon{width:20px!important;min-width:20px!important}
.role-menu-head{gap:7px!important;margin-bottom:7px!important}
.role-menu-hide{min-height:36px!important;padding:8px 10px!important;font-size:13px!important}
.admin-table th,.admin-table td,table th,table td{
  padding:8px 9px!important;
  font-size:14px;
}
.notice,.error,.alert,.success{
  padding:10px 12px!important;
  border-radius:12px!important;
}
.btn,button,input[type=submit],input[type=button]{
  min-height:40px!important;
  padding:10px 14px!important;
}
input,select,textarea{
  min-height:40px!important;
  padding:10px 11px!important;
}
.settings-grid,.form-grid{
  gap:12px!important;
}
.producer-countdown,.producer-metric,.mcr-stat-card{
  padding:13px!important;
  border-radius:14px!important;
}
.sticky-player{
  min-height:64px!important;
}
@media(max-width:1100px){
  .listener-shell,.producer-shell{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .card,.admin-card{padding:14px!important;margin-bottom:12px!important}
  .dashboard-head{padding:14px!important}
  .listener-menu a,.role-menu a{min-height:44px!important;font-size:15px!important}
  .admin-sidebar a,.admin-submenu summary{min-height:44px!important;font-size:15px!important}
  .btn,button,input[type=submit],input[type=button]{min-height:44px!important}
}


/* === v3.5.7 Corrective UI safeguards === */
.admin-submenu:not([open]){max-height:46px}
.admin-sidebar{scrollbar-width:thin}
.admin-sidebar::-webkit-scrollbar{width:8px}
.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(255,179,0,.45);border-radius:999px}
.metered-live-panel .muted{margin-bottom:0}
.mcrbee-compact-ui .admin-topbar-actions .btn{white-space:nowrap}
@media(max-width:720px){
  .admin-topbar-actions .btn{width:100%}
  .metered-live-panel{padding:12px}
}


/* === v3.5.8 Built-in producer digital contract === */
.contract-document{
  background:#06070a;
  border:1px solid rgba(255,179,0,.22);
  border-radius:16px;
  padding:18px;
  margin:14px 0;
  color:#fff;
}
.contract-document h1{font-size:clamp(1.6rem,5vw,2.2rem);margin-top:0}
.contract-document h2{
  color:#ffb300;
  font-size:1.05rem;
  margin-top:1.15rem;
  margin-bottom:.4rem;
}
.contract-document p{line-height:1.55;margin:.45rem 0}
.contract-details summary{
  cursor:pointer;
  color:#ffb300;
  font-weight:900;
  padding:10px 0;
}
.contract-sign-form{
  display:grid;
  gap:12px;
  margin-top:14px;
}
@media print{
  .top,.foot,.sticky-player,.listener-menu,.btn,button{display:none!important}
  body{background:#fff!important;color:#000!important;padding:0!important}
  .card,.contract-document{border:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}
  .contract-document h2{color:#000!important}
}


/* === v3.7.2 Unified Bee Harmony Theme Enforcement ===
   Final project-wide colour consistency pass for public, admin, listener and producer views. */
:root{
  --bee-bg:#050608!important;
  --bee-bg-2:#080a0f!important;
  --bee-sidebar:#030405!important;
  --bee-panel:#10131a!important;
  --bee-panel-2:#151923!important;
  --bee-panel-3:#1a202b!important;
  --bee-border:rgba(255,183,43,.24)!important;
  --bee-border-soft:rgba(255,255,255,.10)!important;
  --bee-text:#f6f8fb!important;
  --bee-text-soft:#dbe3ee!important;
  --bee-muted:#a9b4c3!important;
  --bee-honey:#ffb72b!important;
  --bee-honey-soft:#ffd36a!important;
  --bee-honey-deep:#a86f00!important;
  --bee-success:#2fd17c!important;
  --bee-danger:#ef5663!important;
  --bee-warning:#ffbf47!important;
  --bee-info:#69b7ff!important;
  --mcr-bg:var(--bee-bg)!important;
  --mcr-panel:var(--bee-panel)!important;
  --mcr-panel-2:var(--bee-panel-2)!important;
  --mcr-card:var(--bee-panel)!important;
  --mcr-card-soft:var(--bee-panel-2)!important;
  --mcr-text:var(--bee-text)!important;
  --mcr-muted:var(--bee-muted)!important;
  --mcr-border:var(--bee-border)!important;
  --mcr-accent:var(--bee-honey)!important;
  --mcr-accent-2:var(--bee-honey-soft)!important;
  --mcr-gold:var(--bee-honey)!important;
}
html,body{
  background:radial-gradient(circle at 15% 0%,rgba(255,183,43,.08),transparent 30%),linear-gradient(180deg,#07080b 0%,#030405 100%)!important;
  color:var(--bee-text)!important;
  color-scheme:dark!important;
}
body.admin-body,body.admin-theme-light,body.admin-theme-dark,body.mcrbee-fixed-theme,
.admin-layout,.dashboard-shell,.listener-shell,.producer-shell,.page-wrap,.wrap{
  background:transparent!important;
  color:var(--bee-text)!important;
}
.admin-main,.listener-main,.producer-main,main,section,article{color:var(--bee-text)!important;}
.site-header,.navbar,header,.admin-sidebar,.role-menu,.listener-menu,.player-bar,.mobile-player,.sticky-player,
.admin-topbar,.admin-mobilebar,.top,.footer,footer{
  background:linear-gradient(180deg,#06070a,#030405)!important;
  color:var(--bee-text)!important;
  border-color:var(--bee-border)!important;
}
.admin-sidebar,.role-menu,.listener-menu{box-shadow:inset -1px 0 0 rgba(255,183,43,.16)!important;}
.card,.admin-card,.dashboard-card,.dashboard-head,.mcr-card,.mcr-panel,.mcr-record-card,.submission-card,
.profile-card,.settings-card,.form-card,.notification-card,.stripe-callback-card,.empty-state,.producer-metric,
.producer-countdown,.listener-badge,.interaction-item,.citrus-widget,.studio-live-card,.admin-box,
.mcr-meta-item,.action-card,.producer-now-card,.notification-permission-card,.geo-row,.timeline-item{
  background:linear-gradient(180deg,var(--bee-panel-2),var(--bee-panel))!important;
  color:var(--bee-text)!important;
  border:1px solid var(--bee-border)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.25)!important;
}
h1,h2,h3,h4,h5,h6,strong,label,.card h1,.card h2,.card h3,.admin-card h1,.admin-card h2,.admin-card h3{
  color:var(--bee-text)!important;
}
p,li,small,span,em,td,.muted,.meta,.small-note,.help,.description,.admin-card p,.card p{
  color:var(--bee-muted)!important;
}
a{color:var(--bee-honey-soft)!important;}
a:hover,a:focus,.admin-sidebar a:hover,.admin-sidebar a.active,.listener-menu a:hover,.listener-menu a.active,.role-menu a:hover,.role-menu a.active{
  color:#fff!important;
  background-color:rgba(255,183,43,.12)!important;
}
.admin-submenu summary,.admin-subnav summary,.eyebrow,.mcr-eyebrow,th,.admin-table th{color:var(--bee-honey)!important;}
.btn,.button,button,input[type=submit],input[type=button],.listen-btn,.cast-button,.admin-mobile-view,.player-popup,.player-cast{
  background:linear-gradient(180deg,var(--bee-honey-soft),var(--bee-honey))!important;
  color:#111006!important;
  border:1px solid rgba(255,211,106,.75)!important;
  border-radius:999px!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(255,183,43,.14)!important;
}
.btn:hover,.button:hover,button:hover,input[type=submit]:hover{filter:brightness(1.04);transform:translateY(-1px);}
.btn.ghost,.btn.secondary,.button.secondary,button.ghost,button.secondary,.btn-outline,.secondary,.ghost{
  background:rgba(255,183,43,.08)!important;
  color:var(--bee-honey-soft)!important;
  border:1px solid rgba(255,183,43,.42)!important;
  box-shadow:none!important;
}
input,select,textarea{
  background:#080b11!important;
  color:var(--bee-text)!important;
  border:1px solid rgba(255,183,43,.28)!important;
  border-radius:12px!important;
}
input::placeholder,textarea::placeholder{color:#818b9a!important;}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(255,183,43,.18)!important;
  border-color:var(--bee-honey)!important;
}
table,.admin-table{background:var(--bee-bg-2)!important;color:var(--bee-text)!important;border-color:var(--bee-border-soft)!important;}
th,.admin-table th{background:#08090d!important;color:var(--bee-honey)!important;border-color:rgba(255,183,43,.20)!important;}
td,.admin-table td{color:var(--bee-text-soft)!important;border-color:rgba(255,255,255,.08)!important;}
tr:hover td,.admin-table tr:hover td{background:rgba(255,183,43,.055)!important;}
.badge,.pill,.mcr-badge,.mcr-pill{background:rgba(255,183,43,.12)!important;color:var(--bee-honey-soft)!important;border:1px solid rgba(255,183,43,.28)!important;}
.badge-success,.pill.green,.mcr-badge.success,.mcr-pill.success,.success,.notice.success{background:rgba(47,209,124,.13)!important;color:#bdf8d7!important;border-color:rgba(47,209,124,.34)!important;}
.badge-danger,.pill.red,.mcr-badge.danger,.mcr-pill.danger,.error,.alert{background:rgba(239,68,68,.15)!important;color:#ffd6da!important;border-color:rgba(239,68,68,.38)!important;}
.badge-warning,.pill.gold,.mcr-badge.warning,.mcr-pill.warning{background:rgba(255,183,43,.14)!important;color:#ffe2a0!important;border-color:rgba(255,183,43,.36)!important;}
.badge-info,.pill.blue,.mcr-badge.info,.mcr-pill.info{background:rgba(105,183,255,.14)!important;color:#cfeaff!important;border-color:rgba(105,183,255,.34)!important;}
.notice:not(.success){background:rgba(255,183,43,.10)!important;color:#ffe2a0!important;border-color:rgba(255,183,43,.34)!important;}
hr{border-color:rgba(255,183,43,.16)!important;}
img{max-width:100%;height:auto;}
/* Slot allocation grids */
.slot-hour-grid{gap:12px!important;}
.slot-hour,.availability-slot,.hour-slot,.slot-card{
  background:linear-gradient(180deg,#151b24,#101620)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:var(--bee-text)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.16)!important;
}
.slot-hour strong,.availability-slot strong,.hour-slot strong,.slot-card strong{color:var(--bee-text)!important;font-weight:900!important;}
.slot-hour small,.availability-slot small,.hour-slot small,.slot-card small{color:var(--bee-muted)!important;font-weight:700!important;}
.slot-hour.available,.availability-slot.available,.hour-slot.available,.slot-card.available{
  background:linear-gradient(180deg,#173326,#102419)!important;
  border-color:rgba(47,209,124,.55)!important;
}
.slot-hour.available strong,.availability-slot.available strong,.hour-slot.available strong,.slot-card.available strong{color:#eafff2!important;}
.slot-hour.available small,.availability-slot.available small,.hour-slot.available small,.slot-card.available small{color:#9ef0c0!important;}
.slot-hour.taken,.slot-hour.pending,.slot-hour.pending_admin,.slot-hour.contract_sent,.slot-hour.contract_signed,
.availability-slot.taken,.availability-slot.pending,.hour-slot.taken,.hour-slot.pending,.slot-card.taken,.slot-card.pending{
  background:linear-gradient(180deg,#33270f,#211b0d)!important;
  border-color:rgba(255,183,43,.50)!important;
}
.slot-hour.approved,.availability-slot.approved,.hour-slot.approved,.slot-card.approved{
  background:linear-gradient(180deg,#102e21,#0c2118)!important;
  border-color:rgba(47,209,124,.55)!important;
}
.slot-hour.rejected,.slot-hour.cancelled,.availability-slot.rejected,.hour-slot.rejected,.slot-card.rejected{
  background:linear-gradient(180deg,#35171a,#241013)!important;
  border-color:rgba(239,68,68,.45)!important;
}
.bulk-slot-grid label,.bulk-day-grid label,.checkbox-card,.radio-card{
  background:linear-gradient(180deg,#161b24,#10151e)!important;
  color:var(--bee-text-soft)!important;
  border:1px solid rgba(255,183,43,.20)!important;
  border-radius:12px!important;
}
.bulk-slot-grid label:hover,.bulk-day-grid label:hover,.checkbox-card:hover,.radio-card:hover{border-color:rgba(255,183,43,.45)!important;background:rgba(255,183,43,.09)!important;}
input[type=checkbox],input[type=radio]{accent-color:var(--bee-honey)!important;}
.dashboard-kpi,.admin-kpi-strip>div,.mini-stat,.mcr-stat-card,.stat-card,.summary-card{
  background:linear-gradient(180deg,#151b24,#10151d)!important;
  color:var(--bee-text)!important;
  border:1px solid var(--bee-border)!important;
}
.dashboard-kpi strong,.admin-kpi-strip strong,.mini-stat b,.mcr-stat-card strong,.stat-card strong,.summary-card strong{color:var(--bee-honey-soft)!important;}
.dashboard-kpi span,.dashboard-kpi em,.admin-kpi-strip span,.mini-stat span,.mcr-stat-card span,.stat-card span,.summary-card span{color:var(--bee-muted)!important;}
.admin-theme-toggle,[data-theme-toggle]{display:none!important;}
@media(max-width:720px){.slot-hour,.availability-slot,.hour-slot,.slot-card{padding:12px!important}.admin-main,.listener-main,.producer-main{padding-left:14px!important;padding-right:14px!important}}


/* v3.7.4 Producer streaming credentials */
.stream-credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}.stream-credentials-grid label{display:flex;flex-direction:column;gap:6px;font-weight:800}.stream-credentials-grid input,.password-copy-row input{background:#080a10;border:1px solid rgba(255,179,0,.32);color:#fff;border-radius:12px;padding:11px}.password-copy-row,.password-row{display:flex;gap:8px;align-items:center}.password-copy-row input,.password-row input{flex:1;min-width:0}.producer-stream-credentials-card{border-color:rgba(255,179,0,.42);box-shadow:0 0 0 1px rgba(255,179,0,.08),0 20px 45px rgba(0,0,0,.22)}@media(max-width:720px){.password-copy-row,.password-row{flex-direction:column;align-items:stretch}.password-copy-row .btn,.password-row .btn{width:100%}}


/* v3.7.7 Secure password generator component */
.mcr-password-tool{display:flex;flex-direction:column;gap:8px}
.mcr-password-row{display:flex;gap:8px;align-items:center}
.mcr-password-row input{flex:1;min-width:0}
.mcr-password-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mcr-password-actions .btn{padding:8px 11px;border-radius:999px;font-size:.86rem}
.mcr-password-meter{height:8px;background:#0a0f16;border:1px solid rgba(255,183,43,.22);border-radius:999px;overflow:hidden}
.mcr-password-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ef4444,#ffb72b,#2fd17c);transition:width .2s ease}
.mcr-password-strength{font-size:.82rem;color:var(--bee-muted);font-weight:800}
.mcr-password-generated-note{font-size:.8rem;color:var(--bee-honey-soft)}
@media(max-width:720px){.mcr-password-row,.mcr-password-actions{flex-direction:column;align-items:stretch}.mcr-password-actions .btn{width:100%}}


/* v3.8.1 Slot allocation and contract workflow polish */
.slot-wizard-form .availability-grid.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.65rem;margin:.5rem 0 1rem}
.slot-cell{display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,179,0,.28);background:rgba(255,179,0,.08);border-radius:12px;padding:.75rem;color:#fff;cursor:pointer}
.slot-cell:hover{background:rgba(255,179,0,.15);border-color:rgba(255,179,0,.55)}
.slot-approval-cards{display:grid;gap:1rem}
.slot-approval-card{border:1px solid rgba(255,179,0,.22);background:linear-gradient(145deg,rgba(18,19,26,.98),rgba(7,8,12,.98));border-radius:18px;padding:1rem;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.slot-approval-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.slot-approval-head h3{margin:.1rem 0;color:#fff}.slot-approval-head p{margin:.25rem 0;color:rgba(255,255,255,.72)}
.approval-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.7rem;margin:1rem 0}
.approval-step{border-radius:14px;padding:.8rem;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04)}
.approval-step strong{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;margin-right:.35rem;background:rgba(255,179,0,.16);color:#ffca4a}.approval-step span{font-weight:800;color:#fff}.approval-step small{display:block;margin-top:.35rem;color:rgba(255,255,255,.68)}
.approval-step.done{border-color:rgba(35,197,121,.45);background:rgba(35,197,121,.10)}.approval-step.done strong{background:rgba(35,197,121,.22);color:#6ff0a8}
.approval-step.todo{border-color:rgba(255,179,0,.28);background:rgba(255,179,0,.08)}
.slot-manage-panel{border-top:1px solid rgba(255,179,0,.16);padding-top:.8rem}.slot-manage-panel summary{cursor:pointer;color:#ffca4a;font-weight:800}.slot-manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.inline-form{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;background:rgba(0,0,0,.18)}
.contract-reminder-card{border-color:rgba(255,179,0,.55)!important;background:linear-gradient(145deg,rgba(255,179,0,.13),rgba(14,15,20,.98))!important}.compact-list{margin:.6rem 0 0;padding-left:1.2rem}.compact-list li{margin:.35rem 0;color:rgba(255,255,255,.85)}
button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
@media(max-width:760px){.slot-approval-head{display:block}.approval-step-grid{grid-template-columns:1fr}.slot-manage-grid{grid-template-columns:1fr}}