/* REPPTRADE v4.4.4: mobile-first, neon glass controls and blue-slate neutral surfaces.
   Show-specific themed tiles retain their original show colors and artwork. */
:root{--repp-magenta:#f33ab5;--repp-violet:#845cff;--repp-blue:#344d71;--repp-ink:#101c30;--repp-line:#38506e}
.repp-brand-mark{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 1px 6px rgba(156,84,233,.15))}
.brand{display:flex;align-items:center;gap:10px!important}
.brand h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:23px!important;letter-spacing:-.045em!important}
.repp-mobile-nav-toggle{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;background:#142339;color:#eff5ff;border:1px solid #50637c;border-radius:12px;font-size:22px;cursor:pointer;touch-action:manipulation}
.repp-nav-scrim{display:none;position:fixed;inset:0;background:rgba(4,7,17,.76);backdrop-filter:blur(5px);z-index:96}
.repp-nav-scrim[hidden]{display:none!important}
/* Pink-violet accent lives on controls, never overwrites show palette. */
body[data-ui-theme="modern"] .seg,
body[data-ui-theme="modern"] .master-view-toggle,
body[data-ui-theme="modern"] .rc443-mode-switch{position:relative;isolation:isolate;border:1px solid #42516a!important;background:rgba(20,35,56,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 2px 10px #0002!important;backdrop-filter:blur(13px);border-radius:13px!important;overflow:hidden}
body[data-ui-theme="modern"] .seg.rc444-glide::before{content:"";position:absolute;left:0;top:0;width:var(--repp-glide-width,42px);height:var(--repp-glide-height,32px);transform:translate(var(--repp-glide-x,0px),var(--repp-glide-y,0px));background:linear-gradient(122deg,rgba(236,51,161,.30),rgba(108,79,235,.35));border:1px solid rgba(230,124,251,.58);border-radius:9px;box-shadow:0 0 12px rgba(218,65,203,.24),inset 0 1px 0 #ffffff1c;transition:transform .38s cubic-bezier(.16,1,.3,1),width .38s cubic-bezier(.16,1,.3,1),height .38s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:0}
body[data-ui-theme="modern"] .seg.rc444-glide>button{position:relative;z-index:1;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:color .25s,transform .25s!important}
body[data-ui-theme="modern"] .seg.rc444-glide>button.active{color:#fff!important}
body[data-ui-theme="modern"] .seg.rc444-glide>button:hover{transform:translateY(-1px)!important;color:#fff!important}
body[data-ui-theme="modern"] .btn.primary:is(:hover,:focus-visible),
body[data-ui-theme="modern"] .navbtn.active:is(:hover,:focus-visible),
body[data-ui-theme="modern"] .repp-mobile-nav-toggle:is(:hover,:focus-visible){box-shadow:0 0 0 1px rgba(255,113,234,.4),0 0 18px rgba(245,44,157,.26),0 0 34px rgba(135,71,249,.15)!important;border-color:#bc71e3!important;transition:box-shadow .25s ease,border-color .25s ease,transform .25s!important}
body[data-ui-theme="modern"] .btn.primary{background:linear-gradient(115deg,#792451,#59348f)!important;color:white!important;border:1px solid #ad5cc2!important}
/* Neutral forms, lists and modals: deep blue-slate instead of antique brown. */
body[data-ui-theme="modern"] #page-add .panel,
body[data-ui-theme="modern"] #page-packs .panel,
body[data-ui-theme="modern"] #page-setup .panel,
body[data-ui-theme="modern"] #page-add .formpanel,
body[data-ui-theme="modern"] #page-packs .formpanel,
body[data-ui-theme="modern"] #page-setup .formpanel,
body[data-ui-theme="modern"] .rc440-window,
body[data-ui-theme="modern"] .v4-wide-modal{background:#14243b!important;border-color:#415a7a!important;color:#e9f4ff!important}
body[data-ui-theme="modern"] #page-add :is(input,textarea,select),
body[data-ui-theme="modern"] #page-packs :is(input,textarea,select),
body[data-ui-theme="modern"] #page-setup :is(input,textarea,select){background:#0c1a2b!important;color:#e5f1ff!important;border-color:#466381!important}
body[data-ui-theme="modern"] :is(#page-add,#page-packs,#page-setup) .subtab.active,
body[data-ui-theme="modern"] :is(#page-add,#page-packs,#page-setup) .seg button.active{border-color:#da65d4!important;background:#26365a!important;color:#fff!important;box-shadow:inset 0 -2px 0 #ef4fb7!important}
body[data-ui-theme="modern"] :is(#page-add,#page-packs,#page-setup) .sectiontitle{color:#edf3ff!important}
body[data-ui-theme="modern"] :is(#page-add,#page-packs,#page-setup) .sectionsub{color:#abbfd8!important}
body[data-ui-theme="modern"] ::-webkit-scrollbar{width:11px;height:11px}
body[data-ui-theme="modern"] ::-webkit-scrollbar-track{background:#0b1727}
body[data-ui-theme="modern"] ::-webkit-scrollbar-thumb{background:#496083;border:2px solid #0b1727;border-radius:10px}
body[data-ui-theme="modern"] ::-webkit-scrollbar-thumb:hover{background:#9a62bc}
/* Actor cards in expanded recording & catalogue details are operable links. */
.rc440-cast-grid .rc440-cast-member{font-family:inherit;color:#f2f6fd;text-align:left;cursor:pointer;border-top:1px solid #263d55;border-right:1px solid #24394f;border-bottom:1px solid #24394f;border-radius:3px;transition:transform .18s ease,background .18s ease,border-color .18s ease;appearance:none;width:100%;height:100%}
.rc440-cast-grid .rc440-cast-member:hover,.rc440-cast-grid .rc440-cast-member:focus-visible{background:#203d59!important;border-left-color:#e848b4;transform:translateY(-1px);outline:1px solid #aa6fd6;outline-offset:0}
.rc444-actor-hint{color:#bf96eb;font-size:10px;letter-spacing:.02em;opacity:0;transition:opacity .18s}
.rc440-cast-member:is(:hover,:focus-visible) .rc444-actor-hint{opacity:1}
/* Readable, non-overflowing detail dialogs on small devices. */
.rc440-window,.showmodal,.showmodal-body{max-width:calc(100vw - 20px)}
.rc440-detail-grid>*{min-width:0;overflow-wrap:anywhere}
.rc440-head h2,#catalogueDetailTitle{overflow-wrap:anywhere}
body[data-surface="light"] :is(#page-add,#page-packs,#page-setup) .panel,
body[data-surface="light"] .rc440-window{background:#e7eff9!important;color:#183250!important;border-color:#a2bdd7!important}
body[data-surface="light"] :is(#page-add,#page-packs,#page-setup) :is(input,textarea,select){background:#f9fcff!important;color:#142b46!important;border-color:#9fb7cc!important}
@media(max-width:980px){
 body[data-ui-theme="modern"] .topin{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:9px!important;align-items:center!important;padding:10px 14px!important}
 body[data-ui-theme="modern"] .brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
 .repp-mobile-nav-toggle{display:inline-flex!important;grid-column:3!important;grid-row:1!important}
 .appearance-toggle{grid-column:2!important;grid-row:1!important;white-space:nowrap;font-size:11px!important;padding:9px!important}
 body[data-ui-theme="modern"] .mainnav{position:fixed!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;left:0!important;top:0!important;bottom:0!important;height:100dvh!important;width:min(315px,85vw)!important;max-width:none!important;gap:8px!important;z-index:99!important;background:rgba(10,22,39,.97)!important;backdrop-filter:blur(18px);border:0!important;border-right:1px solid #6c568f!important;border-radius:0!important;box-shadow:16px 0 40px #0008!important;padding:72px 16px 20px!important;transform:translateX(-110%);opacity:0;pointer-events:none;visibility:hidden;transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .25s,visibility .35s;overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important}
 body[data-ui-theme="modern"].repp-nav-open .mainnav{transform:translateX(0);opacity:1;pointer-events:auto;visibility:visible}
 body.repp-nav-open .repp-nav-scrim{display:block}
 body[data-ui-theme="modern"] .mainnav .navbtn{width:100%;min-height:47px!important;text-align:left!important;white-space:normal!important;flex:none!important;padding:13px 17px!important;font-size:15px!important;letter-spacing:.01em!important;transform:none!important}
 body[data-ui-theme="modern"] .mainnav .navbtn.active{border-left:3px solid #e95aba!important;background:#27344f!important}
 body[data-ui-theme="modern"] .global-search{grid-column:1/-1!important;grid-row:2!important;order:initial!important;width:100%;min-width:0;max-width:none!important}
 .quicklinks{display:none!important}.pack-chip{grid-column:1/-1;grid-row:3;justify-self:end}
 body[data-ui-theme="modern"] .wrap{padding:14px 12px 80px!important;max-width:100%!important;margin-left:0!important}
 .hero{flex-wrap:wrap!important}.hero h2{font-size:clamp(32px,7vw,44px)!important}
 #page-master .toolbar,#page-master .controls{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;max-width:100%!important}
 #page-master .toolbar>*{max-width:100%;min-width:0;flex:0 1 auto}
 #page-master .mastercards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #page-master .mastercard{min-width:0!important;overflow-wrap:anywhere}
 #page-master .master-view-toggle{flex:1 1 auto;max-width:100%;overflow:hidden}
 .master-view-toggle button{white-space:normal!important}
 #page-master .filter-trigger{max-width:100%}
}
@media(max-width:600px){
 .brand h1{font-size:20px!important}.repp-brand-mark{height:32px;width:32px}
 .topin{gap:7px!important}.appearance-toggle{font-size:10px!important}
 #page-master .mastercards{grid-template-columns:1fr!important}
 #page-master .toolbar{gap:7px!important}
 #page-master .toolbar .seg{max-width:100%!important;display:flex!important;flex-wrap:wrap!important}
 #page-master .toolbar :is(.btn,.filter-trigger,.control){flex:1 1 calc(50% - 8px);min-width:0;white-space:normal}
 #page-master .master-view-toggle{flex:1 1 100%!important}
 .stats{max-width:100%;width:100%;justify-content:space-between;overflow-x:auto}
 .stat{min-width:0!important;flex:1 1 0!important;padding:0 8px!important}
 .rc440-overlay{padding:0!important}.rc440-window{width:100%!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 .rc440-body{padding:12px!important}.rc440-head{padding:13px!important}
 .rc440-cast-grid{grid-template-columns:1fr!important}
 .rc440-detail-grid{grid-template-columns:1fr!important}
 #catalogueDetailModal{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:auto}
 #catalogueDetailModal .showmodal-body{padding:12px!important;max-width:none!important}
 #catalogueDetailModal .showmodal-actions{display:flex;flex-wrap:wrap;gap:8px}
 #catalogueDetailBody{min-width:0!important;overflow-wrap:anywhere}
 #catalogueDetailBody .rc440-cast-grid{grid-template-columns:1fr!important}
 #page-add .split,#page-packs .split,#page-setup .split{grid-template-columns:1fr!important;min-width:0}
 #page-add .panel,#page-packs .panel,#page-setup .panel{min-width:0!important;width:100%!important}
 #page-add .formrow{min-width:0;flex-wrap:wrap}
 .repp-mobile-nav-toggle{width:41px;height:41px}
}
@media(prefers-reduced-motion:reduce){.mainnav,.seg.rc444-glide::before,.rc440-cast-member{transition:none!important}}
@media(max-width:980px){
 body[data-ui-theme="modern"] .top{backdrop-filter:none!important;overflow:visible!important}
 body[data-ui-theme="modern"].repp-nav-open .top{z-index:120!important}
}
/* Intentional liquid-glass highlights from REPPTRADE's neon reference, only on controls. */
body[data-ui-theme="modern"] :is(.appearance-toggle,.pack-chip,#topPackBtn){transition:box-shadow .28s ease,border-color .28s ease,transform .28s cubic-bezier(.16,1,.3,1),background .28s ease!important}
body[data-ui-theme="modern"] :is(.appearance-toggle,.pack-chip,#topPackBtn):hover{border-color:#ef8bdd!important;box-shadow:0 0 14px rgba(245,65,169,.24),inset 0 1px 0 #ffffff2b!important;transform:translateY(-1px)}