/* REPPTRADE v4.3.38 — one visual system. Scoped presentation changes only.
   The data model, record authority, links, NFTs and cloud sync are untouched. */
:root{--ui-bg:#09111d;--ui-surface:#111c2b;--ui-border:#253447;--ui-fg:#f0f3f7;--ui-muted:#98a7ba;--ui-gold:#d6ac4a}
html{scrollbar-color:#3b4a5b #08101c}
body,body[data-ui-theme="modern"]{background:var(--ui-bg)!important;color:var(--ui-fg)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important}
body[data-ui-theme="modern"]::before,body[data-ui-theme="modern"]::after{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The only persistent page navigation is a slim, expandable rail. */
.top,body[data-ui-theme="modern"] .top{height:70px;background:#080f19!important;border:0!important;border-bottom:1px solid #1b2b40!important;backdrop-filter:none!important;box-shadow:none!important}
body[data-ui-theme="modern"] .top::before{display:none!important}
.topin,body[data-ui-theme="modern"] .topin{max-width:none!important;min-height:69px;padding:12px 22px!important;display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(300px,540px) minmax(100px,1fr) auto!important;gap:16px!important;align-items:center!important}
.brand{min-width:0!important;grid-column:1}.brand .eyebrow{display:none!important}
.brand h1,body[data-ui-theme="modern"] .brand h1{margin:0!important;font:720 25px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif!important;letter-spacing:-.7px!important;color:#f6f7fb!important}
.quicklinks{justify-self:end;grid-column:3;gap:8px!important}
.quicklink,body[data-ui-theme="modern"] .quicklink,.pack-chip,body[data-ui-theme="modern"] .pack-chip,.appearance-toggle{border-radius:5px!important;background:#111d2b!important;border:1px solid #26374b!important;color:#e1e8f1!important;box-shadow:none!important;font-weight:630!important;min-height:38px;padding:9px 12px!important;text-decoration:none}
.quicklink:hover,.appearance-toggle:hover{background:#1b3047!important;border-color:#53708d!important;color:#fff!important;transform:none!important}
.pack-chip{grid-column:4}
.appearance-toggle{grid-column:4;grid-row:2;position:absolute;right:117px;top:18px;min-height:32px;font-size:10px;white-space:nowrap;padding:8px 10px!important}
.theme-toggle{display:none!important}
/* Subnavigation does not borrow the generic segmented-tabs look. */
.mainnav,body[data-ui-theme="modern"] .mainnav{position:fixed!important;top:92px;left:18px;width:185px;display:flex!important;flex-direction:column!important;gap:6px!important;background:none!important;border:0!important;padding:0!important;border-radius:0!important;z-index:18;box-shadow:none!important}
.navbtn,body[data-ui-theme="modern"] .navbtn{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:50px;padding:9px 14px!important;border:1px solid transparent!important;border-left:3px solid transparent!important;border-radius:3px!important;background:transparent!important;color:#9caec1!important;font-size:12px!important;letter-spacing:.015em!important;text-align:left!important;text-transform:none!important;font-weight:620!important;line-height:1.15;transition:font-size .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease!important}
.navbtn:hover,body[data-ui-theme="modern"] .navbtn:hover{font-size:17px!important;background:#142235!important;color:#fff!important;border-color:#223c56!important}
.navbtn.active,body[data-ui-theme="modern"] .navbtn.active{font-size:17px!important;background:#152234!important;color:#fff!important;border-color:#2c435b!important;border-left-color:var(--ui-gold)!important}
.navbtn.active::after,body[data-ui-theme="modern"] .navbtn.active::after{display:none!important}
.wrap,body[data-ui-theme="modern"] .wrap{max-width:none!important;margin:0!important;padding:22px 25px 90px 224px!important;min-width:0}
.hero,body[data-ui-theme="modern"] .hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;background:none!important;border:0!important;border-bottom:1px solid #1b2b40!important;border-radius:0!important;box-shadow:none!important;padding:0 0 15px!important;margin:0 0 22px!important;min-height:85px!important}
.hero::before,body[data-ui-theme="modern"] .hero::before{display:none!important}
.hero h2,body[data-ui-theme="modern"] .hero h2{color:#f7f8fa!important;font:700 48px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif!important;letter-spacing:-1.5px!important;text-transform:none!important;margin:0!important}
.hero p,.sectionsub{display:none!important}
.stats{gap:0!important;flex-wrap:wrap!important}
.stat,body[data-ui-theme="modern"] .stat{background:none!important;border:0!important;border-left:1px solid #273950!important;border-radius:0!important;min-width:94px!important;padding:3px 13px!important}
.stat b,body[data-ui-theme="modern"] .stat b{color:#e8c775!important;font-size:23px!important}
.stat span{font:650 9px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.7px!important;color:#9caabe!important}
/* Search stays central; focus opens a proper explorer instead of another browser-looking form row. */
.global-search{grid-column:2!important;grid-row:1!important;position:relative!important;flex:none!important;width:100%!important;max-width:none!important;justify-self:center!important;order:initial!important}
.global-search::before{content:"⌕";position:absolute;top:9px;left:16px;font-size:21px;color:#9dafbf;z-index:1;pointer-events:none}
.global-search>span{display:none!important}
.global-search input,body[data-ui-theme="modern"] .global-search input{width:100%!important;height:43px!important;border-radius:25px!important;padding:10px 20px 10px 45px!important;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#eff4f8!important;border:1px solid #293b4b!important;background:#1b2934!important;box-shadow:none!important;outline:0!important}
.global-search input:focus{border-color:#5a7185!important;background:#1c2c3a!important;box-shadow:0 0 0 3px rgba(95,126,150,.14)!important}
.search-explorer[hidden],.filter-cascade[hidden]{display:none!important}
.search-explorer{position:absolute;z-index:80;left:50%;top:51px;width:min(660px,calc(100vw - 40px));max-height:65vh;overflow:auto;transform:translateX(-50%);padding:14px 17px 13px;background:#131e2a;border:1px solid #354b5e;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.search-explorer-head{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:14px;border-bottom:1px solid #314052;padding-bottom:12px}
.search-explorer-head button{border:0;background:transparent;color:#b2c2d1;font-size:15px}
.search-explorer-label{font-size:10px;letter-spacing:1.3px;color:#9dafc2;margin:14px 0 9px}
.search-scope-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.search-scope-btn{display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;border:1px solid #2c4153;border-radius:5px;background:#1b2938;color:#d6e3ef;min-height:38px;padding:8px 10px;font-size:12px;cursor:pointer}
.search-scope-btn[aria-pressed="true"]{background:#253c51;border-color:#d1a84b;color:#fff}
.search-scope-btn:hover{background:#2b4156}
.search-explorer-footer{display:flex;align-items:center;justify-content:space-between;color:#96a9bc;border-top:1px solid #2c4153;padding-top:12px;margin-top:13px;font-size:11px}
.search-explorer-footer kbd{background:#26394b;border:1px solid #395063;padding:2px 5px;border-radius:3px;color:#d7e0eb}
/* Link-like filter triggers, but keep the native select in the DOM for existing behavior. */
.toolbar{gap:12px!important;align-items:center!important}
.control,.seg,.btn,.subtab,.panel,.mastercard,.ledger,.packitem,.showmodal,.info,.boot,.notice,.reviewcard,.dropzone,textarea.field,input.field,select.field{border-radius:4px!important}
.control,textarea.field,input.field,select.field{background:#121d2a!important;border:1px solid #2c3d51!important;color:#e3eaf1!important;box-shadow:none!important}
.filter-legacy-select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.filter-trigger{display:inline-flex;align-items:center;gap:7px;padding:10px 2px 7px;min-height:38px;border:0;border-bottom:1px solid #697789;border-radius:0;background:transparent;color:#d4dfeb;font-size:12px;font-weight:620;white-space:nowrap;max-width:210px;cursor:pointer;transition:color .16s,border-color .16s}
.filter-trigger span{overflow:hidden;text-overflow:ellipsis}
.filter-trigger i{font-style:normal;color:#b4c0cf;font-size:13px;transition:transform .18s}
.filter-trigger[aria-expanded="true"]{color:#fff;border-color:#dbb95b}
.filter-trigger[aria-expanded="true"] i{transform:rotate(180deg)}
.filter-trigger:hover{color:#fff;border-color:#fff}
.filter-cascade{position:fixed;z-index:92;top:0;left:0;right:0;max-height:min(440px,65vh);overflow:auto;border:1px solid #34465c;border-top:3px solid #d2ad58;border-radius:3px;background:#121d2b;color:#f0f4f8;box-shadow:0 24px 70px rgba(0,0,0,.54);animation:filter-in .18s ease both}
@keyframes filter-in{from{opacity:.45;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.filter-cascade-inner{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.5fr);min-height:175px}
.filter-cascade-categories{border-right:1px solid #2e4158;padding:13px;display:flex;flex-direction:column;gap:2px}
.filter-category{background:transparent;border:0;text-align:left;padding:9px 10px;color:#9eafc1;font-weight:600;font-size:12px;cursor:pointer}
.filter-category.current{color:#fff;background:#22374e;border-left:3px solid #ddb663;padding-left:7px}
.filter-category:hover{color:#fff;background:#1d3045}
.filter-cascade-values{padding:18px 24px 21px}
.filter-cascade-values h3{font-size:20px;letter-spacing:-.4px;font-weight:680;margin:0 0 12px}
.filter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:9px;row-gap:2px}
.filter-option{border:0;border-bottom:1px solid rgba(158,174,194,.14);background:transparent;color:#c5d2e0;text-align:left;padding:10px 7px;font-size:12px;min-width:0;white-space:normal;cursor:pointer}
.filter-option:hover,.filter-option[aria-current="true"]{color:#fff;background:#25394e}
.filter-option[aria-current="true"]::before{content:"✓";color:#e3c071;margin-right:7px}
.filter-close{position:absolute;right:18px;top:15px;background:transparent;border:0;color:#bdcbd9;font-size:17px}
.filter-trigger-set{display:contents}
.drawer-filter-controls .filter-trigger{font-size:11px}
.seg,body[data-ui-theme="modern"] .seg{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;gap:0!important}
.seg button,body[data-ui-theme="modern"] .seg button{border-radius:0!important;border:1px solid #263a4c!important;background:#101b29!important;color:#9fb0c0!important;padding:10px 13px!important;font-size:11px!important}
.seg button.active,body[data-ui-theme="modern"] .seg button.active{background:#27374b!important;color:#fff!important;border-color:#b99851!important}
.btn,body[data-ui-theme="modern"] .btn{background:#172539;border:1px solid #3c5065;color:#e3edf6;box-shadow:none!important;font:630 11px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;padding:9px 12px}
.btn:hover{background:#273a50!important}
.btn.primary{background:#7e2138!important;border-color:#ae4762!important;color:#fff!important}
/* The themed cards — vibrant, carefully restrained depth, and a real inset frame. */
body[data-ui-theme="modern"] #libraryTiles .showtile,
body[data-ui-theme="modern"] #libraryRecent .recent-card{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--show-accent)!important;
  background:linear-gradient(112deg,var(--show-solid) 8%,color-mix(in srgb,var(--show-solid) 87%,var(--show-secondary)) 100%)!important;
  color:var(--show-title-ink)!important;box-shadow:0 6px 16px rgba(0,0,0,.14)!important;border-radius:5px!important;
}
body[data-ui-theme="modern"] #libraryTiles .showtile::before,
body[data-ui-theme="modern"] #libraryRecent .recent-card::before{
  content:""!important;display:block!important;position:absolute!important;inset:9px!important;width:auto!important;height:auto!important;
  border:3px solid color-mix(in srgb,var(--show-accent) 70%,var(--show-secondary))!important;
  border-radius:3px!important;box-shadow:none!important;background:none!important;pointer-events:none!important;z-index:3!important;opacity:.88!important
}
body[data-ui-theme="modern"] #libraryTiles .showtile::after,
body[data-ui-theme="modern"] #libraryRecent .recent-card::after{display:none!important}
body[data-ui-theme="modern"] #libraryTiles .showtile:hover,
body[data-ui-theme="modern"] #libraryRecent .recent-card:hover{transform:none!important;border-color:var(--show-accent)!important;box-shadow:0 12px 27px rgba(0,0,0,.22)!important}
/* An image texture is present only on hover. No image-bearing private link is used. */
.showtile-hover-art,.recent-hover-art{display:block!important;position:absolute!important;inset:0!important;background-position:center!important;background-size:cover!important;filter:grayscale(.15) brightness(.25) saturate(.65)!important;opacity:0;transition:opacity .24s ease!important;z-index:0!important;pointer-events:none!important}
body[data-ui-theme="modern"] .showtile:hover .showtile-hover-art,
body[data-ui-theme="modern"] .recent-card:hover .recent-hover-art{opacity:.68}
body[data-ui-theme="modern"] #libraryTiles .showtile>*:not(.showtile-hover-art),body[data-ui-theme="modern"] #libraryRecent .recent-card>*:not(.recent-hover-art){position:relative;z-index:2}
body[data-ui-theme="modern"] #libraryTiles .showtile .content{min-width:0!important}
body[data-ui-theme="modern"] #libraryTiles .showtile h3,
body[data-ui-theme="modern"] #libraryRecent .recent-title{color:var(--show-title-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif!important;font-weight:760!important;letter-spacing:-.16px;text-shadow:none!important}
body[data-ui-theme="modern"] #libraryTiles .showtile .eyebrow,
body[data-ui-theme="modern"] #libraryRecent .recent-show{color:var(--show-title-ink)!important;opacity:.79!important}
body[data-ui-theme="modern"] #libraryTiles .showlogo,
body[data-ui-theme="modern"] #libraryRecent .recent-logo{border-radius:3px!important;background-color:rgba(0,0,0,.13)!important;border:1px solid var(--show-title-ink)!important;box-shadow:none!important}
/* Metadata is a compact inline register. Only status states get color chips. */
body[data-ui-theme="modern"] #libraryTiles .showtile .recording-count-chip,
body[data-ui-theme="modern"] #libraryTiles .showtile .tilemeta .pill,
body[data-ui-theme="modern"] #libraryRecent .recent-meta span{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;border:0!important;border-left:2px solid var(--show-title-ink)!important;border-radius:0!important;
  background:rgba(0,0,0,.12)!important;color:var(--show-title-ink)!important;padding:4px 7px!important;font-size:9px!important;box-shadow:none!important
}
body[data-ui-theme="modern"] #libraryTiles .showtile .recording-count-chip{margin-bottom:4px!important}
/* Recently Added: reserved row for dates + aligned action column, never overlapping art/title. */
.recent-grid{grid-template-columns:repeat(auto-fill,minmax(430px,1fr))!important;gap:12px!important}
body[data-ui-theme="modern"] #libraryRecent .recent-card{display:grid!important;grid-template-columns:52px minmax(0,1fr) 94px!important;grid-template-rows:auto 1fr;gap:10px 13px!important;align-items:start!important;min-height:148px!important;padding:15px 17px!important}
body[data-ui-theme="modern"] #libraryRecent .recent-added{position:relative!important;grid-row:1;grid-column:1/-1;top:auto!important;right:auto!important;left:auto!important;display:inline-block;justify-self:start;width:max-content;max-width:100%;padding:2px 0!important;color:var(--show-title-ink)!important;border:0!important;border-bottom:1px solid var(--show-title-ink)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:9px!important}
body[data-ui-theme="modern"] #libraryRecent .recent-logo{grid-row:2;grid-column:1;width:52px!important;height:52px!important;margin:0!important;padding:0!important}
body[data-ui-theme="modern"] #libraryRecent .recent-main{grid-row:2;grid-column:2;min-width:0;margin:0!important;padding:0!important}
body[data-ui-theme="modern"] #libraryRecent .recent-title{font-size:12px!important;line-height:1.36!important;word-break:normal!important;overflow-wrap:anywhere!important;text-transform:none!important}
body[data-ui-theme="modern"] #libraryRecent .recent-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px!important}
body[data-ui-theme="modern"] #libraryRecent .recent-actions{grid-row:2;grid-column:3;min-width:0!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:7px}
body[data-ui-theme="modern"] #libraryRecent .recent-actions a,
body[data-ui-theme="modern"] #libraryRecent .recent-actions button{display:block;border:1px solid var(--show-title-ink)!important;border-radius:3px!important;color:var(--show-title-ink)!important;background:rgba(0,0,0,.1)!important;text-align:center;padding:8px!important;box-shadow:none!important}
/* The original Easy Readability look: neutral dark face, one gradient-outline frame. */
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-card{
  color:#fff!important;border:3px solid transparent!important;border-radius:6px!important;
  background:linear-gradient(#11161e,#11161e) padding-box,var(--show-easy-border,var(--show-accent)) border-box!important;
  box-shadow:0 7px 20px rgba(0,0,0,.2)!important;
}
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile::before,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-card::before{
  position:absolute!important;left:3px!important;top:3px!important;bottom:3px!important;right:auto!important;
  width:4px!important;height:auto!important;inset:auto!important;border:none!important;
  background:var(--show-accent)!important;opacity:1!important;pointer-events:none!important
}
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile::after,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-card::after{display:block!important;position:absolute!important;left:3px;right:3px;bottom:3px;height:3px;background:var(--show-accent)!important;opacity:.9;content:""!important;z-index:3}
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile h3,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-title,
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile .eyebrow,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-show{color:#fff!important;text-shadow:none!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile .recording-count-chip,
body[data-ui-theme="modern"].easy-readability #libraryTiles .showtile .tilemeta .pill,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-meta span{background:#0b1017!important;border:1px solid #495260!important;color:#fff!important}
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-added{color:#e7ecf2!important;border-bottom:1px solid #9aa7b7!important}
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-actions a,
body[data-ui-theme="modern"].easy-readability #libraryRecent .recent-actions button{color:#fff!important;border-color:#566578!important;background:#171f2b!important}
/* Show Collections inherit the theme without turning into an unreadable poster. */
body[data-ui-theme="modern"] .drawer{background:#0f1824!important;border-left:1px solid #28394d!important}
body[data-ui-theme="modern"] .drawerhead{background:linear-gradient(120deg,var(--show-solid),color-mix(in srgb,var(--show-solid) 74%,var(--show-secondary)))!important;border-bottom:3px solid var(--show-accent)!important;box-shadow:none!important}
body[data-ui-theme="modern"] .drawerhead h2,body[data-ui-theme="modern"] .drawerhead .eyebrow,body[data-ui-theme="modern"] .drawerhead p{color:var(--show-title-ink)!important;text-shadow:none!important}
body[data-ui-theme="modern"] .drawerlogo{border-radius:3px!important;border:1px solid var(--show-title-ink)!important;box-shadow:none!important}
body[data-ui-theme="modern"] .boot{background:#141b25!important;border:1px solid #2a394b!important;border-left:5px solid var(--show-accent)!important;box-shadow:none!important;border-radius:4px!important;color:#eef2f7!important}
body[data-ui-theme="modern"] .boot .boottitle{display:block!important;background:var(--show-heading-bg)!important;color:var(--show-title-ink)!important;border:1px solid var(--show-accent)!important;border-radius:3px!important;padding:11px 13px!important;font:760 13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-shadow:none!important}
body[data-ui-theme="modern"] .boot .value,body[data-ui-theme="modern"] .boot .cast,body[data-ui-theme="modern"] .boot .notes{color:#f2f4f7!important}
body[data-ui-theme="modern"] .boot .label{color:#9eafc1!important}
body[data-ui-theme="modern"] .bootactions{display:flex!important;gap:7px!important;background:#101822!important;border-top:1px solid #2d4055!important;padding:12px 15px!important}
body[data-ui-theme="modern"] .bootactions a,body[data-ui-theme="modern"] .bootactions button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:3px!important;min-height:36px!important;padding:8px 12px!important;
  font:650 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:#202d3e!important;color:#e8eff6!important;border:1px solid #42566c!important;box-shadow:none!important;transform:none!important
}
body[data-ui-theme="modern"] .bootactions a.primary{background:var(--show-accent)!important;border-color:var(--show-accent)!important;color:var(--show-accent-ink)!important;font-weight:760!important}
body[data-ui-theme="modern"] .bootactions .danger{background:#321e25!important;color:#f3b7c0!important;border-color:#814454!important}
body[data-ui-theme="modern"] .bootactions a:hover,body[data-ui-theme="modern"] .bootactions button:hover{filter:brightness(1.15);transform:none!important}
body[data-ui-theme="modern"] .bootactions a.primary::after{content:" ↗"}
body[data-ui-theme="modern"] .bootactions button[data-copylink]::before{content:"⧉";margin-right:6px}
body[data-ui-theme="modern"] .bootactions button[data-copyboth]::before{content:"▣";margin-right:6px}
/* Dedicated editor: visible actual title + predictable contrast. Nothing inherits show-color text. */
body[data-ui-theme="modern"] .record-edit-modal-v433{background:#111a26!important;border:1px solid #40536a!important;max-height:92vh!important;color:#f1f4f8!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .showmodal-head{background:#192638!important;border-color:#354b61!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .showmodal-head h3{display:block!important;color:#f8fafc!important;font:730 20px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-wrap:anywhere}
body[data-ui-theme="modern"] .record-edit-modal-v433 .showmodal-body{background:#111a26!important;color:#eef2f7!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .record-title-preview,
body[data-ui-theme="modern"] .record-edit-modal-v433 #emTitlePreviewV433{display:block!important;background:#263549!important;color:#fff!important;border:1px solid #65809c!important;min-height:56px;padding:14px!important;line-height:1.4;font-weight:760!important;font-size:13px!important;opacity:1!important;visibility:visible!important;overflow-wrap:anywhere!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .formrow label{color:#c2cedc!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .field{background:#101927!important;border:1px solid #40536a!important;border-radius:4px!important;color:#f2f4f8!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .field-hint{color:#a8bbcd!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .format-preview{background:#182638!important;color:#e4effb!important}
body[data-ui-theme="modern"] .record-edit-modal-v433 .showmodal-actions{background:#172536!important;border-color:#31475e!important}
/* Friendly master catalogue grids with conventional table/status geometry. */
body[data-ui-theme="modern"] .mastercards.v43{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;gap:10px!important}
body[data-ui-theme="modern"] .mastercard.v43-card{background:#132030!important;border-color:#30445a!important;border-left:3px solid #6686a9!important;box-shadow:none!important}
body[data-ui-theme="modern"] .mastercard.v43-card h4{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#eef3f8!important}
body[data-ui-theme="modern"] .master-show-card{border-radius:4px!important;box-shadow:none!important}
body[data-ui-theme="modern"] .master-show-card .master-show-counts span{border-radius:2px!important}
body[data-ui-theme="modern"] .catalogue-meta span,
body[data-ui-theme="modern"] .catalogue-state{border-radius:2px!important}
body[data-ui-theme="modern"] .master-toolbar-secondary{gap:10px!important;margin-bottom:11px!important}
/* Light only changes the surroundings and navigation; the show's own theme stays intact. */
body[data-surface="light"]{--ui-bg:#eef2f5;--ui-fg:#1b2938;background:var(--ui-bg)!important;color:var(--ui-fg)!important}
body[data-surface="light"] .top,body[data-surface="light"][data-ui-theme="modern"] .top{background:#fafbfc!important;border-bottom-color:#d7e0e8!important}
body[data-surface="light"] .brand h1{color:#172537!important}
body[data-surface="light"] .navbtn,body[data-surface="light"][data-ui-theme="modern"] .navbtn{color:#4a5b70!important}
body[data-surface="light"] .navbtn.active,body[data-surface="light"] .navbtn:hover{background:#dde6ed!important;color:#142334!important;border-color:#b8c9d6!important}
body[data-surface="light"] .hero{border-bottom-color:#c8d5df!important}
body[data-surface="light"] .hero h2{color:#192b3f!important}
body[data-surface="light"] .stat{border-left-color:#c4d3df!important}
body[data-surface="light"] .stat b{color:#64501c!important}
body[data-surface="light"] .stat span{color:#506278!important}
body[data-surface="light"] .filter-trigger{color:#24364b!important;border-color:#65798e!important}
body[data-surface="light"] .resultcount{color:#52657c!important}
body[data-surface="light"] .quicklink,body[data-surface="light"] .appearance-toggle,body[data-surface="light"] .pack-chip{background:#f7f9fb!important;color:#263749!important;border-color:#c0cfdd!important}
body[data-surface="light"] .global-search input{background:#e5eaf0!important;color:#263749!important;border-color:#bacbd8!important}
/* Responsive: sidebar collapses to top horizontal scroll, filters remain accessible. */
@media(max-width:1100px){
 .top,body[data-ui-theme="modern"] .top{height:auto!important;min-height:70px!important}
 .topin,body[data-ui-theme="modern"] .topin{grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;padding:11px 16px 14px!important;gap:10px!important}
 .brand{grid-column:1!important;grid-row:1!important}.global-search{grid-column:1/-1!important;grid-row:2!important;max-width:none!important}
 .quicklinks{grid-column:2!important;grid-row:1!important;justify-self:end}.pack-chip{grid-column:2!important;grid-row:2!important;display:none!important}
 .appearance-toggle{right:16px;top:14px;position:absolute!important}
 .mainnav,body[data-ui-theme="modern"] .mainnav{position:relative!important;top:auto!important;left:auto!important;width:100%!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;padding:7px 15px!important;gap:4px!important;white-space:nowrap!important}
 .navbtn,body[data-ui-theme="modern"] .navbtn{min-height:36px!important;padding:8px 12px!important;font-size:12px!important;flex:0 0 auto}
 .navbtn:hover,body[data-ui-theme="modern"] .navbtn:hover,.navbtn.active,body[data-ui-theme="modern"] .navbtn.active{font-size:13px!important}
 .wrap,body[data-ui-theme="modern"] .wrap{padding:20px 14px 80px!important}
 .hero h2{font-size:40px!important}
 .filter-cascade{max-height:70vh!important}
}
@media(max-width:720px){
 .brand h1{font-size:20px!important}.quicklinks{display:none!important}.global-search input{min-height:42px!important}
 .hero{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.hero h2{font-size:36px!important}.stats{width:100%}
 .stat{min-width:70px!important;flex:1!important;padding:0 10px!important}
 .recent-grid{grid-template-columns:1fr!important}
 body[data-ui-theme="modern"] #libraryRecent .recent-card{grid-template-columns:45px minmax(0,1fr)!important;gap:8px!important}
 body[data-ui-theme="modern"] #libraryRecent .recent-logo{width:45px!important;height:45px!important;grid-column:1;grid-row:2}
 body[data-ui-theme="modern"] #libraryRecent .recent-actions{grid-column:1/-1!important;grid-row:3!important;display:flex!important;flex-direction:row!important}
 .filter-cascade-inner{grid-template-columns:1fr!important}.filter-cascade-categories{flex-direction:row;overflow-x:auto;gap:4px;border-right:0;border-bottom:1px solid #2e4158;padding:9px}.filter-category{white-space:nowrap}
 .filter-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-cascade-values{padding:13px!important}.search-scope-options{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){.navbtn,.showtile-hover-art,.recent-hover-art{transition:none!important}.filter-cascade{animation:none!important}}

/* Final polish after real screenshot/interaction checks. */
.topin,body[data-ui-theme="modern"] .topin{grid-template-columns:minmax(180px,1fr) minmax(280px,540px) auto auto auto!important;gap:12px!important}
.quicklinks{grid-column:3!important;grid-row:1!important}
.appearance-toggle{grid-column:4!important;grid-row:1!important;position:static!important;min-height:38px!important}
.pack-chip{grid-column:5!important;grid-row:1!important}
.navbtn,body[data-ui-theme="modern"] .navbtn{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;letter-spacing:0!important}
body[data-ui-theme="modern"] .drawer{width:min(980px,97vw)!important}
body[data-ui-theme="modern"] .drawerhero{height:210px!important;min-height:210px!important;max-height:210px!important;aspect-ratio:auto!important;flex:0 0 210px!important;background-color:var(--show-solid,#202b3b)!important}
body[data-ui-theme="modern"] .master-show-card{
 background:var(--show-solid)!important;color:var(--show-title-ink)!important;
 border:1px solid var(--show-accent)!important;box-shadow:none!important;border-radius:4px!important
}
body[data-ui-theme="modern"] .master-show-card .master-show-name{
 color:var(--show-title-ink)!important;text-shadow:none!important;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
 font-size:13px!important;font-weight:750!important
}
body[data-ui-theme="modern"] .master-show-card .master-show-counts span{
 background:rgba(0,0,0,.13)!important;
 border:1px solid color-mix(in srgb,var(--show-title-ink) 31%,transparent)!important;
 color:var(--show-title-ink)!important
}
body[data-ui-theme="modern"] .master-show-card .master-show-actions .btn{
 color:var(--show-title-ink)!important;border-color:color-mix(in srgb,var(--show-title-ink) 36%,transparent)!important;
 background:rgba(0,0,0,.13)!important
}
body[data-ui-theme="modern"] .master-show-card .master-show-logo{
 border-radius:3px!important;border:1px solid var(--show-title-ink)!important;
 background-color:rgba(0,0,0,.12)!important
}
@media(max-width:1100px){
 .topin,body[data-ui-theme="modern"] .topin{grid-template-columns:1fr auto auto!important;grid-template-rows:auto auto!important}
 .quicklinks{grid-column:2!important;grid-row:1!important}
 .appearance-toggle{grid-column:3!important;grid-row:1!important}
 .global-search{grid-column:1/-1!important;grid-row:2!important}
 .pack-chip{display:none!important}
}
@media(max-width:720px){.quicklinks{display:none!important}.appearance-toggle{grid-column:3!important}}
/* Remove template-like section counters and pill repetition, not functional status labels. */
body[data-ui-theme="modern"] .hero::after,
body[data-ui-theme="modern"] #page-library>.toolbar::before,
body[data-ui-theme="modern"] #page-master>.toolbar::before,
body[data-ui-theme="modern"] #page-nft>.toolbar::before{display:none!important}
body[data-ui-theme="modern"] .pill,
body[data-ui-theme="modern"] .tilemeta .pill,
body[data-ui-theme="modern"] .badge,
body[data-ui-theme="modern"] .catalogue-state,
body[data-ui-theme="modern"] .catalogue-meta span,
body[data-ui-theme="modern"] .nft-pill{border-radius:3px!important}
/* Keep the rare intentionally pill-shaped interactive search; everything else gets restrained corners. */
body[data-ui-theme="modern"] .global-search input{border-radius:25px!important}
