/* REPPTRADE 4.3.40 — UI consistency and motion. Presentation only. */
:root{--repp-v440-panel:#111c2b;--repp-v440-line:#34485d;--repp-v440-copy:#f6f8fc}
/* Neutral, boxed headings in place of competing theme ink on recording cards. */
body[data-ui-theme="modern"] .drawer .boot .boottitle{
 display:block!important;position:relative;background:#0c1522!important;color:#fff!important;
 border:1px solid color-mix(in srgb,var(--show-accent) 75%,#fff 25%)!important;
 border-radius:4px!important;padding:12px 14px!important;margin:0 0 11px!important;
 box-shadow:none!important;text-shadow:none!important;line-height:1.45!important
}
body[data-ui-theme="modern"] .drawer .drawerhead{min-height:109px!important;padding:21px 22px!important}
body[data-ui-theme="modern"] .drawer .drawerhead h2{
 display:inline-block!important;background:#0c1522!important;color:#fff!important;
 border:1px solid var(--show-accent)!important;padding:9px 13px!important;
 border-radius:4px!important;max-width:100%!important;overflow-wrap:anywhere;
 font-size:23px!important;line-height:1.18!important;text-shadow:none!important
}
body[data-ui-theme="modern"] .drawer .drawerhead .eyebrow{color:var(--show-title-ink,#fff)!important}
/* Leave source show colors untouched in normal mode; the heading is the reading anchor. */
body[data-ui-theme="modern"] .drawer .boot .info,
body[data-ui-theme="modern"] .drawer .boot .detailbox{background:#101a29!important;color:#f5f8fc!important;border-color:#385069!important}
body[data-ui-theme="modern"] .drawer .boot .info .value,
body[data-ui-theme="modern"] .drawer .boot .detailbox .value{color:#fff!important}
/* Easy Readability: calm neutral cards with colored gradient perimeter, across nested recordings too. */
body[data-ui-theme="modern"].easy-readability .drawer .boot{
 background:linear-gradient(#141b26,#141b26) padding-box,
 var(--show-easy-border,linear-gradient(115deg,var(--show-accent),var(--show-secondary))) border-box!important;
 border:3px solid transparent!important;border-radius:7px!important;color:#fff!important;
 box-shadow:0 7px 19px rgba(0,0,0,.17)!important
}
body[data-ui-theme="modern"].easy-readability .drawer .boot .boottitle{
 background:#0a111a!important;color:#fff!important;border:1px solid #4b6074!important
}
body[data-ui-theme="modern"].easy-readability .drawer .boot .info,
body[data-ui-theme="modern"].easy-readability .drawer .boot .detailbox{background:#0e1621!important;border:1px solid #36475c!important}
body[data-ui-theme="modern"].easy-readability .drawer .bootactions{background:#111b27!important;border-top-color:#344358!important}
body[data-ui-theme="modern"].easy-readability .drawer .boot .label{color:#b2c4d6!important}
/* Always keep the user-selected Title Text Color visible elsewhere; only boxed headings become white. */
/* Catalogue ownership needs to read as a single status, stronger than show colors. */
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned{
 border:3px solid #20a877!important;
 background:linear-gradient(#27896e,#27896e) padding-box,linear-gradient(120deg,#72e6b8,#079765) border-box!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 8px 21px rgba(0,0,0,.16)!important
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned h4,
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned .catalogue-source-tag{color:#fff!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned .catalogue-meta span{background:rgba(7,54,41,.46)!important;border-color:rgba(255,255,255,.4)!important;color:#fff!important}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned .catalogue-owned-footer{
 background:#fff!important;color:#096b4e!important;border-top:2px solid #17a376!important
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned:hover{border-color:#37d29c!important}
/* Production controls: search and filters FIRST, horizontal production navigation SECOND. */
body[data-ui-theme="modern"] .drawerfilters,
body[data-ui-theme="modern"] #drawerFilters{
 position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:stretch!important;gap:13px!important;padding:14px 20px 18px!important;
 min-height:0!important;overflow:visible!important;box-sizing:border-box
}
body[data-ui-theme="modern"] .drawer-filter-controls{
 order:1!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;
 min-height:44px!important
}
body[data-ui-theme="modern"] .drawer-filter-controls .filter-trigger{white-space:nowrap!important;flex:0 0 auto!important;min-height:33px!important}
body[data-ui-theme="modern"] .drawer-filter-controls .drawer-show-search,
body[data-ui-theme="modern"] #drawerShowSearch{
 order:100!important;flex:1 1 240px!important;min-width:180px!important;max-width:460px!important;
 margin-left:auto!important;border-radius:999px!important
}
body[data-ui-theme="modern"] .production-tabs{
 order:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;
 flex-wrap:wrap!important;gap:8px!important;width:100%!important;border:0!important;
 padding:3px 0 0!important;overflow:visible!important;white-space:normal!important
}
body[data-ui-theme="modern"] .production-tab{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:80px!important;flex:0 0 auto!important;height:37px!important;
 font-size:11px!important;font-weight:740!important;letter-spacing:.02em!important;
 border:1px solid #38526b!important;border-left:3px solid transparent!important;
 border-radius:4px!important;padding:9px 13px!important;background:#14243a!important;
 color:#b9cfe4!important;transition:transform .27s cubic-bezier(.2,.8,.2,1),background-color .24s,border-color .24s,color .24s!important;
 transform-origin:50% 50%;will-change:transform;position:relative;z-index:1
}
body[data-ui-theme="modern"] .production-tab:hover,
body[data-ui-theme="modern"] .production-tab:focus-visible{
 transform:scale(1.095)!important;font-size:11px!important;z-index:4!important;
 background:#28435d!important;color:#fff!important;border-color:#6e95b3!important
}
body[data-ui-theme="modern"] .production-tab.active{
 font-size:11px!important;transform:scale(1.035)!important;background:#29445e!important;color:#fff!important;
 border-color:#698ba7!important;border-left-color:var(--show-accent,#e7ba62)!important;z-index:2
}
body[data-ui-theme="modern"] .production-tab.active:hover{transform:scale(1.11)!important}
/* Staggered cascading filter: panel unfurls vertically, then each option follows. */
.filter-cascade{transform-origin:top center!important;overflow-x:hidden!important}
.filter-cascade.repp440-enter{
 animation:repp440-drop .52s cubic-bezier(.18,.86,.22,1) both!important
}
@keyframes repp440-drop{
 0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-18px) scaleY(.78)}
 46%{opacity:1;clip-path:inset(0 0 42% 0);transform:translateY(-3px) scaleY(.98)}
 100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scaleY(1)}
}
.filter-cascade.repp440-enter .filter-category,
.filter-cascade.repp440-enter .filter-option{
 animation:repp440-item .32s cubic-bezier(.21,.75,.25,1) both!important;
 animation-delay:calc(.12s + var(--cascade-i,0) * 27ms)!important
}
@keyframes repp440-item{0%{opacity:0;transform:translateY(-13px)}100%{opacity:1;transform:translateY(0)}}
.filter-cascade .filter-category{font-size:12px!important;transform-origin:left center!important;transition:transform .24s cubic-bezier(.18,.81,.25,1),background-color .24s,color .24s!important}
.filter-cascade .filter-category:hover,
.filter-cascade .filter-category:focus-visible{font-size:12px!important;transform:scale(1.105)!important;background:#2e4965!important;color:#fff!important;position:relative;z-index:2}
.filter-cascade .filter-category.current{font-size:12px!important;font-weight:800!important}
/* Remove decorative Pack plus when label already contains one; keep one literal plus. */
body[data-ui-theme="modern"] .bootactions [data-addpack]::before{content:none!important;display:none!important}
/* All leftover amber/brown neutral panels now share the same blue-slate utility palette. */
body[data-ui-theme="modern"] .panel,body[data-ui-theme="modern"] .reviewcard,
body[data-ui-theme="modern"] .notice,body[data-ui-theme="modern"] .showmodal:not(#catalogueDetailModal),
body[data-ui-theme="modern"] .packitem,body[data-ui-theme="modern"] .nft-row,
body[data-ui-theme="modern"] .audit-modal,body[data-ui-theme="modern"] .setup-show-row,
body[data-ui-theme="modern"] .setup-text-row{background:#111d2c!important;border-color:#33465c!important;color:#eef4f9!important}
body[data-ui-theme="modern"] .showmodal:not(#catalogueDetailModal) .showmodal-head,
body[data-ui-theme="modern"] .showmodal:not(#catalogueDetailModal) .showmodal-actions{background:#16283b!important;border-color:#344e66!important}
body[data-ui-theme="modern"] textarea.field,body[data-ui-theme="modern"] input.field,body[data-ui-theme="modern"] select.field{background:#0d1a29!important;color:#eaf3fb!important;border-color:#38516a!important}
body[data-ui-theme="modern"] .sectiontitle{color:#eef3f8!important}
body[data-ui-theme="modern"] .nft-state,body[data-ui-theme="modern"] .filter-token{border-radius:4px!important}
/* Light surface remains genuinely light for neutral tools; per-show surfaces retain show colors. */
body[data-surface="light"][data-ui-theme="modern"] .panel,
body[data-surface="light"][data-ui-theme="modern"] .reviewcard,
body[data-surface="light"][data-ui-theme="modern"] .notice,
body[data-surface="light"][data-ui-theme="modern"] .packitem,
body[data-surface="light"][data-ui-theme="modern"] .nft-row,
body[data-surface="light"][data-ui-theme="modern"] .setup-show-row,
body[data-surface="light"][data-ui-theme="modern"] .setup-text-row{background:#fff!important;border-color:#c3d4e2!important;color:#20364b!important}
body[data-surface="light"][data-ui-theme="modern"] textarea.field,
body[data-surface="light"][data-ui-theme="modern"] input.field,
body[data-surface="light"][data-ui-theme="modern"] select.field{background:#fff!important;color:#19354b!important;border-color:#bdcfe0!important}
body[data-surface="light"][data-ui-theme="modern"] .sectiontitle{color:#21384e!important}
/* Responsive: allow production choices to wrap instead of stealing hero or search space. */
@media(max-width:790px){
 body[data-ui-theme="modern"] .drawerfilters,body[data-ui-theme="modern"] #drawerFilters{padding:12px!important}
 body[data-ui-theme="modern"] .drawer-filter-controls{display:flex!important;justify-content:flex-start!important}
 body[data-ui-theme="modern"] #drawerShowSearch{flex-basis:100%!important;max-width:none!important;order:-1!important;margin:0 0 4px!important}
 body[data-ui-theme="modern"] .production-tabs{gap:6px!important}
 body[data-ui-theme="modern"] .production-tab{min-width:0!important;padding:8px 10px!important}
 body[data-ui-theme="modern"] .drawer .drawerhead h2{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
 .filter-cascade.repp440-enter,.filter-cascade.repp440-enter .filter-category,.filter-cascade.repp440-enter .filter-option{animation:none!important}
 .filter-category,.production-tab{transition:none!important;will-change:auto!important}
}
/* Final light-theme consistency for legacy forms, setup and generic modals. */
body[data-surface="light"][data-ui-theme="modern"] .showmodal:not(#catalogueDetailModal):not(.record-edit-modal-v433),
body[data-surface="light"][data-ui-theme="modern"] .audit-modal{
 background:#fff!important;color:#213649!important;border-color:#bfcedb!important
}
body[data-surface="light"][data-ui-theme="modern"] .showmodal:not(#catalogueDetailModal):not(.record-edit-modal-v433) .showmodal-head,
body[data-surface="light"][data-ui-theme="modern"] .showmodal:not(#catalogueDetailModal):not(.record-edit-modal-v433) .showmodal-actions{
 background:#e8f0f8!important;border-color:#bdcfdf!important;color:#173249!important
}
body[data-surface="light"][data-ui-theme="modern"] .reviewcard .label,
body[data-surface="light"][data-ui-theme="modern"] .setup-row-meta,
body[data-surface="light"][data-ui-theme="modern"] .panel .label{color:#506980!important}
body[data-surface="light"][data-ui-theme="modern"] .filter-token,
body[data-surface="light"][data-ui-theme="modern"] .filter-carry-note{
 background:#f2f6fa!important;border-color:#c5d4e1!important;color:#284560!important
}