/* REPPTRADE v4.3.39 — UI refinement on top of complete v4.3.38. No functional data migrations. */
:root{--ui-bg:#09111d;--ui-fg:#f0f3f8;--ui-surface:#111c2b;--ui-border:#2b3d51;--ui-muted:#99adbe}
/* Preserving the show-color identity: shadow art on hover becomes legible regardless of chosen text mode. */
body[data-ui-theme="modern"] #libraryTiles .showtile:hover h3,
body[data-ui-theme="modern"] #libraryTiles .showtile:hover .eyebrow,
body[data-ui-theme="modern"] #libraryTiles .showtile:hover .recording-count-chip,
body[data-ui-theme="modern"] #libraryTiles .showtile:hover .tilemeta .pill,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-title,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-show,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-added,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-meta span{color:#fff!important;text-shadow:0 1px 3px #000!important}
body[data-ui-theme="modern"] #libraryTiles .showtile:hover .recording-count-chip,
body[data-ui-theme="modern"] #libraryTiles .showtile:hover .tilemeta .pill,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-meta span{background:rgba(4,9,18,.60)!important;border-color:rgba(255,255,255,.4)!important}
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-actions a,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-actions button{color:#fff!important;background:rgba(4,9,18,.70)!important;border-color:#aeb8c6!important}
body[data-ui-theme="modern"] #libraryTiles .showtile:hover .showlogo,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover .recent-logo{border-color:#fff!important}

/* Catalogue items: uniform show-neutral surfaces, theme gradient BORDER only, status-only corner. */
body[data-ui-theme="modern"] .mastercards.v43{grid-template-columns:repeat(auto-fill,minmax(314px,1fr))!important;gap:13px!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:220px!important;
 padding:19px 92px 56px 16px!important;border:3px solid transparent!important;border-radius:7px!important;
 background:linear-gradient(#111923,#111923) padding-box,var(--cat-frame,linear-gradient(120deg,#3b5a75,#e2b75c)) border-box!important;
 box-shadow:0 7px 20px rgba(0,0,0,.13)!important;display:flex!important;flex-direction:column;
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-unreleased{border-top-color:transparent!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned{
 background:linear-gradient(#17372e,#17372e) padding-box,var(--cat-frame,linear-gradient(120deg,#3b5a75,#e2b75c)) border-box!important;
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue>:not(.catalogue-art-hover){position:relative;z-index:2}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-source-tag{margin:1px 0 8px!important;color:#9eb7ce!important;font:680 10px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.65px!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue h4{padding:0!important;margin:0 0 14px!important;color:#f7f8fb!important;font:750 15px/1.31 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.12px!important;overflow-wrap:anywhere}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-state{
 position:absolute!important;top:10px!important;right:10px!important;left:auto!important;z-index:5!important;
 background:#172536!important;color:#dce6ef!important;border:1px solid #58708b!important;
 font:800 9px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.3px!important;padding:5px 7px!important;border-radius:3px!important
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-state.unreleased{color:#ffbdc6!important;border-color:#905563!important;background:#321c28!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-state.released{color:#a9e4c5!important;border-color:#538d75!important;background:#173629!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-card-art{
 position:absolute!important;right:12px!important;top:44px!important;width:58px!important;height:58px!important;border:1px solid #5d6d7d!important;
 background-color:#0c1622!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:3px!important;z-index:2!important
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-card-art.no-art{opacity:.15}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-meta{margin:0 0 10px!important;gap:4px!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-meta span{border-radius:2px!important;padding:3px 6px!important;border:1px solid #445265!important;background:#182635!important;color:#dce4ed!important;font-size:9px!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-actions{margin-top:auto!important;gap:7px!important;align-self:flex-start}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-actions .btn{border-radius:3px!important;padding:7px 10px!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-owned-footer{
 position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:10px 14px!important;text-align:center!important;
 background:#f5faf6!important;color:#176f4c!important;border-top:2px solid #36936d!important;
 font:850 11px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:1.1px!important;z-index:3!important
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue .catalogue-art-hover,
body[data-ui-theme="modern"] .master-show-hover-art{
 position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;filter:brightness(.22) saturate(.7)!important;opacity:0!important;pointer-events:none!important;z-index:1!important;transition:opacity .23s ease
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue:hover .catalogue-art-hover,
body[data-ui-theme="modern"] .master-show-card:hover .master-show-hover-art{opacity:.87!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue:hover h4,
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue:hover .catalogue-source-tag,
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue:hover .catalogue-meta span{color:#fff!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue:hover .catalogue-meta span{background:#0b1624!important}
/* By Show: entire card is an accessible click target; hover art and white type. */
body[data-ui-theme="modern"] .master-show-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;cursor:pointer!important;transition:transform .2s,border-color .2s!important}
body[data-ui-theme="modern"] .master-show-card>:not(.master-show-hover-art){position:relative;z-index:2}
body[data-ui-theme="modern"] .master-show-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px rgba(0,0,0,.23)!important}
body[data-ui-theme="modern"] .master-show-card:hover .master-show-name,
body[data-ui-theme="modern"] .master-show-card:hover .master-show-counts span,
body[data-ui-theme="modern"] .master-show-card:hover .master-show-actions .btn{color:#fff!important;text-shadow:0 1px 2px #000!important}
body[data-ui-theme="modern"] .master-show-card:hover .master-show-counts span,
body[data-ui-theme="modern"] .master-show-card:hover .master-show-actions .btn{background:rgba(5,12,22,.60)!important;border-color:rgba(255,255,255,.46)!important}
body[data-ui-theme="modern"] .master-show-card:focus-visible{outline:3px solid #d8b96c!important;outline-offset:3px!important}

/* Catalogue detail: paper-like slate-blue panel rather than the old brown/muddy boxes. */
body[data-ui-theme="modern"] #catalogueDetailModal{background:#112438!important;border:1px solid #3e607a!important;border-radius:8px!important;box-shadow:0 30px 85px rgba(0,0,0,.55)!important}
body[data-ui-theme="modern"] #catalogueDetailModal .showmodal-head{background:#18314a!important;border-bottom:2px solid #6186a1!important}
body[data-ui-theme="modern"] #catalogueDetailModal .showmodal-head h3{font:780 22px/1.34 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#fff!important;letter-spacing:-.25px!important;overflow-wrap:anywhere}
body[data-ui-theme="modern"] #catalogueDetailModal .showmodal-body{background:#112438!important}
body[data-ui-theme="modern"] #catalogueDetailModal .catalogue-detail-box{background:#142f46!important;border:1px solid #3c5870!important;border-radius:4px!important;padding:13px 14px!important}
body[data-ui-theme="modern"] #catalogueDetailModal .catalogue-detail-box .label{font:750 9px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#9fbed5!important;letter-spacing:.9px!important}
body[data-ui-theme="modern"] #catalogueDetailModal .catalogue-detail-box .value{color:#f4f8fc!important;font-size:12px!important;line-height:1.6!important}
body[data-ui-theme="modern"] #catalogueDetailModal .showmodal-actions{background:#142a40!important;border-top:1px solid #38546e!important}

/* Show recording cards: honor each show's recorded palette with dark inset information wells. */
body[data-ui-theme="modern"] .drawer .boot{
 background:var(--show-boot-bg,var(--show-solid,#1c2533))!important;
 border:1px solid var(--show-accent,#607c8b)!important;border-left:5px solid var(--show-accent,#607c8b)!important;
 box-shadow:0 5px 16px rgba(0,0,0,.13)!important
}
body[data-ui-theme="modern"] .drawer .boot .boottitle{
 background:var(--show-heading-bg,var(--show-solid))!important;border:1px solid var(--show-accent)!important;
 color:var(--show-title-ink,#fff)!important;letter-spacing:0!important;font-size:14px!important
}
body[data-ui-theme="modern"] .drawer .boot .boottags .pill{border-radius:3px!important;background:rgba(9,14,23,.75)!important;color:#fff!important}
body[data-ui-theme="modern"] .drawer .boot .info,
body[data-ui-theme="modern"] .drawer .boot .detailbox{
 background:rgba(7,12,20,.85)!important;border:1px solid rgba(237,244,255,.27)!important;border-radius:4px!important;padding:12px 13px!important
}
body[data-ui-theme="modern"] .drawer .boot .detailbox .value,
body[data-ui-theme="modern"] .drawer .boot .info .value{color:#fff!important;line-height:1.55!important}
body[data-ui-theme="modern"] .drawer .boot .label{color:#aabfd5!important}
body[data-ui-theme="modern"] .drawer .bootactions{background:rgba(6,12,20,.86)!important;border-top:1px solid rgba(255,255,255,.25)!important}
/* Less generic recording actions: a compact command row with icon affordances and text controls. */
body[data-ui-theme="modern"] .bootactions a,body[data-ui-theme="modern"] .bootactions button{
 border-radius:3px!important;min-height:37px!important;padding:9px 13px!important;
 font:700 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 letter-spacing:.12px!important;text-transform:none!important;box-shadow:none!important;transition:background-color .15s,color .15s,border-color .15s!important
}
body[data-ui-theme="modern"] .bootactions .primary{background:#e4ebf4!important;border:1px solid #fff!important;color:#14263b!important}
body[data-ui-theme="modern"] .bootactions .secondary{background:transparent!important;border:1px solid #67849f!important;color:#eef4fb!important}
body[data-ui-theme="modern"] .bootactions .secondary:hover{background:#243f56!important;border-color:#a6c4db!important}
body[data-ui-theme="modern"] .bootactions .danger{border-color:#a66776!important;color:#ffc4cf!important}
body[data-ui-theme="modern"] .bootactions [data-addpack]::before{content:"＋";margin-right:4px}
body[data-ui-theme="modern"] .bootactions [data-editboot]::before{content:"✎";margin-right:6px}
body[data-ui-theme="modern"] .bootactions [data-deleteboot]::before{content:"×";margin-right:6px}
/* Internal show browsing: selection is unmistakable, and search remains a true pill. */
body[data-ui-theme="modern"] .production-tabs{display:flex!important;flex-direction:column!important;gap:5px!important;border-right:1px solid #2a4059!important;padding-right:9px!important}
body[data-ui-theme="modern"] .production-tab{
 display:block!important;width:100%!important;text-align:left!important;min-height:36px!important;
 padding:8px 11px!important;border-radius:4px!important;border:1px solid #354b62!important;border-left:4px solid transparent!important;
 background:#17283b!important;color:#baccde!important;transition:font-size .18s ease,background-color .18s ease,color .18s ease!important;
 font-weight:700!important;font-size:10px!important
}
body[data-ui-theme="modern"] .production-tab:hover{font-size:13px!important;color:#fff!important;background:#233d56!important}
body[data-ui-theme="modern"] .production-tab.active{font-size:13px!important;background:#274158!important;color:#fff!important;border-color:#50748f!important;border-left-color:var(--show-accent,#d7ae54)!important}
body[data-ui-theme="modern"] #drawerShowSearch,
body[data-ui-theme="modern"] .drawer-show-search{border-radius:999px!important;background:#1b2939!important;border:1px solid #40566d!important;min-height:41px!important;padding:9px 17px!important;color:#f6f8fc!important;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body[data-ui-theme="modern"] #drawerShowSearch:focus{outline:2px solid #72a5c5!important;outline-offset:1px!important}
/* Apple-inspired cascading filter reveal and larger side-category hover. */
.filter-cascade:not([hidden]){transform-origin:top left;animation:repp439-dropdown .34s cubic-bezier(.18,.82,.22,1) both!important}
@keyframes repp439-dropdown{0%{opacity:.1;clip-path:inset(0 0 100% 0);transform:translateY(-12px)}50%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
.filter-cascade-inner{animation:repp439-menuitems .27s ease-out both}
@keyframes repp439-menuitems{from{opacity:.35;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.filter-category{min-height:38px!important;transition:font-size .19s ease,color .19s ease,background .19s ease!important}
.filter-category:hover{font-size:15px!important;background:#283f58!important;color:#fff!important}
.filter-category.current{font-size:14px!important;background:#253e57!important;color:#fff!important}
.filter-option{transition:padding-left .14s,color .14s,background .14s!important}
.filter-option:hover{padding-left:12px!important}
/* Visible searchable hits — use DOM marks rather than mutating source values. */
mark.repp-query-highlight{background:#ffe58a!important;color:#142337!important;box-shadow:0 0 0 2px #ffe58a!important;border-radius:2px!important;padding:0 1px!important;font-weight:850!important}

/* Full light surface: not just the background; neutral surfaces, controls, modal/editor and text all invert coherently. */
body[data-surface="light"]{--ui-bg:#f1f5f9;--ui-fg:#172637;--ui-surface:#fff;--ui-border:#c7d4e0;--ui-muted:#50657a;color:#172637!important}
body[data-surface="light"] .panel,body[data-surface="light"] .ledger,body[data-surface="light"] .packitem,
body[data-surface="light"] .mastercard:not(.repp439-catalogue),body[data-surface="light"] .nft-row,
body[data-surface="light"] .reviewcard,body[data-surface="light"] .savedpack,
body[data-surface="light"] .showmodal:not(#catalogueDetailModal):not(.record-edit-modal-v433){background:#fff!important;color:#172b40!important;border-color:#cbd8e4!important}
body[data-surface="light"] .control,body[data-surface="light"] textarea.field,
body[data-surface="light"] input.field,body[data-surface="light"] select.field,
body[data-surface="light"] .from-catalogue-row{background:#fff!important;color:#22364a!important;border-color:#b7c9d8!important}
body[data-surface="light"] .control::placeholder,body[data-surface="light"] input::placeholder,body[data-surface="light"] textarea::placeholder{color:#667b8f!important}
body[data-surface="light"] .btn:not(.primary):not(.danger):not(.gold):not(.green){background:#f4f8fc!important;color:#243c50!important;border-color:#b8c9d8!important}
body[data-surface="light"] .seg button:not(.active),body[data-surface="light"] .subtab:not(.active){background:#eef3f8!important;color:#354d63!important;border-color:#c4d4e1!important}
body[data-surface="light"] .seg button.active,body[data-surface="light"] .subtab.active{background:#d9e8f6!important;color:#17304b!important;border-color:#6e96b7!important}
body[data-surface="light"] .resultcount,body[data-surface="light"] .muted,
body[data-surface="light"] .sectiontitle,body[data-surface="light"] .label,
body[data-surface="light"] .packitem small{color:#3f596e!important}
body[data-surface="light"] .sectiontitle,body[data-surface="light"] .packitem strong,
body[data-surface="light"] .nft-title,body[data-surface="light"] .showmodal-head h3{color:#1e3042!important}
body[data-surface="light"] .ledger th,body[data-surface="light"] .ledger td{background:#fff!important;color:#22394d!important;border-color:#d5e0e9!important}
body[data-surface="light"] .ledger tr:hover td{background:#e9f2f9!important}
body[data-surface="light"] .search-explorer{background:#fff!important;color:#192d40!important;border-color:#b6c8d6!important}
body[data-surface="light"] .search-explorer-head,body[data-surface="light"] .search-explorer-label,
body[data-surface="light"] .search-explorer-footer{color:#304a60!important;border-color:#d5e0e9!important}
body[data-surface="light"] .search-scope-btn{background:#f5f8fc!important;color:#254159!important;border-color:#c7d4e2!important}
body[data-surface="light"] .search-scope-btn[aria-pressed="true"]{background:#dceafa!important;border-color:#577ea7!important}
body[data-surface="light"] .filter-cascade{background:#fff!important;border-color:#b4c9d9!important;color:#18354c!important;box-shadow:0 18px 45px rgba(23,44,69,.20)!important}
body[data-surface="light"] .filter-cascade-categories{border-color:#d0dfeb!important}
body[data-surface="light"] .filter-category{color:#3d5972!important}
body[data-surface="light"] .filter-category:hover,body[data-surface="light"] .filter-category.current{color:#163d63!important;background:#e1edf8!important}
body[data-surface="light"] .filter-option{color:#234258!important;border-color:#d4e0e9!important}
body[data-surface="light"] .filter-option:hover,body[data-surface="light"] .filter-option[aria-current="true"]{background:#e3eff9!important;color:#173d5c!important}
body[data-surface="light"] .filter-close{color:#2e4861!important}
body[data-surface="light"] .record-edit-modal-v433{background:#fff!important;color:#1f3245!important;border-color:#adc6da!important}
body[data-surface="light"] .record-edit-modal-v433 .showmodal-head,body[data-surface="light"] .record-edit-modal-v433 .showmodal-actions{background:#e8f1f8!important;border-color:#c1d3e1!important}
body[data-surface="light"] .record-edit-modal-v433 .showmodal-head h3{color:#1a3851!important}
body[data-surface="light"] .record-edit-modal-v433 .showmodal-body{background:#fff!important;color:#223c50!important}
body[data-surface="light"] .record-edit-modal-v433 .field{background:#fff!important;color:#1d354b!important;border-color:#bdcddd!important}
body[data-surface="light"] .record-edit-modal-v433 #emTitlePreviewV433,body[data-surface="light"] .record-edit-modal-v433 .record-title-preview{background:#e8f3fa!important;color:#173750!important;border-color:#8fb2ce!important}
body[data-surface="light"] .record-edit-modal-v433 .formrow label{color:#4f6678!important}
body[data-surface="light"] #catalogueDetailModal{background:#f5f9fd!important;color:#24394e!important;border-color:#9fb7ca!important}
body[data-surface="light"] #catalogueDetailModal .showmodal-head{background:#dfedf7!important;border-color:#93b1c9!important}
body[data-surface="light"] #catalogueDetailModal .showmodal-head h3{color:#143a59!important}
body[data-surface="light"] #catalogueDetailModal .showmodal-body{background:#f5f9fd!important}
body[data-surface="light"] #catalogueDetailModal .catalogue-detail-box{background:#fff!important;border-color:#c4d6e4!important}
body[data-surface="light"] #catalogueDetailModal .catalogue-detail-box .label{color:#4d6c83!important}
body[data-surface="light"] #catalogueDetailModal .catalogue-detail-box .value{color:#1b344b!important}
body[data-surface="light"] #catalogueDetailModal .showmodal-actions{background:#e7f0f8!important;border-color:#bed0df!important}
body[data-surface="light"] .mastercard.v43-card.repp439-catalogue:not(.is-owned){background:linear-gradient(#fff,#fff) padding-box,var(--cat-frame,linear-gradient(120deg,#4b6c8f,#d7a958)) border-box!important}
body[data-surface="light"] .mastercard.v43-card.repp439-catalogue:not(.is-owned) h4{color:#152e46!important}
body[data-surface="light"] .mastercard.v43-card.repp439-catalogue:not(.is-owned) .catalogue-source-tag{color:#526f88!important}
body[data-surface="light"] .mastercard.v43-card.repp439-catalogue:not(.is-owned) .catalogue-meta span{background:#edf3f8!important;color:#2d4a62!important;border-color:#c1d3e2!important}
body[data-surface="light"] .mastercard.v43-card.repp439-catalogue:hover h4,body[data-surface="light"] .mastercard.v43-card.repp439-catalogue:hover .catalogue-source-tag{color:#fff!important}
/* Themed Show Collection and user-specific tiles always keep their configured artwork/colors across dark/light. */
@media(max-width:780px){body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue{padding-right:82px!important}.filter-category:hover{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.filter-cascade:not([hidden]),.filter-cascade-inner{animation:none!important}.filter-category,.master-show-card{transition:none!important}}
/* Contrast corrections found during the light-mode visual pass. */
body[data-surface="light"] .navbtn.active,
body[data-surface="light"][data-ui-theme="modern"] .navbtn.active{background:#dce8f3!important;color:#143550!important;border-color:#a5bed3!important;border-left-color:#bc8c26!important}
body[data-surface="light"] .navbtn:hover,
body[data-surface="light"][data-ui-theme="modern"] .navbtn:hover{background:#e2ebf4!important;color:#153754!important;border-color:#b6c9da!important}
body[data-surface="light"] .filter-trigger{color:#233b54!important}
body[data-surface="light"] .filter-trigger:hover{color:#102c45!important;border-bottom-color:#355875!important}
body[data-surface="light"] .global-search input:focus{background:#f5f9fc!important;color:#193248!important}
body[data-surface="light"] .quicklink,body[data-surface="light"] .appearance-toggle{color:#223b53!important}
body[data-surface="light"] .record-edit-modal-v433 .field-hint{color:#506a80!important}