@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");

:root {
  color-scheme: dark;
  --bg: #09070f;
  --surface: rgba(20, 16, 31, .82);
  --surface-2: rgba(255, 255, 255, .055);
  --surface-3: rgba(255, 255, 255, .1);
  --line: rgba(255, 255, 255, .11);
  --text: #fff;
  --muted: #aaa3b8;
  --red: #ff3d9a;
  --red-dark: #d946ef;
  --green: #51d98a;
  --amber: #ffd84d;
  --blue: #38d9ff;
  --violet: #9b5cff;
  --pink: #ff3d9a;
  --coral: #ff625d;
  --cyan: #38d9ff;
  --sidebar: 246px;
  --radius: 16px;
  font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.brand-logo { display:block; width:154px; max-width:100%; height:42px; object-fit:contain; object-position:left center; }
.startup-loader__brand { align-items:center; }
.startup-loader__logo { display:block; width:164px; height:48px; object-fit:contain; object-position:left center; }
.startup-loader__brand > small { color:#a9a1b1; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.experience-choice__full-logo { display:block; width:min(250px,70vw); max-height:76px; margin:0 auto; object-fit:contain; }
.app-footer__logo { display:block; width:132px; height:40px; object-fit:contain; object-position:left center; }

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  margin: 0; min-height: 100vh; color: var(--text);
  background:
    radial-gradient(circle at 15% -10%, rgba(155,92,255,.22), transparent 32rem),
    radial-gradient(circle at 96% 18%, rgba(255,61,154,.17), transparent 28rem),
    radial-gradient(circle at 60% 105%, rgba(56,217,255,.09), transparent 31rem),
    var(--bg);
}

.startup-loader {
  position: fixed; inset: 0; z-index: 500; display: grid; place-items: center;
  padding: clamp(28px, 7vw, 92px); overflow: hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,61,154,.12), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(155,92,255,.12), transparent 32%),
    #292a2e;
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .28s ease, visibility .28s ease;
}
.startup-loader.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
.startup-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
html.ui-starting .app-shell { opacity: 0; visibility: hidden; }
html:not(.ui-starting) .app-shell { opacity: 1; visibility: visible; transition: opacity .18s ease; }
.startup-loader__brand { position: absolute; top: clamp(28px,6vw,64px); left: clamp(28px,7vw,92px); display: flex; align-items: center; gap: 12px; }
.startup-loader__mark { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; color: #fff; background: linear-gradient(135deg,var(--violet),var(--pink)); box-shadow: 0 12px 34px rgba(155,92,255,.25); font-size: 13px; font-weight: 900; }
.startup-loader__brand strong, .startup-loader__brand small { display: block; }
.startup-loader__brand strong { font-size: 18px; }
.startup-loader__brand small { margin-top: 3px; color: #9ca0aa; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.startup-loader__panel { width: min(430px,100%); padding: 30px; border: 1px solid rgba(222,174,221,.16); border-radius: 22px; background: #1b1c21; box-shadow: 0 28px 80px rgba(0,0,0,.25), 0 0 0 1px rgba(229,92,174,.025) inset; }
.startup-loader__visual { width: 58px; height: 58px; display: flex; align-items: flex-end; justify-content: center; gap: 5px; padding: 15px; border: 1px solid rgba(204,159,221,.2); border-radius: 17px; background: linear-gradient(145deg,rgba(159,114,220,.13),rgba(230,92,174,.08)); }
.startup-loader__visual span { width: 6px; border-radius: 5px; background: linear-gradient(180deg,var(--violet),var(--pink)); box-shadow: 0 0 10px rgba(255,61,154,.2); animation: startup-bars 1s ease-in-out infinite; }
.startup-loader__visual span:nth-child(1) { height: 14px; animation-delay: -.2s; }
.startup-loader__visual span:nth-child(2) { height: 27px; animation-delay: -.4s; }
.startup-loader__visual span:nth-child(3) { height: 20px; animation-delay: -.6s; }
.startup-loader__copy { display: block; width: 100%; margin-top: 22px; }
.startup-loader__copy small { color: var(--pink); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.startup-loader__copy p { margin: 7px 0 6px; color: #fff; font-size: clamp(21px,3vw,28px); font-weight: 800; letter-spacing: -.035em; }
.startup-loader__copy > span { color: #9ca0aa; font-size: 11px; }
.startup-loader__track { width: 100%; height: 4px; margin-top: 25px; overflow: hidden; border-radius: 4px; background: #2b2e35; }
.startup-loader__track > span { display: block; width: 38%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--violet),var(--pink)); box-shadow: 0 0 12px rgba(255,61,154,.24); animation: startup-progress 1.3s ease-in-out infinite; }
.startup-loader__steps { display: flex; justify-content: space-between; gap: 12px; margin-top: 13px; color: #858a94; font-size: 9px; font-weight: 700; }
.startup-loader__steps span { display: flex; align-items: center; gap: 5px; }
.startup-loader__steps i { width: 5px; height: 5px; border-radius: 50%; background: var(--violet); animation: startup-dot 1.4s ease-in-out infinite; }
.startup-loader__steps span:nth-child(2) i { background: color-mix(in srgb,var(--violet) 45%,var(--pink)); }
.startup-loader__steps span:nth-child(3) i { background: var(--pink); }
.startup-loader__steps span:nth-child(2) i { animation-delay: .2s; }
.startup-loader__steps span:nth-child(3) i { animation-delay: .4s; }
@keyframes startup-bars { 0%,100% { transform: scaleY(.55); opacity: .45; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes startup-dot { 0%,100% { opacity: .25; } 50% { opacity: 1; } }
@keyframes startup-progress { 0% { transform: translateX(-110%); } 100% { transform: translateX(270%); } }

button, input, select, textarea { font: inherit; }
button, label { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
svg { width: 21px; height: 21px; stroke-width: 2; }
[hidden] { display: none !important; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
.sidebar {
  position: sticky; top: 0; height: 100vh; z-index: 40;
  display: flex; flex-direction: column; padding: 22px 14px;
  background: #0f1115; border-right: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: 11px; padding: 0 8px 26px; }
.brand-mark {
  width: 46px;
  height: 46px; display: grid; place-items: center;
  background: var(--red); border-radius: 8px; font-size: 13px; font-weight: 900;
}
.brand strong, .brand span { display: block; }
.brand strong { font-size: 18px; }
.brand span { color: var(--muted); font-size: 11px; margin-top: 2px; }
.nav-list { display: grid; gap: 5px; }
.nav-item {
  position: relative; width: 100%; min-height: 44px; display: flex; align-items: center; gap: 12px;
  padding: 0 13px; border: 1px solid transparent; border-radius: 7px; background: transparent;
  color: #a7adb6; cursor: pointer; text-align: left; transition: 150ms ease;
}
.nav-item:hover { color: white; background: rgba(255,255,255,.045); }
.nav-item.active { color: white; border-color: rgba(244,63,79,.22); background: rgba(244,63,79,.12); }
.nav-item.active::before {
  content: ""; position: absolute; left: -14px; width: 3px; height: 24px; background: var(--red); border-radius: 0 3px 3px 0;
}
.nav-count { margin-left: auto; min-width: 22px; text-align: center; padding: 2px 6px; border-radius: 10px; background: rgba(255,255,255,.08); font-size: 11px; }
.sidebar-footer { margin-top: auto; padding: 12px 5px 0; }
.storage-note { display: flex; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.025); }
.storage-note strong, .storage-note span { display: block; }
.storage-note strong { font-size: 12px; }
.storage-note span { margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.35; }
.storage-note svg { color: var(--green); flex: 0 0 auto; }
.logout-button {
  width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 8px; border: 1px solid transparent; border-radius: 7px; background: transparent;
  color: var(--muted); font-weight: 700; cursor: pointer; transition: 150ms ease;
}
.logout-button:hover { color: #fff; border-color: var(--line); background: rgba(255,255,255,.04); }
.logout-button:disabled { opacity: .55; cursor: wait; }
.logout-button svg { width: 16px; }

.promoter-mode {
  display:flex; align-items:center; gap:9px; min-height:40px; margin:0 0 14px; padding:0 13px;
  border:1px solid rgba(255,255,255,.11); border-radius:12px;
  background:linear-gradient(135deg, rgba(155,92,255,.16), rgba(255,61,154,.1));
  color:#f5edff; font-size:11px; font-weight:850; letter-spacing:.02em;
}
.promoter-mode svg { width:16px; color:#e06cda; }

.feedback-layout {
  display:grid; grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr); gap:clamp(28px,5vw,72px);
  align-items:start; max-width:1040px; padding:clamp(10px,2vw,24px) 0;
}
.feedback-intro h2 { margin:9px 0 12px; max-width:520px; font-size:clamp(28px,4vw,46px); line-height:1.04; }
.feedback-intro > p:not(.eyebrow) { max-width:480px; margin:0; color:#aaa1b5; line-height:1.7; }
.feedback-prompts { display:grid; gap:11px; margin-top:26px; color:#c7bfd2; font-size:12px; }
.feedback-prompts span { display:flex; align-items:center; gap:9px; }
.feedback-prompts svg { width:16px; color:#56dfac; }
.feedback-form { display:grid; gap:16px; padding:24px 0; border-top:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); }
.feedback-form textarea { min-height:150px; line-height:1.55; }
.feedback-submit-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.feedback-submit-row small { max-width:320px; color:#7f7789; font-size:10px; line-height:1.45; }
.feedback-submit-row .primary-btn { flex:none; }
.feedback-admin { margin-top:54px; }
.feedback-list { display:grid; border-top:1px solid rgba(255,255,255,.12); }
.feedback-item { display:grid; grid-template-columns:minmax(150px,.35fr) minmax(260px,1fr) auto; gap:20px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.feedback-author strong,.feedback-author span { display:block; }
.feedback-author strong { font-size:13px; }
.feedback-author span,.feedback-item time { margin-top:4px; color:#857d8f; font-size:10px; overflow-wrap:anywhere; }
.feedback-copy { margin:0; color:#d7d0df; font-size:13px; line-height:1.6; }
.feedback-meta { text-align:right; }
.feedback-rating { display:block; color:#f6b44f; font-size:12px; white-space:nowrap; }
.feedback-category { display:block; margin-top:7px; color:#9c91a9; font-size:9px; font-weight:800; text-transform:uppercase; }

.main { min-width: 0; }
.topbar {
  min-height: 74px; position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 18px; padding: 12px 28px;
  background: rgba(11,13,16,.91); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px);
}
.topbar-title p, .topbar-title h1 { margin: 0; }
.topbar-title p { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.topbar-title h1 { font-size: 24px; margin-top: 2px; letter-spacing: 0; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.content { width: min(100%, 1560px); margin: 0 auto; padding: 26px 28px 48px; }
.view { display: none; }
.view.active { display: block; animation: view-in 180ms ease; }
@keyframes view-in { from { opacity: .2; transform: translateY(4px); } }

.icon-btn, .primary-btn, .secondary-btn, .danger-btn, .text-btn {
  border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.icon-btn { width: 40px; height: 40px; padding: 0; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
.icon-btn:hover { background: var(--surface-3); }
.primary-btn, .secondary-btn, .danger-btn {
  min-height: 40px; padding: 0 15px; border-radius: 7px; font-weight: 750; font-size: 13px;
}
.primary-btn { background: var(--red); color: white; }
.primary-btn:hover { background: var(--red-dark); }
.secondary-btn { border: 1px solid var(--line); background: var(--surface-2); color: var(--text); }
.secondary-btn:hover { background: var(--surface-3); }
.danger-btn { border: 1px solid rgba(244,63,79,.22); background: rgba(244,63,79,.1); color: #ff8792; }
.danger-btn:hover { background: rgba(244,63,79,.18); }
.small { min-height: 34px; padding: 0 11px; font-size: 11px; }
.text-btn { background: transparent; color: #bec3ca; padding: 7px 0; font-size: 13px; }
.text-btn:hover { color: white; }

.metrics-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.metric-card {
  min-height: 132px; display: flex; flex-direction: column; padding: 17px;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface);
}
.metric-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); }
.metric-top span { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.metric-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.05); }
.metric-icon.red { color: #ff6875; }
.metric-icon.green { color: #4fd894; }
.metric-icon.amber { color: #f5ba5c; }
.metric-icon.blue { color: #6ca2ff; }
.metric-icon.violet { color: #a996ff; }
.metric-value { margin-top: auto; font-size: 28px; font-weight: 850; letter-spacing: 0; }
.metric-caption { margin-top: 2px; color: var(--muted); font-size: 11px; }

.section-heading, .panel-heading {
  display: flex; align-items: end; justify-content: space-between; gap: 16px;
}
.section-heading { margin: 30px 0 14px; }
.eyebrow { margin: 0 0 4px; color: var(--muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .13em; }
.section-heading h2, .panel-heading h2 { margin: 0; font-size: 18px; }
.event-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.event-card {
  overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--surface); cursor: pointer; transition: transform 160ms ease, border-color 160ms ease;
}
.event-card:focus-visible { outline: 2px solid var(--pink); outline-offset: 3px; }
.event-card button, .event-card a { cursor: pointer; }
.event-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.16); }
.event-cover { height: 145px; position: relative; overflow: hidden; background: linear-gradient(135deg, #292d35, #16191e); }
.event-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.event-cover::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.62)); pointer-events: none; }
.event-status {
  position: absolute; top: 11px; left: 11px; z-index: 2; padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(10,12,15,.72); backdrop-filter: blur(8px);
  font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
}
.event-card-body { padding: 15px; }
.event-card h3 { margin: 0; min-height: 42px; font-size: 18px; line-height: 1.35; }
.event-date { display: flex; align-items: center; gap: 6px; margin: 7px 0 14px; color: var(--muted); font-size: 11px; }
.event-date svg { width: 14px; height: 14px; }
.event-progress-head { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }
.event-progress { height: 5px; margin: 7px 0 13px; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,.07); }
.event-progress span { display: block; height: 100%; background: var(--red); border-radius: inherit; }
.event-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.event-stat { padding: 8px; border-radius: 6px; background: rgba(255,255,255,.035); }
.event-stat strong, .event-stat span { display: block; }
.event-stat strong { font-size: 14px; }
.event-stat span { margin-top: 2px; color: var(--muted); font-size: 9px; }
.event-card-actions { display: flex; gap: 7px; margin-top: 13px; }
.event-card-actions .primary-btn { flex: 1; }
.event-menu-btn { flex: 0 0 auto; }

.dashboard-lower { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
.panel { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.generator-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 16px; align-items: start; }
.generator-form { padding: 24px; }
.generator-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 7px; background: rgba(244,63,79,.12); color: #ff6f7b; }
.generator-intro { max-width: 680px; margin: 12px 0 22px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.generator-fields { margin-bottom: 18px; }
.generator-notice { display: flex; align-items: flex-start; gap: 10px; margin: 6px 0 18px; padding: 12px; border: 1px solid rgba(230,163,61,.25); border-radius: 7px; background: rgba(230,163,61,.07); color: #e8d4b4; }
.generator-notice svg { flex: 0 0 auto; color: var(--amber); }
.generator-notice p { margin: 0; font-size: 11px; line-height: 1.55; }
.generator-submit { width: 100%; min-height: 46px; }
.generator-preview { position: sticky; top: 96px; overflow: hidden; padding: 0 0 18px; }
.generator-preview-cover { height: 190px; display: grid; place-items: center; overflow: hidden; margin-bottom: 18px; background: var(--surface-2); color: var(--muted); }
.generator-preview-cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.generator-preview > p, .generator-preview > h2, .generator-preview-meta, .generator-preview-tags { margin-left: 18px; margin-right: 18px; }
.generator-preview > h2 { margin-top: 0; margin-bottom: 14px; font-size: 24px; }
.generator-preview-meta { display: grid; gap: 9px; color: var(--muted); font-size: 11px; }
.generator-preview-meta > span { display: flex; align-items: center; gap: 8px; }
.generator-preview-meta svg { width: 17px;
  height: 17px; }
.generator-preview-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.generator-preview-tags span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); font-size: 9px; }
.client-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.client-metric { padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.client-metric span, .client-metric strong { display: block; }
.client-metric span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.client-metric strong { margin-top: 8px; font-size: 23px; }
.clients-toolbar { flex-wrap: wrap; }
.client-list { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.client-row { width: 100%; display: grid; grid-template-columns: minmax(210px, 1.2fr) minmax(170px, .8fr) minmax(160px, .8fr) minmax(180px, 1fr) auto; align-items: center; gap: 16px; padding: 14px 16px; border: 0; border-top: 1px solid rgba(255,255,255,.055); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.client-row:first-child { border-top: 0; }
.client-row:hover { background: rgba(255,255,255,.025); }
.client-identity { display: flex; align-items: center; gap: 11px; min-width: 0; }
.client-avatar { width: 46px;
  height: 46px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgba(244,63,79,.12); color: #ff7c87; font-size: 12px; font-weight: 850; }
.client-identity strong, .client-identity span, .client-cell strong, .client-cell span { display: block; }
.client-identity strong, .client-cell strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.client-identity span, .client-cell span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.client-stage { justify-self: start; padding: 5px 8px; border: 1px solid var(--line); border-radius: 12px; font-size: 9px; font-weight: 800; }
.client-stage-new { color: #aeb5c0; }
.client-stage-info { color: #75a9ff; background: rgba(66,133,244,.08); }
.client-stage-pending { color: #f0b657; background: rgba(230,163,61,.08); }
.client-stage-paid { color: #58da9c; background: rgba(47,177,113,.08); }
.client-stage-delivery { color: #ff9bd0; background: rgba(255,61,154,.1); border-color: rgba(255,61,154,.22); }
.client-stage-delivered { color: #aa98ff; background: rgba(139,114,246,.08); }
.client-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.client-tag { padding: 4px 6px; border-radius: 10px; background: rgba(255,255,255,.055); color: #bdc3cc; font-size: 10px; }
.client-open { color: var(--muted); }
.client-history { margin-top: 18px; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: #0b0e12; }
.client-history h3 { margin: 0; font-size: 14px; }
.client-history-list { display: grid; gap: 8px; margin-top: 12px; }
.client-history-item { display: grid; grid-template-columns: 9px minmax(0,1fr) auto; align-items: start; gap: 9px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.055); }
.client-history-item:first-child { border-top: 0; padding-top: 0; }
.client-history-dot { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--red); }
.client-history-item p { margin: 0; color: #d7dae0; font-size: 12px; line-height: 1.45; }
.client-history-item time { color: var(--muted); font-size: 10px; white-space: nowrap; }
.messages-toolbar { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(240px, 1fr) auto; align-items: end; gap: 12px; margin-bottom: 14px; }
.messages-toolbar-actions { display: flex; gap: 8px; }
.payment-settings { margin-bottom: 14px; }
.payment-settings .form-grid { margin-top: 16px; }
.flyer-settings { margin-bottom: 14px; }
.flyer-manager { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 16px; margin-top: 16px; }
.flyer-preview { height: 120px; display: grid; place-items: center; align-content: center; gap: 7px; overflow: hidden; border: 1px dashed var(--line); border-radius: 7px; background: #0b0e12; color: var(--muted); font-size: 12px; }
.flyer-preview img { width: 100%; height: 100%; object-fit: cover; }
.flyer-preview .pdf-preview-icon { width: 32px; height: 32px; color: #ff7884; }
.flyer-manager-copy p { max-width: 620px; margin: 0 0 14px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.flyer-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.message-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.message-card { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.message-card-complete { grid-column: 1 / -1; border-color: rgba(244,63,79,.28); background: linear-gradient(180deg, rgba(244,63,79,.055), var(--surface) 34%); }
.message-card-complete textarea { min-height: 280px; }
.message-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.message-card-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; background: rgba(244,63,79,.1); color: #ff7884; }
.message-card-head h3 { margin: 0; font-size: 14px; }
.message-card-head p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.message-card textarea { width: 100%; min-height: 155px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: #0b0e12; color: var(--text); outline: 0; resize: vertical; color-scheme: dark; font-size: 12px; line-height: 1.55; }
.message-card textarea:focus { border-color: rgba(244,63,79,.55); box-shadow: 0 0 0 3px rgba(244,63,79,.08); }
.message-card-actions { display: flex; gap: 8px; margin-top: 10px; }
.message-card-actions button { flex: 1; }
.attention-list, .activity-list { display: grid; gap: 1px; margin-top: 14px; }
.attention-item, .activity-item {
  display: flex; align-items: center; gap: 11px; padding: 12px 2px; border-top: 1px solid rgba(255,255,255,.055);
}
.attention-item:first-child, .activity-item:first-child { border-top: 0; }
.list-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; background: rgba(255,255,255,.045); }
.list-icon.amber { color: var(--amber); }
.list-icon.red { color: #ff6d79; }
.list-icon.green { color: #50d997; }
.list-copy { min-width: 0; }
.list-copy strong, .list-copy span { display: block; }
.list-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.list-copy span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.list-time { margin-left: auto; color: var(--muted); font-size: 9px; white-space: nowrap; }

.toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 17px; }
.search-box {
  min-width: 260px; flex: 1; height: 42px; display: flex; align-items: center; gap: 9px;
  padding: 0 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface);
}
.search-box svg { color: var(--muted); }
.search-box input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); }
.search-box input::placeholder { color: #707782; }
.segmented { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
.segmented button { min-height: 34px; border: 0; border-radius: 5px; padding: 0 13px; background: transparent; color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 700; }
.segmented button.active { background: var(--surface-3); color: white; }
.select-control {
  height: 42px; min-width: 145px; padding: 0 32px 0 11px;
  border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--text); outline: 0;
  color-scheme: dark;
}
select option, select optgroup {
  background: #14101c;
  color: #f8f5ff;
}
select option:checked,
select option:hover {
  background: #f33f93;
  color: #ffffff;
}











.is-loading svg { animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.ticket-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.ticket-table { width: 100%; border-collapse: collapse; }
.ticket-table th {
  padding: 11px 12px; background: rgba(255,255,255,.025); color: var(--muted); text-align: left;
  font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
}
.ticket-table td { padding: 12px; border-top: 1px solid rgba(255,255,255,.055); font-size: 11px; vertical-align: middle; }
.ticket-table tbody tr:hover { background: rgba(255,255,255,.025); }
.ticket-table tbody tr.ticket-shared { background: rgba(244,63,79,.075); }
.ticket-table tbody tr.ticket-shared:hover { background: rgba(244,63,79,.11); }
.ticket-table tbody tr.ticket-shared td:first-child { box-shadow: inset 3px 0 0 var(--primary); }
.ticket-name { display: flex; align-items: center; gap: 9px; }
.ticket-type-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; background: rgba(255,255,255,.05); color: #b6bcc5; }
.ticket-name strong, .ticket-name span, .buyer-cell strong, .buyer-cell span { display: block; }
.ticket-name strong, .buyer-cell strong { font-size: 11px; }
.ticket-name span, .buyer-cell span { margin-top: 2px; color: var(--muted); font-size: 9px; }
.status-pill {
  display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 12px;
  border: 1px solid transparent; font-size: 9px; font-weight: 800;
}
.status-pill::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.shared-marker { margin-top: 5px; display: flex; align-items: center; gap: 4px; color: #ff7c8a; font-size: 9px; font-weight: 800; }
.shared-marker svg { width: 11px; height: 11px; }
.status-subtext { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.status-available { color: #58da9c; background: rgba(47,177,113,.1); border-color: rgba(47,177,113,.2); }
.status-reserved { color: #f0b657; background: rgba(230,163,61,.1); border-color: rgba(230,163,61,.2); }
.status-sold { color: #73a8ff; background: rgba(66,133,244,.1); border-color: rgba(66,133,244,.2); }
.status-delivered { color: #aa98ff; background: rgba(139,114,246,.1); border-color: rgba(139,114,246,.2); }
.status-cancelled, .payment-refunded { color: #a4a9b1; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.08); }
.payment-pending { color: #f0b657; }
.payment-partial { color: #ff8c65; }
.payment-paid { color: #58da9c; }
.row-actions { display: flex; gap: 5px; }
.row-action { width: 31px; height: 31px; padding: 0; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: transparent; cursor: pointer; }
.row-action-labeled { width: auto; padding: 0 10px; display: flex; gap: 6px; color: var(--text); font-size: 12px; font-weight: 800; }
.row-action:hover { background: var(--surface-3); }
.row-action svg { width: 17px;
  height: 17px; }
.ticket-mobile-list { display: none; }

.empty-state { min-height: 430px; display: grid; place-items: center; align-content: center; text-align: center; padding: 30px; }
.empty-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 8px; background: var(--surface-2); color: var(--muted); }
.empty-icon svg { width: 25px; height: 25px; }
.empty-state h2 { margin: 15px 0 5px; font-size: 24px; }
.empty-state p { max-width: 440px; margin: 0 0 18px; color: var(--muted); line-height: 1.55; font-size: 12px; }
.empty-inline { padding: 28px; text-align: center; color: var(--muted); font-size: 12px; }

.trash-list { display: grid; gap: 9px; }
.trash-item {
  display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px;
  padding: 13px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface);
}
.trash-item-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.045); }
.trash-item strong, .trash-item span { display: block; }
.trash-item strong { font-size: 12px; }
.trash-item span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.trash-actions { display: flex; gap: 7px; }

.modal {
  width: min(590px, calc(100vw - 28px)); max-height: calc(100vh - 28px); overflow: auto;
  padding: 0; border: 1px solid rgba(255,255,255,.13); border-radius: 8px;
  background: #111419; color: var(--text); box-shadow: 0 28px 90px rgba(0,0,0,.58);
}
.modal-large { width: min(790px, calc(100vw - 28px)); }
.modal::backdrop { background: rgba(3,5,8,.78); backdrop-filter: blur(6px); }
.modal form, #confirmModal { padding: 20px; }
.modal-header { display: flex; align-items: start; justify-content: space-between; gap: 15px; margin-bottom: 18px; }
.modal-header h2 { margin: 0; font-size: 24px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.field { display: grid; gap: 6px; }
.field-wide { grid-column: 1 / -1; }
.field > span { color: #c0c5cc; font-size: 12px; font-weight: 750; }
.field input, .field select, .field textarea {
  width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 7px;
  background: #0b0e12; color: var(--text); outline: 0; resize: vertical; color-scheme: dark;
}
.field input:focus, .field select:focus, .field textarea:focus { border-color: rgba(244,63,79,.55); box-shadow: 0 0 0 3px rgba(244,63,79,.08); }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.image-preview { height: 130px; margin-top: 13px; display: grid; place-items: center; align-content: center; gap: 7px; overflow: hidden; border: 1px dashed rgba(255,255,255,.13); border-radius: 7px; background: #0b0e12; color: var(--muted); font-size: 11px; }
.image-preview img { width: 100%; height: 100%; object-fit: cover; }
.format-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-bottom: 15px; }
.format-tabs button { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 7px; background: #0b0e12; color: var(--muted); cursor: pointer; }
.format-tabs button.active { border-color: rgba(244,63,79,.35); background: rgba(244,63,79,.1); color: white; }
.upload-mode { display: none; }
.upload-mode.active { display: block; }
.drop-zone { min-height: 155px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px dashed rgba(255,255,255,.18); border-radius: 7px; background: #0b0e12; cursor: pointer; }
.drop-zone.dragover { border-color: var(--red); background: rgba(244,63,79,.06); }
.drop-zone svg { width: 28px; height: 28px; color: var(--red); }
.drop-zone strong { font-size: 13px; }
.drop-zone span, .helper { color: var(--muted); font-size: 12px; }
.file-queue { display: grid; gap: 6px; margin-top: 10px; }
.file-queue-item { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.025); font-size: 12px; }
.file-queue-item span { margin-left: auto; color: var(--muted); }
.upload-common { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--line); }
.ticket-upload-progress[hidden] { display: none !important; }
.ticket-upload-progress {
  position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px;
  background: rgba(4,3,8,.78); backdrop-filter: blur(9px);
}
.ticket-upload-progress__card {
  width: min(390px, 100%); padding: 28px 24px; text-align: center;
  border: 1px solid rgba(255,255,255,.15); border-radius: 22px;
  background: linear-gradient(155deg, rgba(33,24,47,.98), rgba(16,13,23,.98));
  box-shadow: 0 30px 90px rgba(0,0,0,.6);
}
.ticket-upload-progress__icon {
  width: 54px; height: 54px; margin: 0 auto 16px; display: grid; place-items: center;
  border-radius: 17px; color: #fff; background: linear-gradient(135deg, #9b5cff, #ff3d9a);
  box-shadow: 0 12px 34px rgba(255,61,154,.28);
}
.ticket-upload-progress__icon svg { width: 27px; height: 27px; animation: spin .85s linear infinite; }
.ticket-upload-progress h3 { margin: 0; font-size: 24px; }
.ticket-upload-progress p { margin: 8px 0 16px; color: #d6cfdf; font-size: 12px; }
.ticket-upload-progress small { display: block; margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.ticket-upload-progress__track { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.09); }
.ticket-upload-progress__track span {
  display: block; width: 8%; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, #9b5cff, #ff3d9a); box-shadow: 0 0 18px rgba(255,61,154,.4);
  transition: width .22s ease;
}
button:disabled { cursor: wait; opacity: .62; transform: none !important; }
.ticket-detail-head { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: #0b0e12; }
.file-tile { width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 7px; background: var(--surface-2); color: var(--red); }
.file-tile svg { width: 24px; height: 24px; }
.ticket-detail-head h3, .ticket-detail-head p { margin: 0; }
.ticket-detail-head h3 { font-size: 18px; }
.ticket-detail-head p:last-child { margin-top: 4px; color: var(--muted); font-size: 12px; }
.quick-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.quick-actions button { flex: 1 1 auto; }
.confirm-copy { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.bulk-sale-summary {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  color: #d7cfdf;
  background: linear-gradient(135deg, rgba(155,92,255,.14), rgba(255,61,154,.08));
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}

.toast-region { position: fixed; right: 18px; bottom: 18px; z-index: 100; display: grid; gap: 8px; }
.toast { min-width: 260px; max-width: 360px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 7px; background: #1b1f25; box-shadow: 0 15px 45px rgba(0,0,0,.42); font-size: 11px; animation: toast-in 180ms ease; }
.toast.success { border-color: rgba(47,177,113,.3); }
.toast.error { border-color: rgba(244,63,79,.35); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }
.drawer-backdrop { display: none; }
.mobile-only { display: none; }

/* Live Fest visual refresh: keeps the promoter workflow, aligns color system with the assistants dashboard. */
h1, h2, h3, .metric-value, .brand strong { font-family: "Space Grotesk", "Manrope", sans-serif; letter-spacing: -.035em; }
.app-shell { position: relative; isolation: isolate; }
.app-shell::before,
.app-shell::after {
  content: ""; position: fixed; z-index: -1; border-radius: 50%; filter: blur(90px); opacity: .18; pointer-events: none;
}
.app-shell::before { width: 24rem; height: 24rem; left: -14rem; top: 30%; background: var(--violet); }
.app-shell::after { width: 20rem; height: 20rem; right: -12rem; top: 55%; background: var(--pink); }
.sidebar {
  background: rgba(10, 7, 17, .78);
  border-right-color: rgba(255,255,255,.12);
  backdrop-filter: blur(22px);
}
.brand-mark {
  border-radius: 12px;
  background: linear-gradient(135deg, var(--violet), var(--pink));
  box-shadow: 0 0 25px rgba(155,92,255,.35);
}
.brand span { color: #bfb6cd; text-transform: uppercase; letter-spacing: .12em; }
.panel-switcher {
  border-color: rgba(255,255,255,.11) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.04) !important;
}
.panel-switcher a { border-radius: 999px !important; color: #bfb6cd !important; }
.panel-switcher a:first-child {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(155,92,255,.95), rgba(255,61,154,.9)) !important;
  box-shadow: 0 7px 22px rgba(155,92,255,.25);
}
.nav-item { border-radius: 12px; color: #bfb6cd; font-weight: 800; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.055); }
.nav-item.active {
  color: #fff;
  border-color: rgba(255,61,154,.3);
  background: linear-gradient(135deg, rgba(155,92,255,.22), rgba(255,61,154,.16));
}
.nav-item.active::before {
  left: -14px; height: 28px; background: linear-gradient(180deg, var(--violet), var(--pink));
  box-shadow: 0 0 22px rgba(255,61,154,.45);
}
.storage-note {
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(56,217,255,.1), rgba(155,92,255,.1));
}
.topbar {
  min-height: 78px;
  background: rgba(9, 7, 15, .84);
  border-bottom-color: rgba(255,255,255,.11);
  backdrop-filter: blur(18px);
}
.topbar-title p, .eyebrow {
  color: #d0c8dd;
  font-weight: 900;
  letter-spacing: .16em;
}
.topbar-title h1 { font-size: 25px; }
.content { padding-top: 24px; }
.primary-btn {
  border-radius: 13px;
  background: linear-gradient(135deg, var(--violet), var(--pink));
  box-shadow: 0 12px 30px rgba(155,92,255,.22);
}
.primary-btn:hover { filter: brightness(1.08); background: linear-gradient(135deg, #ad76ff, #ff4fa7); transform: translateY(-2px); }
.secondary-btn, .icon-btn, .select-control, .search-box {
  border-color: rgba(255,255,255,.11);
  border-radius: 13px;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(14px);
}
.secondary-btn:hover, .icon-btn:hover { background: rgba(255,255,255,.1); transform: translateY(-1px); }
.danger-btn {
  border-color: rgba(255,98,93,.28);
  border-radius: 13px;
  color: #ff9a96;
  background: rgba(255,98,93,.11);
}
.metrics-grid { gap: 18px; }
.metric-card, .panel, .client-metric, .ticket-table-wrap, .client-list, .trash-item, .message-card {
  border-color: rgba(255,255,255,.11);
  border-radius: 20px;
  background: rgba(255,255,255,.045);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  backdrop-filter: blur(16px);
}
.metric-card:nth-child(1) { background: linear-gradient(135deg, rgba(155,92,255,.22), rgba(255,61,154,.12)); }
.metric-card:nth-child(2) { background: linear-gradient(135deg, rgba(56,217,255,.16), rgba(155,92,255,.09)); }
.metric-card:nth-child(3) { background: linear-gradient(135deg, rgba(81,217,138,.16), rgba(56,217,255,.07)); }
.metric-card:nth-child(4) { background: linear-gradient(135deg, rgba(255,216,77,.16), rgba(255,98,93,.08)); }
.metric-card:nth-child(5) { background: linear-gradient(135deg, rgba(255,61,154,.16), rgba(155,92,255,.09)); }
.metric-icon {
  border-radius: 14px;
  background: rgba(255,255,255,.1);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.metric-icon.red { color: #ff72b7; }
.metric-icon.green { color: #51d98a; }
.metric-icon.amber { color: var(--yellow); }
.metric-icon.blue { color: var(--cyan); }
.metric-icon.violet { color: #b38cff; }
.metric-value { font-size: 34px; }
.section-heading h2, .panel-heading h2 { font-size: clamp(20px, 2vw, 30px); }
.event-grid { gap: 16px; }
.event-card {
  border-color: rgba(255,255,255,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.045);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  backdrop-filter: blur(16px);
}
.event-card:hover { transform: translateY(-4px); border-color: rgba(255,61,154,.32); filter: saturate(1.08); }
.event-cover {
  height: 158px;
  background: linear-gradient(135deg, rgba(155,92,255,.35), rgba(255,61,154,.24));
}
.event-cover::after { background: linear-gradient(transparent, rgba(9,7,15,.88)); }
.event-status {
  border-color: rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(9,7,15,.72);
}
.event-progress { height: 7px; background: rgba(255,255,255,.09); }
.event-progress span { background: linear-gradient(90deg, var(--violet), var(--pink), var(--cyan)); }
.event-stat {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
}

.ticket-table th { background: rgba(255,255,255,.045); color: #d0c8dd; }
.ticket-table td { border-top-color: rgba(255,255,255,.075); }
.ticket-table tbody tr:hover, .client-row:hover { background: rgba(255,255,255,.045); }
.ticket-type-icon, .file-tile, .trash-item-icon, .empty-icon, .generator-icon, .message-card-icon {
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(155,92,255,.18), rgba(255,61,154,.12));
  color: #ff72b7;
}
.status-pill { border-radius: 999px; }
.status-available { color: #51d98a; background: rgba(81,217,138,.12); border-color: rgba(81,217,138,.24); }
.status-reserved { color: var(--yellow); background: rgba(255,216,77,.12); border-color: rgba(255,216,77,.24); }
.status-sold { color: var(--cyan); background: rgba(56,217,255,.12); border-color: rgba(56,217,255,.24); }
.status-delivered { color: #c7a8ff; background: rgba(155,92,255,.14); border-color: rgba(155,92,255,.26); }
.payment-paid { color: #51d98a; }
.payment-pending { color: var(--yellow); }
.payment-partial { color: #ff9d70; }
.row-action {
  border-color: rgba(255,255,255,.13);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
}
.row-action:hover { background: rgba(255,255,255,.1); }
.modal {
  border-color: rgba(255,255,255,.16);
  border-radius: 24px;
  background: #14101d;
}
.modal form, #confirmModal { padding: 26px; }
.modal::backdrop { background: rgba(4,3,8,.78); backdrop-filter: blur(8px); }
.field input, .field select, .field textarea, .message-card textarea {
  border-color: rgba(255,255,255,.11);
  border-radius: 12px;
  background: rgba(255,255,255,.055);
}
.field input:focus, .field select:focus, .field textarea:focus, .message-card textarea:focus {
  border-color: rgba(255,61,154,.55);
  box-shadow: 0 0 0 3px rgba(255,61,154,.1);
}
.drop-zone, .image-preview, .flyer-preview, .client-history {
  border-color: rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.04);
}
.format-tabs button { border-radius: 13px; background: rgba(255,255,255,.04); }
.format-tabs button.active {
  border-color: rgba(255,61,154,.35);
  background: linear-gradient(135deg, rgba(155,92,255,.2), rgba(255,61,154,.14));
}
.message-card-complete { border-color: rgba(255,61,154,.28); background: linear-gradient(180deg, rgba(155,92,255,.1), rgba(255,255,255,.045) 40%); }
.generator-preview-cover { background: linear-gradient(135deg, rgba(155,92,255,.18), rgba(255,61,154,.12)); }
.toast {
  border-radius: 999px;
  background: #21192d;
  box-shadow: 0 15px 45px #000;
}

/* Mobile hardening: promotores is also used from phones while selling. */
html,
body,
.app-shell,
.main,
.content {
  max-width: 100%;
}



.topbar {
  overflow: hidden;
}



.sidebar {
  max-height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.modal {
  max-height: calc(100dvh - 16px);
}

/* Mobile dashboard: compact overview with the active events kept within reach. */

/* Inventory refinement: one clear surface, no cards nested inside cards. */
#inventoryWorkspace { --inventory-divider: rgba(255,255,255,.085); }










.ticket-table-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; }
.ticket-table { border-top: 1px solid var(--inventory-divider); }
.ticket-table th { padding: 12px 10px; background: transparent; border-bottom: 1px solid var(--inventory-divider); }
.ticket-table td { padding: 13px 10px; border-top: 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.ticket-table tbody tr { transition: background .15s ease; }
.ticket-table tbody tr:hover { background: rgba(255,255,255,.03); }
.ticket-table tbody tr.ticket-shared { background: rgba(255,61,154,.055); }
.ticket-type-icon { border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: rgba(255,255,255,.035); color: #c6b9d4; }
.row-action { background: transparent; }

/* Inventory header: event context first, controls second. */








/* Mobile inventory header: editorial hierarchy instead of a collage of controls. */

/* Mobile tickets: a single ticket-shaped surface with integrated information. */

/* Dashboard cards: stronger hierarchy and event imagery without nested cards. */
#dashboardView .metric-card {
  --metric-accent: #9b5cff; position: relative; isolation: isolate; overflow: hidden;
  border-color: color-mix(in srgb, var(--metric-accent), transparent 78%);
  background: linear-gradient(145deg, color-mix(in srgb, var(--metric-accent), transparent 84%), rgba(18,14,27,.9) 72%);
  box-shadow: 0 16px 38px rgba(0,0,0,.2); transition: transform .18s ease, border-color .18s ease;
}
#dashboardView .metric-card::before { content: ""; position: absolute; z-index: -1; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--metric-accent), transparent 72%); }
#dashboardView .metric-card::after { content: ""; position: absolute; z-index: -1; width: 100px; height: 100px; top: -52px; right: -42px; border-radius: 50%; background: var(--metric-accent); filter: blur(38px); opacity: .13; }
#dashboardView .metric-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--metric-accent), transparent 55%); }
#dashboardView .metric-blue { --metric-accent: #38d9ff; }
#dashboardView .metric-green { --metric-accent: #51d98a; }
#dashboardView .metric-amber { --metric-accent: #ffd84d; }
#dashboardView .metric-violet { --metric-accent: #b58cff; }
#dashboardView .metric-red { --metric-accent: #ff4b9e; }
#dashboardView .metric-icon { color: var(--metric-accent); border: 1px solid color-mix(in srgb, var(--metric-accent), transparent 70%); background: color-mix(in srgb, var(--metric-accent), transparent 88%); }
#dashboardView .metric-value { color: #fff; text-shadow: 0 4px 20px rgba(0,0,0,.28); }
.revenue-mini-chart { display: none; }

#dashboardEvents .event-card {
  border-color: rgba(255,255,255,.11); background: #15111b;
  box-shadow: 0 18px 44px rgba(0,0,0,.22); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#dashboardEvents .event-card:hover { transform: translateY(-5px); border-color: rgba(255,61,154,.28); box-shadow: 0 24px 58px rgba(0,0,0,.32); }
#dashboardEvents .event-cover { height: 174px; }
#dashboardEvents .event-cover img { transition: transform .35s ease, filter .35s ease; }
#dashboardEvents .event-card:hover .event-cover img { transform: scale(1.035); filter: saturate(1.08); }
#dashboardEvents .event-cover::after { inset: 20% 0 0; background: linear-gradient(transparent, rgba(13,9,17,.94)); }
#dashboardEvents .event-card-body { position: relative; padding: 16px; background: linear-gradient(180deg, rgba(255,255,255,.018), transparent); }
#dashboardEvents .event-card h3 { min-height: 0; font-size: 17px; line-height: 1.2; }
#dashboardEvents .event-date { margin: 7px 0 15px; }
#dashboardEvents .event-progress { height: 4px; margin-bottom: 14px; background: rgba(255,255,255,.07); }
#dashboardEvents .event-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  border: 0;
}
#dashboardEvents .event-stat {
  --event-stat-accent: #38d9ff;
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 10px 11px 9px;
  border: 1px solid color-mix(in srgb, var(--event-stat-accent), transparent 78%);
  border-radius: 14px;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--event-stat-accent), transparent 78%), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.12);
}
#dashboardEvents .event-stat:nth-child(1) { --event-stat-accent: #51d98a; }
#dashboardEvents .event-stat:nth-child(2) { --event-stat-accent: #ff4b9e; }
#dashboardEvents .event-stat:nth-child(3) { --event-stat-accent: #ffd84d; }
#dashboardEvents .event-stat::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, var(--event-stat-accent), transparent);
  opacity: .75;
}
#dashboardEvents .event-stat strong { overflow: hidden; font-size: 14px; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
#dashboardEvents .event-stat span { margin-top: 5px; color: #a9a1b1; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
#dashboardEvents .event-card-actions { margin-top: 12px; }
#dashboardEvents .event-card-actions .primary-btn { min-height: 43px; border-radius: 10px; }
#dashboardEvents .event-menu-btn { width: 43px; height: 43px; border-radius: 10px; background: rgba(255,255,255,.035); }

/* Ticket uploader: focused width and comfortable margins on phones. */
#ticketUploadModal { width: min(590px, calc(100vw - 40px)); }
#ticketUploadModal form { padding: 20px; }
#ticketUploadModal .file-queue { max-height: 150px; overflow-y: auto; overscroll-behavior: contain; }

/* Events page cards: cleaner promoter inventory cards. */
#eventsGrid .event-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 22px;
  border-color: rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 100% 100%, rgba(255,61,154,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(18,12,24,.92));
  box-shadow: 0 18px 50px rgba(0,0,0,.26);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#eventsGrid .event-card::before {
  content: "";
  position: absolute;
  inset: auto 18px 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,61,154,.62), rgba(56,217,255,.44), transparent);
  opacity: .75;
}
#eventsGrid .event-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,61,154,.32);
  box-shadow: 0 24px 64px rgba(0,0,0,.34);
}
#eventsGrid .event-cover { height: 168px; background: linear-gradient(135deg, #25172d, #0d1017); }
#eventsGrid .event-cover img { transition: transform .35s ease, filter .35s ease; }
#eventsGrid .event-card:hover .event-cover img { transform: scale(1.035); filter: saturate(1.08) contrast(1.02); }
#eventsGrid .event-cover::after { inset: 30% 0 0; background: linear-gradient(transparent, rgba(16,10,21,.94)); }
#eventsGrid .event-status {
  border-radius: 999px;
  border-color: rgba(255,255,255,.16);
  background: rgba(9,8,13,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
#eventsGrid .event-card-body { padding: 16px; }
#eventsGrid .event-card h3 { min-height: 0; font-size: 17px; line-height: 1.2; }
#eventsGrid .event-date { margin: 9px 0 15px; color: #a9a1b2; }
#eventsGrid .event-progress-head { color: #a79eae; font-weight: 700; }
#eventsGrid .event-progress { height: 6px; margin: 8px 0 12px; border-radius: 999px; background: rgba(255,255,255,.08); }
#eventsGrid .event-progress span { background: linear-gradient(90deg, var(--violet), var(--pink), var(--cyan)); }
#eventsGrid .event-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
#eventsGrid .event-stat {
  padding: 10px 10px 9px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
#eventsGrid .event-stat strong { font-size: 18px; line-height: 1.05; }
#eventsGrid .event-stat span { margin-top: 5px; color: #9f96a8; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
#eventsGrid .event-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px 44px;
  gap: 8px;
  margin-top: 14px;
}
#eventsGrid .event-card-actions .primary-btn {
  min-width: 0;
  min-height: 44px;
  border-radius: 13px;
  white-space: nowrap;
}
#eventsGrid .event-menu-btn {
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border-radius: 13px;
  background: rgba(255,255,255,.045);
}
#eventsGrid .event-menu-btn:last-child {
  color: #ff8a96;
  border-color: rgba(255,96,112,.22);
  background: rgba(255,96,112,.08);
}
#eventsGrid .event-menu-btn:hover { transform: translateY(-1px); background: rgba(255,255,255,.075); }
#eventsGrid .event-menu-btn:last-child:hover { background: rgba(255,96,112,.14); }
/* Keep event card actions in one row on every viewport. */
.event-card .event-card-actions,
#eventsGrid .event-card-actions,
#dashboardEvents .event-card-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 40px 40px !important;
  align-items: stretch;
  gap: 7px !important;
}
.event-card .event-card-actions .primary-btn,
#eventsGrid .event-card-actions .primary-btn,
#dashboardEvents .event-card-actions .primary-btn {
  width: 100%;
  min-width: 0 !important;
  padding-inline: 10px;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
}
.event-card .event-menu-btn,
#eventsGrid .event-menu-btn,
#dashboardEvents .event-menu-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  border-radius: 12px;
}
.event-card .event-menu-btn svg,
#eventsGrid .event-menu-btn svg,
#dashboardEvents .event-menu-btn svg {
  width: 17px;
  height: 17px;
}

/* Inventory polish: brighter event context and direct reservation action. */













.inventory-empty-card {
  max-width: 720px;
  margin: 10px auto;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px;
  text-align: left;
  background:
    linear-gradient(135deg, rgba(155,92,255,.11), rgba(255,61,154,.1) 45%, rgba(76,205,255,.07)),
    rgba(255,255,255,.025);
}
.inventory-empty-cover {
  width: 96px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  color: #d9ccff;
}
.inventory-empty-cover img { width: 100%; height: 100%; object-fit: cover; }
.inventory-empty-cover svg { width: 30px; height: 30px; }
.inventory-empty-copy h3 { margin: 3px 0 7px; font-size: 22px; }
.inventory-empty-copy p:not(.eyebrow) { max-width: 410px; margin: 0; color: var(--muted); line-height: 1.45; }
.inventory-empty-actions { display: grid; gap: 8px; min-width: 172px; }

/* Final mobile inventory override: compact event card with aligned actions. */

/* Reservations shown inside inventory as pending access rows. */
.ticket-reservation-row {
  background: linear-gradient(90deg, rgba(255,61,154,.09), rgba(155,92,255,.04) 45%, transparent);
}
.ticket-reservation-row .ticket-type-icon,
.ticket-reservation-card .ticket-type-icon {
  color: #ff9bd0;
  border-color: rgba(255,61,154,.22);
  background: rgba(255,61,154,.09);
}
.reservation-ticket-name {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.reservation-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #ff3d9a;
  box-shadow: 0 0 0 5px rgba(255,61,154,.12);
}
.status-pill.status-delivery {
  color: #ff9bd0;
  border-color: rgba(255,61,154,.26);
  background: rgba(255,61,154,.1);
}
.ticket-reservation-card {
  border-color: rgba(255,61,154,.18);
  background: linear-gradient(135deg, rgba(255,61,154,.09), rgba(155,92,255,.055) 48%, rgba(255,255,255,.02));
  box-shadow: inset 3px 0 0 rgba(255,61,154,.85);
}

/* Inventory header premium refresh: clearer hierarchy, less generic AI-card look. */























/* Inventory header v2: clean promoter console, less glow, better hierarchy. */




body[data-current-view="inventory"] #backToEventsBtn {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
}
body[data-current-view="inventory"] #backToEventsBtn:hover {
  transform: translateX(-1px) !important;
  background: rgba(255,255,255,.075) !important;
}



















/* Inventory header v4: artwork background with centered event identity. */






























/* Inventory header v4 desktop restore: keep artwork background only on mobile. */

/* Inventory toolbar v3: quieter mobile search and filters. */














/* Inventory toolbar v4: compact one-line mobile filters. */

/* Inventory toolbar v5: remove extra upper divider. */


body[data-current-view="inventory"] .ticket-list,
body[data-current-view="inventory"] .inventory-list {
  border-top: 1px solid rgba(255,255,255,.075) !important;
  padding-top: 14px !important;
}


/* Inventory header v5: remove broken bottom glow on mobile. */

/* Inventory header v6: seal mobile bottom edge. */

/* Inventory header v7: intentional bottom accent band on mobile. */

/* Inventory header v8: native artwork strip instead of colored band. */

/* Inventory header v9: continuous native background strip. */

/* Inventory header v10: thinner native artwork strip. */

/* Inventory header v11: remove strip and use smooth dark-to-light artwork gradient. */

/* Inventory header v12: kill bottom glare on mobile. */

/* Inventory header v13: hide 1px bottom rendering artifact. */


/* I Am Promote mobile responsive consolidation START */
@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    min-height: 100dvh;
    background:
      radial-gradient(circle at 10% 0%, rgba(255,61,154,.16), transparent 32%),
      radial-gradient(circle at 95% 12%, rgba(56,217,255,.10), transparent 30%),
      linear-gradient(180deg, #09060f 0%, #0b0711 48%, #071018 100%) !important;
  }

  .app-shell {
    display: block !important;
    min-height: 100dvh;
    overflow-x: hidden !important;
  }

  .app-shell::before,
  .app-shell::after {
    display: none !important;
  }

  .main {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .mobile-only {
    display: inline-flex !important;
  }

  .sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: min(82vw, 292px) !important;
    height: 100dvh !important;
    z-index: 120 !important;
    transform: translateX(-105%) !important;
    transition: transform .22s ease !important;
    padding: 22px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    background:
      radial-gradient(circle at 18% 20%, rgba(255,61,154,.13), transparent 30%),
      linear-gradient(180deg, rgba(11,7,17,.99), rgba(8,5,13,.99)) !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 22px 0 55px rgba(0,0,0,.48) !important;
    overflow-y: auto !important;
  }

  .sidebar.open {
    transform: translateX(0) !important;
  }

  .drawer-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 110 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: rgba(0,0,0,.56) !important;
    backdrop-filter: blur(5px) !important;
    transition: opacity .2s ease, visibility .2s ease !important;
  }

  .drawer-backdrop.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .brand {
    margin-bottom: 22px !important;
  }

  .promoter-mode {
    min-height: 40px !important;
    border-radius: 15px !important;
  }

  .nav-list {
    gap: 7px !important;
  }

  .nav-item {
    min-height: 46px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  .sidebar-footer {
    margin-top: 26px !important;
  }

  .topbar {
    min-height: 64px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: rgba(10,7,16,.88) !important;
    backdrop-filter: blur(18px) !important;
  }

  .topbar-title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .topbar-title p {
    font-size: 9px !important;
    letter-spacing: .13em !important;
  }

  .topbar-title h1 {
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .topbar-actions {
    flex: 0 0 auto !important;
    gap: 7px !important;
  }

  .topbar-actions .icon-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 12px !important;
  }

  .topbar-actions .primary-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 13px !important;
    font-size: 0 !important;
  }

  .topbar-actions .primary-btn i,
  .topbar-actions .primary-btn svg {
    margin: 0 !important;
  }

  .content {
    width: 100% !important;
    padding: 16px 12px 30px !important;
    overflow-x: hidden !important;
  }

  .metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .metric-card {
    min-height: 108px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  #dashboardView .metrics-grid .metric-red {
    grid-column: 1 / -1;
    min-height: 116px !important;
    padding-right: 48% !important;
  }

  #dashboardView .metrics-grid .metric-red .metric-icon {
    position: absolute;
    top: 14px;
    right: 14px;
  }

  #dashboardView .metrics-grid .metric-red .metric-value {
    font-size: 28px !important;
    white-space: nowrap;
  }

  #dashboardView .revenue-mini-chart {
    position: absolute;
    right: 14px;
    bottom: 10px;
    width: 42%;
    height: 53px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  #dashboardView .revenue-bars {
    height: 35px;
    display: flex;
    align-items: end;
    gap: 5px;
    padding: 6px 7px 0;
    border-bottom: 1px solid rgba(255, 92, 174, .28);
    background: linear-gradient(180deg, transparent, rgba(255, 61, 154, .05));
  }

  #dashboardView .revenue-bars span {
    width: 100%;
    height: var(--revenue-bar);
    min-height: 3px;
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(180deg, var(--bar-light), var(--bar-color));
    box-shadow: 0 0 12px color-mix(in srgb, var(--bar-color), transparent 72%);
  }

  #dashboardView .revenue-bars span:nth-child(1) { --bar-light: #6ee7ff; --bar-color: #168cff; }
  #dashboardView .revenue-bars span:nth-child(2) { --bar-light: #5ff0b1; --bar-color: #20b97a; }
  #dashboardView .revenue-bars span:nth-child(3) { --bar-light: #ffe36e; --bar-color: #e5a91b; }
  #dashboardView .revenue-bars span:nth-child(4) { --bar-light: #ffad72; --bar-color: #ef7048; }
  #dashboardView .revenue-bars span:nth-child(5) { --bar-light: #ff79bd; --bar-color: #e9368d; }
  #dashboardView .revenue-bars span:nth-child(6) { --bar-light: #c58aff; --bar-color: #8c4ee8; }
  #dashboardView .revenue-bars span:nth-child(7) { --bar-light: #9b8cff; --bar-color: #6459df; }

  #dashboardView .revenue-mini-chart small {
    color: rgba(235, 216, 239, .55);
    font-size: 8px;
    font-weight: 800;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .metric-card .metric-icon {
    width: 34px !important;
    height: 34px !important;
  }

  .metric-value {
    font-size: 25px !important;
  }

  .section-heading {
    margin: 22px 0 12px !important;
    gap: 10px !important;
    align-items: end !important;
  }

  .section-heading h2 {
    font-size: 21px !important;
    line-height: 1.08 !important;
  }

  .section-heading .text-btn {
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  .event-grid,
  #dashboardEvents,
  #eventsGrid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .event-card {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .event-cover,
  #dashboardEvents .event-cover,
  #eventsGrid .event-cover {
    height: clamp(150px, 42vw, 190px) !important;
    min-height: 0 !important;
  }

  .event-card-body {
    padding: 15px !important;
  }

  .event-card-body h3 {
    font-size: 17px !important;
  }

  .event-date {
    font-size: 11px !important;
  }

  .event-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .event-stat {
    min-width: 0 !important;
    padding: 9px 8px !important;
    border-radius: 13px !important;
  }

  .event-stat strong {
    font-size: 15px !important;
  }

  .event-stat span {
    font-size: 8px !important;
  }

  .event-card .event-card-actions,
  #eventsGrid .event-card-actions,
  #dashboardEvents .event-card-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px 44px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .event-card .event-card-actions .primary-btn {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    border-radius: 13px !important;
  }

  .event-menu-btn {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
  }

  .dashboard-lower {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 20px !important;
  }

  .panel {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .toolbar .search-box,
  .toolbar .select-control,
  .toolbar .segmented {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-current-view="inventory"] .content {
    padding-top: 12px !important;
  }

  

  

  

  

  body[data-current-view="inventory"] #backToEventsBtn {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 42px !important;
    height: 42px !important;
    align-self: start !important;
    justify-self: start !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.16) !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  body[data-current-view="inventory"] .ticket-list,
  body[data-current-view="inventory"] .inventory-list {
    border-top: 1px solid rgba(255,255,255,.07) !important;
    padding-top: 12px !important;
  }

  .ticket-table {
    display: none !important;
  }

  .ticket-table-wrap {
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .ticket-mobile-list {
    display: grid !important;
    gap: 12px !important;
  }

  .ticket-mobile-card {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background:
      linear-gradient(90deg, rgba(52,211,153,.12), transparent 24%),
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
      rgba(12,10,17,.82) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
  }

  .ticket-mobile-head {
    display: grid !important;
    grid-template-columns: 22px 42px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 14px !important;
  }

  .ticket-mobile-head input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
  }

  .ticket-type-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
  }

  .ticket-mobile-main {
    min-width: 0 !important;
  }

  .ticket-mobile-main strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  .ticket-mobile-main span {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
  }

  .ticket-mobile-status {
    display: grid !important;
    justify-items: end !important;
    gap: 4px !important;
  }

  .status-pill {
    max-width: 96px !important;
    white-space: nowrap !important;
    font-size: 9px !important;
  }

  .shared-marker {
    white-space: nowrap !important;
    font-size: 9px !important;
  }

  .ticket-mobile-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-top: 1px dashed rgba(255,255,255,.10) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  .ticket-mobile-field {
    min-width: 0 !important;
    padding: 10px 9px !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
  }

  .ticket-mobile-field:last-child {
    border-right: 0 !important;
  }

  .ticket-mobile-field span {
    font-size: 8px !important;
  }

  .ticket-mobile-field strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }

  .ticket-mobile-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .ticket-mobile-actions button {
    min-height: 44px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.025) !important;
  }

  .ticket-mobile-actions button:last-child {
    border-right: 0 !important;
  }

  .inventory-empty-card {
    grid-template-columns: 64px 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .inventory-empty-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  

  

  .modal {
    width: calc(100vw - 20px) !important;
    max-width: 480px !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 20px !important;
    overflow-y: auto !important;
  }

  .modal-large {
    width: calc(100vw - 20px) !important;
  }

  .modal form,
  .modal-body {
    padding: 16px !important;
  }

  .form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .modal-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .modal-actions button,
  .modal-actions .primary-btn,
  .modal-actions .secondary-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  select option {
    background: #17111f !important;
    color: #fff !important;
  }

  .startup-loader {
    padding: 18px !important;
  }

  .startup-loader__brand,
  .startup-loader__copy {
    width: min(100%, 330px) !important;
  }
}

/* Selected inventory actions: three independent cards, no outer container */
@media (max-width: 760px) {
  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar:not([hidden]):not(.is-empty) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar > strong {
    display: block !important;
    padding: 0 2px !important;
    color: #f7f3fa !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar > div {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar button.small {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 5px !important;
    border-radius: 14px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar button.small svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  body[data-current-view="inventory"] #bulkSaleBtn {
    border: 0 !important;
    background: linear-gradient(135deg,var(--violet),var(--pink)) !important;
  }

  body[data-current-view="inventory"] #bulkAvailableBtn {
    border: 1px solid rgba(255,255,255,.12) !important;
    background: #202228 !important;
  }

  body[data-current-view="inventory"] #bulkDeleteBtn {
    border: 1px solid rgba(255,98,93,.32) !important;
    color: #ff8b87 !important;
    background: rgba(255,98,93,.075) !important;
  }
}

/* Dashboard carousel cards: black surface over the lead-gray canvas */
#dashboardEvents > .event-card {
  background: #08090c !important;
  background-color: #08090c !important;
  background-image: none !important;
}

#dashboardEvents > .event-card .event-card-body {
  background: #08090c !important;
  background-color: #08090c !important;
  background-image: none !important;
}

/* The carousel track itself must not paint a surface. */
#dashboardEvents,
#dashboardEvents.event-grid {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  #dashboardEvents,
  #dashboardEvents.event-grid {
    background: transparent !important;
    background-color: transparent !important;
  }
}

/* Dashboard covers: preserve the flyer's original colors and a clean cut. */
#dashboardEvents > .event-card .event-cover {
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  background: #08090c !important;
}

#dashboardEvents > .event-card .event-cover img {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

#dashboardEvents > .event-card .event-cover::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

@media (max-width: 380px) {
  .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .metrics-grid {
    grid-template-columns: 1fr !important;
  }

  

  

  

  .ticket-mobile-head {
    grid-template-columns: 20px 38px minmax(0, 1fr) !important;
  }

  .ticket-mobile-status {
    grid-column: 3 !important;
    justify-self: start !important;
  }

  .ticket-mobile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* I Am Promote mobile responsive consolidation END */


/* I Am Promote mobile menu blur fix START */
@media (max-width: 760px) {
  .sidebar {
    z-index: 300 !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .sidebar.open {
    transform: translate3d(0, 0, 0) !important;
    filter: none !important;
  }

  .drawer-backdrop {
    z-index: 240 !important;
    background: rgba(0,0,0,.42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .drawer-backdrop.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.menu-open .main,
  body.menu-open .topbar,
  body.menu-open .content {
    filter: none !important;
  }
}
/* I Am Promote mobile menu blur fix END */


/* I Am Promote mobile menu lock fix START */
@media (max-width: 760px) {
  .drawer-backdrop,
  .drawer-backdrop.open {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.menu-open .drawer-backdrop.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: rgba(0,0,0,.36) !important;
  }

  body:not(.menu-open) .sidebar {
    transform: translateX(-105%) !important;
  }

  body.menu-open .sidebar.open {
    transform: translate3d(0, 0, 0) !important;
  }
}
/* I Am Promote mobile menu lock fix END */


/* I Am Promote sidebar clickable mobile fix START */
@media (max-width: 760px) {
  .sidebar,
  .sidebar.open {
    z-index: 500 !important;
    pointer-events: auto !important;
  }

  .drawer-backdrop,
  body.menu-open .drawer-backdrop.open {
    z-index: 300 !important;
    left: min(82vw, 292px) !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    pointer-events: auto !important;
  }

  body.menu-open .drawer-backdrop.open {
    background: rgba(0, 0, 0, .34) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 356px) {
  .drawer-backdrop,
  body.menu-open .drawer-backdrop.open {
    left: 82vw !important;
  }
}
/* I Am Promote sidebar clickable mobile fix END */

/* Mobile sidebar: smooth slide without exposing a bright compositing seam. */
@media (max-width: 760px) {
  html,
  body,
  .app-shell,
  .main {
    background-color: #09060f !important;
  }

  .sidebar,
  .sidebar.open {
    transition: transform .3s cubic-bezier(.22, 1, .36, 1) !important;
    box-shadow: none !important;
    backface-visibility: hidden;
    will-change: transform;
    border-right: 2px solid #09060f !important;
  }

  body:not(.menu-open) .sidebar {
    transform: translate3d(-102%, 0, 0) !important;
  }

  body.menu-open .sidebar.open {
    transform: translate3d(0, 0, 0) !important;
  }

  #dashboardEvents {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    margin-inline: -12px;
    padding: 2px 34px 18px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 12px;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  #dashboardEvents::-webkit-scrollbar {
    display: none;
  }

  #dashboardEvents > .event-card {
    flex: 0 0 calc(100% - 34px);
    width: calc(100% - 34px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}


/* I Am Promote share feedback */
.share-progress-overlay {
  position: fixed;
  inset: 0;
  z-index: 900;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 61, 154, .22), transparent 34%),
    rgba(4, 3, 8, .62);
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}

.share-progress-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.share-progress-card {
  width: min(340px, 100%);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(28, 18, 36, .96), rgba(10, 13, 23, .96));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46);
  color: #fff;
}

.share-progress-card .eyebrow {
  margin-bottom: 5px;
}

.share-progress-card h3 {
  margin: 0 0 4px;
  font-size: 17px;
}

.share-progress-card span:not(.share-progress-spinner) {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.share-progress-spinner {
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 999px;
  border: 3px solid rgba(255, 255, 255, .16);
  border-top-color: var(--primary);
  border-right-color: #a855f7;
  animation: spin .75s linear infinite;
}

button.is-loading {
  cursor: wait;
  opacity: .86;
}

button.is-loading .lucide-loader-circle {
  animation: spin .8s linear infinite;
}

/* Inventory redesign 2026-07-09: clean mobile operator layout */
body[data-current-view="inventory"] #inventoryWorkspace {
  --inv-line: rgba(255,255,255,.10);
  --inv-panel: rgba(14,12,20,.78);
}












body[data-current-view="inventory"] #backToEventsBtn {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
}


































body[data-current-view="inventory"] .ticket-table-wrap { border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; }
body[data-current-view="inventory"] .ticket-mobile-list { display: grid !important; gap: 10px !important; }
body[data-current-view="inventory"] .ticket-mobile-card {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.018)), rgba(12,10,17,.86) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body[data-current-view="inventory"] .ticket-mobile-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #34d399 !important;
  opacity: .95 !important;
}
body[data-current-view="inventory"] .ticket-mobile-card.status-reserved::before { background: #fbbf24 !important; }
body[data-current-view="inventory"] .ticket-mobile-card.status-sold::before { background: #60a5fa !important; }
body[data-current-view="inventory"] .ticket-mobile-card.status-delivered::before { background: #a78bfa !important; }
body[data-current-view="inventory"] .ticket-mobile-card.status-cancelled::before { background: #9ca3af !important; }
body[data-current-view="inventory"] .ticket-reservation-card::before { background: #ff3d9a !important; }

body[data-current-view="inventory"] .ticket-mobile-head {
  display: grid !important;
  grid-template-columns: 22px 42px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 14px 12px !important;
}
body[data-current-view="inventory"] .ticket-type-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.05) !important;
  color: #d8cee6 !important;
}
body[data-current-view="inventory"] .ticket-mobile-main strong {
  display: block !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
body[data-current-view="inventory"] .ticket-mobile-main span {
  display: block !important;
  margin-top: 3px !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 10px !important;
}
body[data-current-view="inventory"] .ticket-mobile-status { display: grid !important; justify-items: end !important; gap: 5px !important; }
body[data-current-view="inventory"] .status-pill { max-width: none !important; padding: 6px 9px !important; border-radius: 999px !important; font-size: 9px !important; line-height: 1 !important; }
body[data-current-view="inventory"] .shared-marker { margin: 0 !important; color: #ff8aa6 !important; font-size: 9px !important; }
body[data-current-view="inventory"] .ticket-mobile-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border-top: 1px solid rgba(255,255,255,.075) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(0,0,0,.12) !important;
}
body[data-current-view="inventory"] .ticket-mobile-field { min-width: 0 !important; padding: 11px 12px !important; border-right: 1px solid rgba(255,255,255,.075) !important; }
body[data-current-view="inventory"] .ticket-mobile-field:nth-child(n/**/+4) { display: none !important; }
body[data-current-view="inventory"] .ticket-mobile-field:nth-child(3) { border-right: 0 !important; }
body[data-current-view="inventory"] .ticket-mobile-field span {
  display: block !important;
  color: rgba(255,255,255,.44) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
body[data-current-view="inventory"] .ticket-mobile-field strong {
  display: block !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body[data-current-view="inventory"] .ticket-mobile-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; }
body[data-current-view="inventory"] .ticket-mobile-actions button {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.018) !important;
  color: rgba(255,255,255,.88) !important;
  font-weight: 900 !important;
}
body[data-current-view="inventory"] .ticket-mobile-actions button:first-child { color: #50f0a6 !important; }
body[data-current-view="inventory"] .ticket-mobile-actions button:last-child { border-right: 0 !important; }

@media (min-width: 761px) {
  body[data-current-view="inventory"] .ticket-table-wrap {
    border: 1px solid rgba(255,255,255,.095) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.02) !important;
    overflow: hidden !important;
  }
  body[data-current-view="inventory"] .ticket-mobile-list { display: none !important; }
  body[data-current-view="inventory"] .ticket-table th { background: rgba(255,255,255,.035) !important; }
}

@media (max-width: 760px) {
  
  
  
  
  
  
  
  
  
  
  body[data-current-view="inventory"] .ticket-table { display: none !important; }
}

/* Mobile bulk actions: keep selection tools in one compact row */


/* Inventory mobile pro redesign - 2026-07-09 */
@media (max-width: 760px) {
  body[data-current-view="inventory"] .main {
    background:
      radial-gradient(circle at 20% 0%, rgba(255,61,154,.18), transparent 32%),
      radial-gradient(circle at 100% 12%, rgba(67,211,255,.11), transparent 34%),
      linear-gradient(180deg, #100914 0%, #090b12 62%, #070a10 100%) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace {
    padding: 10px 14px 22px !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  
}

/* Inventory mobile bulk bar fit fix - 2026-07-09 */


/* Inventory mobile clean rebuild - 2026-07-09 */
@media (max-width: 760px) {
  body[data-current-view="inventory"] #inventoryWorkspace {
    padding: 12px 14px 24px !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  
}

/* ============================================================
   Inventory workspace — rebuilt 2026-07-09
   Single source of truth for header, stats, toolbar, bulk bar.
   ============================================================ */

body[data-current-view="inventory"] .inventory-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(155,92,255,.14), rgba(255,61,154,.05) 55%, transparent 80%), var(--surface);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* the actions wrapper dissolves so its 3 buttons can be placed independently */
body[data-current-view="inventory"] .inventory-header-actions { display: contents; }

body[data-current-view="inventory"] #backToEventsBtn { order: 1; }
body[data-current-view="inventory"] .inventory-event-cover { order: 2; }
body[data-current-view="inventory"] .inventory-event-info { order: 3; }
body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn { order: 4; }
body[data-current-view="inventory"] .inventory-header > .mini-stats { order: 5; }
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn { order: 6; }
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn { order: 7; }

body[data-current-view="inventory"] #backToEventsBtn,
body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
}

body[data-current-view="inventory"] .inventory-event-cover {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  overflow: hidden;
  background: var(--surface-2);
}
body[data-current-view="inventory"] .inventory-event-cover img { width: 100%; height: 100%; object-fit: cover; }
body[data-current-view="inventory"] .inventory-event-cover:empty { display: none; }

body[data-current-view="inventory"] .inventory-event-info {
  flex: 1 1 160px;
  min-width: 0;
}
body[data-current-view="inventory"] .inventory-event-info .eyebrow {
  margin: 0 0 3px;
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-current-view="inventory"] .inventory-event-info h2 {
  margin: 0;
  overflow: hidden;
  font-size: clamp(19px, 5vw, 26px);
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* stat strip — scrolls sideways so it never breaks past 4 items (up to 6 possible) */
body[data-current-view="inventory"] .inventory-header > .mini-stats {
  display: flex;
  flex: 1 0 100%;
  gap: 8px;
  margin: 2px 0 0;
  overflow-x: auto;
  scrollbar-width: none;
}
body[data-current-view="inventory"] .inventory-header > .mini-stats::-webkit-scrollbar { display: none; }
body[data-current-view="inventory"] .inventory-header > .mini-stats span {
  position: relative;
  flex: 1 0 auto;
  min-width: 78px;
  padding: 9px 10px 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
}
body[data-current-view="inventory"] .inventory-header > .mini-stats span::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--muted);
}
body[data-current-view="inventory"] .inventory-header > .mini-stats span strong {
  display: block;
  margin: 2px 0 3px 14px;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  letter-spacing: -.02em;
}
body[data-current-view="inventory"] .inventory-header > .mini-stats span { padding-left: 12px; }

/* semantic color per stat category, matched by nth position: total, disponibles, [reservadas], [por entregar], vendidas, ingresos */
body[data-current-view="inventory"] .inventory-header > .mini-stats span:nth-child(2)::before { background: var(--cyan); }
body[data-current-view="inventory"] .inventory-header > .mini-stats span:nth-last-child(2)::before { background: var(--pink); }
body[data-current-view="inventory"] .inventory-header > .mini-stats span:last-child::before { background: var(--green); }

body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
  flex: 1 1 0;
  min-height: 44px;
  border-radius: 13px;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn {
  flex-grow: 1.3;
  background: linear-gradient(135deg, #a855f7, #ff3d9a);
  box-shadow: 0 10px 24px rgba(255,61,154,.24);
}
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
}

@media (min-width: 641px) {
  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    flex: 0 0 auto;
    min-width: 150px;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats { flex: 0 1 auto; overflow-x: visible; }
  body[data-current-view="inventory"] .inventory-header > .mini-stats span { flex: 0 0 auto; min-width: 96px; }
}

body[data-current-view="inventory"] .inventory-toolbar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 12px;
}
body[data-current-view="inventory"] .inventory-toolbar .search-box { grid-column: 1 / -1; }
body[data-current-view="inventory"] .inventory-toolbar .select-control {
  padding: 0 22px 0 10px;
  font-size: 11px;
}
body[data-current-view="inventory"] .inventory-toolbar .search-box,
body[data-current-view="inventory"] .inventory-toolbar .select-control {
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
}
@media (min-width: 641px) {
  body[data-current-view="inventory"] .inventory-toolbar { grid-template-columns: minmax(0,1.3fr) repeat(3, minmax(0,.62fr)); }
  body[data-current-view="inventory"] .inventory-toolbar .search-box { grid-column: auto; }
}

body[data-current-view="inventory"] .bulk-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid rgba(255,61,154,.22);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255,61,154,.12), rgba(155,92,255,.08));
}
body[data-current-view="inventory"] .bulk-bar > div { display: flex; flex-wrap: wrap; gap: 8px; }
/* ============================================================
   Inventory mobile SaaS redesign - 2026-07-09 final
   Premium mobile layer for the existing inventory workflow.
   ============================================================ */
body[data-current-view="inventory"] {
  --inv-ink: #f8f7ff;
  --inv-muted: rgba(248,247,255,.62);
  --inv-line: rgba(255,255,255,.12);
  --inv-pink: #f02fb4;
  --inv-purple: #8b5cf6;
  --inv-blue: #38bdf8;
  --inv-green: #34d399;
  --inv-amber: #fbbf24;
  --inv-red: #fb7185;
}
body[data-current-view="inventory"] #inventoryWorkspace { max-width: 430px; margin-inline: auto; }
body[data-current-view="inventory"] .inventory-header {
  position: relative !important; display: grid !important; grid-template-columns: 88px minmax(0,1fr) 42px !important; align-items: start !important; gap: 14px !important;
  margin: 0 0 16px !important; padding: 14px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.105) !important; border-radius: 24px !important;
  background: radial-gradient(circle at 14% 0%, rgba(139,92,246,.34), transparent 36%), radial-gradient(circle at 100% 28%, rgba(240,47,180,.20), transparent 42%), linear-gradient(145deg, rgba(19,16,32,.94), rgba(9,10,18,.96)) !important;
  box-shadow: 0 24px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body[data-current-view="inventory"] .inventory-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,.09), transparent 34%, rgba(255,255,255,.03)); opacity: .75; }
body[data-current-view="inventory"] .inventory-header > * { position: relative; z-index: 1; }
body[data-current-view="inventory"] .inventory-header-actions { display: contents !important; }
body[data-current-view="inventory"] #backToEventsBtn { position: absolute !important; top: 14px !important; left: 14px !important; z-index: 3 !important; width: 38px !important; height: 38px !important; border-radius: 14px !important; background: rgba(10,10,18,.54) !important; backdrop-filter: blur(16px) !important; }
body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn { grid-column: 3 !important; grid-row: 1 !important; align-self: start !important; justify-self: end !important; width: 38px !important; height: 38px !important; min-width: 0 !important; padding: 0 !important; border-radius: 14px !important; background: rgba(255,255,255,.075) !important; color: #fff !important; font-size: 0 !important; }
body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn svg { width: 21px; height: 21px; }
body[data-current-view="inventory"] .inventory-event-cover { grid-column: 1 !important; grid-row: 1 !important; width: 88px !important; height: 104px !important; margin: 0 !important; border-radius: 18px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.12) !important; background: rgba(255,255,255,.08) !important; box-shadow: 0 14px 30px rgba(0,0,0,.30) !important; }
body[data-current-view="inventory"] .inventory-event-cover img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body[data-current-view="inventory"] .inventory-event-info { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; padding-top: 4px !important; }
body[data-current-view="inventory"] .inventory-event-info .eyebrow { display: grid !important; gap: 5px !important; margin: 0 0 8px !important; color: var(--inv-muted) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .08em !important; line-height: 1.35 !important; text-transform: uppercase !important; white-space: normal !important; }
body[data-current-view="inventory"] .inventory-event-info .eyebrow::after { content: "Evento activo"; justify-self: start; padding: 5px 9px; border-radius: 999px; background: rgba(52,211,153,.12); color: #53f3ab; font-size: 12px; letter-spacing: 0; text-transform: none; }
body[data-current-view="inventory"] .inventory-event-info h2 { margin: 0 !important; color: var(--inv-ink) !important; font-size: 26px !important; font-weight: 950 !important; letter-spacing: -.04em !important; line-height: .98 !important; white-space: normal !important; }
body[data-current-view="inventory"] .inventory-header > .mini-stats { grid-column: 1 / -1 !important; display: grid !important; gap: 10px !important; margin: 0 !important; padding: 14px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 18px !important; background: rgba(255,255,255,.055) !important; backdrop-filter: blur(18px) !important; }
body[data-current-view="inventory"] .sales-panel-head { display: flex; align-items: end; justify-content: space-between; }
body[data-current-view="inventory"] .sales-panel-head span { color: var(--inv-muted); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
body[data-current-view="inventory"] .sales-panel-head strong { color: #fff; font-size: 29px; line-height: .9; letter-spacing: -.05em; }
body[data-current-view="inventory"] .sales-progress { height: 8px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.09); }
body[data-current-view="inventory"] .sales-progress span { display: block; width: var(--inventory-progress, 0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--inv-pink), var(--inv-purple)); box-shadow: 0 0 22px rgba(240,47,180,.45); transition: width .45s ease; }
body[data-current-view="inventory"] .sales-progress-copy { margin: -3px 0 0; color: var(--inv-muted); font-size: 11px; text-align: right; }
body[data-current-view="inventory"] .sales-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
body[data-current-view="inventory"] .sales-metrics span { min-width: 0 !important; margin: 0 !important; padding: 10px 8px !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 14px !important; background: rgba(11,10,20,.56) !important; color: var(--inv-muted) !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .07em !important; text-align: center !important; text-transform: uppercase !important; }
body[data-current-view="inventory"] .sales-metrics span::before, body[data-current-view="inventory"] .sales-metrics span::after { display: none !important; }
body[data-current-view="inventory"] .sales-metrics strong { display: block !important; margin: 0 0 3px !important; color: #fff !important; font-size: 16px !important; line-height: 1 !important; }
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn, body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn { grid-row: 3 !important; min-height: 47px !important; border-radius: 15px !important; font-size: 13px !important; font-weight: 900 !important; }
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn { grid-column: 1 / span 2 !important; background: linear-gradient(135deg, #ff2dad, #7c3aed) !important; }
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn { grid-column: 3 !important; background: rgba(255,255,255,.055) !important; }
body[data-current-view="inventory"] .inventory-toolbar { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin: 0 0 12px !important; }
body[data-current-view="inventory"] .inventory-toolbar .search-box { grid-column: 1 / -1 !important; height: 46px !important; border-radius: 16px !important; background: rgba(255,255,255,.065) !important; border-color: rgba(255,255,255,.10) !important; }
body[data-current-view="inventory"] .inventory-toolbar .select-control { height: 36px !important; min-width: 0 !important; padding: 0 22px 0 11px !important; border-radius: 999px !important; background: rgba(255,255,255,.055) !important; border-color: rgba(255,255,255,.10) !important; color: rgba(255,255,255,.82) !important; font-size: 10px !important; font-weight: 850 !important; }
body[data-current-view="inventory"] .bulk-bar { display: grid !important; grid-template-columns: auto 1fr !important; gap: 10px !important; align-items: center !important; padding: 12px !important; border-radius: 18px !important; background: rgba(255,255,255,.06) !important; border-color: rgba(240,47,180,.28) !important; }
body[data-current-view="inventory"] .bulk-bar > div { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 6px !important; }
body[data-current-view="inventory"] .bulk-bar .small { min-height: 36px !important; padding: 0 8px !important; border-radius: 12px !important; font-size: 10px !important; white-space: nowrap !important; }
body[data-current-view="inventory"] .ticket-table-wrap { border: 0 !important; background: transparent !important; }
body[data-current-view="inventory"] .ticket-mobile-list { display: grid !important; gap: 12px !important; }
body[data-current-view="inventory"] .ticket-mobile-card { position: relative !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.105) !important; border-radius: 20px !important; background: linear-gradient(135deg, rgba(139,92,246,.13), rgba(240,47,180,.055) 44%, rgba(255,255,255,.035)), rgba(13,12,22,.86) !important; box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07) !important; }
body[data-current-view="inventory"] .ticket-mobile-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--inv-blue); }
body[data-current-view="inventory"] .ticket-mobile-card.status-sold::before { background: var(--inv-green); }
body[data-current-view="inventory"] .ticket-mobile-card.status-delivered::before { background: var(--inv-purple); }
body[data-current-view="inventory"] .ticket-mobile-card.status-reserved::before, body[data-current-view="inventory"] .ticket-reservation-card::before { background: var(--inv-amber); }
body[data-current-view="inventory"] .ticket-mobile-card.status-cancelled::before { background: var(--inv-red); }
body[data-current-view="inventory"] .ticket-mobile-head { display: grid !important; grid-template-columns: auto 40px minmax(0,1fr) auto !important; gap: 10px !important; align-items: center !important; padding: 14px 14px 12px !important; }
body[data-current-view="inventory"] .ticket-type-icon { width: 40px !important; height: 40px !important; border-radius: 14px !important; background: rgba(255,255,255,.08) !important; color: #fff !important; }
body[data-current-view="inventory"] .ticket-mobile-main strong { display: block !important; color: #fff !important; font-size: 14px !important; line-height: 1.05 !important; }
body[data-current-view="inventory"] .ticket-mobile-main span { display: block !important; margin-top: 4px !important; color: var(--inv-muted) !important; font-size: 10px !important; }
body[data-current-view="inventory"] .status-pill { padding: 6px 10px !important; border-radius: 999px !important; font-size: 9px !important; font-weight: 900 !important; }
body[data-current-view="inventory"] .status-pill.status-available { background: rgba(56,189,248,.16) !important; color: #67d7ff !important; }
body[data-current-view="inventory"] .status-pill.status-sold { background: rgba(52,211,153,.16) !important; color: #5ff0b0 !important; }
body[data-current-view="inventory"] .status-pill.status-reserved, body[data-current-view="inventory"] .status-pill.status-delivery { background: rgba(251,191,36,.16) !important; color: #ffd36b !important; }
body[data-current-view="inventory"] .status-pill.status-cancelled { background: rgba(251,113,133,.16) !important; color: #ff96a7 !important; }
body[data-current-view="inventory"] .ticket-mobile-grid { display: grid !important; grid-template-columns: 1.35fr .9fr .85fr !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
body[data-current-view="inventory"] .ticket-mobile-field { padding: 12px 13px !important; border-right: 1px solid rgba(255,255,255,.08) !important; }
body[data-current-view="inventory"] .ticket-mobile-field:last-child { border-right: 0 !important; }
body[data-current-view="inventory"] .ticket-mobile-field span { display: block !important; margin-bottom: 5px !important; color: rgba(255,255,255,.45) !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
body[data-current-view="inventory"] .ticket-mobile-field strong { color: #fff !important; font-size: 12px !important; line-height: 1.2 !important; }
body[data-current-view="inventory"] .ticket-mobile-field small { display: flex !important; align-items: center !important; gap: 4px !important; margin-top: 5px !important; color: #55f0a6 !important; font-size: 10px !important; }
body[data-current-view="inventory"] .ticket-mobile-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
body[data-current-view="inventory"] .ticket-mobile-actions .small { height: 44px !important; border: 0 !important; border-radius: 0 !important; background: rgba(255,255,255,.035) !important; font-size: 11px !important; font-weight: 900 !important; }
body[data-current-view="inventory"] .ticket-mobile-actions .small + .small { border-left: 1px solid rgba(255,255,255,.08) !important; }
@media (min-width: 641px) {
  body[data-current-view="inventory"] #inventoryWorkspace { max-width: none; }
  body[data-current-view="inventory"] .inventory-header { grid-template-columns: 82px minmax(0,1fr) auto auto !important; }
  body[data-current-view="inventory"] .inventory-event-cover { width: 82px !important; height: 82px !important; }
  body[data-current-view="inventory"] .inventory-header > .mini-stats { grid-column: 1 / -1 !important; }
  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn, body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn { grid-row: auto !important; grid-column: auto !important; }
  body[data-current-view="inventory"] .ticket-mobile-list { display: none !important; }
  body[data-current-view="inventory"] .ticket-table { display: table !important; }
}

/* ============================================================
   Inventory mobile exact reference pass - 2026-07-09
   Visual shell only: keeps original IDs and JS workflows.
   ============================================================ */
body[data-current-view="inventory"] {
  --ref-bg: #07040f;
  --ref-panel: rgba(19, 11, 38, .72);
  --ref-panel-strong: rgba(24, 13, 48, .86);
  --ref-border: rgba(160, 116, 255, .22);
  --ref-muted: rgba(239, 232, 255, .60);
  --ref-pink: #f000a8;
  --ref-purple: #8b22ff;
  --ref-blue: #1298ff;
  --ref-green: #1ee88a;
  --ref-amber: #ffb020;
}

@media (max-width: 640px) {
  body[data-current-view="inventory"] { background: radial-gradient(circle at 50% -10%, rgba(91,32,190,.34), transparent 34%), var(--ref-bg) !important; }
  body[data-current-view="inventory"] .main { padding-bottom: 92px !important; background: linear-gradient(180deg, #0b0617 0%, #08040f 42%, #05030a 100%) !important; }
  body[data-current-view="inventory"] .content { padding: 12px 14px 96px !important; }
  body[data-current-view="inventory"] #inventoryWorkspace { max-width: 390px !important; margin: 0 auto !important; }

  body[data-current-view="inventory"] .inventory-header {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) 34px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "add add add"
      "reserve reserve reserve" !important;
    gap: 10px 12px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(159,117,255,.22) !important;
    background: linear-gradient(160deg, rgba(28,15,58,.92), rgba(12,7,24,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 34px rgba(0,0,0,.34) !important;
  }
  body[data-current-view="inventory"] .inventory-header::before { display: none !important; }
  body[data-current-view="inventory"] #backToEventsBtn {
    position: fixed !important;
    top: 30px !important;
    left: 14px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border-color: rgba(167,139,250,.28) !important;
    background: rgba(34,18,62,.86) !important;
  }
  body[data-current-view="inventory"] .inventory-event-cover {
    grid-area: cover !important;
    width: 104px !important;
    height: 104px !important;
    border-radius: 8px !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body[data-current-view="inventory"] .inventory-event-info { grid-area: info !important; align-self: center !important; padding: 0 !important; }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    display: grid !important;
    gap: 6px !important;
    margin: 0 0 7px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: rgba(255,255,255,.70) !important;
  }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow span { display: flex !important; align-items: center !important; gap: 5px !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow svg { width: 12px !important; height: 12px !important; color: #a855f7 !important; }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow::after {
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(30,232,138,.12) !important;
    color: #1ee88a !important;
    font-size: 10px !important;
    font-weight: 900 !important;
  }
  body[data-current-view="inventory"] .inventory-event-info h2 { font-size: 25px !important; line-height: 1 !important; letter-spacing: -.045em !important; }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn {
    grid-area: edit !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.055) !important;
  }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn svg { display: none !important; }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn::before { content: "⋮"; color: #fff; font-size: 24px; line-height: 1; }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-area: sales !important;
    padding: 14px !important;
    gap: 8px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(33,18,61,.64) !important;
    backdrop-filter: blur(18px) !important;
  }
  body[data-current-view="inventory"] .sales-panel-head { align-items: center !important; }
  body[data-current-view="inventory"] .sales-panel-head span { font-size: 10px !important; letter-spacing: .12em !important; color: rgba(255,255,255,.62) !important; }
  body[data-current-view="inventory"] .sales-panel-head strong { display: grid !important; color: #fff !important; font-size: 26px !important; line-height: .85 !important; }
  body[data-current-view="inventory"] .sales-panel-head small { margin-top: 3px; color: rgba(255,255,255,.54); font-size: 9px; letter-spacing: 0; font-weight: 800; }
  body[data-current-view="inventory"] .sales-progress { height: 7px !important; margin-left: 86px !important; margin-top: -24px !important; background: rgba(113,76,171,.42) !important; }
  body[data-current-view="inventory"] .sales-progress span { background: linear-gradient(90deg, #ff0fb3, #a320ff) !important; }
  body[data-current-view="inventory"] .sales-progress-copy { margin: -2px 0 0 !important; font-size: 10px !important; color: rgba(255,255,255,.58) !important; }
  body[data-current-view="inventory"] .sales-metrics { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; margin-top: 4px !important; }
  body[data-current-view="inventory"] .sales-metrics span {
    padding: 10px 6px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    background: linear-gradient(180deg, rgba(41,19,85,.86), rgba(22,13,47,.92)) !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 8px !important;
  }
  body[data-current-view="inventory"] .sales-metrics strong { font-size: 17px !important; }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn {
    grid-area: add !important;
    width: 100% !important;
    min-height: 41px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #f500a8, #8025ff) !important;
    box-shadow: 0 11px 24px rgba(176,30,255,.25) !important;
    font-size: 13px !important;
  }
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    grid-area: reserve !important;
    width: 100% !important;
    min-height: 36px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(159,117,255,.26) !important;
    background: rgba(32,17,58,.42) !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar { grid-template-columns: minmax(0,1fr) 37px !important; gap: 8px !important; }
  body[data-current-view="inventory"] .inventory-toolbar .search-box { grid-column: 1 !important; height: 40px !important; border-radius: 8px !important; background: rgba(31,18,56,.74) !important; }
  body[data-current-view="inventory"] .inventory-toolbar .search-box input { font-size: 12px !important; }
  body[data-current-view="inventory"] .inventory-toolbar::after { content: ""; display: block; width: 37px; height: 40px; border-radius: 8px; border: 1px solid rgba(159,117,255,.25); background: rgba(31,18,56,.74); }
  body[data-current-view="inventory"] .inventory-toolbar::before { content: ""; position: absolute; right: 26px; margin-top: 11px; width: 16px; height: 16px; background: currentColor; color: rgba(255,255,255,.72); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") center / contain no-repeat; z-index: 2; pointer-events: none; }
  body[data-current-view="inventory"] .inventory-toolbar .select-control { grid-row: 2 !important; height: 29px !important; border-radius: 999px !important; padding: 0 18px 0 12px !important; background: rgba(30,15,62,.72) !important; font-size: 10px !important; color: rgba(255,255,255,.72) !important; }
  body[data-current-view="inventory"] .inventory-toolbar .select-control:first-of-type { color: #fff !important; border-color: rgba(203,68,255,.72) !important; box-shadow: 0 0 0 1px rgba(203,68,255,.28) inset; }

  body[data-current-view="inventory"] .inventory-list-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 17px 0 9px !important; }
  body[data-current-view="inventory"] .inventory-list-head strong { color: rgba(255,255,255,.70); font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
  body[data-current-view="inventory"] .inventory-list-head span { display: inline-flex; align-items: center; gap: 4px; color: rgba(255,255,255,.58); font-size: 12px; font-weight: 800; }
  body[data-current-view="inventory"] .ticket-mobile-card { border-radius: 10px !important; background: linear-gradient(180deg, rgba(36,19,73,.82), rgba(19,11,39,.94)) !important; border-color: rgba(151,111,255,.20) !important; }
  body[data-current-view="inventory"] .ticket-mobile-card::before { width: 3px !important; }
  body[data-current-view="inventory"] .ticket-mobile-head { grid-template-columns: auto 38px minmax(0,1fr) auto !important; padding: 13px 13px 12px !important; }
  body[data-current-view="inventory"] .ticket-mobile-head input[type="checkbox"] { width: 13px !important; height: 13px !important; accent-color: #d946ef !important; }
  body[data-current-view="inventory"] .ticket-type-icon { width: 34px !important; height: 34px !important; border-radius: 9px !important; border: 1px solid rgba(255,255,255,.16) !important; background: rgba(255,255,255,.055) !important; color: rgba(255,255,255,.82) !important; }
  body[data-current-view="inventory"] .ticket-mobile-main strong { font-size: 12px !important; letter-spacing: -.015em !important; }
  body[data-current-view="inventory"] .ticket-mobile-main span { font-size: 9px !important; color: rgba(255,255,255,.55) !important; }
  body[data-current-view="inventory"] .ticket-mobile-status { display: grid !important; gap: 5px !important; justify-items: end !important; }
  body[data-current-view="inventory"] .status-pill { padding: 6px 9px !important; border-radius: 999px !important; font-size: 9px !important; }
  body[data-current-view="inventory"] .ticket-mobile-grid { grid-template-columns: 1fr 1fr 1fr !important; }
  body[data-current-view="inventory"] .ticket-mobile-field { padding: 11px 13px !important; }
  body[data-current-view="inventory"] .ticket-mobile-field span { font-size: 8px !important; }
  body[data-current-view="inventory"] .ticket-mobile-field strong { font-size: 11px !important; }
  body[data-current-view="inventory"] .ticket-mobile-actions .small { height: 44px !important; background: rgba(41,21,77,.50) !important; color: rgba(255,255,255,.88) !important; }
  body[data-current-view="inventory"] .ticket-mobile-actions .small:first-child { color: #f5f1ff !important; }
  body[data-current-view="inventory"] .ticket-mobile-actions .small svg { color: #d946ef !important; }

  body[data-current-view="inventory"] .inventory-mobile-nav {
    position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 80;
    display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; gap: 3px;
    max-width: 390px; margin: 0 auto; padding: 9px 8px 8px; border-radius: 20px;
    border: 1px solid rgba(151,111,255,.20); background: rgba(10,6,23,.88); backdrop-filter: blur(20px);
    box-shadow: 0 18px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
  }
  body[data-current-view="inventory"] .inventory-mobile-nav button { min-width: 0; border: 0; background: transparent; color: rgba(255,255,255,.50); display: grid; place-items: center; gap: 3px; font-size: 9px; font-weight: 800; }
  body[data-current-view="inventory"] .inventory-mobile-nav svg { width: 21px; height: 21px; }
  body[data-current-view="inventory"] .inventory-mobile-nav .active { color: #d946ef; }
  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create { width: 52px; height: 52px; margin: -24px auto 0; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #f02fb4, #8b22ff); box-shadow: 0 0 0 5px rgba(15,7,29,.96), 0 12px 28px rgba(192,38,211,.45); }
  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create svg { width: 24px; height: 24px; }
}

@media (min-width: 641px) { body[data-current-view="inventory"] .inventory-mobile-nav { display: none !important; } }

/* ============================================================
   Inventory mobile reference lock - 2026-07-10
   Final override to match the provided premium mobile mockup.
   ============================================================ */
@media (max-width: 640px) {
  body[data-current-view="inventory"] {
    --ref-bg: #07040f;
    --ref-panel: rgba(19, 11, 38, .72);
    --ref-border: rgba(160, 116, 255, .22);
    --ref-muted: rgba(239, 232, 255, .60);
    --ref-pink: #f000a8;
    --ref-purple: #8b22ff;
    --ref-green: #1ee88a;
    background: radial-gradient(circle at 50% -10%, rgba(91,32,190,.34), transparent 34%), var(--ref-bg) !important;
  }

  body[data-current-view="inventory"] .main {
    padding-bottom: 92px !important;
    background: linear-gradient(180deg, #0b0617 0%, #08040f 42%, #05030a 100%) !important;
  }

  body[data-current-view="inventory"] .topbar {
    min-height: 66px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(150, 89, 255, .16) !important;
    background: rgba(9, 4, 19, .92) !important;
    backdrop-filter: blur(18px) !important;
  }

  body[data-current-view="inventory"] .topbar-title .eyebrow,
  body[data-current-view="inventory"] #viewEyebrow {
    color: rgba(235, 224, 255, .62) !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
    font-weight: 900 !important;
  }

  body[data-current-view="inventory"] .topbar-title h1,
  body[data-current-view="inventory"] #viewTitle {
    font-size: 21px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  body[data-current-view="inventory"] .content {
    padding: 12px 14px 96px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace {
    width: 100% !important;
    max-width: 374px !important;
    margin: 0 auto !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr) 36px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "add add add"
      "reserve reserve reserve" !important;
    align-items: start !important;
    gap: 11px 13px !important;
    padding: 9px !important;
    border-radius: 12px !important;
    background: radial-gradient(circle at 18% 0%, rgba(89, 38, 190, .26), transparent 38%), linear-gradient(152deg, rgba(22, 12, 45, .96), rgba(9, 5, 21, .98) 64%) !important;
    border: 1px solid rgba(141, 105, 255, .20) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
    overflow: visible !important;
  }

  body[data-current-view="inventory"] .inventory-header::before {
    display: none !important;
  }

  body[data-current-view="inventory"] #backToEventsBtn {
    position: absolute !important;
    top: -48px !important;
    left: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    border-color: rgba(167,139,250,.28) !important;
    background: rgba(34,18,62,.86) !important;
    opacity: .94 !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    grid-area: cover !important;
    width: 108px !important;
    height: 108px !important;
    border: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    grid-area: info !important;
    min-height: 108px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-event-info h2 {
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: .98 !important;
    letter-spacing: -.04em !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    display: grid !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow span {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow svg {
    width: 12px !important;
    height: 12px !important;
    color: #a855f7 !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow::after {
    content: "• Evento activo" !important;
    justify-self: start !important;
    margin-top: 2px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(30,232,138,.12) !important;
    color: #1ee88a !important;
    font-size: 10px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions {
    display: contents !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn {
    grid-area: edit !important;
    justify-self: end !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
    font-size: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn svg {
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn::before {
    content: "⋮";
    color: #fff;
    font-size: 24px;
    line-height: 1;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-area: sales !important;
    display: grid !important;
    gap: 8px !important;
    margin-top: -1px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: linear-gradient(180deg, rgba(36, 20, 70, .82), rgba(17, 9, 37, .90)) !important;
    backdrop-filter: blur(18px) !important;
  }

  body[data-current-view="inventory"] .sales-panel-head {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
  }

  body[data-current-view="inventory"] .sales-panel-head span {
    grid-column: 1 !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] .sales-panel-head strong {
    grid-column: 1 !important;
    display: grid !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: .85 !important;
    letter-spacing: -.05em !important;
  }

  body[data-current-view="inventory"] .sales-panel-head small {
    margin-top: 3px !important;
    color: rgba(255,255,255,.54) !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
    font-weight: 800 !important;
  }

  body[data-current-view="inventory"] .sales-progress {
    height: 7px !important;
    margin: -25px 0 0 86px !important;
    border-radius: 999px !important;
    background: rgba(113,76,171,.42) !important;
  }

  body[data-current-view="inventory"] .sales-progress span {
    display: block !important;
    width: var(--inventory-progress, 0%) !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #ff0fb3, #a320ff) !important;
  }

  body[data-current-view="inventory"] .sales-progress-copy {
    margin: -2px 0 0 !important;
    padding-right: 2px !important;
    text-align: right !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 10px !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 4px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 58px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 8px 5px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    background: linear-gradient(180deg, rgba(41,19,85,.86), rgba(22,13,47,.92)) !important;
    color: rgba(255,255,255,.58) !important;
    text-align: center !important;
    font-size: 8px !important;
    text-transform: capitalize !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    display: inline-flex !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    font-weight: 900 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn {
    grid-area: add !important;
    min-height: 41px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #f500a8, #8025ff) !important;
    box-shadow: 0 11px 24px rgba(176,30,255,.25) !important;
    font-size: 13px !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    grid-area: reserve !important;
    min-height: 36px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(159,117,255,.26) !important;
    background: rgba(32,17,58,.42) !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 37px !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box {
    grid-column: 1 !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: rgba(31,18,56,.74) !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box input {
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::after {
    content: "";
    display: block;
    width: 37px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(159,117,255,.25);
    background: rgba(31,18,56,.74);
  }

  body[data-current-view="inventory"] .inventory-toolbar .select-control {
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 29px !important;
    padding: 0 18px 0 12px !important;
    border-radius: 999px !important;
    background: rgba(30,15,62,.72) !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .select-control:first-of-type {
    color: #fff !important;
    border-color: rgba(203,68,255,.72) !important;
    box-shadow: 0 0 0 1px rgba(203,68,255,.28) inset !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    background: rgba(38, 14, 65, .70) !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) .small {
    min-width: 0 !important;
    height: 38px !important;
    padding-inline: 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] .inventory-list-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 17px 0 9px !important;
  }

  body[data-current-view="inventory"] .inventory-list-head strong {
    color: rgba(255,255,255,.70) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] .inventory-list-head span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-list {
    display: grid !important;
    gap: 12px !important;
  }

  body[data-current-view="inventory"] .ticket-table {
    display: none !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card {
    overflow: hidden !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg, rgba(36,19,73,.82), rgba(19,11,39,.94)) !important;
    border-color: rgba(151,111,255,.20) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.24) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card::before {
    width: 3px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head {
    grid-template-columns: auto 38px minmax(0,1fr) auto !important;
    padding: 13px 13px 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    accent-color: #d946ef !important;
  }

  body[data-current-view="inventory"] .ticket-type-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.055) !important;
    color: rgba(255,255,255,.82) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-main strong {
    font-size: 12px !important;
    letter-spacing: -.015em !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-main span {
    font-size: 9px !important;
    color: rgba(255,255,255,.55) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status {
    display: grid !important;
    gap: 5px !important;
    justify-items: end !important;
  }

  body[data-current-view="inventory"] .status-pill {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field {
    padding: 11px 13px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field span {
    font-size: 8px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field strong {
    font-size: 11px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions {
    border-top: 1px solid rgba(255,255,255,.055) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small {
    height: 44px !important;
    background: rgba(41,21,77,.50) !important;
    color: rgba(255,255,255,.88) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small svg {
    color: #d946ef !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: center !important;
    gap: 3px !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    padding: 9px 8px 8px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(151,111,255,.20) !important;
    background: rgba(10,6,23,.88) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav button {
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.50) !important;
    display: grid !important;
    place-items: center !important;
    gap: 3px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .active {
    color: #d946ef !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create {
    width: 52px !important;
    height: 52px !important;
    margin: -24px auto 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: linear-gradient(135deg, #f02fb4, #8b22ff) !important;
    box-shadow: 0 0 0 5px rgba(15,7,29,.96), 0 12px 28px rgba(192,38,211,.45) !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create svg {
    width: 24px !important;
    height: 24px !important;
  }
}

@media (min-width: 641px) {
  body[data-current-view="inventory"] .inventory-mobile-nav {
    display: none !important;
  }
}

/* Inventory mobile width polish - 2026-07-10 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace {
    max-width: none !important;
    width: min(100%, 430px) !important;
    margin-inline: auto !important;
  }

  body[data-current-view="inventory"] .inventory-header,
  body[data-current-view="inventory"] .inventory-toolbar,
  body[data-current-view="inventory"] .bulk-bar,
  body[data-current-view="inventory"] .inventory-list-head,
  body[data-current-view="inventory"] .ticket-table-wrap {
    width: 100% !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    grid-template-columns: 112px minmax(0, 1fr) 36px !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    width: 112px !important;
    height: 112px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    min-height: 112px !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    gap: 7px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    padding-inline: 3px !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    font-size: clamp(12px, 3.6vw, 16px) !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    grid-template-columns: minmax(0, 1fr) 42px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::after {
    width: 42px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .select-control {
    font-size: 9px !important;
    padding-left: 10px !important;
    padding-right: 16px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) {
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) .small {
    font-size: 9px !important;
    padding-inline: 5px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav {
    left: 8px !important;
    right: 8px !important;
    max-width: 430px !important;
  }
}

/* Inventory mockup alignment pass - 2026-07-10 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .content {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace {
    width: 100% !important;
    max-width: 430px !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    grid-template-columns: 112px minmax(0, 1fr) 36px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "add add add"
      "reserve reserve reserve" !important;
    gap: 10px 12px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    background:
      radial-gradient(circle at 72% 8%, rgba(80, 35, 177, .24), transparent 34%),
      linear-gradient(180deg, rgba(20, 11, 43, .98), rgba(10, 5, 23, .98)) !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    width: 112px !important;
    height: 112px !important;
    border-radius: 8px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    min-height: 112px !important;
    justify-content: start !important;
    padding-top: 3px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    display: flex !important;
    margin: 0 0 6px !important;
    color: rgba(255,255,255,.66) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow::after {
    content: none !important;
  }

  body[data-current-view="inventory"] .inventory-event-info h2 {
    margin: 0 0 8px !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .inventory-event-place {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .inventory-event-place svg {
    width: 12px !important;
    height: 12px !important;
    flex: none !important;
    color: #a855f7 !important;
  }

  body[data-current-view="inventory"] .inventory-active-pill {
    align-self: flex-start !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(30,232,138,.12) !important;
    color: #1ee88a !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.055) !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    padding: 13px !important;
    border-radius: 9px !important;
    background: rgba(31, 15, 63, .86) !important;
  }

  body[data-current-view="inventory"] .sales-panel-head {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }

  body[data-current-view="inventory"] .sales-progress {
    margin-left: 86px !important;
    margin-right: 8px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 56px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(38, 20, 82, .95), rgba(22, 12, 49, .96)) !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn {
    min-height: 43px !important;
    border-radius: 8px !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    min-height: 36px !important;
    border-radius: 7px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    grid-template-columns: minmax(0, 1fr) 39px !important;
    margin-top: 14px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::after {
    width: 39px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .select-control {
    height: 31px !important;
    font-size: 10px !important;
    background: rgba(31, 18, 56, .72) !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    padding: 10px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) strong {
    font-size: 16px !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) .small {
    height: 33px !important;
    font-size: 9px !important;
    padding-inline: 4px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card {
    border-radius: 10px !important;
  }
}

/* IAP mobile SaaS final spec - 2026-07-10 */
@media (max-width: 640px) {
  :root {
    --iap-bg: #0B0715;
    --iap-panel: rgba(22, 16, 34, .78);
    --iap-panel-2: rgba(31, 18, 54, .74);
    --iap-border: rgba(255,255,255,.10);
    --iap-text: #ffffff;
    --iap-muted: rgba(235,229,255,.66);
    --iap-pink: #FF2CA8;
    --iap-purple: #8B2CFF;
    --iap-green: #00E676;
    --iap-blue: #2196F3;
    --iap-amber: #FFB300;
    --iap-red: #ff4d6d;
  }

  body[data-current-view="inventory"] {
    background:
      radial-gradient(circle at 50% -8%, rgba(139,44,255,.22), transparent 34%),
      radial-gradient(circle at 0% 28%, rgba(255,44,168,.16), transparent 35%),
      linear-gradient(180deg, #090513 0%, #0B0715 45%, #080510 100%) !important;
  }

  body[data-current-view="inventory"] .app-shell { min-height: 100svh !important; background: transparent !important; }
  body[data-current-view="inventory"] .main { background: linear-gradient(180deg, rgba(16,8,31,.98), rgba(11,7,21,.98)) !important; overflow-x: hidden !important; }
  body[data-current-view="inventory"] .content { padding: 8px 8px 98px !important; }
  body[data-current-view="inventory"] #inventoryWorkspace { width: min(100%, 430px) !important; max-width: 430px !important; margin: 0 auto !important; }

  body[data-current-view="inventory"] .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    min-height: 72px !important;
    padding: 12px 13px !important;
    border-bottom: 1px solid rgba(139,44,255,.20) !important;
    background: rgba(11,7,21,.86) !important;
    backdrop-filter: blur(20px) saturate(145%) !important;
  }

  body[data-current-view="inventory"] .topbar .icon-btn,
  body[data-current-view="inventory"] .topbar-actions .icon-btn,
  body[data-current-view="inventory"] #newEventBtn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.18) !important;
  }

  body[data-current-view="inventory"] #newEventBtn {
    background: linear-gradient(135deg, var(--iap-purple), var(--iap-pink)) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 0 24px rgba(255,44,168,.30) !important;
  }

  body[data-current-view="inventory"] #newEventBtn span { display: none !important; }
  body[data-current-view="inventory"] .topbar-title { min-width: 0 !important; }
  body[data-current-view="inventory"] .topbar-title p {
    color: rgba(220,205,255,.68) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
  }
  body[data-current-view="inventory"] .topbar-title h1 {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 102px minmax(0, 1fr) 40px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "primary primary primary"
      "reserve reserve reserve" !important;
    gap: 11px !important;
    margin: 0 0 14px !important;
    padding: 11px !important;
    border: 1px solid rgba(159,117,255,.24) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
      linear-gradient(145deg, rgba(43,24,83,.82), rgba(14,8,28,.86) 50%, rgba(21,11,39,.95)),
      rgba(22,16,34,.72) !important;
    box-shadow: 0 22px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
  }

  body[data-current-view="inventory"] .inventory-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle at 20% 8%, rgba(255,44,168,.18), transparent 28%),
      radial-gradient(circle at 100% 0%, rgba(33,150,243,.12), transparent 36%) !important;
    opacity: 1 !important;
  }
  body[data-current-view="inventory"] .inventory-header > * { position: relative !important; z-index: 1 !important; }

  body[data-current-view="inventory"] .inventory-cover {
    grid-area: cover !important;
    width: 102px !important;
    height: 102px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.28) !important;
  }
  body[data-current-view="inventory"] .inventory-cover img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

  body[data-current-view="inventory"] .inventory-event-info { grid-area: info !important; align-self: center !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    order: 1 !important;
    margin: 0 0 5px !important;
    color: rgba(220,205,255,.76) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow svg { width: 12px !important; height: 12px !important; color: var(--iap-purple) !important; }
  body[data-current-view="inventory"] #inventoryTitle { order: 2 !important; margin: 0 !important; color: #fff !important; font-size: 23px !important; line-height: .98 !important; font-weight: 950 !important; letter-spacing: -.04em !important; }
  body[data-current-view="inventory"] .inventory-event-place { order: 3 !important; margin: 8px 0 0 !important; display: flex !important; align-items: center !important; gap: 5px !important; color: rgba(255,255,255,.74) !important; font-size: 12px !important; font-weight: 800 !important; }
  body[data-current-view="inventory"] .inventory-event-place svg { width: 13px !important; height: 13px !important; color: rgba(200,150,255,.86) !important; }
  body[data-current-view="inventory"] .inventory-active-pill { order: 4 !important; width: fit-content !important; margin-top: 8px !important; padding: 5px 9px !important; border-radius: 999px !important; color: var(--iap-green) !important; background: rgba(0,230,118,.12) !important; border: 1px solid rgba(0,230,118,.18) !important; font-size: 10px !important; font-weight: 900 !important; }

  body[data-current-view="inventory"] .inventory-header-actions { display: contents !important; }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn { grid-area: edit !important; justify-self: end !important; align-self: start !important; width: 40px !important; height: 40px !important; min-width: 0 !important; padding: 0 !important; border-radius: 13px !important; border: 1px solid rgba(255,255,255,.12) !important; background: rgba(255,255,255,.065) !important; color: #fff !important; font-size: 0 !important; }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn svg { display: none !important; }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn::before { content: "⋮" !important; font-size: 22px !important; line-height: 1 !important; }

  body[data-current-view="inventory"] .inventory-header > .mini-stats { grid-area: sales !important; display: grid !important; gap: 10px !important; margin: 0 !important; padding: 13px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 15px !important; background: rgba(28,13,54,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; }
  body[data-current-view="inventory"] .sales-panel-head { display: grid !important; grid-template-columns: 78px minmax(0,1fr) !important; align-items: end !important; gap: 10px !important; }
  body[data-current-view="inventory"] .sales-panel-head span { color: rgba(220,205,255,.70) !important; font-size: 10px !important; font-weight: 950 !important; letter-spacing: .10em !important; text-transform: uppercase !important; }
  body[data-current-view="inventory"] .sales-panel-head span::before { content: "" !important; display: inline-block !important; width: 6px !important; height: 6px !important; margin-right: 5px !important; border-radius: 50% !important; background: var(--iap-pink) !important; box-shadow: 0 0 12px rgba(255,44,168,.70) !important; vertical-align: 1px !important; }
  body[data-current-view="inventory"] .sales-panel-head strong { color: #fff !important; font-size: 30px !important; line-height: .9 !important; letter-spacing: -.05em !important; }
  body[data-current-view="inventory"] .sales-panel-head small { display: block !important; margin-top: 4px !important; color: rgba(255,255,255,.58) !important; font-size: 10px !important; letter-spacing: 0 !important; }
  body[data-current-view="inventory"] .sales-progress { height: 7px !important; border-radius: 999px !important; overflow: hidden !important; background: rgba(139,44,255,.22) !important; }
  body[data-current-view="inventory"] .sales-progress span { display: block !important; width: var(--inventory-progress, 0%) !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, var(--iap-pink), var(--iap-purple)) !important; box-shadow: 0 0 18px rgba(255,44,168,.45) !important; transition: width .45s ease !important; }
  body[data-current-view="inventory"] .sales-progress-copy { margin: -4px 0 0 !important; color: rgba(255,255,255,.60) !important; font-size: 10px !important; font-weight: 800 !important; text-align: right !important; }
  body[data-current-view="inventory"] .sales-metrics { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 8px !important; margin: 0 !important; }
  body[data-current-view="inventory"] .sales-metrics span { position: relative !important; min-width: 0 !important; padding: 11px 6px 10px !important; border: 1px solid rgba(255,255,255,.085) !important; border-radius: 10px !important; background: rgba(17,11,35,.72) !important; color: rgba(235,229,255,.64) !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .02em !important; text-align: center !important; text-transform: capitalize !important; }
  body[data-current-view="inventory"] .sales-metrics span::before { content: "" !important; position: absolute !important; left: 10px !important; top: 9px !important; display: block !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--dot, var(--iap-purple)) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) { --dot: var(--iap-purple); }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) { --dot: var(--iap-blue); }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) { --dot: var(--iap-green); }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) { --dot: var(--iap-pink); }
  body[data-current-view="inventory"] .sales-metrics strong { display: block !important; margin-bottom: 4px !important; color: #fff !important; font-size: 16px !important; line-height: .95 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn { min-height: 47px !important; padding: 0 16px !important; border-radius: 12px !important; font-size: 13px !important; font-weight: 950 !important; letter-spacing: -.01em !important; }
  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn { grid-area: primary !important; background: linear-gradient(100deg, var(--iap-pink), var(--iap-purple)) !important; border: 0 !important; box-shadow: 0 10px 25px rgba(255,44,168,.22) !important; }
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn { grid-area: reserve !important; background: rgba(255,255,255,.035) !important; border: 1px solid rgba(170,118,255,.30) !important; color: rgba(255,255,255,.88) !important; }

  body[data-current-view="inventory"] .inventory-toolbar { position: relative !important; display: grid !important; grid-template-columns: 1fr 38px !important; gap: 8px !important; margin: 0 0 12px !important; }
  body[data-current-view="inventory"] .inventory-toolbar .search-box { grid-column: 1 !important; height: 42px !important; border-radius: 12px !important; background: rgba(255,255,255,.055) !important; border: 1px solid rgba(255,255,255,.10) !important; }
  body[data-current-view="inventory"] .inventory-toolbar .search-box input { font-size: 12px !important; font-weight: 750 !important; }
  body[data-current-view="inventory"] .inventory-toolbar::after { content: "" !important; grid-column: 2 !important; grid-row: 1 !important; display: block !important; width: 38px !important; height: 42px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.055) !important; }
  body[data-current-view="inventory"] .inventory-toolbar .select-control { grid-row: 2 !important; height: 31px !important; min-width: 0 !important; padding: 0 18px 0 11px !important; border-radius: 999px !important; background: rgba(30,18,55,.78) !important; border: 1px solid rgba(255,255,255,.10) !important; color: rgba(255,255,255,.78) !important; font-size: 10px !important; font-weight: 900 !important; }
  body[data-current-view="inventory"] .inventory-toolbar .select-control:first-of-type { border-color: rgba(255,44,168,.75) !important; color: #fff !important; box-shadow: 0 0 0 1px rgba(255,44,168,.20) inset !important; }

  body[data-current-view="inventory"] .bulk-bar { grid-template-columns: auto 1fr !important; align-items: center !important; gap: 8px !important; padding: 10px !important; margin: 0 0 13px !important; border-radius: 16px !important; background: rgba(42,17,60,.78) !important; border: 1px solid rgba(255,44,168,.32) !important; overflow: hidden !important; }
  body[data-current-view="inventory"] .bulk-bar strong { font-size: 15px !important; white-space: nowrap !important; }
  body[data-current-view="inventory"] .bulk-bar > div { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 6px !important; min-width: 0 !important; }
  body[data-current-view="inventory"] .bulk-bar button { width: 100% !important; min-width: 0 !important; min-height: 34px !important; padding: 0 7px !important; border-radius: 11px !important; font-size: 9px !important; white-space: nowrap !important; }

  body[data-current-view="inventory"] .inventory-list-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 15px 0 10px !important; color: rgba(220,205,255,.78) !important; }
  body[data-current-view="inventory"] .inventory-list-head strong { font-size: 12px !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
  body[data-current-view="inventory"] .inventory-list-head span { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 850 !important; color: rgba(255,255,255,.62) !important; }

  body[data-current-view="inventory"] .ticket-table-wrap { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  body[data-current-view="inventory"] .ticket-mobile-list { display: grid !important; gap: 12px !important; }
  body[data-current-view="inventory"] .ticket-mobile-card,
  body[data-current-view="inventory"] .ticket-reservation-card { --ticket-accent: var(--iap-blue); position: relative !important; display: grid !important; gap: 0 !important; overflow: hidden !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.10) !important; background: linear-gradient(145deg, rgba(25,15,45,.94), rgba(12,9,22,.96)) !important; box-shadow: 0 15px 35px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important; }
  body[data-current-view="inventory"] .ticket-mobile-card::before,
  body[data-current-view="inventory"] .ticket-reservation-card::before { content: "" !important; position: absolute !important; inset: 0 auto 0 0 !important; width: 3px !important; background: var(--ticket-accent) !important; }
  body[data-current-view="inventory"] .ticket-mobile-card.status-available { --ticket-accent: var(--iap-blue); }
  body[data-current-view="inventory"] .ticket-mobile-card.status-sold,
  body[data-current-view="inventory"] .ticket-mobile-card.status-delivered { --ticket-accent: var(--iap-green); }
  body[data-current-view="inventory"] .ticket-mobile-card.status-reserved,
  body[data-current-view="inventory"] .ticket-reservation-card { --ticket-accent: var(--iap-amber); }
  body[data-current-view="inventory"] .ticket-mobile-card.status-cancelled { --ticket-accent: var(--iap-red); }

  body[data-current-view="inventory"] .ticket-card-head { display: grid !important; grid-template-columns: 22px 40px minmax(0,1fr) auto !important; gap: 10px !important; align-items: center !important; padding: 14px 13px 12px !important; }
  body[data-current-view="inventory"] .ticket-card-head input[type="checkbox"] { width: 15px !important; height: 15px !important; accent-color: var(--iap-pink) !important; }
  body[data-current-view="inventory"] .ticket-card-icon { width: 36px !important; height: 36px !important; border-radius: 11px !important; display: grid !important; place-items: center !important; border: 1px solid rgba(255,255,255,.12) !important; background: rgba(255,255,255,.055) !important; color: rgba(255,255,255,.78) !important; }
  body[data-current-view="inventory"] .ticket-card-code strong { display: block !important; color: #fff !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 950 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  body[data-current-view="inventory"] .ticket-card-code span { display: block !important; margin-top: 4px !important; color: rgba(235,229,255,.54) !important; font-size: 10px !important; font-weight: 750 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  body[data-current-view="inventory"] .ticket-card-head .status-pill { justify-self: end !important; border-radius: 999px !important; padding: 6px 9px !important; font-size: 9px !important; font-weight: 950 !important; border: 1px solid rgba(255,255,255,.12) !important; background: rgba(255,255,255,.06) !important; color: var(--ticket-accent) !important; }

  body[data-current-view="inventory"] .ticket-card-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; border-top: 1px solid rgba(255,255,255,.07) !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; }
  body[data-current-view="inventory"] .ticket-card-grid > div { min-width: 0 !important; padding: 12px 11px !important; border-right: 1px solid rgba(255,255,255,.06) !important; }
  body[data-current-view="inventory"] .ticket-card-grid > div:last-child { border-right: 0 !important; }
  body[data-current-view="inventory"] .ticket-card-grid small { display: block !important; margin-bottom: 5px !important; color: rgba(220,205,255,.54) !important; font-size: 8px !important; font-weight: 950 !important; letter-spacing: .09em !important; text-transform: uppercase !important; }
  body[data-current-view="inventory"] .ticket-card-grid strong,
  body[data-current-view="inventory"] .ticket-card-grid span { display: block !important; color: #fff !important; font-size: 11px !important; line-height: 1.18 !important; font-weight: 900 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  body[data-current-view="inventory"] .ticket-card-grid .payment-paid,
  body[data-current-view="inventory"] .ticket-card-grid .owner-phone { color: var(--iap-green) !important; }
  body[data-current-view="inventory"] .ticket-card-grid .payment-pending { color: var(--iap-amber) !important; }

  body[data-current-view="inventory"] .ticket-card-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; background: rgba(255,255,255,.035) !important; }
  body[data-current-view="inventory"] .ticket-card-actions button { min-height: 44px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(255,255,255,.86) !important; font-size: 11px !important; font-weight: 950 !important; }
  body[data-current-view="inventory"] .ticket-card-actions button:first-child { border-right: 1px solid rgba(255,255,255,.07) !important; color: var(--ticket-accent) !important; }

  body[data-current-view="inventory"] .inventory-mobile-nav { position: fixed !important; left: max(10px, env(safe-area-inset-left)) !important; right: max(10px, env(safe-area-inset-right)) !important; bottom: max(8px, env(safe-area-inset-bottom)) !important; z-index: 70 !important; width: auto !important; max-width: 410px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; align-items: center !important; min-height: 56px !important; padding: 7px 10px !important; border-radius: 20px !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(12,8,24,.92) !important; backdrop-filter: blur(18px) saturate(145%) !important; box-shadow: 0 20px 45px rgba(0,0,0,.45), 0 0 0 1px rgba(139,44,255,.10) inset !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav button { border: 0 !important; background: transparent !important; color: rgba(255,255,255,.52) !important; display: grid !important; place-items: center !important; gap: 3px !important; min-width: 0 !important; font-size: 9px !important; font-weight: 850 !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav svg { width: 17px !important; height: 17px !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav .active { color: var(--iap-pink) !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create { width: 56px !important; height: 56px !important; margin: -28px auto 0 !important; border-radius: 50% !important; color: #fff !important; background: linear-gradient(135deg, var(--iap-pink), var(--iap-purple)) !important; box-shadow: 0 0 0 5px rgba(11,7,21,.96), 0 0 28px rgba(255,44,168,.42), 0 16px 30px rgba(0,0,0,.42) !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create svg { width: 25px !important; height: 25px !important; }
}

/* IAP mobile reference polish - 2026-07-10 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .bulk-bar[hidden],
  body[data-current-view="inventory"] #bulkShareBtn[hidden] {
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    margin-top: 0 !important;
    padding: 11px !important;
    gap: 10px !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    grid-template-columns: 1fr 1fr 1fr 1.22fr !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    padding-inline: 5px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:last-child strong {
    font-size: 13px !important;
    letter-spacing: -.04em !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::before {
    display: none !important;
    content: none !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::after {
    content: "" !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background-color: rgba(255,255,255,.055) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23cfc3f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 42px !important;
    border-radius: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .select-control {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 13px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips::-webkit-scrollbar { display: none !important; }

  body[data-current-view="inventory"] .inventory-status-chips button {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(30,18,55,.72) !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips button.active {
    color: #fff !important;
    border-color: rgba(255,44,168,.82) !important;
    box-shadow: 0 0 0 1px rgba(255,44,168,.22) inset, 0 0 18px rgba(255,44,168,.13) !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips span {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    margin-right: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    vertical-align: 1px !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="sold"] { color: #00E676 !important; }
  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="available"] { color: #2196F3 !important; }
  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="reserved"] { color: #FFB300 !important; }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) strong {
    font-size: 15px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) > div {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) button {
    font-size: 9px !important;
  }
}

/* IAP inventory mobile rebuild from reference - 2026-07-10 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] {
    --ref-bg: #07030f;
    --ref-card: rgba(18, 11, 34, .88);
    --ref-card-soft: rgba(26, 15, 48, .78);
    --ref-stroke: rgba(177, 111, 255, .20);
    --ref-text: #ffffff;
    --ref-muted: rgba(238, 231, 255, .66);
    --ref-pink: #ff149d;
    --ref-purple: #9b2cff;
    --ref-violet: #6f36ff;
    --ref-green: #00e676;
    --ref-blue: #1fb6ff;
    --ref-yellow: #ffb300;
    min-height: 100svh !important;
    background:
      radial-gradient(circle at 50% -16%, rgba(109, 55, 255, .30), transparent 35%),
      radial-gradient(circle at 10% 25%, rgba(255, 20, 157, .14), transparent 34%),
      radial-gradient(circle at 92% 70%, rgba(31, 182, 255, .08), transparent 38%),
      linear-gradient(180deg, #07030f 0%, #0b0617 52%, #06030b 100%) !important;
  }

  body[data-current-view="inventory"] .main {
    background: transparent !important;
  }

  body[data-current-view="inventory"] .content {
    width: 100% !important;
    padding: 0 14px 104px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
  }

  body[data-current-view="inventory"] .topbar {
    min-height: 86px !important;
    padding: 18px 14px 14px !important;
    gap: 12px !important;
    border-bottom: 1px solid rgba(177,111,255,.18) !important;
    background: rgba(7,3,15,.82) !important;
    backdrop-filter: blur(22px) saturate(150%) !important;
  }

  body[data-current-view="inventory"] .topbar .icon-btn,
  body[data-current-view="inventory"] .topbar-actions .icon-btn,
  body[data-current-view="inventory"] #newEventBtn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 35px rgba(0,0,0,.22) !important;
  }

  body[data-current-view="inventory"] .topbar .icon-btn svg,
  body[data-current-view="inventory"] .topbar-actions .icon-btn svg,
  body[data-current-view="inventory"] #newEventBtn svg {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 2.25 !important;
  }

  body[data-current-view="inventory"] #newEventBtn {
    background: linear-gradient(135deg, #ff3eb5 0%, #b72cff 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 0 28px rgba(255,20,157,.32), 0 18px 35px rgba(0,0,0,.28) !important;
  }

  body[data-current-view="inventory"] #newEventBtn span { display: none !important; }

  body[data-current-view="inventory"] .topbar-title p {
    margin: 0 0 3px !important;
    color: rgba(225,205,255,.75) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] .topbar-title h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: .95 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    display: grid !important;
    grid-template-columns: 128px minmax(0, 1fr) 48px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "primary primary primary"
      "reserve reserve reserve" !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 16px 0 18px !important;
    padding: 16px !important;
    border-radius: 26px !important;
    border: 1px solid var(--ref-stroke) !important;
    background:
      radial-gradient(circle at 22% 16%, rgba(90,44,255,.18), transparent 32%),
      radial-gradient(circle at 93% 8%, rgba(255,20,157,.12), transparent 30%),
      linear-gradient(145deg, rgba(23,12,43,.92), rgba(9,5,20,.94)) !important;
    box-shadow: 0 30px 70px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.07) !important;
    overflow: hidden !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
  }

  body[data-current-view="inventory"] .inventory-header::before { display: none !important; }

  body[data-current-view="inventory"] .inventory-cover {
    grid-area: cover !important;
    width: 128px !important;
    height: 128px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 22px 45px rgba(0,0,0,.34) !important;
  }

  body[data-current-view="inventory"] .inventory-cover::after {
    content: "ACTIVO" !important;
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    color: #67e8f9 !important;
    background: rgba(0, 180, 255, .28) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
  }

  body[data-current-view="inventory"] .inventory-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    grid-area: info !important;
    align-self: center !important;
    min-width: 0 !important;
    gap: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    margin: 0 0 14px !important;
    color: rgba(238,231,255,.72) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow svg {
    width: 16px !important;
    height: 16px !important;
    color: #f0b4ff !important;
  }

  body[data-current-view="inventory"] #inventoryTitle {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 31px !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -.055em !important;
  }

  body[data-current-view="inventory"] .inventory-event-place {
    margin: 0 0 14px !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="inventory"] .inventory-event-place svg {
    width: 16px !important;
    height: 16px !important;
    color: #fff !important;
  }

  body[data-current-view="inventory"] .inventory-active-pill {
    margin: 0 !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    color: var(--ref-green) !important;
    background: rgba(0,230,118,.14) !important;
    border: 1px solid rgba(0,230,118,.18) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions { display: contents !important; }

  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn {
    grid-area: edit !important;
    width: 48px !important;
    height: 72px !important;
    align-self: start !important;
    justify-self: end !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.06) !important;
    font-size: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn svg { display: none !important; }
  body[data-current-view="inventory"] .inventory-header-actions #editCurrentEventBtn::before {
    content: "⋮" !important;
    color: #fff !important;
    font-size: 31px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-area: sales !important;
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    grid-template-areas:
      "head bar"
      "head copy"
      "metrics metrics" !important;
    align-items: center !important;
    gap: 16px 18px !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(23,12,45,.78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  body[data-current-view="inventory"] .sales-panel-head {
    grid-area: head !important;
    display: block !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    padding-right: 18px !important;
  }

  body[data-current-view="inventory"] .sales-panel-head span {
    display: block !important;
    margin-bottom: 8px !important;
    color: rgba(238,231,255,.70) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] .sales-panel-head span::before { display: none !important; }

  body[data-current-view="inventory"] .sales-panel-head strong {
    display: block !important;
    color: #fff !important;
    font-size: 42px !important;
    line-height: .88 !important;
    font-weight: 950 !important;
    letter-spacing: -.06em !important;
  }

  body[data-current-view="inventory"] .sales-panel-head small {
    display: block !important;
    margin-top: 8px !important;
    color: rgba(238,231,255,.62) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  body[data-current-view="inventory"] .sales-progress {
    grid-area: bar !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: rgba(139,44,255,.20) !important;
  }

  body[data-current-view="inventory"] .sales-progress span {
    height: 100% !important;
    background: linear-gradient(90deg, var(--ref-pink), var(--ref-purple)) !important;
    box-shadow: 0 0 22px rgba(255,20,157,.36) !important;
  }

  body[data-current-view="inventory"] .sales-progress-copy {
    grid-area: copy !important;
    margin: 0 !important;
    color: rgba(238,231,255,.72) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    text-align: center !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 10px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 84px !important;
    padding: 14px 8px 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(15,9,35,.84) !important;
    color: rgba(238,231,255,.68) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    text-transform: capitalize !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) { background: rgba(80,30,130,.22) !important; border-color: rgba(158,44,255,.18) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) { background: rgba(33,150,243,.11) !important; border-color: rgba(33,150,243,.15) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) { background: rgba(0,230,118,.10) !important; border-color: rgba(0,230,118,.15) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) { background: rgba(255,20,157,.14) !important; border-color: rgba(255,20,157,.22) !important; }

  body[data-current-view="inventory"] .sales-metrics span::before {
    left: 18px !important;
    top: 18px !important;
    width: 8px !important;
    height: 8px !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    margin: 18px 0 8px !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:last-child strong {
    font-size: 20px !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    min-height: 72px !important;
    border-radius: 17px !important;
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn {
    grid-area: primary !important;
    background: linear-gradient(100deg, #ff0a8f 0%, #7f2cff 100%) !important;
    box-shadow: 0 18px 40px rgba(255,20,157,.26) !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    grid-area: reserve !important;
    color: rgba(213,164,255,.94) !important;
    border: 1px solid rgba(155,44,255,.72) !important;
    background: rgba(8,4,18,.46) !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    grid-template-columns: minmax(0,1fr) 64px !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box,
  body[data-current-view="inventory"] .inventory-toolbar::after {
    height: 56px !important;
    border-radius: 16px !important;
    background-color: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.10) !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::after {
    width: 64px !important;
    background-size: 24px 24px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box input {
    font-size: 16px !important;
    color: rgba(255,255,255,.82) !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips {
    gap: 10px !important;
    margin-bottom: 22px !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips button {
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    background: rgba(255,255,255,.045) !important;
  }

  body[data-current-view="inventory"] .inventory-list-head {
    margin: 0 0 16px !important;
  }

  body[data-current-view="inventory"] .inventory-list-head strong {
    color: rgba(238,231,255,.78) !important;
    font-size: 16px !important;
    letter-spacing: .12em !important;
  }

  body[data-current-view="inventory"] .inventory-list-head span {
    color: rgba(238,231,255,.68) !important;
    font-size: 15px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-list {
    gap: 18px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card,
  body[data-current-view="inventory"] .ticket-reservation-card {
    border-radius: 21px !important;
    background:
      radial-gradient(circle at 20% 0%, rgba(139,44,255,.14), transparent 35%),
      linear-gradient(145deg, rgba(24,15,43,.94), rgba(10,7,20,.98)) !important;
    border-color: rgba(255,255,255,.10) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card::before,
  body[data-current-view="inventory"] .ticket-reservation-card::before {
    width: 4px !important;
  }

  body[data-current-view="inventory"] .ticket-card-head {
    grid-template-columns: 34px 58px minmax(0,1fr) auto !important;
    gap: 14px !important;
    padding: 20px 18px 18px !important;
  }

  body[data-current-view="inventory"] .ticket-card-head input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
  }

  body[data-current-view="inventory"] .ticket-card-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="inventory"] .ticket-card-icon svg {
    width: 25px !important;
    height: 25px !important;
  }

  body[data-current-view="inventory"] .ticket-card-code strong {
    font-size: 19px !important;
    letter-spacing: -.03em !important;
  }

  body[data-current-view="inventory"] .ticket-card-code span {
    font-size: 16px !important;
    color: rgba(238,231,255,.68) !important;
  }

  body[data-current-view="inventory"] .ticket-card-head .status-pill {
    padding: 10px 17px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }

  body[data-current-view="inventory"] .ticket-card-grid > div {
    padding: 20px 18px !important;
  }

  body[data-current-view="inventory"] .ticket-card-grid small {
    margin-bottom: 9px !important;
    font-size: 13px !important;
    letter-spacing: .02em !important;
    text-transform: capitalize !important;
  }

  body[data-current-view="inventory"] .ticket-card-grid strong,
  body[data-current-view="inventory"] .ticket-card-grid span {
    font-size: 18px !important;
    line-height: 1.18 !important;
  }

  body[data-current-view="inventory"] .ticket-card-actions {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 12px 16px 16px !important;
    background: transparent !important;
  }

  body[data-current-view="inventory"] .ticket-card-actions button {
    min-height: 60px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
    font-size: 17px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav {
    left: max(18px, env(safe-area-inset-left)) !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    min-height: 82px !important;
    padding: 10px 16px !important;
    border-radius: 24px !important;
    background: rgba(8,4,18,.94) !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav button {
    font-size: 13px !important;
    gap: 6px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav svg {
    width: 27px !important;
    height: 27px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create {
    width: 74px !important;
    height: 74px !important;
    margin-top: -38px !important;
    box-shadow: 0 0 0 7px rgba(8,4,18,.96), 0 0 36px rgba(255,20,157,.42), 0 20px 34px rgba(0,0,0,.42) !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create svg {
    width: 35px !important;
    height: 35px !important;
  }
}

/* IAP exact mobile inventory redesign - 2026-07-10 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] {
    --iap-bg: #08040f;
    --iap-panel: rgba(18, 10, 34, .92);
    --iap-panel-2: rgba(28, 15, 50, .78);
    --iap-line: rgba(197, 139, 255, .18);
    --iap-text: #fff;
    --iap-muted: rgba(232, 222, 255, .68);
    --iap-pink: #ff2ca8;
    --iap-purple: #8b2cff;
    --iap-blue: #20b7ff;
    --iap-green: #00e676;
    --iap-yellow: #ffb300;
    background:
      radial-gradient(circle at 50% -12%, rgba(121, 55, 255, .28), transparent 35%),
      radial-gradient(circle at 0% 24%, rgba(255, 44, 168, .12), transparent 34%),
      linear-gradient(180deg, #08040f 0%, #0a0614 52%, #05020a 100%) !important;
  }

  body[data-current-view="inventory"] .main { background: transparent !important; }
  body[data-current-view="inventory"] .content { padding: 0 15px 112px !important; width: 100% !important; }
  body[data-current-view="inventory"] #inventoryWorkspace { width: 100% !important; max-width: 430px !important; margin: 0 auto !important; }

  body[data-current-view="inventory"] .topbar {
    min-height: 84px !important;
    padding: 16px 16px 12px !important;
    gap: 12px !important;
    background: rgba(8, 4, 15, .90) !important;
    border-bottom: 1px solid rgba(197,139,255,.16) !important;
    backdrop-filter: blur(22px) saturate(150%) !important;
  }

  body[data-current-view="inventory"] .topbar .icon-btn,
  body[data-current-view="inventory"] .topbar-actions .icon-btn,
  body[data-current-view="inventory"] #newEventBtn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    border-radius: 17px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 34px rgba(0,0,0,.24) !important;
  }

  body[data-current-view="inventory"] #newEventBtn {
    border: 0 !important;
    background: linear-gradient(135deg, #ff3db9 0%, #b72cff 100%) !important;
    box-shadow: 0 0 30px rgba(255,44,168,.34), 0 18px 34px rgba(0,0,0,.24) !important;
  }

  body[data-current-view="inventory"] #newEventBtn span { display: none !important; }
  body[data-current-view="inventory"] .topbar svg { width: 24px !important; height: 24px !important; stroke-width: 2.35 !important; }
  body[data-current-view="inventory"] .topbar-title p { margin: 0 0 4px !important; color: rgba(225,204,255,.75) !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .18em !important; text-transform: uppercase !important; }
  body[data-current-view="inventory"] .topbar-title h1 { margin: 0 !important; color: #fff !important; font-size: 29px !important; line-height: .95 !important; font-weight: 950 !important; letter-spacing: -.045em !important; }

  body[data-current-view="inventory"] .inventory-header {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 128px minmax(0, 1fr) 50px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "primary primary primary"
      "reserve reserve reserve" !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 16px 0 20px !important;
    padding: 16px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(197,139,255,.22) !important;
    background:
      radial-gradient(circle at 22% 10%, rgba(139,44,255,.20), transparent 35%),
      radial-gradient(circle at 100% 0%, rgba(255,44,168,.10), transparent 31%),
      linear-gradient(145deg, rgba(19,10,37,.94), rgba(8,4,17,.97)) !important;
    box-shadow: 0 30px 70px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow: hidden !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
  }

  body[data-current-view="inventory"] .inventory-header::before,
  body[data-current-view="inventory"] .inventory-header::after { display: none !important; }
  body[data-current-view="inventory"] #backToEventsBtn { display: none !important; }

  body[data-current-view="inventory"] .inventory-event-cover {
    grid-area: cover !important;
    position: relative !important;
    display: block !important;
    width: 128px !important;
    height: 128px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.05) !important;
    box-shadow: 0 22px 45px rgba(0,0,0,.34) !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  body[data-current-view="inventory"] .inventory-event-cover::after {
    content: "ACTIVO" !important;
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    color: #68e9ff !important;
    background: rgba(0, 170, 255, .28) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    grid-area: info !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: center !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 14px !important;
    color: rgba(232,222,255,.74) !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow::after { display: none !important; }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow svg { width: 17px !important; height: 17px !important; color: #f0b4ff !important; flex: 0 0 auto !important; }
  body[data-current-view="inventory"] #inventoryTitle { margin: 0 0 10px !important; color: #fff !important; font-size: 33px !important; line-height: .96 !important; font-weight: 950 !important; letter-spacing: -.055em !important; white-space: normal !important; }
  body[data-current-view="inventory"] .inventory-event-place { display: flex !important; align-items: center !important; gap: 7px !important; margin: 0 0 15px !important; color: rgba(255,255,255,.86) !important; font-size: 15px !important; font-weight: 850 !important; }
  body[data-current-view="inventory"] .inventory-event-place svg { width: 17px !important; height: 17px !important; color: #fff !important; }
  body[data-current-view="inventory"] .inventory-active-pill { align-self: flex-start !important; margin: 0 !important; padding: 8px 13px !important; border-radius: 999px !important; color: var(--iap-green) !important; background: rgba(0,230,118,.14) !important; border: 1px solid rgba(0,230,118,.17) !important; font-size: 13px !important; font-weight: 950 !important; }

  body[data-current-view="inventory"] .inventory-header-actions { display: contents !important; }
  body[data-current-view="inventory"] #editCurrentEventBtn {
    grid-area: edit !important;
    align-self: start !important;
    justify-self: end !important;
    width: 50px !important;
    height: 72px !important;
    min-width: 50px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.065) !important;
    color: #fff !important;
    font-size: 0 !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn svg { display: none !important; }
  body[data-current-view="inventory"] #editCurrentEventBtn::before { content: "⋮" !important; font-size: 31px !important; line-height: 1 !important; }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-area: sales !important;
    display: grid !important;
    grid-template-columns: 100px minmax(0,1fr) !important;
    grid-template-areas:
      "head bar"
      "head copy"
      "metrics metrics" !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(24,13,47,.82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065) !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .sales-panel-head { grid-area: head !important; display: block !important; padding-right: 18px !important; border-right: 1px solid rgba(255,255,255,.10) !important; }
  body[data-current-view="inventory"] .sales-panel-head span { display: block !important; margin: 0 0 9px !important; color: rgba(232,222,255,.72) !important; font-size: 16px !important; font-weight: 950 !important; letter-spacing: .11em !important; text-transform: uppercase !important; }
  body[data-current-view="inventory"] .sales-panel-head strong { display: block !important; color: #fff !important; font-size: 44px !important; line-height: .86 !important; font-weight: 950 !important; letter-spacing: -.06em !important; }
  body[data-current-view="inventory"] .sales-panel-head small { display: block !important; margin-top: 9px !important; color: rgba(232,222,255,.64) !important; font-size: 18px !important; font-weight: 700 !important; }
  body[data-current-view="inventory"] .sales-progress { grid-area: bar !important; height: 10px !important; border-radius: 999px !important; background: rgba(139,44,255,.20) !important; overflow: hidden !important; }
  body[data-current-view="inventory"] .sales-progress span { width: var(--inventory-progress, 0%) !important; height: 100% !important; display: block !important; border-radius: inherit !important; background: linear-gradient(90deg, var(--iap-pink), var(--iap-purple)) !important; box-shadow: 0 0 22px rgba(255,44,168,.38) !important; }
  body[data-current-view="inventory"] .sales-progress-copy { grid-area: copy !important; margin: 0 !important; color: rgba(232,222,255,.72) !important; text-align: center !important; font-size: 15px !important; font-weight: 760 !important; }
  body[data-current-view="inventory"] .sales-metrics { grid-area: metrics !important; display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 10px !important; }
  body[data-current-view="inventory"] .sales-metrics span { position: relative !important; min-height: 84px !important; padding: 18px 8px 12px !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(15,9,35,.84) !important; color: rgba(232,222,255,.68) !important; text-align: center !important; font-size: 14px !important; font-weight: 760 !important; text-transform: capitalize !important; overflow: hidden !important; }
  body[data-current-view="inventory"] .sales-metrics span::before { content: "" !important; position: absolute !important; left: 16px !important; top: 17px !important; width: 8px !important; height: 8px !important; border-radius: 999px !important; background: var(--iap-purple) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2)::before { background: var(--iap-blue) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3)::before { background: var(--iap-green) !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4)::before { background: var(--iap-pink) !important; }
  body[data-current-view="inventory"] .sales-metrics strong { display: block !important; margin: 16px 0 8px !important; color: #fff !important; font-size: 25px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.04em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  body[data-current-view="inventory"] .sales-metrics span:last-child strong { font-size: 20px !important; }

  body[data-current-view="inventory"] #addTicketsBtn,
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    min-height: 72px !important;
    border-radius: 17px !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    justify-content: center !important;
  }
  body[data-current-view="inventory"] #addTicketsBtn { grid-area: primary !important; border: 0 !important; background: linear-gradient(100deg, #ff0a8f 0%, #7f2cff 100%) !important; box-shadow: 0 18px 40px rgba(255,44,168,.27) !important; }
  body[data-current-view="inventory"] #addClientFromInventoryBtn { grid-area: reserve !important; color: rgba(218,176,255,.95) !important; border: 1px solid rgba(155,44,255,.72) !important; background: rgba(9,5,18,.55) !important; }
  body[data-current-view="inventory"] #addTicketsBtn svg,
  body[data-current-view="inventory"] #addClientFromInventoryBtn svg { width: 22px !important; height: 22px !important; }

  body[data-current-view="inventory"] .inventory-toolbar {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 56px !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
  }
  body[data-current-view="inventory"] .inventory-toolbar .search-box { grid-column: 1 !important; height: 56px !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.055) !important; }
  body[data-current-view="inventory"] .inventory-toolbar .search-box input { font-size: 16px !important; color: rgba(255,255,255,.82) !important; }
  body[data-current-view="inventory"] .inventory-toolbar::after { content: "" !important; grid-column: 2 !important; grid-row: 1 !important; width: 56px !important; height: 56px !important; border-radius: 16px !important; border: 1px solid rgba(155,44,255,.42) !important; background-color: rgba(255,255,255,.055) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 24 24' fill='none' stroke='%23d7c4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 25px 25px !important; }
  body[data-current-view="inventory"] .inventory-toolbar .select-control { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }

  body[data-current-view="inventory"] .inventory-status-chips { display: flex !important; gap: 10px !important; margin: 0 0 24px !important; overflow-x: auto !important; scrollbar-width: none !important; }
  body[data-current-view="inventory"] .inventory-status-chips::-webkit-scrollbar { display: none !important; }
  body[data-current-view="inventory"] .inventory-status-chips button { flex: 0 0 auto !important; min-height: 46px !important; padding: 0 18px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.045) !important; color: rgba(232,222,255,.78) !important; font-size: 16px !important; font-weight: 850 !important; }
  body[data-current-view="inventory"] .inventory-status-chips button.active { color: #fff !important; border-color: rgba(192,83,255,.90) !important; box-shadow: 0 0 0 1px rgba(192,83,255,.35) inset, 0 0 22px rgba(192,83,255,.15) !important; }
  body[data-current-view="inventory"] .inventory-status-chips span { width: 9px !important; height: 9px !important; border-radius: 999px !important; }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px !important; margin: 0 0 18px !important; border-radius: 18px !important; border: 1px solid rgba(255,44,168,.32) !important; background: rgba(42,17,60,.75) !important; overflow-x: auto !important; }
  body[data-current-view="inventory"] .bulk-bar:not([hidden]) strong { flex: 0 0 auto !important; color: #fff !important; font-size: 17px !important; white-space: nowrap !important; }
  body[data-current-view="inventory"] .bulk-bar:not([hidden]) > div { display: flex !important; flex: 1 0 auto !important; gap: 7px !important; }
  body[data-current-view="inventory"] .bulk-bar:not([hidden]) button { min-width: max-content !important; min-height: 40px !important; padding: 0 12px !important; border-radius: 13px !important; font-size: 12px !important; white-space: nowrap !important; }

  body[data-current-view="inventory"] .inventory-list-head { margin: 0 0 16px !important; }
  body[data-current-view="inventory"] .inventory-list-head strong { color: rgba(232,222,255,.78) !important; font-size: 16px !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
  body[data-current-view="inventory"] .inventory-list-head span { color: rgba(232,222,255,.68) !important; font-size: 15px !important; }
  body[data-current-view="inventory"] .ticket-mobile-list { display: grid !important; gap: 18px !important; }

  body[data-current-view="inventory"] .ticket-mobile-card,
  body[data-current-view="inventory"] .ticket-reservation-card {
    --ticket-accent: var(--iap-blue);
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 21px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(139,44,255,.16), transparent 36%),
      linear-gradient(145deg, rgba(24,15,43,.95), rgba(10,7,20,.98)) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  body[data-current-view="inventory"] .ticket-mobile-card::before,
  body[data-current-view="inventory"] .ticket-reservation-card::before { content: "" !important; position: absolute !important; inset: 0 auto 0 0 !important; width: 4px !important; background: var(--ticket-accent) !important; }
  body[data-current-view="inventory"] .ticket-mobile-card.status-available { --ticket-accent: var(--iap-blue); }
  body[data-current-view="inventory"] .ticket-mobile-card.status-sold,
  body[data-current-view="inventory"] .ticket-mobile-card.status-delivered { --ticket-accent: var(--iap-green); }
  body[data-current-view="inventory"] .ticket-mobile-card.status-reserved,
  body[data-current-view="inventory"] .ticket-reservation-card { --ticket-accent: var(--iap-yellow); }
  body[data-current-view="inventory"] .ticket-mobile-card.status-cancelled { --ticket-accent: #ff4d67; }

  body[data-current-view="inventory"] .ticket-mobile-head { display: grid !important; grid-template-columns: 34px 58px minmax(0,1fr) auto !important; gap: 14px !important; align-items: center !important; padding: 20px 18px 18px !important; }
  body[data-current-view="inventory"] .ticket-mobile-head input[type="checkbox"] { width: 24px !important; height: 24px !important; accent-color: var(--iap-pink) !important; }
  body[data-current-view="inventory"] .ticket-type-icon { width: 50px !important; height: 50px !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,.14) !important; background: rgba(255,255,255,.055) !important; color: var(--ticket-accent) !important; }
  body[data-current-view="inventory"] .ticket-type-icon svg { width: 25px !important; height: 25px !important; }
  body[data-current-view="inventory"] .ticket-mobile-main strong { color: #fff !important; font-size: 19px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.03em !important; }
  body[data-current-view="inventory"] .ticket-mobile-main span { margin-top: 6px !important; color: rgba(232,222,255,.66) !important; font-size: 16px !important; }
  body[data-current-view="inventory"] .ticket-mobile-status { display: grid !important; justify-items: end !important; gap: 7px !important; }
  body[data-current-view="inventory"] .ticket-mobile-status .status-pill { padding: 10px 17px !important; border-radius: 999px !important; font-size: 15px !important; font-weight: 950 !important; }
  body[data-current-view="inventory"] .shared-marker { color: #ff7aa8 !important; font-size: 14px !important; font-weight: 850 !important; }

  body[data-current-view="inventory"] .ticket-mobile-grid { display: grid !important; grid-template-columns: 1.25fr .85fr .85fr !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
  body[data-current-view="inventory"] .ticket-mobile-field { min-width: 0 !important; padding: 20px 18px !important; border-right: 1px solid rgba(255,255,255,.08) !important; }
  body[data-current-view="inventory"] .ticket-mobile-field:last-child { border-right: 0 !important; }
  body[data-current-view="inventory"] .ticket-mobile-field span { margin-bottom: 9px !important; color: rgba(232,222,255,.56) !important; font-size: 13px !important; font-weight: 850 !important; text-transform: capitalize !important; }
  body[data-current-view="inventory"] .ticket-mobile-field strong { color: #fff !important; font-size: 18px !important; line-height: 1.18 !important; font-weight: 900 !important; overflow-wrap: anywhere !important; }
  body[data-current-view="inventory"] .ticket-mobile-field small { margin-top: 7px !important; color: var(--iap-green) !important; font-size: 14px !important; font-weight: 750 !important; }

  body[data-current-view="inventory"] .ticket-mobile-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 12px 16px 16px !important; border-top: 0 !important; background: transparent !important; }
  body[data-current-view="inventory"] .ticket-mobile-actions .small { min-height: 60px !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(255,255,255,.045) !important; color: #fff !important; font-size: 17px !important; font-weight: 900 !important; }
  body[data-current-view="inventory"] .ticket-mobile-actions .small svg { width: 24px !important; height: 24px !important; color: #e9d9ff !important; }

  body[data-current-view="inventory"] .inventory-mobile-nav { display: grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; align-items: center !important; left: max(18px, env(safe-area-inset-left)) !important; right: max(18px, env(safe-area-inset-right)) !important; bottom: max(12px, env(safe-area-inset-bottom)) !important; min-height: 82px !important; padding: 10px 16px !important; border-radius: 24px !important; border: 1px solid rgba(197,139,255,.18) !important; background: rgba(8,4,18,.94) !important; box-shadow: 0 -18px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important; backdrop-filter: blur(22px) saturate(160%) !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav button { min-width: 0 !important; color: rgba(232,222,255,.66) !important; font-size: 13px !important; font-weight: 850 !important; gap: 6px !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav button.active { color: var(--iap-pink) !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav svg { width: 27px !important; height: 27px !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create { width: 74px !important; height: 74px !important; margin: -38px auto 0 !important; border-radius: 24px !important; color: #fff !important; background: linear-gradient(135deg, var(--iap-pink), var(--iap-purple)) !important; box-shadow: 0 0 0 7px rgba(8,4,18,.96), 0 0 36px rgba(255,44,168,.42), 0 20px 34px rgba(0,0,0,.42) !important; }
  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create svg { width: 35px !important; height: 35px !important; }

  @media (max-width: 390px) {
    body[data-current-view="inventory"] .content { padding-inline: 10px !important; }
    body[data-current-view="inventory"] .inventory-header { grid-template-columns: 105px minmax(0, 1fr) 44px !important; padding: 14px !important; gap: 13px !important; }
    body[data-current-view="inventory"] .inventory-event-cover { width: 105px !important; height: 105px !important; }
    body[data-current-view="inventory"] #inventoryTitle { font-size: 28px !important; }
    body[data-current-view="inventory"] .inventory-header > .mini-stats { grid-template-columns: 86px minmax(0,1fr) !important; padding: 18px 14px !important; }
    body[data-current-view="inventory"] .sales-panel-head strong { font-size: 38px !important; }
    body[data-current-view="inventory"] .sales-metrics { gap: 7px !important; }
    body[data-current-view="inventory"] .sales-metrics span { min-height: 76px !important; font-size: 12px !important; }
    body[data-current-view="inventory"] .sales-metrics strong { font-size: 21px !important; }
    body[data-current-view="inventory"] .ticket-mobile-head { grid-template-columns: 28px 48px minmax(0,1fr) auto !important; padding: 17px 14px 14px !important; gap: 10px !important; }
    body[data-current-view="inventory"] .ticket-type-icon { width: 44px !important; height: 44px !important; }
    body[data-current-view="inventory"] .ticket-mobile-main strong { font-size: 16px !important; }
    body[data-current-view="inventory"] .ticket-mobile-grid { grid-template-columns: 1fr 1fr 1fr !important; }
    body[data-current-view="inventory"] .ticket-mobile-field { padding: 16px 12px !important; }
    body[data-current-view="inventory"] .ticket-mobile-field strong { font-size: 15px !important; }
    body[data-current-view="inventory"] .ticket-mobile-actions .small { min-height: 54px !important; font-size: 14px !important; }
  }
}

/* IAP mobile compact correction - 2026-07-10 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .content {
    padding: 0 14px 102px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace {
    max-width: 430px !important;
  }

  body[data-current-view="inventory"] .topbar {
    min-height: 72px !important;
    padding: 12px 14px 10px !important;
  }

  body[data-current-view="inventory"] .topbar .icon-btn,
  body[data-current-view="inventory"] .topbar-actions .icon-btn,
  body[data-current-view="inventory"] #newEventBtn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="inventory"] .topbar svg {
    width: 21px !important;
    height: 21px !important;
  }

  body[data-current-view="inventory"] .topbar-title p {
    font-size: 10px !important;
    margin-bottom: 2px !important;
  }

  body[data-current-view="inventory"] .topbar-title h1 {
    font-size: 23px !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    grid-template-columns: 96px minmax(0, 1fr) 44px !important;
    gap: 12px !important;
    margin: 14px 0 16px !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    width: 96px !important;
    height: 96px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover::after {
    left: 8px !important;
    top: 8px !important;
    padding: 5px 9px !important;
    font-size: 9px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow {
    margin-bottom: 8px !important;
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow svg,
  body[data-current-view="inventory"] .inventory-event-place svg {
    width: 14px !important;
    height: 14px !important;
  }

  body[data-current-view="inventory"] #inventoryTitle {
    margin-bottom: 7px !important;
    font-size: 26px !important;
    line-height: .98 !important;
  }

  body[data-current-view="inventory"] .inventory-event-place {
    margin-bottom: 10px !important;
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-active-pill {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn {
    width: 44px !important;
    height: 56px !important;
    min-width: 44px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn::before {
    font-size: 26px !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-template-columns: 78px minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body[data-current-view="inventory"] .sales-panel-head {
    padding-right: 12px !important;
  }

  body[data-current-view="inventory"] .sales-panel-head span {
    font-size: 12px !important;
    margin-bottom: 6px !important;
  }

  body[data-current-view="inventory"] .sales-panel-head strong {
    font-size: 33px !important;
  }

  body[data-current-view="inventory"] .sales-panel-head small {
    margin-top: 6px !important;
    font-size: 14px !important;
  }

  body[data-current-view="inventory"] .sales-progress {
    height: 7px !important;
  }

  body[data-current-view="inventory"] .sales-progress-copy {
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    gap: 7px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 66px !important;
    padding: 12px 6px 9px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span::before {
    left: 11px !important;
    top: 11px !important;
    width: 6px !important;
    height: 6px !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    margin: 14px 0 5px !important;
    font-size: 20px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:last-child strong {
    font-size: 15px !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn,
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    min-height: 56px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn svg,
  body[data-current-view="inventory"] #addClientFromInventoryBtn svg {
    width: 19px !important;
    height: 19px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    grid-template-columns: minmax(0,1fr) 46px !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box,
  body[data-current-view="inventory"] .inventory-toolbar::after {
    height: 46px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar::after {
    width: 46px !important;
    background-size: 20px 20px !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar .search-box input {
    font-size: 13px !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips {
    gap: 8px !important;
    margin-bottom: 18px !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips button {
    min-height: 34px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) {
    padding: 8px !important;
    border-radius: 15px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) strong {
    font-size: 14px !important;
  }

  body[data-current-view="inventory"] .bulk-bar:not([hidden]) button {
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  body[data-current-view="inventory"] .inventory-list-head strong {
    font-size: 13px !important;
  }

  body[data-current-view="inventory"] .inventory-list-head span {
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-list {
    gap: 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card,
  body[data-current-view="inventory"] .ticket-reservation-card {
    border-radius: 17px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head {
    grid-template-columns: 24px 44px minmax(0,1fr) auto !important;
    gap: 10px !important;
    padding: 14px 13px 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
  }

  body[data-current-view="inventory"] .ticket-type-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }

  body[data-current-view="inventory"] .ticket-type-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-main strong {
    font-size: 14px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-main span {
    margin-top: 4px !important;
    font-size: 11px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status .status-pill {
    padding: 7px 10px !important;
    font-size: 11px !important;
  }

  body[data-current-view="inventory"] .shared-marker {
    font-size: 10px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field {
    padding: 13px 11px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field span {
    margin-bottom: 6px !important;
    font-size: 9px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field strong {
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field small {
    font-size: 10px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions {
    gap: 8px !important;
    padding: 9px 12px 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav {
    min-height: 70px !important;
    padding: 8px 12px !important;
    border-radius: 20px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav button {
    font-size: 10px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav svg {
    width: 22px !important;
    height: 22px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create {
    width: 62px !important;
    height: 62px !important;
    margin-top: -30px !important;
    border-radius: 21px !important;
  }

  body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create svg {
    width: 30px !important;
    height: 30px !important;
  }
}

/* New edit+menu sub-wrapper: contents by default so mobile's existing
   grid-column placement for #editCurrentEventBtn still applies as if
   there were no extra wrapper div. Desktop overrides this below. */
body[data-current-view="inventory"] .inventory-header-topactions { display: contents; }

/* ============================================================
   Inventory DESKTOP redesign - 2026-07-10
   Final authoritative pass. Placed last on purpose to win over
   the older, conflicting mobile-first rules above without having
   to hunt down every duplicate. Scoped to min-width:641px so it
   never touches the mobile layout.
   ============================================================ */
@media (min-width: 641px) {

  /* ---- Header: visible "Editar evento" + new menu button ---- */
  body[data-current-view="inventory"] .inventory-header { position: relative !important; }
  body[data-current-view="inventory"] .inventory-header-topactions {
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    z-index: 4 !important;
    display: flex !important;
    gap: 10px !important;
  }
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn {
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    height: 42px !important;
    min-width: 0 !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn::before { content: none !important; }
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn svg {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
  }
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn .btn-label { display: inline !important; }

  body[data-current-view="inventory"] .inventory-header-topactions #inventoryMenuBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
  }
  body[data-current-view="inventory"] .inventory-header-topactions #inventoryMenuBtn svg { width: 18px !important; height: 18px !important; }

  body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
  body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
    position: relative !important;
  }

  /* ---- Stat cards: tinted per category ---- */
  body[data-current-view="inventory"] .sales-metrics span {
    text-align: left !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
  }
  body[data-current-view="inventory"] .sales-metrics strong {
    font-size: 26px !important;
    margin-bottom: 4px !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) {
    background: rgba(139,92,246,.10) !important;
    border-color: rgba(139,92,246,.28) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) strong { color: #fff !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) {
    background: rgba(56,189,248,.14) !important;
    border-color: rgba(56,189,248,.32) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) strong { color: #7fd4ff !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) {
    background: rgba(52,211,153,.14) !important;
    border-color: rgba(52,211,153,.32) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) strong { color: #5eeab0 !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    background: rgba(244,63,94,.14) !important;
    border-color: rgba(244,63,94,.32) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) strong,
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    color: #ff7ea3 !important;
    white-space: nowrap !important;
  }

  /* ---- Filter fields: labeled selects (Estado / Pago / Formato) ---- */
  body[data-current-view="inventory"] .inventory-toolbar .filter-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
  }
  body[data-current-view="inventory"] .inventory-toolbar .filter-field label {
    padding-left: 2px !important;
    color: rgba(255,255,255,.5) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }
  body[data-current-view="inventory"] .inventory-toolbar .filter-field .select-control {
    width: 100% !important;
    height: 40px !important;
  }

  /* ---- Status pills: consistent colors matching the reference design ---- */
  body[data-current-view="inventory"] .status-pill.status-available { color: #5ec8ff !important; background: rgba(56,189,248,.14) !important; border-color: rgba(56,189,248,.30) !important; }
  body[data-current-view="inventory"] .status-pill.status-sold { color: #4fe3a0 !important; background: rgba(52,211,153,.14) !important; border-color: rgba(52,211,153,.30) !important; }
  body[data-current-view="inventory"] .status-pill.status-reserved,
  body[data-current-view="inventory"] .status-pill.status-delivery { color: #ffc357 !important; background: rgba(251,191,36,.14) !important; border-color: rgba(251,191,36,.30) !important; }
  body[data-current-view="inventory"] .status-pill.status-delivered { color: #b298ff !important; background: rgba(139,92,246,.14) !important; border-color: rgba(139,92,246,.30) !important; }
  body[data-current-view="inventory"] .status-pill.status-cancelled { color: #ff7d90 !important; background: rgba(244,63,94,.14) !important; border-color: rgba(244,63,94,.30) !important; }

  /* ---- Payment status: colored text, no background ---- */
  body[data-current-view="inventory"] .ticket-table .payment-paid { color: #4fe3a0 !important; font-weight: 800 !important; }
  body[data-current-view="inventory"] .ticket-table .payment-pending { color: #ffc357 !important; font-weight: 800 !important; }
  body[data-current-view="inventory"] .ticket-table .payment-partial { color: #ff9d70 !important; font-weight: 800 !important; }
  body[data-current-view="inventory"] .ticket-table .payment-refunded { color: rgba(255,255,255,.55) !important; font-weight: 700 !important; }
}

/* Hide the new desktop-only menu button on mobile; mobile already
   repurposes #editCurrentEventBtn itself as the "..." button. */
@media (max-width: 640px) {
  body[data-current-view="inventory"] #inventoryMenuBtn { display: none !important; }
}

/* Mobile: keep the pre-existing compact select look; labels are a
   desktop-only addition (mobile gets dedicated filter chips later). */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-toolbar .filter-field { display: contents; }
  body[data-current-view="inventory"] .inventory-toolbar .filter-field label { display: none !important; }
}

/* ============================================================
   Inventory DESKTOP redesign - pass 2 - 2026-07-10
   Exact colors per the design spec doc provided by the client:
   Primary #ff2ca8, Secondary #8b2cff, Success #00e676,
   Info #2196f3, Warning #ffb300, Danger #ff1744.
   ============================================================ */
@media (min-width: 641px) {

  /* ---- "Editar evento" as dark glass button, per spec (matches
     the Exportar/Importar buttons: rgba(255,255,255,.03) bg,
     rgba(255,255,255,.12) border) instead of a bright solid fill. */
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn {
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
  }
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn:hover {
    background: rgba(255,255,255,.08) !important;
  }

  /* ---- Stat cards: exact spec colors ---- */
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) {
    background: rgba(139,44,255,.10) !important;
    border-color: rgba(139,44,255,.30) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) strong { color: #fff !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) {
    background: rgba(33,150,243,.14) !important;
    border-color: rgba(33,150,243,.32) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) strong { color: #6cb8ff !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) {
    background: rgba(0,230,118,.14) !important;
    border-color: rgba(0,230,118,.32) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) strong { color: #4de697 !important; }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    background: rgba(255,44,168,.14) !important;
    border-color: rgba(255,44,168,.32) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) strong,
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    color: #ff6cc4 !important;
  }

  /* ---- Sales progress bar: exact spec gradient ---- */
  body[data-current-view="inventory"] .sales-progress span {
    background: linear-gradient(90deg, #ff2ca8, #8b2cff) !important;
  }

  /* ---- Status pills: exact spec colors.
     sold + delivered both read as a completed sale (green).
     reserved + delivery both read as pending/warning (amber). ---- */
  body[data-current-view="inventory"] .status-pill.status-available {
    color: #6cb8ff !important; background: rgba(33,150,243,.15) !important; border-color: rgba(33,150,243,.32) !important;
  }
  body[data-current-view="inventory"] .status-pill.status-sold,
  body[data-current-view="inventory"] .status-pill.status-delivered {
    color: #4de697 !important; background: rgba(0,230,118,.15) !important; border-color: rgba(0,230,118,.32) !important;
  }
  body[data-current-view="inventory"] .status-pill.status-reserved,
  body[data-current-view="inventory"] .status-pill.status-delivery {
    color: #ffc357 !important; background: rgba(255,179,0,.15) !important; border-color: rgba(255,179,0,.32) !important;
  }
  body[data-current-view="inventory"] .status-pill.status-cancelled {
    color: #ff6b7f !important; background: rgba(255,23,68,.15) !important; border-color: rgba(255,23,68,.32) !important;
  }

  /* ---- Payment method chip (e.g. "Yape") next to the payment status ---- */
  body[data-current-view="inventory"] .ticket-table .payment-cell {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  body[data-current-view="inventory"] .ticket-table .payment-method-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    background: rgba(139,44,255,.16) !important;
    border: 1px solid rgba(139,44,255,.32) !important;
    color: #c79dff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }
}


/* ================================================================
   INVENTARIO — Header y panel de ventas (rediseño consolidado)
   Reemplaza 8 parches incrementales aplicados el 2026-07-10.
   Organizado en 3 secciones: (1) reglas globales, sin breakpoint,
   (2) botones de acción del header, (3) layout de escritorio
   (≥641px). Todo lo demás del archivo (tarjetas de tickets, vistas
   mobile de otras pantallas, etc.) permanece sin tocar.
   ================================================================ */

/* ---- 1. Reglas globales (todos los tamaños de pantalla) ---- */

/* La flecha "atrás" quedaba tapando la portada del evento en
   desktop; en mobile ya estaba oculta por otra regla existente. */
body[data-current-view="inventory"] #backToEventsBtn {
  display: none !important;
}

/* Las 4 tarjetas de stats (Total/Vendidas/Disponibles/Ingresos) se
   ven como celdas planas dentro de un mismo panel — sin caja ni
   fondo individual, solo un divisor vertical sutil entre ellas. */
body[data-current-view="inventory"] .sales-metrics span:nth-child(1),
body[data-current-view="inventory"] .sales-metrics span:nth-child(2),
body[data-current-view="inventory"] .sales-metrics span:nth-child(3),
body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body[data-current-view="inventory"] .sales-metrics span:nth-child(1) {
  border-left: none !important;
}
body[data-current-view="inventory"] .sales-metrics span:nth-child(1) strong,
body[data-current-view="inventory"] .sales-metrics span:nth-child(2) strong,
body[data-current-view="inventory"] .sales-metrics span:nth-child(3) strong,
body[data-current-view="inventory"] .sales-metrics span:nth-child(4) strong {
  color: #fff !important;
}
body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
  color: rgba(255, 255, 255, .55) !important;
}

/* La etiqueta "VENTAS" es texto plano — sin el punto rosa con glow
   que traía antes. */
body[data-current-view="inventory"] .sales-panel-head span::before {
  display: none !important;
  content: none !important;
}
body[data-current-view="inventory"] .sales-panel-head span {
  padding-left: 0 !important;
}

/* ---- 2. Botones de acción "Crear entrada" / "Nueva reserva" ----
   Causa raíz del bug original: .inventory-header-actions usaba
   display:contents, así que sus botones se volvían ítems de grid
   independientes de .inventory-header y caían en columnas de auto-
   placement demasiado angostas, cortando el texto. */
body[data-current-view="inventory"] .inventory-header-actions {
  display: flex !important;
  position: static !important;
  grid-column: 1 / -1 !important;
  order: 9 !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
}
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: unset !important;
  padding: 0 20px !important;
  background-size: auto !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn {
  flex: 2 1 240px !important;
  background-image: linear-gradient(135deg, #ff2dad, #7c3aed) !important;
  color: #fff !important;
  border: 0 !important;
}
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
  flex: 1 1 180px !important;
  background-color: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(168, 85, 247, .4) !important;
  color: #fff !important;
}
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn svg,
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn svg {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
}

/* ---- 3. Layout de escritorio (≥641px) ----
   Fusiona la tarjeta "Ventas" con las 4 stats en una sola fila, y
   une la línea de ubicación con el estado del evento. */
@media (min-width: 641px) {

  /* Panel Ventas + stats: 2 columnas — izquierda 280px fija con
     % + barra de progreso, derecha ocupa el resto con las 4 stats. */
  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 0 24px !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin-bottom: 10px !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head strong {
    display: block !important;
    font-size: 32px !important;
    line-height: 1 !important;
  }
  /* separación entre "60%" y "vendido" (el <small> va anidado
     dentro del <strong>, por eso se resuelve con este selector) */
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head strong small,
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head strong + small {
    margin-left: 7px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, .55) !important;
    letter-spacing: 0 !important;
    vertical-align: middle !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: 6px !important;
    margin-bottom: 6px !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress-copy {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin-top: 4px !important;
    font-size: 10px !important;
    color: rgba(255, 255, 255, .45) !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 8px !important;
    align-self: stretch !important;
    border-left: 1px solid rgba(255, 255, 255, .10) !important;
    padding-left: 20px !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
  }

  /* Ubicación + estado del evento en una sola línea:
     "Cultural Chorrillos · Evento activo" */
  body[data-current-view="inventory"] .inventory-event-info {
    display: block !important;
  }
  body[data-current-view="inventory"] .inventory-event-info .eyebrow,
  body[data-current-view="inventory"] #inventoryTitle {
    display: block !important;
  }
  body[data-current-view="inventory"] .inventory-event-place,
  body[data-current-view="inventory"] .inventory-active-pill {
    display: inline-flex !important;
    align-items: center !important;
    margin: 8px 6px 0 0 !important;
    vertical-align: middle !important;
  }
  body[data-current-view="inventory"] .inventory-active-pill {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 8px !important;
    color: rgba(255, 255, 255, .55) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
  }
  /* fallback: si en algún breakpoint intermedio el "Evento activo"
     se genera como ::after de .eyebrow en vez de .inventory-active-pill */
  body[data-current-view="inventory"] .inventory-event-info .eyebrow::after {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin: 8px 0 0 6px !important;
    background: transparent !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .55) !important;
  }
}
/* Inventory step 1: event header cleanup - 2026-07-10 */
body[data-current-view="inventory"] .inventory-event-info {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}

body[data-current-view="inventory"] #inventoryMeta.inventory-event-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  margin: 0 !important;
  color: rgba(238,230,255,.68) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body[data-current-view="inventory"] #inventoryMeta.inventory-event-meta::after,
body[data-current-view="inventory"] .inventory-event-info .eyebrow::after {
  content: none !important;
  display: none !important;
}

body[data-current-view="inventory"] .inventory-event-date,
body[data-current-view="inventory"] .inventory-event-place {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body[data-current-view="inventory"] .inventory-event-date svg,
body[data-current-view="inventory"] .inventory-event-place svg {
  width: 15px !important;
  height: 15px !important;
  color: #c58bff !important;
  flex: 0 0 auto !important;
}

body[data-current-view="inventory"] .inventory-active-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(52,211,153,.24) !important;
  border-radius: 999px !important;
  background: rgba(52,211,153,.12) !important;
  color: #48f0a4 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

body[data-current-view="inventory"] .inventory-active-pill::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0 12px rgba(72,240,164,.65) !important;
}

body[data-current-view="inventory"] #inventoryTitle {
  margin: 0 !important;
}

body[data-current-view="inventory"] .inventory-event-place {
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

@media (min-width: 641px) {
  body[data-current-view="inventory"] .inventory-event-info {
    gap: 9px !important;
  }
  body[data-current-view="inventory"] #inventoryMeta.inventory-event-meta {
    gap: 10px !important;
  }
  body[data-current-view="inventory"] #inventoryTitle {
    font-size: 27px !important;
    line-height: 1.05 !important;
  }

  /* Badge "ACTIVO" sobre la portada del evento — ya existía en
     mobile (@media max-width:640px) pero faltaba en desktop. */
  body[data-current-view="inventory"] .inventory-event-cover {
    position: relative !important;
  }
  body[data-current-view="inventory"] .inventory-event-cover::after {
    content: "ACTIVO" !important;
    position: absolute !important;
    left: 6px !important;
    top: 6px !important;
    z-index: 2 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    color: #67e8f9 !important;
    background: rgba(0, 180, 255, .32) !important;
    backdrop-filter: blur(6px) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
  }
}

/* ================================================================
   MOBILE — Consolidación final del header de Inventario (2026-07-11)
   Reemplaza el resultado de ~8 versiones apiladas en sesiones
   anteriores. Restaura display:contents SOLO en mobile para que el
   truco de grid-area de los botones vuelva a funcionar (nuestro fix
   de escritorio lo había cambiado a flex de forma global).
   ================================================================ */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header-actions {
    display: contents !important;
  }

  body[data-current-view="inventory"] .inventory-header {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) 40px !important;
    grid-template-areas:
      "cover info edit"
      "sales sales sales"
      "primary primary primary"
      "reserve reserve reserve" !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 14px 0 16px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    position: relative !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    grid-area: cover !important;
    width: 100px !important;
    height: 100px !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    grid-area: info !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: start !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions {
    grid-area: edit !important;
    justify-self: end !important;
    align-self: start !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-area: sales !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn {
    grid-area: primary !important;
  }

  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    grid-area: reserve !important;
  }
}
/* ================================================================
   MOBILE — Card unificada: Ventas + stats + botones (2026-07-11)
   Objetivo: que .mini-stats, #addTicketsBtn y #addClientFromInventoryBtn
   aparezcan visualmente dentro de una sola card con borde.
   Estrategia: reducir el gap entre esas 3 filas a 0, dar fondo+borde
   a .mini-stats que se extienda visualmente, y ajustar bordes/radios
   de los botones para que parezcan parte del mismo contenedor.
   ================================================================ */
@media (max-width: 640px) {
  /* Reducir gap entre las 3 filas del bloque inferior a 0 */
  body[data-current-view="inventory"] .inventory-header {
    row-gap: 0 !important;
    column-gap: 12px !important;
  }

  /* Restaurar gap solo entre card 1 y el bloque ventas */
  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    margin-top: 12px !important;
    /* Card unificada: fondo + borde que se extiende a los botones */
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: none !important;           /* el borde inferior lo pone "Nueva reserva" */
    border-radius: 18px 18px 0 0 !important;  /* esquinas solo arriba */
    padding: 14px 14px 12px !important;
  }

  /* "Crear entrada" — parte media de la card */
  body[data-current-view="inventory"] #addTicketsBtn {
    background: linear-gradient(90deg, #e040fb, #7c4dff) !important;
    border-radius: 0 !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 14px !important;
  }

  /* "Nueva reserva" — cierre inferior de la card */
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-top: none !important;
    border-radius: 0 0 18px 18px !important;  /* esquinas solo abajo */
    margin: 0 !important;
    width: 100% !important;
    padding: 14px !important;
  }
}

/* ================================================================
   MOBILE — Fix gap entre mini-stats y botones (2026-07-11 v2)
   El row-gap: 0 anterior no ganó la cascada. Se fuerza con
   margin negativo en los botones para eliminar el espacio visual.
   ================================================================ */
@media (max-width: 640px) {
  /* Forzar eliminación de gap entre filas del grid */
  body[data-current-view="inventory"] .inventory-header {
    grid-template-rows: auto auto auto auto !important;
    row-gap: 0 !important;
  }

  /* Pegar "Crear entrada" directamente contra mini-stats */
  body[data-current-view="inventory"] #addTicketsBtn {
    margin-top: -1px !important;
  }

  /* Pegar "Nueva reserva" directamente contra "Crear entrada" */
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    margin-top: -1px !important;
  }
}

/* ================================================================
   MOBILE — Fix gap residual + barra de progreso (2026-07-11 v3)
   ================================================================ */
@media (max-width: 640px) {
  /* Quitar margin-top que separaba mini-stats de card1,
     y quitar padding-bottom para pegar los botones */
  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    margin-top: 12px !important;   /* mantener separación con card 1 */
    margin-bottom: 0 !important;
    padding-bottom: 14px !important;
    border-bottom: none !important;
    border-radius: 18px 18px 0 0 !important;
  }

  /* Eliminar cualquier margin residual en los botones */
  body[data-current-view="inventory"] #addTicketsBtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Forzar row-gap 0 con grid-template-rows explícitas */
  body[data-current-view="inventory"] .inventory-header {
    grid-template-rows: auto auto auto auto !important;
    row-gap: 0 !important;
    gap: 12px 12px !important;          /* col-gap 12, row-gap 12 por defecto */
    grid-row-gap: 0 !important;
  }

  /* Separar SOLO la fila "cover/info/edit" de las demás usando
     margin-bottom en .inventory-event-cover */
  body[data-current-view="inventory"] .inventory-header > .inventory-event-cover {
    margin-bottom: 0 !important;
  }

  /* El gap entre card1 y mini-stats lo pone el margin-top de mini-stats (12px).
     Para que no haya gap entre mini-stats → addTicketsBtn → addClientFromInventoryBtn,
     usamos translateY en vez de margin */
  body[data-current-view="inventory"] #addTicketsBtn {
    transform: translateY(-1px) !important;
  }
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    transform: translateY(-2px) !important;
  }
}

/* ================================================================
   MOBILE — Fix barra de progreso flotante + gap residual (2026-07-11 v4)
   Causa: una regla anterior ponía margin-left:86px; margin-top:-24px
   en .sales-progress sacándola del flujo del grid interno de mini-stats.
   ================================================================ */
@media (max-width: 640px) {
  /* Anular la barra flotante — volver al grid-area normal */
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    position: static !important;
    grid-area: bar !important;
    width: 100% !important;
    height: 8px !important;
    border-radius: 999px !important;
    display: block !important;
  }

  /* Gap residual: usar padding-bottom 0 en mini-stats y translateY más agresivo */
  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    padding-bottom: 16px !important;
  }
  body[data-current-view="inventory"] #addTicketsBtn {
    transform: translateY(-4px) !important;
    position: relative !important;
    z-index: 1 !important;
  }
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    transform: translateY(-8px) !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

/* ================================================================
   MOBILE — Fix gap + íconos rotos + color Ingresos (2026-07-11 v5)
   ================================================================ */
@media (max-width: 640px) {

  /* 1. Eliminar gap entre sales/primary/reserve usando margin negativo
        más agresivo en los botones */
  body[data-current-view="inventory"] #addTicketsBtn {
    transform: translateY(-12px) !important;
    margin-bottom: -12px !important;
  }
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    transform: translateY(-12px) !important;
    margin-bottom: -12px !important;
  }

  /* 2. Íconos rotos en stats — ocultar el ícono SVG/lucide y mostrar
        solo el punto de color que ya está definido en ::before */
  body[data-current-view="inventory"] .sales-metrics span svg,
  body[data-current-view="inventory"] .sales-metrics span i,
  body[data-current-view="inventory"] .sales-metrics span [data-lucide] {
    display: none !important;
  }

  /* 3. Unificar fondo de las 4 tarjetas de stats — quitar el fondo
        rojo/oscuro especial de "Ingresos" (nth-child 4) */
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
  }
}
/* Inventory mobile: remove inner sales container - 2026-07-11 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    border-radius: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats::before,
  body[data-current-view="inventory"] .inventory-header > .mini-stats::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head {
    padding: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress,
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress-copy {
    margin-inline: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics {
    margin-top: 10px !important;
  }
}

/* Inventory mobile: two clean top panels + slim external actions - 2026-07-11 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) 44px !important;
    grid-template-areas:
      "event event event"
      "sales sales sales"
      "primary primary primary"
      "reserve reserve reserve" !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }

  body[data-current-view="inventory"] .inventory-header::before {
    content: "" !important;
    display: block !important;
    grid-area: event !important;
    min-height: 122px !important;
    border: 1px solid rgba(190, 112, 255, .18) !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(139, 44, 255, .18), transparent 36%),
      radial-gradient(circle at 100% 10%, rgba(255, 44, 168, .10), transparent 34%),
      linear-gradient(145deg, rgba(19, 10, 37, .86), rgba(8, 5, 18, .94)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 38px rgba(0,0,0,.24) !important;
  }

  body[data-current-view="inventory"] .inventory-header::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    grid-area: event !important;
    align-self: start !important;
    justify-self: start !important;
    z-index: 1 !important;
    width: 96px !important;
    height: 96px !important;
    margin: 13px 0 0 13px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: 0 14px 26px rgba(0,0,0,.26) !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover::after {
    display: none !important;
    content: none !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    grid-area: event !important;
    align-self: start !important;
    justify-self: stretch !important;
    z-index: 1 !important;
    min-width: 0 !important;
    margin: 15px 56px 0 122px !important;
    padding: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-event-info .eyebrow,
  body[data-current-view="inventory"] #inventoryMeta.inventory-event-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 6px !important;
    color: rgba(224, 208, 255, .72) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] #inventoryTitle {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
  }

  body[data-current-view="inventory"] .inventory-event-place {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .inventory-event-date svg,
  body[data-current-view="inventory"] .inventory-event-place svg {
    width: 12px !important;
    height: 12px !important;
    color: #bd7cff !important;
    flex: 0 0 auto !important;
  }

  body[data-current-view="inventory"] .inventory-active-pill {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    color: #37f59d !important;
    background: rgba(0, 230, 118, .13) !important;
    border: 1px solid rgba(0, 230, 118, .16) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn {
    grid-area: event !important;
    align-self: start !important;
    justify-self: end !important;
    z-index: 2 !important;
    width: 36px !important;
    height: 54px !important;
    min-width: 36px !important;
    margin: 13px 13px 0 0 !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
    color: #fff !important;
    font-size: 0 !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn::before {
    content: "⋮" !important;
    font-size: 25px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn svg,
  body[data-current-view="inventory"] #editCurrentEventBtn .btn-label {
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-area: sales !important;
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-areas:
      "head bar"
      "head copy"
      "metrics metrics" !important;
    align-items: center !important;
    gap: 10px 12px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(190, 112, 255, .16) !important;
    border-radius: 16px !important;
    background: rgba(25, 10, 50, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.20) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .sales-panel-head {
    grid-area: head !important;
    display: block !important;
    padding: 0 10px 0 0 !important;
    border-right: 1px solid rgba(255,255,255,.09) !important;
  }

  body[data-current-view="inventory"] .sales-panel-head span {
    display: block !important;
    margin: 0 0 5px !important;
    color: rgba(226, 211, 255, .72) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] .sales-panel-head strong {
    display: block !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: .92 !important;
    font-weight: 950 !important;
    letter-spacing: -.05em !important;
  }

  body[data-current-view="inventory"] .sales-panel-head small {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(226, 211, 255, .62) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
  }

  body[data-current-view="inventory"] .sales-progress {
    grid-area: bar !important;
    height: 7px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(139,44,255,.22) !important;
  }

  body[data-current-view="inventory"] .sales-progress-copy {
    grid-area: copy !important;
    margin: 0 !important;
    color: rgba(226, 211, 255, .66) !important;
    text-align: right !important;
    font-size: 10px !important;
    font-weight: 760 !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 2px 0 0 !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 55px !important;
    padding: 9px 5px 7px !important;
    border-radius: 10px !important;
    background: rgba(16, 10, 37, .74) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    color: rgba(226, 211, 255, .66) !important;
    text-align: center !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .sales-metrics span::before {
    position: static !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 auto 5px !important;
    border-radius: 999px !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:last-child strong {
    font-size: 15px !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn,
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    width: 100% !important;
    min-height: 31px !important;
    height: 31px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn {
    grid-area: primary !important;
    background: linear-gradient(100deg, #ff1599, #8b2cff) !important;
    border: 0 !important;
  }

  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    grid-area: reserve !important;
    color: rgba(226, 211, 255, .80) !important;
    border: 1px solid rgba(155, 44, 255, .36) !important;
    background: rgba(12, 6, 24, .46) !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn svg,
  body[data-current-view="inventory"] #addClientFromInventoryBtn svg {
    width: 14px !important;
    height: 14px !important;
  }
}

/* Inventory mobile: restore wide panels, keep only action buttons slim - 2026-07-11 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 112px minmax(0, 1fr) 40px !important;
    grid-template-areas:
      "event event event"
      "sales sales sales"
      "primary primary primary"
      "reserve reserve reserve" !important;
    gap: 10px !important;
    padding: 0 !important;
    margin-inline: 0 !important;
    justify-items: stretch !important;
  }

  body[data-current-view="inventory"] .inventory-header::before {
    width: 100% !important;
    min-height: 128px !important;
    border-radius: 17px !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    width: 112px !important;
    height: 112px !important;
    margin: 12px 0 0 12px !important;
    border-radius: 14px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    margin: 15px 54px 0 138px !important;
  }

  body[data-current-view="inventory"] #inventoryTitle {
    font-size: 25px !important;
    line-height: 1.02 !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn {
    width: 38px !important;
    height: 56px !important;
    min-width: 38px !important;
    margin: 12px 12px 0 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    width: 100% !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    padding: 13px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="inventory"] .sales-panel-head strong {
    font-size: 28px !important;
  }

  body[data-current-view="inventory"] .sales-metrics {
    gap: 8px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 58px !important;
    padding: 9px 5px 7px !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    font-size: 18px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:last-child strong {
    font-size: 16px !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn,
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }
}

/* ================================================================
   Inventory MOBILE — final layout fix (2026-07-12)
   Placed last on purpose. The file above has ~10 stacked mobile
   passes fighting over .content/#inventoryWorkspace padding, and
   the header's grid-template-areas in the very last pass no longer
   includes an "edit" area — so .inventory-header-topactions falls
   back to auto-placement and floats loose instead of docking to
   the top-right corner. This block re-asserts the essentials
   without having to untangle every prior rule:
     1. Real horizontal breathing room on every section (header,
        toolbar, search, table) so nothing sits flush against the
        screen edge.
     2. Edit/menu buttons pinned to the header's top-right corner
        via position:absolute, independent of the broken grid-area.
     3. No more clipped text (venue name, ingresos amount).
   ================================================================ */
@media (max-width: 640px) {

  /* ---- 1. Horizontal breathing room everywhere, matching the
     floating bottom nav's own inset (18px) exactly. Single source
     of truth: #inventoryWorkspace itself carries the 18px gutter,
     and .content is de-padded so nothing doubles up or gets lost
     in an intermediate wrapper. ---- */
  body[data-current-view="inventory"] .content {
    padding: 12px 0 150px !important;
    box-sizing: border-box !important;
  }
  body[data-current-view="inventory"] #inventoryWorkspace {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: 18px !important;
    box-sizing: border-box !important;
  }
  body[data-current-view="inventory"] .inventory-header {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  /* Padding lives on the cover+title row only, not on the whole
     header — otherwise mini-stats/buttons (which share the same
     grid) end up inset an extra 16px vs. the entradas list below. */
  body[data-current-view="inventory"] .inventory-event-cover {
    margin: 14px 0 0 14px !important;
  }
  /* FIX 2026-07-12b: .inventory-event-cover and .inventory-event-info
     intentionally share grid-area:"event" (see the two 2026-07-11
     passes above) and are positioned side by side purely with margin,
     not grid columns. That means info's margin-left MUST always be
     >= cover's margin-left + cover's width + a small gap, or the text
     renders on top of the image. Cover here is 112px wide (set two
     passes up, not touched by this block) + 14px margin-left = 126px,
     so info needs ~140px. A previous edit in this exact block dropped
     info's margin-left to 14px (matching cover's, not clearing it)
     and caused the title/date/location to overlap the cover image.
     If you resize the cover again, update this number too. */
  body[data-current-view="inventory"] .inventory-event-info {
    margin: 16px 46px 0 140px !important;
    min-width: 0 !important;
  }
  body[data-current-view="inventory"] .inventory-header > .mini-stats,
  body[data-current-view="inventory"] .inventory-toolbar,
  body[data-current-view="inventory"] .bulk-actions-bar,
  body[data-current-view="inventory"] .inventory-list-head,
  body[data-current-view="inventory"] .ticket-table-wrap,
  body[data-current-view="inventory"] .ticket-card-grid {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* ---- 2. Edit / menu buttons: pinned top-right, no longer
     dependent on the (now broken) "edit" grid-area. ---- */
  body[data-current-view="inventory"] .inventory-header-topactions {
    display: flex !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    grid-area: auto !important;
    gap: 8px !important;
    z-index: 5 !important;
  }
  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn {
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-area: auto !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  /* Give the info block room so the title/venue never run under
     the now-absolutely-positioned buttons (margin-right already
     set above; kept here as a single source for that specific
     override in case cascade order shifts). */

  /* ---- 3. No more clipped text ---- */
  body[data-current-view="inventory"] .inventory-event-place,
  body[data-current-view="inventory"] #inventoryTitle {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:last-child strong {
    font-size: 13px !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.15 !important;
    word-break: break-word !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:last-child {
    overflow: visible !important;
  }

  /* ---- 4. Topbar (hamburger / title / export-import-plus icons):
     lives outside #inventoryWorkspace, so it needs its own explicit
     match to the same 18px side inset used everywhere else. ---- */
  body[data-current-view="inventory"] .topbar {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* ================================================================
   Inventory MOBILE — tinted stat cards (2026-07-12b)
   The 4 mini-stats (Total/Vendidas/Disponibles/Ingresos) already had
   a correctly-colored dot per category (see the nth-child(n)::before
   rules earlier in the file), but every card used the same flat dark
   background. This tints each card's background/border with its own
   category color, matching the client's design reference. The little
   glyph some screenshots show next to the dot is NOT real markup
   (app.js only outputs <span><strong>N</strong> label</span>, no
   icon) — it's a rendering artifact from an older/cached build, so
   it's intentionally not reproduced here.
   ================================================================ */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) {
    background: color-mix(in srgb, var(--iap-purple) 16%, rgba(16,10,37,.74)) !important;
    border-color: color-mix(in srgb, var(--iap-purple) 40%, transparent) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) {
    background: color-mix(in srgb, var(--iap-blue) 16%, rgba(16,10,37,.74)) !important;
    border-color: color-mix(in srgb, var(--iap-blue) 40%, transparent) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) {
    background: color-mix(in srgb, var(--iap-green) 14%, rgba(16,10,37,.74)) !important;
    border-color: color-mix(in srgb, var(--iap-green) 38%, transparent) !important;
  }
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    background: color-mix(in srgb, var(--iap-pink) 18%, rgba(16,10,37,.74)) !important;
    border-color: color-mix(in srgb, var(--iap-pink) 42%, transparent) !important;
  }
}

/* ================================================================
   Inventory MOBILE — quitar el "contenedor" de la etiqueta VENTAS
   (2026-07-12c). Causa: una regla vieja y genérica,
   "body[data-current-view=inventory] .inventory-header > .mini-stats
   span" (sin !important, pensada en su momento para los stat-pills),
   matchea CUALQUIER span descendiente de .mini-stats — incluida la
   etiqueta "VENTAS" dentro de .sales-panel-head, que nunca debía
   llevar fondo/borde/padding de card. Nadie la había neutralizado
   específicamente para ese span. La dejamos como texto plano.
   ================================================================ */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .sales-panel-head span {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    min-width: 0 !important;
  }
}

/* ================================================================
   Inventory MOBILE — fix recorte de la barra de progreso (2026-07-12d)
   Causa: .mini-stats (línea ~6113) tiene "overflow: hidden" con
   border-radius:16px, y la barra de progreso vive en la columna
   flexible ("bar") de ese mismo grid, tocando justo el borde del
   overflow del contenedor padre. Eso recorta la punta redondeada
   del extremo derecho, dejándolo con un corte plano. La solución:
   darle un pequeño margen a la derecha para que la esquina
   redondeada tenga espacio antes de llegar al borde del padre.
   ================================================================ */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress {
    margin-right: 4px !important;
  }
}

/* ================================================================
   Barra de progreso — fix del "corte" a mitad de la barra (2026-07-12e)
   Causa real: .sales-progress span (el relleno rosa/violeta) usa
   "border-radius: inherit", que le copia el 999px del contenedor a
   SUS PROPIAS 4 esquinas. Como el relleno termina a mitad del
   contenedor (ej. 60%), su esquina derecha redondeada queda flotando
   en el medio de la barra — eso es lo que se ve como "recorte" o
   segmento. Fix: redondear SOLO la punta izquierda del relleno
   (donde arranca, igual que el contenedor) y dejar el borde derecho
   recto, para que se funda limpio con el resto de la pista. Esto
   aplica en ambos breakpoints (el bug también afecta desktop, ya
   que la regla base sin scope de breakpoint también usa "inherit").
   ================================================================ */
body[data-current-view="inventory"] .sales-progress span {
  border-radius: 999px 0 0 999px !important;
}

/* ================================================================
   Barra de progreso — fix de continuidad de color (2026-07-12f)
   El "corte" que se ve no es geometría, es un choque de color: el
   relleno usa un degradado vívido rosa→violeta, pero la pista de
   fondo es un morado plano translúcido sin relación tonal — por eso
   parecen dos cajas distintas pegadas. Fix: la pista usa el mismo
   degradado (rosa→violeta) pero mucho más tenue, para que sea una
   continuación de color en vez de un corte de tono.
   ================================================================ */
body[data-current-view="inventory"] .sales-progress {
  background: rgba(255,255,255,.06) !important;
}

/* ================================================================
   Botones "Crear entrada" / "Nueva reserva" — menos altura, sin
   resplandor (2026-07-12g). Causa real encontrada: la línea ~2501
   ("body[...] .inventory-header-actions #addTicketsBtn", sin media
   query, min-height:47px !important) tiene MÁS especificidad que un
   simple "#addTicketsBtn" — por eso el fix anterior no ganaba pase
   lo que pase con el orden en el archivo. Este iguala el selector
   exacto para asegurar la victoria.
   ================================================================ */
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn,
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  gap: 6px !important;
  border-radius: 9px !important;
}
body[data-current-view="inventory"] .inventory-header-actions #addTicketsBtn svg,
body[data-current-view="inventory"] .inventory-header-actions #addClientFromInventoryBtn svg {
  width: 14px !important;
  height: 14px !important;
}

/* ================================================================
   Reordenar "Evento activo" al final (2026-07-12h)
   Pregunta abierta de sesiones anteriores, resuelta ahora: el
   objetivo quiere fecha → título → ubicación → píldora, en vez de
   fecha → píldora → título → ubicación. En el markup real
   (renderInventory en app.js), la píldora vive DENTRO de
   .inventory-event-meta junto a la fecha — así que con
   display:contents en ese wrapper, la fecha y la píldora pasan a
   ser hijos directos del mismo flex que el título y la ubicación,
   y ahí sí se puede reordenar con "order" sin tocar el JS.
   ================================================================ */
body[data-current-view="inventory"] .inventory-event-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
body[data-current-view="inventory"] .inventory-event-meta,
body[data-current-view="inventory"] #inventoryMeta.inventory-event-meta {
  display: contents !important;
}
body[data-current-view="inventory"] .inventory-event-date {
  order: 1 !important;
}
body[data-current-view="inventory"] #inventoryTitle {
  order: 2 !important;
}
body[data-current-view="inventory"] .inventory-event-place {
  order: 3 !important;
}
body[data-current-view="inventory"] .inventory-active-pill {
  order: 4 !important;
  margin-top: 6px !important;
  align-self: flex-start !important;
}

/* ================================================================
   Espacio inferior del header (2026-07-12i)
   .inventory-header tenía padding:0 (el espaciado vivía en los
   márgenes de la portada/info), pero no reservaba nada abajo. Ahora
   que "Evento activo" pasó a ser la última línea, el contenido creció
   una fila y queda pegado al borde inferior. Agregamos padding-bottom
   para que quede simétrico con el espacio de arriba.
   ================================================================ */
@media (max-width: 640px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header {
    padding-bottom: 14px !important;
  }
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-active-pill {
    margin-bottom: 0 !important;
  }
}

/* ================================================================
   FIX DEFINITIVO tarjeta de evento (mobile) — mayor especificidad
   a proposito ("html body[...]") para ganar sobre las ~15 reglas
   anteriores que compiten por .inventory-event-info en este archivo.
   NOTA: .inventory-header sigue siendo grid (contiene tambien el
   panel de ventas y los botones), no se toca su display aqui.
   ================================================================ */
@media (max-width: 640px) {
  html body[data-current-view="inventory"] .inventory-event-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
    min-width: 0 !important;
  }
}
/* Inventory mobile: balance event and sales panels spacing - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header {
    gap: 9px !important;
  }

  body[data-current-view="inventory"] .inventory-header::before {
    min-height: 148px !important;
    border-radius: 16px !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover {
    width: 108px !important;
    height: 108px !important;
    margin: 16px 0 0 16px !important;
    border-radius: 13px !important;
  }

  body[data-current-view="inventory"] .inventory-event-info {
    margin: 17px 56px 16px 140px !important;
  }

  body[data-current-view="inventory"] #editCurrentEventBtn {
    margin: 16px 15px 0 0 !important;
  }

  body[data-current-view="inventory"] .inventory-active-pill {
    margin-bottom: 2px !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    border-radius: 16px !important;
  }
}

/* Inventory mobile: add breathing room between event and sales panels - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header {
    gap: 12px !important;
  }
}

/* Inventory mobile: consistent vertical rhythm between header panels/actions - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header {
    gap: 11px !important;
    margin-bottom: 11px !important;
  }

  body[data-current-view="inventory"] #addTicketsBtn,
  body[data-current-view="inventory"] #addClientFromInventoryBtn {
    margin: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-toolbar {
    margin-top: 11px !important;
  }
}

/* Inventory mobile: premium sales detail cards - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .sales-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    position: relative !important;
    min-height: 66px !important;
    padding: 15px 7px 9px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    color: rgba(235,228,255,.72) !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .sales-metrics span::before {
    content: "" !important;
    position: absolute !important;
    top: 11px !important;
    left: 50% !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 999px !important;
    transform: translateX(-50%) !important;
    background: var(--metric-dot, #a855f7) !important;
    box-shadow: 0 0 12px var(--metric-dot, #a855f7) !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    display: block !important;
    margin: 8px 0 5px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) {
    --metric-dot: #9b2cff;
    background: linear-gradient(145deg, rgba(71,28,132,.72), rgba(28,17,62,.88)) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) {
    --metric-dot: #19b8ff;
    background: linear-gradient(145deg, rgba(20,58,108,.76), rgba(18,24,62,.9)) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) {
    --metric-dot: #22e889;
    background: linear-gradient(145deg, rgba(14,72,62,.74), rgba(15,37,48,.91)) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    --metric-dot: #ff2ca8;
    background: linear-gradient(145deg, rgba(106,17,81,.78), rgba(52,12,50,.92)) !important;
    border-color: rgba(255,44,168,.22) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) strong {
    font-size: 15px !important;
    letter-spacing: -.035em !important;
  }
}

/* Inventory mobile: final compact sales detail cards - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .sales-metrics {
    gap: 7px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    min-height: 60px !important;
    padding: 14px 6px 8px !important;
    border-radius: 7px !important;
    border-color: rgba(255,255,255,.04) !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    color: rgba(236,229,255,.70) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span::before {
    top: 10px !important;
    width: 4.5px !important;
    height: 4.5px !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    margin: 8px 0 4px !important;
    font-size: 17px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) strong {
    font-size: 14px !important;
  }
}

/* Inventory mobile: square-ish sales metric cards - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .sales-metrics {
    gap: 8px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span {
    aspect-ratio: 1 / .92 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 13px 5px 7px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-current-view="inventory"] .sales-metrics span::before {
    top: 9px !important;
  }

  body[data-current-view="inventory"] .sales-metrics strong {
    margin: 7px 0 4px !important;
    font-size: 17px !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) strong {
    font-size: 14px !important;
  }
}

/* Inventory mobile: clean metric card borders - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .sales-metrics span,
  body[data-current-view="inventory"] .sales-metrics span:nth-child(1),
  body[data-current-view="inventory"] .sales-metrics span:nth-child(2),
  body[data-current-view="inventory"] .sales-metrics span:nth-child(3),
  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 8px 18px rgba(0,0,0,.16) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(1) {
    background: linear-gradient(145deg, #31115e 0%, #1c103f 100%) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(2) {
    background: linear-gradient(145deg, #112d64 0%, #11183e 100%) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(3) {
    background: linear-gradient(145deg, #0d3f3b 0%, #0f2630 100%) !important;
  }

  body[data-current-view="inventory"] .sales-metrics span:nth-child(4) {
    background: linear-gradient(145deg, #65104d 0%, #330b31 100%) !important;
  }
}

/* Inventory mobile: clean progress bar clipping - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress,
  body[data-current-view="inventory"] .sales-progress {
    position: relative !important;
    height: 6px !important;
    min-height: 6px !important;
    max-height: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(137, 49, 206, .22) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018) !important;
    overflow: hidden !important;
    line-height: 0 !important;
    transform: none !important;
  }

  body[data-current-view="inventory"] .sales-progress span {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    display: block !important;
    width: var(--inventory-progress, 0%) !important;
    height: 6px !important;
    min-height: 6px !important;
    max-height: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px 0 0 999px !important;
    background: linear-gradient(90deg, #ff2ca8 0%, #b42dff 100%) !important;
    box-shadow: none !important;
    line-height: 0 !important;
    transform: none !important;
  }
}

/* Inventory mobile: thicker progress bar and centered progress copy - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress,
  body[data-current-view="inventory"] .sales-progress {
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
  }

  body[data-current-view="inventory"] .sales-progress span {
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress-copy,
  body[data-current-view="inventory"] .sales-progress-copy {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    justify-self: center !important;
    align-self: center !important;
  }
}
/* Inventory mobile: compact status chips under search - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-toolbar {
    margin-bottom: 10px !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips::-webkit-scrollbar {
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips button {
    position: relative !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 26px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    background: linear-gradient(180deg, rgba(35, 23, 58, .82), rgba(22, 15, 38, .78)) !important;
    color: rgba(234, 225, 255, .76) !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips button.active {
    color: #fff !important;
    border-color: rgba(229, 45, 255, .92) !important;
    background: linear-gradient(180deg, rgba(88, 25, 126, .70), rgba(34, 14, 59, .82)) !important;
    box-shadow:
      0 0 0 1px rgba(229, 45, 255, .32) inset,
      0 0 15px rgba(229, 45, 255, .22) !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips span {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    box-shadow: 0 0 10px currentColor !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="sold"] span,
  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="delivered"] span {
    background: #00e676 !important;
    color: #00e676 !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="available"] span {
    background: #2196f3 !important;
    color: #2196f3 !important;
  }

  body[data-current-view="inventory"] .inventory-status-chips [data-status-chip="reserved"] span {
    background: #ffb300 !important;
    color: #ffb300 !important;
  }
}

/* Inventory mobile: final compact premium ticket cards - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .ticket-mobile-list {
    display: grid !important;
    gap: 10px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card,
  body[data-current-view="inventory"] .ticket-reservation-card {
    --ticket-accent: #2196f3;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background:
      radial-gradient(circle at 0 40%, color-mix(in srgb, var(--ticket-accent) 22%, transparent), transparent 34%),
      linear-gradient(135deg, rgba(22,18,34,.98), rgba(18,13,27,.96) 52%, rgba(35,15,43,.92)) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card::before,
  body[data-current-view="inventory"] .ticket-reservation-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    border-radius: 999px 0 0 999px !important;
    background: var(--ticket-accent) !important;
    box-shadow: 0 0 16px color-mix(in srgb, var(--ticket-accent) 52%, transparent) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-card.status-available { --ticket-accent: #18a8ff; }
  body[data-current-view="inventory"] .ticket-mobile-card.status-reserved,
  body[data-current-view="inventory"] .ticket-reservation-card { --ticket-accent: #ffb300; }
  body[data-current-view="inventory"] .ticket-mobile-card.status-sold,
  body[data-current-view="inventory"] .ticket-mobile-card.status-delivered { --ticket-accent: #00e676; }
  body[data-current-view="inventory"] .ticket-mobile-card.status-cancelled { --ticket-accent: #ff4d67; }

  body[data-current-view="inventory"] .ticket-mobile-head {
    display: grid !important;
    grid-template-columns: 20px 34px minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 12px 12px 10px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    accent-color: #ff2ca8 !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head .ticket-type-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    border: 1px solid color-mix(in srgb, var(--ticket-accent) 44%, rgba(255,255,255,.12)) !important;
    background: rgba(255,255,255,.055) !important;
    color: var(--ticket-accent) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-head .ticket-type-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-main strong {
    display: block !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-main span {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(232,222,255,.62) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status {
    display: grid !important;
    justify-items: end !important;
    gap: 4px !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status .status-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--ticket-accent) 38%, transparent) !important;
    background: color-mix(in srgb, var(--ticket-accent) 16%, rgba(255,255,255,.04)) !important;
    color: var(--ticket-accent) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status .status-pill::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
  }

  body[data-current-view="inventory"] .shared-marker {
    color: #ff7aa8 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-grid {
    display: grid !important;
    grid-template-columns: 1.26fr .86fr .86fr !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field {
    min-width: 0 !important;
    padding: 10px 11px !important;
    border-right: 1px solid rgba(255,255,255,.065) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field:last-child { border-right: 0 !important; }

  body[data-current-view="inventory"] .ticket-mobile-field span {
    display: block !important;
    margin-bottom: 4px !important;
    color: rgba(223,209,255,.58) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: none !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field strong {
    display: block !important;
    color: #fff !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field .payment-paid,
  body[data-current-view="inventory"] .ticket-mobile-field .ticket-phone-line {
    color: #44f6a5 !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-field small {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 4px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .ticket-phone-line img {
    width: 12px !important;
    height: 12px !important;
    object-fit: contain !important;
  }

  body[data-current-view="inventory"] .ticket-payment-method {
    color: #fff !important;
  }

  body[data-current-view="inventory"] .ticket-payment-method img {
    width: 19px !important;
    height: 19px !important;
    border-radius: 7px !important;
    object-fit: cover !important;
    box-shadow: 0 0 10px rgba(156, 52, 255, .35) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
    background: rgba(255,255,255,.035) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small {
    min-height: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small + .small {
    border-left: 1px solid rgba(255,255,255,.07) !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-actions .small svg {
    width: 15px !important;
    height: 15px !important;
    color: #e8dcff !important;
  }
}

/* Inventory mobile: align status and shared marker - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .ticket-mobile-status {
    min-width: 82px !important;
    justify-items: stretch !important;
    align-self: start !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status .status-pill,
  body[data-current-view="inventory"] .ticket-mobile-status .shared-marker {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-current-view="inventory"] .ticket-mobile-status .shared-marker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding-right: 1px !important;
  }
}

/* Inventory view: restore original app palette only - 2026-07-12 */
body[data-current-view="inventory"] {
  --iap-bg: var(--bg);
  --iap-panel: var(--surface);
  --iap-panel-2: var(--surface-2);
  --iap-line: var(--line);
  --iap-text: var(--text);
  --iap-muted: var(--muted);
  --iap-pink: var(--pink);
  --iap-purple: var(--violet);
  --iap-blue: var(--blue);
  --iap-green: var(--green);
  --iap-yellow: var(--amber);
  background:
    radial-gradient(circle at 15% -10%, rgba(155,92,255,.22), transparent 32rem),
    radial-gradient(circle at 96% 18%, rgba(255,61,154,.17), transparent 28rem),
    radial-gradient(circle at 60% 105%, rgba(56,217,255,.09), transparent 31rem),
    var(--bg) !important;
}

body[data-current-view="inventory"] .main,
body[data-current-view="inventory"] .content {
  background: transparent !important;
}

body[data-current-view="inventory"] .topbar {
  background: rgba(15, 17, 21, .88) !important;
  border-bottom-color: var(--line) !important;
}

body[data-current-view="inventory"] .inventory-header {
  border-color: rgba(255,255,255,.11) !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(155,92,255,.20), transparent 35%),
    radial-gradient(circle at 100% 0%, rgba(255,61,154,.12), transparent 32%),
    linear-gradient(145deg, rgba(20,16,31,.88), rgba(9,7,15,.94)) !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body[data-current-view="inventory"] .inventory-header > .mini-stats,
body[data-current-view="inventory"] .inventory-event-card,
body[data-current-view="inventory"] .sales-card {
  border-color: rgba(255,255,255,.11) !important;
  background: rgba(20,16,31,.82) !important;
}

body[data-current-view="inventory"] .sales-progress {
  background: rgba(155,92,255,.20) !important;
}

body[data-current-view="inventory"] .sales-progress span,
body[data-current-view="inventory"] #addTicketsBtn,
body[data-current-view="inventory"] #newEventBtn,
body[data-current-view="inventory"] .inventory-mobile-nav .mobile-create {
  background: linear-gradient(90deg, var(--pink), var(--violet)) !important;
}

body[data-current-view="inventory"] .inventory-toolbar .search-box,
body[data-current-view="inventory"] .inventory-toolbar::after,
body[data-current-view="inventory"] .select-control,
body[data-current-view="inventory"] .inventory-status-chips button,
body[data-current-view="inventory"] .bulk-bar:not([hidden]),
body[data-current-view="inventory"] .inventory-mobile-nav,
body[data-current-view="inventory"] .ticket-mobile-actions .small,
body[data-current-view="inventory"] .topbar .icon-btn,
body[data-current-view="inventory"] .topbar-actions .icon-btn {
  border-color: rgba(255,255,255,.11) !important;
  background-color: rgba(20,16,31,.82) !important;
}

body[data-current-view="inventory"] #addClientFromInventoryBtn {
  color: rgba(232,222,255,.92) !important;
  border-color: rgba(155,92,255,.42) !important;
  background: rgba(20,16,31,.62) !important;
}

body[data-current-view="inventory"] .inventory-status-chips button.active {
  border-color: rgba(255,61,154,.78) !important;
  background: rgba(255,61,154,.12) !important;
  box-shadow: 0 0 0 1px rgba(255,61,154,.18) inset, 0 0 18px rgba(255,61,154,.14) !important;
}

body[data-current-view="inventory"] .ticket-mobile-card,
body[data-current-view="inventory"] .ticket-reservation-card {
  background:
    radial-gradient(circle at 0 40%, color-mix(in srgb, var(--ticket-accent) 16%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(20,16,31,.96), rgba(14,10,22,.96) 52%, rgba(24,14,34,.92)) !important;
}

/* Inventory view: soften dark event/sales panels only - 2026-07-12 */
body[data-current-view="inventory"] .inventory-event-card,
body[data-current-view="inventory"] .inventory-header > .mini-stats,
body[data-current-view="inventory"] .sales-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,61,154,.10), transparent 38%),
    radial-gradient(circle at 88% 18%, rgba(155,92,255,.13), transparent 42%),
    rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 34px rgba(0,0,0,.20) !important;
}

/* Inventory view: remove big dark wrapper behind event panels - 2026-07-12 */
body[data-current-view="inventory"] #inventoryWorkspace .inventory-header,
body[data-current-view="inventory"] .inventory-header {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body[data-current-view="inventory"] .inventory-header::before,
body[data-current-view="inventory"] .inventory-header::after {
  display: none !important;
  opacity: 0 !important;
}

/* Inventory mobile: restore top event card only - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header,
  body[data-current-view="inventory"] .inventory-header {
    position: relative !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body[data-current-view="inventory"] .inventory-header::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 134px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background:
      radial-gradient(circle at 14% 8%, rgba(155,92,255,.15), transparent 40%),
      radial-gradient(circle at 92% 15%, rgba(255,61,154,.11), transparent 38%),
      rgba(255,255,255,.035) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 14px 34px rgba(0,0,0,.20) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header::after {
    display: none !important;
    opacity: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-event-cover,
  body[data-current-view="inventory"] .inventory-event-info,
  body[data-current-view="inventory"] .inventory-header-topactions {
    position: relative !important;
    z-index: 1 !important;
  }
}

/* Inventory mobile: keep event menu inside top card - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header-topactions {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions #inventoryMenuBtn {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 16px !important;
    margin: 0 !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn {
    display: none !important;
  }
}

/* Inventory mobile: hard pin event kebab menu to top card - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-header {
    position: relative !important;
  }

  body[data-current-view="inventory"] .inventory-header-actions {
    display: contents !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 10 !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions #editCurrentEventBtn {
    display: none !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions #inventoryMenuBtn {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: rgba(255, 255, 255, .075) !important;
    color: #fff !important;
    transform: none !important;
  }

  body[data-current-view="inventory"] .inventory-header-topactions #inventoryMenuBtn svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
  }
}

/* Inventory mobile: test borderless event and sales containers - 2026-07-12 */
@media (max-width: 640px) {
  body[data-current-view="inventory"] .inventory-event-card,
  body[data-current-view="inventory"] .sales-card {
    border-color: transparent !important;
    border-width: 0 !important;
  }
}

/* Compact experience selector - 2026-07-13 */
.experience-choice-body {
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 13% 17%, rgba(255, 39, 176, .26), transparent 15rem),
    radial-gradient(circle at 86% 86%, rgba(209, 48, 210, .24), transparent 15rem),
    radial-gradient(circle at 58% 42%, rgba(87, 64, 255, .1), transparent 18rem),
    linear-gradient(145deg, #080711 0%, #0b0914 48%, #04050b 100%);
}
.experience-choice {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 22px;
}
.experience-choice__panel {
  width: min(330px, calc(100vw - 34px));
  display: grid;
  justify-items: center;
  gap: 18px;
  padding: 34px 26px 28px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(31, 26, 44, .62), rgba(8, 8, 18, .84)),
    rgba(12, 10, 20, .72);
  box-shadow:
    0 34px 90px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(22px);
}
.experience-choice__logo {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 2px solid rgba(255, 56, 178, .86);
  background: rgba(13, 10, 24, .82);
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -.05em;
  box-shadow: 0 0 24px rgba(255, 45, 176, .58), inset 0 0 16px rgba(142, 66, 255, .22);
}
.experience-choice__brand {
  display: grid;
  justify-items: center;
  gap: 5px;
  text-align: center;
}
.experience-choice__brand strong {
  font-size: 20px;
  letter-spacing: .25em;
  font-weight: 900;
  line-height: 1;
}
.experience-choice__brand strong span { color: #ff3da8; }
.experience-choice__brand small {
  color: rgba(255,255,255,.48);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.experience-choice__intro {
  margin-top: 8px;
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
}
.experience-choice__intro h1 {
  margin: 0;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -.02em;
}
.experience-choice__intro p {
  width: min(220px, 100%);
  margin: 0;
  color: rgba(255,255,255,.56);
  font-size: 12px;
  line-height: 1.45;
}
.choice-option-list {
  width: 100%;
  display: grid;
  gap: 8px;
  margin-top: 6px;
}
.choice-option {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 52px 1fr 20px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.choice-option:hover {
  transform: translateY(-1px);
  border-color: rgba(255,61,154,.46);
  background: rgba(255,255,255,.065);
  box-shadow: 0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}
.choice-option--main {
  border-color: rgba(255, 45, 176, .72);
  background: linear-gradient(135deg, rgba(255, 45, 176, .17), rgba(128, 52, 255, .12));
  box-shadow: 0 0 22px rgba(255, 45, 176, .18), inset 0 1px 0 rgba(255,255,255,.08);
}
.choice-option__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, rgba(255,61,154,.75), rgba(132,65,255,.65));
}
.choice-option:nth-child(2) .choice-option__icon {
  background: linear-gradient(135deg, rgba(110,68,255,.82), rgba(84,42,169,.78));
}
.choice-option:nth-child(3) .choice-option__icon {
  background: linear-gradient(135deg, rgba(255,122,71,.82), rgba(168,45,202,.78));
}
.choice-option__icon svg { width: 21px; height: 21px; }
.choice-option__text {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.choice-option__text strong {
  font-size: 15px;
  line-height: 1;
  letter-spacing: -.01em;
}
.choice-option__text small {
  color: rgba(255,255,255,.55);
  font-size: 10px;
  line-height: 1.28;
}
.choice-option__arrow {
  width: 17px;
  height: 17px;
  color: rgba(255,255,255,.72);
  justify-self: end;
}
.choice-option--main .choice-option__arrow { color: #ff4fbd; }
@media (max-width: 390px) {
  .experience-choice { padding: 18px; }
  .experience-choice__panel { width: min(318px, calc(100vw - 30px)); }
}

/* IAP_DESKTOP_SAFE_INVENTORY_START - 2026-07-18
   Desktop-only inventory header override. Mobile remains untouched. */
@media (min-width: 1024px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header {
    --iap-card-border: rgba(255, 255, 255, .115);
    --iap-card-bg: rgba(12, 10, 22, .72);
    position: relative !important;
    display: grid !important;
    grid-template-columns: 96px minmax(270px, .62fr) minmax(620px, 1.65fr) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 18px !important;
    row-gap: 16px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 18px 18px 18px !important;
    margin: 0 0 76px !important;
    overflow: visible !important;
    isolation: isolate !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 6% 0%, rgba(142, 97, 255, .34), transparent 35%),
      radial-gradient(circle at 100% 18%, rgba(236, 37, 132, .30), transparent 38%),
      linear-gradient(112deg, rgba(58, 42, 96, .76), rgba(13, 11, 24, .94) 43%, rgba(97, 15, 67, .76)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 26px 60px rgba(0,0,0,.25) !important;
    backdrop-filter: blur(18px) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header::before,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > * {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-current-view="inventory"] #backToEventsBtn {
    display: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-cover {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-cover::before,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-cover::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    min-width: 0 !important;
    padding: 2px 0 0 !important;
    margin: 0 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #inventoryMeta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 9px !important;
    color: rgba(223, 211, 255, .76) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #inventoryMeta svg,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-place svg {
    width: 14px !important;
    height: 14px !important;
    color: #c084fc !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-active-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 24px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(52, 211, 153, .30) !important;
    border-radius: 999px !important;
    background: rgba(16, 185, 129, .16) !important;
    color: #35f3a4 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-active-pill::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    box-shadow: 0 0 14px currentColor !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #inventoryTitle {
    margin: 0 0 7px !important;
    color: #fff !important;
    font-size: clamp(24px, 2vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    font-weight: 950 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-event-place {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-topactions {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    display: flex !important;
    gap: 10px !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    z-index: 4 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-topactions #inventoryMenuBtn,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-topactions #editCurrentEventBtn {
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-topactions #inventoryMenuBtn {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-topactions #editCurrentEventBtn {
    width: auto !important;
    min-width: 142px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 1.45fr) repeat(4, minmax(132px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 88px 1fr !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 4px !important;
    min-height: 76px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background: rgba(9, 8, 17, .82) !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-panel-head span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    min-width: 76px !important;
    padding: 5px 14px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.06) !important;
    color: rgba(230, 217, 255, .72) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .11em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-panel-head span::before {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-panel-head strong {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-panel-head small {
    display: inline !important;
    margin-left: 4px !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .mini-stats > .sales-progress {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: calc(100% - 130px) !important;
    height: 8px !important;
    margin: -2px 16px 0 0 !important;
    border-radius: 999px !important;
    background: rgba(122, 43, 190, .32) !important;
    overflow: hidden !important;
    z-index: 2 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .mini-stats > .sales-progress span {
    display: block !important;
    width: var(--inventory-progress, 0%) !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #ff2aa3, #a832ff) !important;
    box-shadow: 0 0 16px rgba(255, 43, 174, .26) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .mini-stats > .sales-progress-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: end !important;
    margin: 0 16px 12px 0 !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-align: right !important;
    z-index: 2 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .mini-stats > .sales-metrics {
    display: contents !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span {
    min-width: 0 !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 17px 18px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    color: rgba(235, 225, 255, .74) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.15) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span::before,
  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span::after {
    content: none !important;
    display: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span:nth-child(1) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    background: linear-gradient(135deg, rgba(86, 28, 151, .72), rgba(48, 17, 84, .72)) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span:nth-child(2) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    background: linear-gradient(135deg, rgba(28, 83, 163, .58), rgba(20, 43, 92, .70)) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span:nth-child(3) {
    grid-column: 4 !important;
    grid-row: 1 !important;
    background: linear-gradient(135deg, rgba(19, 117, 92, .56), rgba(14, 68, 60, .70)) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span:nth-child(4) {
    grid-column: 5 !important;
    grid-row: 1 !important;
    background: linear-gradient(135deg, rgba(167, 21, 105, .60), rgba(97, 14, 68, .75)) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 27px !important;
    line-height: .95 !important;
    letter-spacing: -.04em !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .sales-metrics span:nth-child(4) strong {
    font-size: 24px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-actions {
    display: contents !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-actions #addTicketsBtn,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-actions #addClientFromInventoryBtn {
    position: absolute !important;
    bottom: -62px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    z-index: 3 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-actions #addTicketsBtn {
    left: 8px !important;
    width: calc(50% - 16px) !important;
    border: 0 !important;
    background: linear-gradient(100deg, #ff2aa3 0%, #8b2cff 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 38px rgba(236, 37, 132, .18) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header-actions #addClientFromInventoryBtn {
    right: 8px !important;
    width: calc(50% - 16px) !important;
    border: 1px solid rgba(177, 74, 255, .55) !important;
    background: rgba(12, 10, 18, .72) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-toolbar {
    margin-top: 0 !important;
  }
}
/* IAP_DESKTOP_SAFE_INVENTORY_END */
/* IAP_DESKTOP_INVENTORY_LOWER_CONTROLS_START - 2026-07-18 final */
body[data-current-view="inventory"] #bulkBar[hidden],
body[data-current-view="inventory"] #bulkBar.is-empty,
body[data-current-view="inventory"] #inventoryWorkspace .bulk-bar[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 1024px) {
  body[data-current-view="inventory"] #inventoryWorkspace > .inventory-toolbar {
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) repeat(3, minmax(190px, .9fr)) !important;
    gap: 12px !important;
    align-items: end !important;
    margin: 18px 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace > .inventory-toolbar .search-box {
    height: 48px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(90deg, rgba(24,22,32,.92), rgba(60,22,49,.72)) !important;
    padding: 0 18px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace > .inventory-toolbar .filter-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace > .inventory-toolbar .filter-field label {
    display: block !important;
    color: rgba(232,222,255,.58) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace > .inventory-toolbar .select-control {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(20,18,28,.88) !important;
    color: #fff !important;
    padding: 0 36px 0 15px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips {
    display: flex !important;
    gap: 10px !important;
    margin: 10px 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips > button {
    all: unset !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(18,15,29,.92) !important;
    color: rgba(232,222,255,.82) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips > button.active {
    color: #fff !important;
    border-color: rgba(255,44,168,.95) !important;
    background: linear-gradient(135deg, rgba(255,44,168,.18), rgba(139,44,255,.18)) !important;
    box-shadow: 0 0 0 1px rgba(255,44,168,.16) inset, 0 0 20px rgba(255,44,168,.14) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips > button > span {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    box-shadow: 0 0 12px currentColor !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips [data-status-chip="sold"],
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips [data-status-chip="delivered"] {
    color: #18f288 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips [data-status-chip="available"] {
    color: #2bb8ff !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-status-chips [data-status-chip="reserved"] {
    color: #ffb300 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar:not([hidden]):not(.is-empty) {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 0 18px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,44,168,.38) !important;
    background: linear-gradient(90deg, rgba(255,44,168,.08), rgba(139,44,255,.08)), rgba(17,14,25,.92) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar > strong {
    flex: 0 0 150px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar > div {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-list-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 14px 0 10px !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-list-head strong {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-list-head span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: rgba(232,222,255,.72) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
  }
}
/* IAP_DESKTOP_INVENTORY_LOWER_CONTROLS_END */

/* IAP_DESKTOP_INVENTORY_STATS_FIX_START */
@media (min-width: 900px) {
  body[data-current-view="inventory"] .inventory-header {
    align-content: start !important;
    grid-auto-rows: auto !important;
    row-gap: 14px !important;
    padding-bottom: 18px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    display: grid !important;
    grid-template-columns: minmax(320px, 1.45fr) repeat(4, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    min-height: 92px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 92px !important;
    min-height: 92px !important;
    display: block !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(7, 6, 16, 0.82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head > span {
    position: absolute !important;
    top: 13px !important;
    left: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    height: 25px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head > strong {
    position: absolute !important;
    left: 16px !important;
    bottom: 15px !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 4px !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 0.85 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head > strong small {
    display: inline !important;
    margin: 0 0 2px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    z-index: 2 !important;
    height: 7px !important;
    margin: 0 16px 0 142px !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: end !important;
    z-index: 2 !important;
    margin: 0 16px 15px 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics {
    display: contents !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics > span {
    height: 92px !important;
    min-height: 92px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 12px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics > span strong {
    margin: 0 0 7px !important;
    line-height: 0.95 !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-metrics > span small {
    margin: 0 !important;
    line-height: 1 !important;
  }
}

@media (min-width: 900px) and (max-width: 1280px) {
  body[data-current-view="inventory"] .inventory-header > .mini-stats {
    grid-template-columns: minmax(280px, 1.32fr) repeat(4, minmax(130px, 1fr)) !important;
    gap: 10px !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-progress {
    margin-left: 124px !important;
  }

  body[data-current-view="inventory"] .inventory-header > .mini-stats > .sales-panel-head > strong {
    font-size: 27px !important;
  }
}
/* IAP_DESKTOP_INVENTORY_STATS_FIX_END */

/* Experience switch */
.nav-list a.nav-item.experience-switch {
  color: inherit;
  text-decoration: none;
}

.nav-list .experience-switch {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.plus-badge {
  margin-left: auto;
  padding: 3px 6px;
  border: 1px solid rgba(255, 61, 154, .34);
  border-radius: 999px;
  color: #ff78bf;
  background: rgba(255, 61, 154, .09);
  font-size: 7px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .1em;
}

/* Application footer */
.app-footer {
  width: calc(100% - 56px);
  max-width: 1504px;
  min-height: 96px;
  margin: 24px auto 0;
  padding: 24px 0 28px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto minmax(210px, .7fr);
  align-items: center;
  gap: 24px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.09);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.app-footer__brand { min-width: 0; display: flex; align-items: center; gap: 12px; }
.app-footer__mark {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #8b2cff, #ff2aa3);
  box-shadow: 0 10px 26px rgba(221,42,171,.24);
  font-size: 12px;
  font-weight: 950;
}
.app-footer__brand strong, .app-footer__brand span { display: block; }
.app-footer__brand strong { font-size: 15px; }
.app-footer__brand div > span { margin-top: 3px; color: #9f96aa; font-size: 10px; }
.app-footer__nav { display: flex; align-items: center; justify-content: center; gap: 5px; }
.app-footer__nav button {
  padding: 9px 11px;
  border: 0;
  border-radius: 10px;
  color: #aaa2b5;
  background: transparent;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}
.app-footer__nav button:hover { color: #fff; background: rgba(255,255,255,.06); }
.app-footer__meta { display: grid; justify-items: end; gap: 7px; color: #867d91; }
.app-footer__status { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 800; }
.app-footer__status i { width: 7px; height: 7px; border-radius: 50%; background: #51d98a; box-shadow: 0 0 12px rgba(81,217,138,.55); }
.app-footer__meta small { font-size: 9px; }

@media (max-width: 760px) {
  .app-footer {
    width: calc(100% - 32px);
    min-height: 0;
    margin: 22px auto 0;
    padding: 22px 0 28px;
    grid-template-columns: 1fr;
    gap: 17px;
  }
  .app-footer__nav { justify-content: flex-start; flex-wrap: wrap; }
  .app-footer__nav button { padding: 8px 9px; background: transparent; }
  .app-footer__meta { padding-top: 14px; grid-template-columns: 1fr auto; justify-items: start; border-top: 1px solid rgba(255,255,255,.07); }
  .app-footer__meta small { justify-self: end; }
}

/* Refined mobile product header */
@media (max-width: 760px) {
  body[data-current-view] .topbar,
  body .topbar {
    min-height: 78px !important;
    padding: 12px 12px !important;
    gap: 11px !important;
    border-bottom: 1px solid rgba(255,255,255,.075) !important;
    background:
      linear-gradient(180deg, rgba(13,9,20,.97), rgba(9,7,14,.94)) !important;
    box-shadow: 0 10px 32px rgba(0,0,0,.2) !important;
    backdrop-filter: blur(22px) saturate(1.2) !important;
  }

  body[data-current-view] .topbar-title,
  body .topbar-title {
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
  }

  body[data-current-view] .topbar-title p,
  body[data-current-view] #viewEyebrow,
  body .topbar-title p {
    margin: 0 !important;
    color: rgba(218,203,229,.68) !important;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
  }

  body[data-current-view] .topbar-title h1,
  body[data-current-view] #viewTitle,
  body .topbar-title h1 {
    margin: 0 !important;
    color: #f8f5fb !important;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
    font-size: 21px !important;
    line-height: 1.08 !important;
    font-weight: 750 !important;
    letter-spacing: -.035em !important;
  }

  body[data-current-view] #menuBtn,
  body #menuBtn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 13px !important;
    border-color: rgba(255,255,255,.1) !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  body[data-current-view] .topbar-actions,
  body .topbar-actions {
    gap: 6px !important;
  }

  body[data-current-view] .topbar-actions .icon-btn,
  body .topbar-actions .icon-btn {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    color: #c8c0d1 !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body[data-current-view] .topbar-actions .primary-btn,
  body[data-current-view] #newEventBtn,
  body .topbar-actions .primary-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(145deg, #bd3fff, #f42c9c) !important;
    box-shadow: 0 8px 22px rgba(211,45,177,.25), inset 0 1px 0 rgba(255,255,255,.2) !important;
  }

  body[data-current-view] .topbar svg,
  body .topbar svg {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 2.1 !important;
  }
}

.user-avatar {
  border: 0;
  cursor: pointer;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  padding: 2px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #6734c7, #ec318f);
  box-shadow: 0 8px 22px rgba(190,44,155,.2), inset 0 1px 0 rgba(255,255,255,.22);
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .02em;
}

/* Promoter profile */
.promoter-profile-view { width: min(960px, 100%); margin: 0 auto; }
.promoter-profile-hero { position: relative; display: grid; grid-template-columns: 82px minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 22px; background: linear-gradient(135deg,#20232a,#17191e 68%); }
.promoter-profile-hero::after { content:""; position:absolute; width:190px; height:190px; right:-70px; top:-100px; border-radius:50%; background:rgba(244,63,79,.13); filter:blur(22px); pointer-events:none; }
.promoter-profile-avatar { width:82px; height:82px; display:grid; place-items:center; border-radius:24px; color:#fff; background:linear-gradient(135deg,#713bd1,#ec318f); font-size:22px; font-weight:900; box-shadow:0 12px 32px rgba(190,44,155,.2); }
.promoter-profile-identity,.promoter-profile-identity p,.promoter-profile-identity h2,.promoter-profile-identity span { min-width:0; margin:0; }
.promoter-profile-identity p { color:#f19acf; font-size:9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.promoter-profile-identity h2 { margin:5px 0; color:#fff; font-size:28px; line-height:1.05; }
.promoter-profile-identity span { display:block; overflow:hidden; color:#aaa3b8; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.promoter-profile-status { z-index:1; display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(81,217,138,.2); border-radius:999px; color:#8fe8b4; background:rgba(81,217,138,.07); font-size:9px; font-weight:800; }
.promoter-profile-status svg { width:15px; }
.promoter-profile-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:12px 0; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#17191e; }
.promoter-profile-stats article { display:flex; align-items:center; justify-content:center; gap:11px; min-height:78px; border-right:1px solid rgba(255,255,255,.07); }
.promoter-profile-stats article:last-child { border:0; }
.promoter-profile-stats svg { width:20px; color:#f19acf; }
.promoter-profile-stats strong,.promoter-profile-stats small { display:block; }
.promoter-profile-stats strong { color:#fff; font-size:20px; }.promoter-profile-stats small { margin-top:2px; color:#8d8795; font-size:9px; }
.promoter-profile-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:12px; }
.promoter-profile-card { padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:#17191e; }
.promoter-profile-heading { display:flex; align-items:center; gap:11px; margin-bottom:17px; }.promoter-profile-heading>span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#f19acf; background:rgba(244,63,79,.1); }.promoter-profile-heading svg { width:18px; }.promoter-profile-heading h3,.promoter-profile-heading p { margin:0; }.promoter-profile-heading h3 { color:#fff; font-size:13px; }.promoter-profile-heading p { margin-top:3px; color:#8d8795; font-size:9px; }
.promoter-profile-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.promoter-profile-fields label>span { display:block; margin:0 0 6px; color:#bdb5c6; font-size:9px; font-weight:800; }.promoter-profile-fields input { width:100%; height:44px; padding:0 13px; border:1px solid rgba(255,255,255,.1); border-radius:11px; color:#fff; background:#111216; outline:none; }.promoter-profile-fields input:focus { border-color:rgba(244,63,79,.5); box-shadow:0 0 0 3px rgba(244,63,79,.08); }
.promoter-profile-note { margin:10px 0 0; color:#f1bd75; font-size:9px; }.promoter-profile-preferences { margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.07); }.promoter-profile-toggle { display:flex; align-items:center; justify-content:space-between; gap:15px; }.promoter-profile-toggle strong,.promoter-profile-toggle small { display:block; }.promoter-profile-toggle strong { color:#fff; font-size:11px; }.promoter-profile-toggle small { margin-top:3px; color:#8d8795; font-size:9px; }.promoter-profile-toggle input { width:18px; height:18px; accent-color:#ec318f; }.promoter-profile-save { width:100%; margin-top:20px; justify-content:center; }
.promoter-profile-security a { min-height:62px; display:grid; grid-template-columns:22px minmax(0,1fr) 16px; align-items:center; gap:10px; border-top:1px solid rgba(255,255,255,.07); color:#fff; text-decoration:none; }.promoter-profile-security a>svg:first-child { color:#f19acf; }.promoter-profile-security a svg { width:17px; }.promoter-profile-security a strong,.promoter-profile-security a small { display:block; }.promoter-profile-security a strong { font-size:10px; }.promoter-profile-security a small { margin-top:3px; color:#8d8795; font-size:8px; }
@media(max-width:760px){.promoter-profile-view{padding-bottom:24px}.promoter-profile-hero{grid-template-columns:60px minmax(0,1fr);gap:13px;padding:18px;border-radius:18px}.promoter-profile-avatar{width:60px;height:60px;border-radius:18px;font-size:17px}.promoter-profile-identity h2{font-size:21px}.promoter-profile-status{grid-column:1/-1;justify-self:start}.promoter-profile-stats article{min-height:68px;gap:7px}.promoter-profile-stats svg{width:17px}.promoter-profile-stats strong{font-size:17px}.promoter-profile-grid{grid-template-columns:1fr}.promoter-profile-fields{grid-template-columns:1fr}.promoter-profile-card{padding:17px;border-radius:17px}}

@media (max-width: 760px) {
  body[data-current-view] .topbar,
  body .topbar {
    min-height: 72px !important;
    padding-inline: 13px !important;
  }

  body[data-current-view] .topbar-title h1,
  body[data-current-view] #viewTitle,
  body .topbar-title h1 {
    font-size: 20px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .015em !important;
  }

  body[data-current-view] .topbar-title p,
  body[data-current-view] #viewEyebrow,
  body .topbar-title p {
    display: none !important;
  }

  .topbar-actions .backup-action {
    display: none !important;
  }

  .topbar-actions .user-avatar {
    width: 38px !important;
    height: 38px !important;
  }

  body[data-current-view] #menuBtn,
  body #menuBtn {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Dashboard mobile cards without exterior shadows */
@media (max-width: 760px) {
  #dashboardView .metric-card,
  #dashboardEvents > .event-card,
  #dashboardEvents > .event-card:hover {
    box-shadow: none !important;
    filter: none !important;
  }
}

/* Mobile dashboard summary: no dark rectangular layer behind rounded cards */
@media (max-width: 760px) {
  #dashboardView > .metrics-grid,
  #dashboardView .metrics-grid {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #dashboardView .metrics-grid > .metric-card {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #dashboardView .metrics-grid > .metric-card::after {
    content: none !important;
    display: none !important;
  }
}

/* Final mobile surface cleanup */
#dashboardEvents,
#dashboardEvents.event-grid {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  #dashboardView .metrics-grid {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #dashboardView .metric-card {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  #dashboardEvents,
  #dashboardEvents.event-grid {
    background: transparent !important;
    background-color: transparent !important;
  }
}

#eventsView .events-create-btn {
  flex: 0 0 auto;
  min-height: 42px;
  white-space: nowrap;
}

@media (max-width: 760px) {
  html body[data-current-view] #eventsView #newEventBtn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
  }

  html body[data-current-view] #eventsView #newEventBtn span {
    display: inline !important;
  }
}

/* Personalized dashboard welcome */
.dashboard-welcome {
  min-height: 0;
  margin-bottom: 20px;
  padding: 2px 0;
  display: flex;
  align-items: center;
}

.dashboard-welcome p,
.dashboard-welcome small { display: block; margin: 0; }
.dashboard-welcome p {
  color: #f7f3fb;
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.025em;
}
.dashboard-welcome p strong {
  color: inherit;
  font-weight: 800;
}
.dashboard-welcome small { margin-top: 7px; color: #8f8799; font-size: 11px; line-height: 1.45; }
.dashboard-wave { display: inline-block; margin-left: 2px; font-size: .9em; transform-origin: 70% 70%; animation: dashboard-wave 2.4s ease-in-out 1; }
@keyframes dashboard-wave { 0%, 60%, 100% { transform: rotate(0deg); } 10%, 30% { transform: rotate(14deg); } 20%, 40% { transform: rotate(-8deg); } }

@media (max-width: 760px) {
  .dashboard-welcome {
    min-height: 0;
    margin: 1px 0 16px;
    padding: 0;
  }
  .dashboard-welcome p { font-size: 19px; }
  .dashboard-welcome small { max-width: 220px; font-size: 10px; }
}

/* Generator mobile layout */
@media (max-width: 760px) {
  body[data-current-view="generator"] #viewTitle {
    font-size: 16px !important;
    letter-spacing: 0 !important;
  }

  #generatorView .generator-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  #generatorView .generator-form,
  #generatorView .generator-preview {
    width: 100% !important;
    min-width: 0 !important;
  }

  #generatorView .generator-form {
    padding: 18px !important;
  }

  #generatorView .generator-fields {
    grid-template-columns: 1fr !important;
  }

  #generatorView .field,
  #generatorView .field-wide,
  #generatorView input,
  #generatorView select,
  #generatorView textarea,
  #generatorView .generator-submit {
    width: 100% !important;
    min-width: 0 !important;
  }

  #generatorView .generator-preview {
    position: static !important;
    top: auto !important;
    order: 2;
  }

  #generatorView .generator-preview-cover {
    height: 205px !important;
  }
}

/* Clients SaaS mobile workspace */
.clients-overview { display: none; }

@media (max-width: 760px) {
  #clientsView .clients-overview {
    position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px;
    margin-bottom: 16px; padding: 18px; overflow: hidden;
    border: 1px solid rgba(170,100,255,.22); border-radius: 18px;
    background: radial-gradient(circle at 100% 0, rgba(255,52,166,.18), transparent 48%), linear-gradient(135deg, rgba(137,66,255,.13), rgba(255,255,255,.035));
  }
  #clientsView .clients-overview::after { content: ""; position: absolute; right: -25px; bottom: -45px; width: 120px; height: 120px; border: 20px solid rgba(255,255,255,.025); border-radius: 50%; }
  #clientsView .clients-overview .eyebrow { margin: 0 0 7px; color: #cda8ff; }
  #clientsView .clients-overview h2 { margin: 0; font-size: 21px; line-height: 1.05; letter-spacing: -.035em; }
  #clientsView .clients-overview div > span { display: block; max-width: 245px; margin-top: 8px; color: #a79daf; font-size: 10px; line-height: 1.5; }
  #clientsView .clients-overview__live { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; color: #78e8ae; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
  #clientsView .clients-overview__live i { width: 7px; height: 7px; border-radius: 50%; background: #44dc91; box-shadow: 0 0 12px rgba(68,220,145,.65); }

  #clientsView .client-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-bottom: 16px !important; }
  #clientsView .client-metric { position: relative; min-height: 104px; padding: 16px !important; overflow: hidden; border-radius: 17px !important; box-shadow: none !important; }
  #clientsView .client-metric > span { font-size: 9px; font-weight: 850; letter-spacing: .1em; }
  #clientsView .client-metric > strong { margin-top: 11px; font-size: 27px; line-height: 1; }
  #clientsView .client-metric > svg { position: absolute; right: 14px; top: 14px; width: 23px; height: 23px; padding: 5px; border-radius: 9px; box-sizing: content-box; }
  #clientsView .client-metric--clients { border-color: rgba(57,196,255,.24); background: linear-gradient(145deg, rgba(30,167,225,.12), rgba(255,255,255,.035)); }
  #clientsView .client-metric--clients > svg { color: #4bc9ff; background: rgba(55,193,255,.11); }
  #clientsView .client-metric--reservations { border-color: rgba(255,190,65,.24); background: linear-gradient(145deg, rgba(224,158,29,.12), rgba(255,255,255,.035)); }
  #clientsView .client-metric--reservations > svg { color: #ffc84b; background: rgba(255,190,65,.11); }
  #clientsView .client-metric--paid { border-color: rgba(68,220,145,.24); background: linear-gradient(145deg, rgba(40,188,115,.12), rgba(255,255,255,.035)); }
  #clientsView .client-metric--paid > svg { color: #53dfa0; background: rgba(68,220,145,.11); }
  #clientsView .client-metric--delivery { border-color: rgba(181,111,255,.27); background: linear-gradient(145deg, rgba(143,74,230,.14), rgba(255,255,255,.035)); }
  #clientsView .client-metric--delivery > svg { color: #bd84ff; background: rgba(181,111,255,.12); }

  #clientsView .clients-toolbar { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 9px !important; margin-bottom: 18px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  #clientsView .clients-toolbar .search-box { grid-column: 1 / -1; min-height: 46px; border-radius: 14px; }
  #clientsView .clients-toolbar .select-control { width: 100% !important; min-width: 0 !important; height: 44px; border-radius: 13px; font-size: 11px; }
  #clientsView #importTicketClientsBtn, #clientsView #newClientBtn { width: 100% !important; min-width: 0 !important; min-height: 44px; padding-inline: 8px !important; font-size: 9px; }
  #clientsView #importTicketClientsBtn { grid-column: 1; }
  #clientsView #newClientBtn { grid-column: 2; }

  #clientsView .client-list { display: grid; gap: 10px; overflow: visible; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #clientsView .client-row { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "identity stage" "event event" "tags open"; gap: 11px 12px !important; padding: 15px !important; border: 1px solid rgba(255,255,255,.095) !important; border-radius: 17px !important; background: linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.025)) !important; }
  #clientsView .client-identity { grid-area: identity; }
  #clientsView .client-avatar { width: 43px; height: 43px; color: #f19acf; background: linear-gradient(145deg, rgba(255,53,158,.22), rgba(151,73,255,.16)); }
  #clientsView .client-identity strong { color: #f6f2f9; font-size: 11px; white-space: normal; line-height: 1.25; }
  #clientsView .client-cell { grid-area: event; min-width: 0; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
  #clientsView .client-cell strong { color: #c9c0d2; font-size: 10px; white-space: normal; line-height: 1.3; }
  #clientsView .client-stage { grid-area: stage; align-self: start; justify-self: end; white-space: nowrap; }
  #clientsView .client-tags { grid-area: tags; align-self: center; }
  #clientsView .client-open { grid-area: open; align-self: center; color: #bd84ff; }
}

/* Inventory event selector */
#inventoryEmpty {
  width: min(100%, 860px);
  min-height: 560px;
  margin: 0 auto;
}

#inventoryEmpty > .eyebrow { margin: 14px 0 0; color: #caa4ff; }
.inventory-event-choices { width: min(100%, 680px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 4px auto 16px; }
.inventory-event-choice { min-width: 0; display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; color: inherit; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025)); text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.inventory-event-choice:hover { transform: translateY(-2px); border-color: rgba(182,105,255,.36); background: rgba(155,92,255,.08); }
.inventory-event-choice__cover { width: 52px; height: 52px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; color: #d79aff; background: rgba(155,92,255,.13); }
.inventory-event-choice__cover img { width: 100%; height: 100%; object-fit: cover; }
.inventory-event-choice__copy { min-width: 0; }
.inventory-event-choice__copy strong, .inventory-event-choice__copy small { display: block; }
.inventory-event-choice__copy strong { overflow: hidden; color: #f7f3fa; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.inventory-event-choice__copy small { margin-top: 5px; color: #948b9e; font-size: 9px; }
.inventory-event-choice > svg { width: 16px; color: #bd84ff; }
.inventory-no-events { grid-column: 1 / -1; padding: 22px; border: 1px dashed rgba(255,255,255,.12); border-radius: 15px; }
.inventory-no-events strong, .inventory-no-events span { display: block; }
.inventory-no-events span { margin-top: 5px; color: var(--muted); font-size: 10px; }
.inventory-all-events { margin-top: 0; }

@media (max-width: 760px) {
  body[data-current-view="inventory"].inventory-no-selection .backup-action,
  body[data-current-view="inventory"].inventory-no-selection .inventory-mobile-nav { display: none !important; }
  body[data-current-view="inventory"].inventory-no-selection .content { padding-bottom: 30px !important; }
  #inventoryEmpty { width: 100%; min-height: 0; padding: 24px 14px 20px; }
  #inventoryEmpty .empty-icon { width: 52px; height: 52px; }
  #inventoryEmpty h2 { max-width: 310px; font-size: 22px; }
  #inventoryEmpty > p:not(.eyebrow) { max-width: 330px; }
  .inventory-event-choices { display: flex; width: calc(100% + 28px); margin-inline: -14px; padding: 2px 14px 8px; overflow-x: auto; gap: 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .inventory-event-choices::-webkit-scrollbar { display: none; }
  .inventory-event-choice { flex: 0 0 min(84%, 330px); grid-template-columns: 58px minmax(0,1fr) auto; padding: 12px; border-radius: 16px; scroll-snap-align: start; }
  .inventory-event-choice__cover { width: 58px; height: 58px; }
  .inventory-event-choice__copy strong { font-size: 12px; }
  .inventory-all-events { width: auto; min-width: 210px; justify-content: center; }
}

/* Neutral application canvas */
:root { --bg: #2a2a2a; }
html,
body {
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
}
.app-shell,
.main,
.content,
body[data-current-view] .app-shell,
body[data-current-view] .main,
body[data-current-view] .content,
body[data-current-view="inventory"] .app-shell,
body[data-current-view="inventory"] .main,
body[data-current-view="inventory"] .content {
  background-color: #2a2a2a !important;
  background-image: none !important;
}

/* Neutral mobile slide menu */
body .sidebar,
body[data-current-view] .sidebar,
body.menu-open .sidebar {
  background-color: #17191e !important;
  background-image: none !important;
  border-right-color: rgba(255,255,255,.09) !important;
}

/* Black top navigation */
body .topbar,
body[data-current-view] .topbar,
body[data-current-view="inventory"] .topbar {
  background-color: #08090c !important;
  background-image: none !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}

/* High-contrast slide navigation */
body .sidebar .nav-item,
body .sidebar .nav-item span,
body .sidebar .experience-switch,
body .sidebar .experience-switch span,
body .sidebar #logoutBtn,
body .sidebar #logoutBtn span {
  color: #f4f4f5 !important;
  opacity: 1 !important;
}
body .sidebar .nav-item svg,
body .sidebar .experience-switch svg,
body .sidebar #logoutBtn svg {
  color: #e8e8ec !important;
  opacity: 1 !important;
}
body .sidebar .brand strong { color: #ffffff !important; }
body .sidebar .brand > div > span,
body .sidebar .storage-note span,
body .sidebar .storage-note small { color: #a9a9b2 !important; }

/* Transparent dashboard event carousel track */
#dashboardView,
#dashboardEvents,
#dashboardEvents.event-grid {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}
#dashboardEvents::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}
#dashboardEvents::-webkit-scrollbar-track,
#dashboardEvents::-webkit-scrollbar-thumb {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* Match the carousel gutter with the application canvas */
#dashboardView,
#dashboardView > .section-heading,
#dashboardView .dashboard-lower {
  background-color: #2a2a2a !important;
  background-image: none !important;
}

#dashboardEvents,
#dashboardEvents.event-grid {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  #dashboardEvents,
  #dashboardEvents.event-grid {
    margin: 0 !important;
    padding: 2px 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* Final mobile bulk-action layout (must remain after legacy inventory rules). */
@media (max-width: 760px) {
  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar:not([hidden]):not(.is-empty) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar > strong {
    flex: none !important;
    padding: 0 2px !important;
    color: #f7f3fa !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }
  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar > div {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar button.small {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 5px !important;
    border-radius: 14px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: none !important;
  }
  body[data-current-view="inventory"] #inventoryWorkspace #bulkBar button.small svg { width: 18px !important; height: 18px !important; margin: 0 !important; }
  body[data-current-view="inventory"] #bulkSaleBtn { border: 0 !important; background: linear-gradient(135deg,var(--violet),var(--pink)) !important; }
  body[data-current-view="inventory"] #bulkShareBtn,
  body[data-current-view="inventory"] #bulkAvailableBtn { border: 1px solid rgba(255,255,255,.12) !important; background: #202228 !important; }
  body[data-current-view="inventory"] #bulkDeleteBtn { border: 1px solid rgba(255,98,93,.32) !important; color: #ff8b87 !important; background: rgba(255,98,93,.075) !important; }
}

/* Dashboard inventory CTA without glow */
#dashboardEvents .event-card-actions .primary-btn,
#dashboardEvents .event-card-actions .primary-btn:hover,
#dashboardEvents .event-card-actions .primary-btn:focus-visible {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Flat action buttons: preserve color, remove exterior glow everywhere. */
button,
.primary-btn,
.secondary-btn,
.danger-btn,
.icon-btn,
button:hover,
button:active,
button:focus,
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus-visible,
.secondary-btn:hover,
.secondary-btn:active,
.danger-btn:hover,
.danger-btn:active,
.icon-btn:hover,
.icon-btn:active {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
button::before,
button::after,
.primary-btn::before,
.primary-btn::after {
  box-shadow: none !important;
  filter: none !important;
}

/* Appears only after the original multi-selection actions leave the viewport. */
.bulk-floating-bar { display: none; }
@media (max-width: 760px) {
  .bulk-floating-bar:not([hidden]) {
    position: fixed;
    z-index: 88;
    left: 12px;
    right: 12px;
    bottom: 86px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 8px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 17px;
    background: rgba(23,25,30,.96);
    box-shadow: 0 18px 48px rgba(0,0,0,.38);
    backdrop-filter: blur(16px);
    animation: bulk-floating-in .18s ease both;
  }
  .bulk-floating-bar > span { display: grid; min-width: 48px; color: #aaa3b8; font-size: 7px; line-height: 1.1; text-align: center; }
  .bulk-floating-bar > span strong { color: #fff; font-size: 15px; }
  .bulk-floating-bar > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
  .bulk-floating-bar button { min-width: 0; height: 48px; display: grid; place-items: center; align-content: center; gap: 3px; padding: 4px 2px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #f7f3fa; background: #202228; font: inherit; cursor: pointer; }
  .bulk-floating-bar button:first-child { border: 0; background: linear-gradient(135deg,var(--violet),var(--pink)); }
  .bulk-floating-bar button.danger { border-color: rgba(255,98,93,.28); color: #ff8b87; background: rgba(255,98,93,.08); }
  .bulk-floating-bar button svg { width: 16px; height: 16px; }
  .bulk-floating-bar button small { overflow: hidden; width: 100%; font-size: 6px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
}
@keyframes bulk-floating-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* Compact product footer and legal center */
.app-footer {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  padding: 22px 28px !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
  background: #08090c !important;
}
.app-footer__links { display: grid; gap: 5px; justify-items: center; }
.app-footer__legal button { color: #817b88; font-size: 9px; }
.app-footer__mark { background: linear-gradient(135deg,var(--violet),var(--pink)) !important; box-shadow: none !important; }

.legal-modal { width: min(540px,calc(100% - 28px)); max-height: min(720px,calc(100dvh - 32px)); }
.legal-modal__content { max-height: 54vh; padding-right: 5px; overflow-y: auto; color: #aaa3b8; }
.legal-modal__content p { margin: 0 0 16px; font-size: 11px; line-height: 1.65; }
.legal-modal__content h3 { margin: 21px 0 7px; color: #f5f1f7; font-size: 13px; }

@media (max-width:760px) {
  body[data-current-view="inventory"] .main { padding-bottom: 0 !important; }
  body[data-current-view="inventory"] .content { padding-bottom: 14px !important; }
  .app-footer {
    width: 100% !important;
    margin-top: 12px !important;
    padding: 20px 18px 96px !important;
    gap: 15px !important;
    border-radius: 0 !important;
  }
  .app-footer__links { justify-items: start; gap: 2px; }
  .app-footer__nav { justify-content: flex-start; gap: 2px; }
  .app-footer__nav button { padding: 7px 8px; }
  .app-footer__meta { padding-top: 11px; }
  .legal-modal__content { max-height: 57vh; }
}

/* Official payment marks */
.payment-method-chip,.ticket-payment-method{display:inline-flex;align-items:center;gap:6px}.payment-brand-logo{width:22px;height:22px;object-fit:contain}.payment-brand-pair{display:inline-flex;align-items:center;gap:3px}.payment-brand-pair img{width:25px;height:16px;object-fit:contain}


/* Festholic entry screens — current brand palette */
.startup-loader {
  color: #fff;
  background:
    radial-gradient(circle at 50% 28%, rgba(183,139,231,.10), transparent 24rem),
    #0b0b0d;
}
.startup-loader__brand { align-items: center; }
.startup-loader__logo { width: 180px; height: 54px; object-fit: contain; object-position: left center; }
.startup-loader__brand > small { color: #a0a0a0; }
.startup-loader__panel {
  border-color: rgba(232,166,217,.16);
  background: #17191e;
  box-shadow: 0 24px 64px rgba(0,0,0,.28);
}
.startup-loader__visual {
  border-color: rgba(232,166,217,.20);
  background: #202228;
}
.startup-loader__visual span,
.startup-loader__track > span {
  background: linear-gradient(90deg,#ff3d9a,#b78be7);
  box-shadow: none;
}
.startup-loader__copy small { color: #ff3d9a; }
.startup-loader__copy > span { color: #a0a0a0; }
.startup-loader__track { background: #2a2c33; }
.startup-loader__steps { color: #8d8d95; }
.startup-loader__steps i,
.startup-loader__steps span:nth-child(2) i,
.startup-loader__steps span:nth-child(3) i { background: #b78be7; }

.experience-choice-body {
  color: #fff;
  background:
    radial-gradient(circle at 18% 12%, rgba(232,166,217,.10), transparent 22rem),
    radial-gradient(circle at 84% 88%, rgba(183,139,231,.10), transparent 24rem),
    #0b0b0d;
}
.experience-choice__panel {
  border-color: rgba(255,255,255,.08);
  background: #17191e;
  box-shadow: 0 24px 64px rgba(0,0,0,.30);
  backdrop-filter: none;
}
.experience-choice__full-logo {
  width: min(260px,72vw);
  height: 72px;
  max-height: 72px;
  object-fit: contain;
}
.experience-choice__brand strong span { color: #ff3d9a; }
.experience-choice__brand small,
.experience-choice__intro p { color: #a0a0a0; }
.choice-option {
  border-color: rgba(255,255,255,.08);
  background: #202228;
  box-shadow: none;
}
.choice-option:hover,
.choice-option:focus-visible {
  border-color: rgba(232,166,217,.42);
  background: #24262d;
  box-shadow: none;
}
.choice-option--main {
  border-color: rgba(232,166,217,.38);
  background: rgba(232,166,217,.08);
  box-shadow: none;
}
.choice-option__icon,
.choice-option:nth-child(2) .choice-option__icon,
.choice-option:nth-child(3) .choice-option__icon {
  color: #fff;
  background: linear-gradient(135deg,#ff3d9a,#b78be7);
  box-shadow: none;
}
.choice-option__text small { color: #a0a0a0; }
.choice-option__arrow,
.choice-option--main .choice-option__arrow { color: #ff3d9a; }
@media (max-width: 480px) {
  .startup-loader__brand { top: 26px; left: 24px; }
  .startup-loader__logo { width: 154px; height: 46px; }
  .startup-loader__panel { width: calc(100% - 32px); padding: 24px; border-radius: 18px; }
  .experience-choice__panel { padding: 28px 20px 24px; border-radius: 22px; }
}


/* Compartir entradas: cierre inmediato y cancelable. */
.share-progress-card { position: relative; }
.share-progress-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  color: #fff;
  background: rgba(255,255,255,.07);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.share-progress-close:hover { background: rgba(255,61,154,.16); }
.share-progress-card > div { padding-right: 28px; }


/* Inventario WEB: composición compacta equivalente a la tarjeta móvil. */
@media (min-width: 900px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head {
    position: relative !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head::after {
    content: "" !important;
    position: absolute !important;
    top: 12px !important;
    bottom: 12px !important;
    left: 105px !important;
    display: block !important;
    width: 1px !important;
    background: rgba(255,255,255,.16) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > span {
    top: 9px !important;
    left: 12px !important;
    min-width: 72px !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    justify-content: flex-start !important;
    color: rgba(235,225,255,.72) !important;
    font-size: 10px !important;
    text-align: left !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong {
    left: 12px !important;
    bottom: 9px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    font-size: 31px !important;
    line-height: .88 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong small {
    display: block !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-progress {
    align-self: center !important;
    justify-self: stretch !important;
    width: auto !important;
    height: 7px !important;
    margin: 0 16px 0 119px !important;
    transform: translateY(-10px) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-progress-copy {
    align-self: center !important;
    justify-self: stretch !important;
    width: auto !important;
    margin: 0 16px 0 119px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: translateY(12px) !important;
  }
}

@media (min-width: 900px) and (max-width: 1100px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-progress,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-progress-copy {
    margin-right: 16px !important;
    margin-left: 119px !important;
  }
}


/* Inventario WEB: bloque de porcentaje centrado y con holgura. */
@media (min-width: 900px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > span {
    left: 0 !important;
    width: 105px !important;
    min-width: 105px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong {
    left: 0 !important;
    width: 105px !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 27px !important;
    letter-spacing: -.045em !important;
    text-align: center !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong small {
    width: 100% !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }
}


/* Inventario WEB: centrado óptico de la columna de ventas. */
@media (min-width: 900px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > span,
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong {
    transform: translate(-14px, -3px) !important;
  }
}


/* Inventario WEB: separador vertical visible entre ventas y progreso. */
@media (min-width: 900px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head::after {
    content: "" !important;
    position: absolute !important;
    top: 10px !important;
    bottom: 10px !important;
    left: 105px !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    background: rgba(255,255,255,.24) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 8 !important;
    pointer-events: none !important;
  }
}


/* Inventario WEB: centrado óptico del porcentaje entre sus etiquetas. */
@media (min-width: 900px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong {
    transform: translate(-16px, -11px) !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-panel-head > strong small {
    transform: translate(2px, 8px) !important;
  }
}


/* Inventario WEB: contenedor circular con frente de progreso vertical. */
@media (min-width: 900px) {
  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-progress {
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  body[data-current-view="inventory"] #inventoryWorkspace .inventory-header > .mini-stats > .sales-progress > span {
    position: relative !important;
    left: -1px !important;
    width: min(calc(var(--inventory-progress, 0%) + 1px), calc(100% + 1px)) !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}