/* The approved WingsMS shell. Controllers and account data remain shared. */
body.unified{--bg:#f5f6f3;--paper:#fff;--surface:#fff;--surface-soft:#f7f8f5;--soft:#f7f8f5;--ink:#26382e;--text:#26382e;--muted:#748078;--dim:#748078;--line:#e4e9e2;--accent:#356348;--accent-soft:#eaf1e8;--green:#356348;--green-dark:#356348;--green-soft:#eaf1e8;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}
[data-theme=dark] body.unified{--bg:#151e1a;--paper:#1d2922;--surface:#1d2922;--surface-soft:#243129;--soft:#243129;--ink:#e1e8df;--text:#e1e8df;--muted:#9aa99d;--dim:#9aa99d;--line:#334036;--accent:#9dc799;--accent-soft:#2a3f2e;--green:#9dc799;--green-dark:#9dc799;--green-soft:#2a3f2e}
.unified :is(button,input,select,textarea){font-family:inherit}
.unified :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.unified :is(input,select,textarea){color:var(--ink);background:var(--paper);border-color:var(--line);border-radius:8px}
.unified :is(.primary,.primary.full){background:var(--accent);border-color:var(--accent);color:var(--paper)}
.unified :is(.header,.topbar,.unified-mobile-header){height:70px;min-height:70px;margin:0;padding:0 28px;gap:12px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center}
.unified .header h1{font-size:21px;color:var(--ink)}.unified .header p{font-size:11px;color:var(--muted)}
.unified :is(.brand,.brand-icon){display:flex;align-items:center;gap:10px;font:750 21px/1.3 Inter,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:-.6px;background:none;color:var(--ink);width:auto;height:auto;text-decoration:none}
.unified :is(.brand,.brand-icon)>img{width:36px;height:36px;object-fit:contain;border-radius:9px}
.unified .topnav{display:none}.unified .top-status,.unified .account{margin-left:auto}
.unified .unified-mobile-header>img{width:29px;height:29px;object-fit:contain}.unified .unified-mobile-header>strong{font-size:19px}.unified .unified-mobile-header #theme-toggle{margin-left:auto}
.unified .unified-mobile-header #next-summary-open{margin-left:auto;min-height:34px}.unified .unified-mobile-header #next-summary-open+#theme-toggle{margin-left:0}
.unified :is(dialog){color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 16px 60px #253d2520}
.unified dialog::backdrop{background:#14291d65;backdrop-filter:blur(3px)}
.unified :is(.dialog-bar,.dialog-head){background:var(--paper);border-color:var(--line)}
.unified :is(.attributes){display:flex;flex-wrap:wrap;gap:4px;align-content:start;max-height:27px;overflow:hidden;margin:0}
.unified .attributes.is-expanded{max-height:none}
.unified .attributes>span{flex:none;white-space:nowrap;line-height:15px;min-height:25px;padding:4px 6px;border-radius:5px;background:var(--soft);border:1px solid var(--line);font-size:11px}
.unified .attributes>.attribute-highlight{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.unified :is(.listing,.saved-record){background:var(--paper);border-color:var(--line)}
.unified .listing-top{min-width:0}.unified .listing-top .price{color:var(--accent)}
.unified .listing-top>.seller{min-width:0;overflow:hidden}.unified .listing-top .seller span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unified .listing-top :is(.pc-result-name,.equip-name){min-width:0}.unified .listing-top :is(.pc-result-name,.equip-name)>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unified .listing-top>.record-action{margin-left:auto}.unified .filter-record-order{display:flex;flex-direction:row;gap:3px}
.unified :is(.pager){flex:none;background:var(--paper);border-top:1px solid var(--line);position:sticky;bottom:0;z-index:2}
/* Desktop navigation and market */
@media(min-width:761px){
 .unified nav.site-nav{inset:70px auto 0 0;width:185px;max-width:none;min-height:0;margin:0;padding:24px 13px;border:0;border-right:1px solid var(--line);border-radius:0;display:flex;flex-direction:column;gap:7px;background:var(--paper)}
 .unified nav.site-nav>:is(button,a){flex-direction:row;justify-content:flex-start;gap:10px;min-height:44px;padding:10px 12px;font-size:13px}
 .unified nav.site-nav>:is(button,a)>span:first-child{font-size:19px}
 .unified .shell{max-width:none!important;margin:0 0 0 185px;padding:0;height:100dvh}
 .unified .shell>.header{margin-left:-185px;position:relative}
 .unified.desktop-view #market-view{padding:22px 28px 12px}
 .unified.desktop-view #product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:10px;border:0;background:transparent}
 .unified.desktop-view .pc-product{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden;align-self:start}
 .unified.desktop-view .pc-product-open{min-height:76px;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:10px}
 .unified.desktop-view .pc-product-open:hover{background:var(--soft)}
 .unified.desktop-view .pc-product-name strong{font-size:13px}.unified.desktop-view .pc-product-price strong{font-size:14px;color:var(--accent)}
 .unified.desktop-view .pc-favorite{width:32px;padding:5px;color:var(--dim)}
 .unified.desktop-view .pc-favorite[aria-pressed=true]{color:var(--gold,#b9832e)}
 .unified.desktop-view #groups{order:-1;margin:0 0 15px;padding:0;gap:22px;min-height:36px;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0}
 .unified.desktop-view #groups button{padding:0 2px 11px;border:0;border-radius:0;background:transparent;color:var(--dim);font-size:14px}
 .unified.desktop-view #groups button.active{border-bottom:3px solid var(--accent);color:var(--accent)}
 .unified.desktop-view .searchbar{max-width:400px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
 .unified.desktop-view .list-heading{padding:13px 0}.unified .list-heading h2{font-size:17px}
 .unified.desktop-view .filter-workspace{grid-template-columns:minmax(200px,.85fr) minmax(250px,1fr) minmax(320px,1.7fr);gap:14px;padding:0;overflow:hidden;background:var(--bg)}
 .unified.desktop-view .pc-search-tabs{display:none}
 .unified.desktop-view .pc-search-sidebar,.unified.desktop-view #filter-form,.unified.desktop-view .filter-results-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:auto}
 .unified.desktop-view #pc-filter-library{display:block!important;overflow:auto;padding:14px}
 .unified.desktop-view #filter-form{padding:15px}.unified.desktop-view #filter-form .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .unified.desktop-view .market-search{border:0!important;background:none}.unified.desktop-view .filter-results-panel{overflow:hidden}
 .unified.desktop-view .pc-search-listing.has-record-action .listing-top{grid-template-columns:minmax(50px,1.2fr) minmax(70px,.8fr) minmax(45px,1fr) auto auto;gap:5px}
 .unified.desktop-view .detail-layout{grid-template-columns:minmax(230px,.85fr) repeat(2,minmax(0,1.5fr));grid-template-rows:minmax(0,1fr)}
 .unified.desktop-view .detail-layout>.detail-tabs{display:none}.unified.desktop-view .detail-panel{display:flex!important;grid-row:auto;grid-column:auto}
 .unified.desktop-view #detail-head{grid-row:auto}
 .unified.desktop-view #detail-dialog[open]{width:96vw;height:92dvh}
}
/* Guide shell and compact role controls */
.unified.guide-page .preview-shell{height:100dvh;max-width:none;border:0;border-radius:0;box-shadow:none}
.unified.guide-page #app{height:100%;display:flex;flex-direction:column;max-width:none}
.unified.guide-page .guide-viewbar{display:flex;align-items:center;gap:14px;margin:0;padding:10px 24px;background:var(--bg);flex:none;min-height:55px;border:0}
.unified .guide-view-tabs{display:flex;gap:14px;flex:none}
.unified .guide-view-tabs button{padding:8px 2px;border:0;border-bottom:2px solid transparent;background:none;border-radius:0;white-space:nowrap}
.unified .guide-view-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}
.unified .guide-viewbar>.search-box,.unified .guide-viewbar>.cr-search{margin-left:auto;max-width:360px;flex:1;min-width:0;height:35px;display:flex;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:0 8px}
.unified .guide-viewbar input{min-width:0;width:100%;height:33px;padding:5px;border:0;background:none;font-size:12px}
.unified .unified-rolebar{display:flex;align-items:center;gap:12px;padding:8px 24px;margin:0;min-height:48px;background:var(--paper);border:0;border-bottom:1px solid var(--line);border-radius:0;flex:none}
.unified .unified-rolebar .record-head{font-size:11px;margin:0;white-space:nowrap}.unified .unified-rolebar .record-head svg{width:15px}
.unified .unified-rolebar #profile{margin:0;padding:5px 8px;max-width:230px;width:auto;min-width:90px;font-size:12px;height:30px}
.unified .unified-rolebar .progress{width:120px;margin:0;height:5px}.unified .unified-rolebar .record-meta{display:flex;gap:8px;margin:0;font-size:11px;white-space:nowrap}
.unified .unified-rolebar .record-tools{display:flex;gap:6px;margin:0;margin-left:auto}.unified .unified-rolebar .record-tools button{padding:4px 8px;font-size:11px}
.unified .unified-rolebar .sidebar-footer{display:none}
.unified .unified-monster-filters{display:flex;align-items:center;gap:7px;padding:0 24px 10px;flex:none}
.unified .unified-monster-filters select{min-width:0;max-width:210px;padding:6px 8px;font-size:12px;height:33px}
.unified .unified-monster-filters button{font-size:12px;padding:6px 10px;min-height:33px;margin:0;width:auto;display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:8px}
.unified .unified-monster-filters #region{flex:1}.unified .unified-monster-filters #reset-filters{margin-left:0}
.unified.guide-page .workspace:not(.job-workspace){position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);height:auto;padding:0 24px 16px;gap:0}
.unified #guide-content>.sidebar{position:fixed;inset:70px 0 0 auto;transform:translateX(110%);width:min(360px,90vw);z-index:80;display:block;background:var(--paper);border-left:1px solid var(--line);padding:20px;overflow:auto;height:auto;transition:transform .15s}
.unified #guide-content>.sidebar.open{transform:none}.unified .side-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.unified .side-nav{display:none}
.unified .filter-overlay.open{display:block;position:fixed;inset:70px 0 0;background:#14291d65;z-index:79}
.unified .list-pane{padding:0;border:0;background:transparent;min-height:0}
.unified .list-pane>.section-heading,.unified .list-pane>.search-row{display:none}
.unified .list-pane>.list-toolbar{padding:0 0 8px;min-height:32px;margin:0;font-size:12px}
.unified .list-toolbar #unfinished,.unified .list-toolbar label:has(#unfinished),.unified #mobile-profile{display:none}
.unified .monster-grid.rows{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:9px;padding:0;background:none}
.unified .monster-grid.rows .monster-card{border:1px solid var(--line);border-radius:11px;background:var(--paper);min-height:84px}
.unified .monster-grid.rows .monster-card.selected{border-color:var(--accent)}
.unified #guide-content>.detail{display:none;position:fixed;inset:86px max(24px,calc((100vw - 900px)/2)) 28px;z-index:86;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 60px #0004;overflow:hidden;width:auto;min-width:0;height:auto}
.unified #guide-content>.detail.is-open{display:flex}.unified .back-btn{display:flex}
.unified #route-detail-shade:not([hidden]){position:fixed;inset:0;z-index:85;background:#14291d65}
.unified #guide-content.route-mode>.list-pane{display:none}
.unified .cr-workspace{display:flex;min-height:0;background:transparent}.unified .cr-sidebar,.unified .cr-heading{display:none}.unified .cr-main{width:100%;min-width:0;padding:0;background:none;display:flex;flex-direction:column}
.unified .cr-toolbar{display:flex;gap:7px;padding:0 0 10px;margin:0;flex-wrap:nowrap;order:-2;flex:none}
.unified .cr-toolbar select{display:block;height:33px;padding:5px 8px;min-width:0;font-size:12px;width:auto;background:var(--paper)}
.unified .cr-toolbar #cr-region-select{flex:1;max-width:360px;margin:0}.unified .cr-overview{padding:10px 14px;background:var(--paper);border:1px solid var(--line);border-radius:11px 11px 0 0;margin:0;flex:none}
.unified .cr-overview h2{font-size:16px}.unified .cr-overview p{font-size:11px}.unified .cr-current strong{font-size:19px}.unified .cr-current span{font-size:10px}
.unified .cr-scroller{background:var(--paper);border:1px solid var(--line);border-top:0;min-height:0;flex:1;overflow:auto}
.unified .cr-row{background:var(--paper)}.unified .cr-region img{width:86px;height:60px;max-width:86px;object-fit:contain}
.unified #cr-batch-toggle,.unified #cr-batch-hint,.unified #cr-batch-bar{display:none!important}
/* All professions and full skill level tables, presented as cards and a detail panel. */
.unified .job-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;padding:22px 26px;height:calc(100dvh - 70px);overflow:hidden}
.unified .job-sidebar{padding:16px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.unified .job-sidebar h1{font-size:19px}.unified .skills-pane{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.unified .skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;align-content:start;padding:14px;flex:1}
.unified .skill-row{border:1px solid var(--line);border-radius:10px;padding:13px;min-height:85px;background:var(--paper);align-self:start}
.unified .skill-copy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}
.unified .job-detail{display:none}.unified .detail-open .job-detail{display:block;position:fixed;z-index:86;inset:90px max(28px,calc((100vw - 940px)/2)) 30px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 60px #0005;padding:0 24px 24px;visibility:visible}
.unified .detail-toolbar{position:sticky;top:0;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);z-index:4}.unified .detail-toolbar button{display:block}
.unified .table-scroll{max-height:none;overflow-x:auto;overflow-y:visible}
@media(min-width:761px){
 .unified.guide-page #shell,.unified #job-app{margin-left:185px}.unified.guide-page .topbar{margin-left:-185px}
 .unified.guide-page .job-workspace{height:calc(100dvh - 70px)}
}
@media(max-width:1100px) and (min-width:761px){.unified.desktop-view .filter-workspace{grid-template-columns:minmax(160px,.8fr) minmax(210px,1fr) minmax(240px,1.2fr)}.unified.desktop-view #market-view{padding:15px}.unified .unified-rolebar .progress{display:none}}
/* Phone: two compact products per row, one continuous conditions page. */
@media(max-width:760px){
 .unified :is(.header,.topbar,.unified-mobile-header){height:54px;min-height:54px;padding:0 12px}
 .unified .brand{font-size:19px}.unified .brand>img{width:29px;height:29px}.unified .top-status{gap:4px}.unified .top-status>.avatar{display:none}
 .unified .next-app-shell{max-width:none;background:var(--bg)}
 .unified .unified-mobile-header{position:sticky;top:0;z-index:26}
 .unified .market-sticky{top:54px;background:var(--bg);border:0;padding-top:9px}
 .unified #groups{border-bottom:1px solid var(--line);background:none}.unified #groups button{background:none;border-radius:0}
 .unified #groups button.active{color:var(--accent);background:none;border-bottom:2px solid var(--accent)}
 .unified #product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .unified .quote-row{border:1px solid var(--line);border-radius:9px;background:var(--paper);min-height:68px}
 .unified .quote-open{min-height:66px;padding:7px 2px 7px 6px;gap:5px;grid-template-columns:28px minmax(0,1fr) auto}
 .unified .quote-icon{width:28px;height:32px}.unified .quote-icon img{max-width:28px;max-height:30px}
 .unified .quote-description>strong{font-size:11px;line-height:1.4}.unified .quote-description>small{font-size:9px}
 .unified .quote-price>strong{font-size:11px}.unified .quote-price>small{font-size:9px}.unified .quote-row>.favorite{width:23px;padding:3px}.unified .quote-row>.favorite svg{width:16px;height:16px}
 .unified .listing{padding:10px}.unified .listing[data-search-row].has-record-action .listing-top{grid-template-columns:minmax(45px,1.2fr) minmax(60px,.85fr) minmax(42px,1fr) auto auto;gap:4px}
 .unified .listing[data-search-row] .equip-name{gap:4px}.unified .listing[data-search-row] .equip-name strong{font-size:11px}.unified .listing[data-search-row] .price{font-size:12px}
 .unified .listing[data-search-row] .seller{font-size:10px}.unified .listing[data-search-row] .seller strong{font-size:10px}.unified .listing[data-search-row] .equip-name img{width:22px;height:24px}
 .unified .search-sheet-tabs{display:none}.unified .search-sheet-frame{height:90dvh;max-height:90dvh}.unified .unified-search-scroll{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain}
 .unified .unified-search-scroll>.sheet-scroll{display:block!important;overflow:visible;max-height:none;height:auto;flex:none;padding:14px}
 .unified #next-search-records-panel{border-bottom:1px solid var(--line)}
 .unified #next-search-records-panel .filter-record-list{max-height:240px;overflow:auto}
 .unified .guide-viewbar{padding:7px 10px!important;gap:8px!important;min-height:47px!important}
 .unified .guide-view-tabs{gap:10px}.unified .guide-view-tabs button{font-size:12px;padding:7px 0}
 .unified .guide-viewbar>.search-box,.unified .guide-viewbar>.cr-search{height:32px;padding:0 5px}.unified .guide-viewbar input{font-size:11px;height:30px}.unified .guide-viewbar svg{width:14px;flex:none}
 .unified .unified-rolebar{min-height:42px;padding:5px 10px;gap:7px}.unified .unified-rolebar .record-head{font-size:0}.unified .unified-rolebar .record-head svg{width:16px}.unified .unified-rolebar #profile{font-size:11px;max-width:160px;height:29px}.unified .unified-rolebar .progress{display:none}.unified .unified-rolebar .record-meta{font-size:10px}.unified .unified-rolebar #progress-percent{display:none}.unified .unified-rolebar .record-tools{display:none}
 .unified .unified-monster-filters{padding:0 10px 8px;gap:4px;flex-wrap:nowrap}.unified .unified-monster-filters select{font-size:10px;height:31px;padding:4px;flex:1;width:0;max-width:none}.unified .unified-monster-filters button{font-size:0;width:30px;min-height:31px;height:31px;flex:none;padding:6px;justify-content:center}.unified .unified-monster-filters #open-filters svg{width:16px}.unified .unified-monster-filters #reset-filters:before{content:'↻';font-size:18px}
 .unified.guide-page .preview-shell{height:calc(100dvh - var(--site-nav-height))}.unified.guide-page .workspace:not(.job-workspace){padding:0 10px 6px}
 .unified .monster-grid.rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.unified .monster-grid.rows .monster-card{min-height:76px}
 .unified .list-pane>.list-toolbar{font-size:11px}.unified #sort.sort-select{font-size:11px;min-height:28px}
 .unified #guide-content>.detail{inset:54px 6px calc(var(--site-nav-height) + 6px);border-radius:12px;z-index:86}
 .unified #guide-content>.sidebar{inset:54px 0 var(--site-nav-height) auto}.unified .filter-overlay.open{inset:54px 0 0}
 .unified .cr-toolbar{gap:5px;padding-bottom:8px}.unified .cr-toolbar select{flex:1;width:0;padding:4px;font-size:10px;height:31px}.unified .cr-toolbar #cr-region-select{flex:1.6}
 .unified .cr-overview{padding:8px 10px}.unified .cr-overview h2{font-size:14px}.unified .cr-region img{width:68px;height:50px;max-width:68px}.unified .cr-row{background:var(--paper)}
 .unified .job-workspace{display:block;padding:10px;height:calc(100dvh - 54px - var(--site-nav-height))!important}.unified .job-sidebar{display:none}.unified .skills-pane{height:100%}.unified .profession-heading{padding:10px}.unified .skill-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:7px}.unified .skill-row{gap:7px;padding:9px;min-height:95px;align-items:flex-start}.unified .skill-row img{width:27px;height:27px}.unified .skill-title{flex-wrap:wrap;gap:3px}.unified .skill-title b{font-size:12px}.unified .skill-copy p{font-size:10px}.unified .skill-stage{font-size:9px}
 .unified .detail-open .job-detail{inset:54px 5px calc(var(--site-nav-height) + 5px);padding:0 14px 20px;border-radius:12px}.unified .workspace.detail-open .skills-pane{visibility:visible}
 .unified nav.site-nav{background:var(--paper)}
}
@media(min-width:761px){
 .unified.desktop-view .shell{width:calc(100% - 185px)}
 .unified nav.site-nav>:is(button,a){flex:none;height:44px;max-height:44px;width:100%}
 .unified.desktop-view .header{width:calc(100% + 185px)}
 .unified .focus-tabs{width:max-content;max-width:100%;gap:4px;min-height:36px;margin-top:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:3px}
 .unified .focus-tabs button{min-width:86px;padding:5px 15px;border:0;border-radius:6px;font-size:12px}.unified .focus-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}
}
.unified .pc-favorite[aria-pressed=true] .pc-star{color:var(--gold,#b9832e);fill:currentColor;stroke:currentColor}
@media(min-width:761px){
 .unified nav.site-nav{justify-content:flex-start}
 .unified.guide-page #shell,.unified #job-app{width:calc(100% - 185px)}
 .unified.guide-page>.topbar{margin-left:0;width:100%}
 .unified.guide-page .preview-shell{height:calc(100dvh - 70px)}
 .unified.desktop-view #pc-filter-library{background:var(--paper)}
}
@media(max-width:760px){.unified.guide-page .preview-shell{height:calc(100dvh - 54px - var(--site-nav-height))}}
.unified .unified-rolebar .record-tools button{white-space:nowrap;min-width:65px}
.unified #guide-content>.sidebar:not(.open){visibility:hidden}.unified #guide-content>.sidebar.open{visibility:visible}
@media(max-width:760px){
 .unified .market-view{height:calc(100dvh - 54px)}
 .unified .market-sticky{position:relative;top:0}
 .unified .product-grid .quote-row{grid-template-columns:minmax(0,1fr) 23px;min-height:72px}
 .unified .product-grid .quote-open{grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:1fr;gap:4px;padding:6px 2px 6px 5px;min-height:70px}
 .unified .product-grid .quote-icon{grid-column:1;grid-row:1}
 .unified .product-grid .quote-description{grid-column:2;grid-row:1;align-self:center;gap:3px}
 .unified .product-grid .quote-description strong{-webkit-line-clamp:3;font-size:11px;line-height:1.4}
 .unified .product-grid .quote-price{grid-column:3;grid-row:1;gap:3px}
 .unified .product-grid .quote-price strong{font-size:11px;white-space:nowrap;overflow:hidden}
 .unified .product-grid .quote-price small{font-size:9px}
 .unified .product-grid .quote-row>.favorite{width:23px;min-width:23px;padding:3px;min-height:40px}
 .unified .unified-rolebar #profile{min-height:29px}
}
/* Render the shared identity and loading state before authentication completes. */
.unified [hidden]{display:none!important}
.unified[data-loading=true] :is(#shell,#job-app){display:none!important}
.unified .unified-loading-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:min(420px,calc(100% - 32px));min-height:250px;margin:clamp(40px,14vh,130px) auto;padding:32px 22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:center;box-shadow:0 8px 35px #253d2508}
.unified .unified-loading-card .loading-logo{width:64px;height:64px;object-fit:contain}
.unified .unified-loading-card :is(h1,h2){font-size:20px;margin:0;color:var(--ink)}
.unified .unified-loading-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.unified .unified-loading-card .error{color:var(--danger,#b33b3b)}
.unified .unified-loading-card .eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}
.unified .unified-loading-card :is(a,button){font:inherit;color:var(--accent)}
.unified .session-view{display:block;min-height:0;padding:1px 0;background:var(--bg)}
.unified[data-page=login] .shell{margin:0!important;width:100%!important;max-width:none!important;height:auto;min-height:100dvh}
.unified[data-page=login] .shell>.header{margin:0;width:100%}
.unified[data-page=login] #login-view{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:820px;margin:clamp(50px,12vh,120px) auto;padding:0 24px}
.unified .login-brand{text-align:center}.unified .login-brand>img{width:132px;height:132px;object-fit:contain}.unified .login-brand h2{font-size:32px;margin:12px 0;color:var(--ink)}.unified .login-brand p{font-size:12px;color:var(--muted);line-height:1.8}
.unified[data-page=login] .login-card{margin:0;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 35px #253d2508}
/* Search history tabs keep lists separate without changing any query behavior. */
.unified .library-tabs{display:flex;gap:5px;padding:3px;margin:0 0 10px;background:var(--soft);border:1px solid var(--line);border-radius:9px}
.unified .library-tabs>button{flex:1;min-height:34px;padding:6px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:12px;white-space:nowrap}
.unified .library-tabs>button[aria-selected=true]{color:var(--accent);background:var(--paper);font-weight:650;box-shadow:0 1px 4px #253d2510}
.unified #library-recent-panel>h2,.unified #library-recent-panel>h3,.unified #library-saved-panel .library-order-toolbar>:is(h2,h3){display:none}
.unified #filter-form{scroll-margin-top:10px}
/* Both versions share the same account panel and permission-gated admin action. */
.unified dialog.unified-account{box-sizing:border-box;width:min(720px,calc(100vw - 28px));height:fit-content;max-height:90dvh;padding:0;margin:auto;border-radius:16px;overflow:hidden}
.unified-account .sheet-frame{display:flex;flex-direction:column;max-height:88dvh;overflow:hidden}
.unified-account .dialog-bar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:16px}
.unified-account .profile-content{box-sizing:border-box;display:grid;gap:16px;margin:0;padding:24px;overflow-y:auto;min-height:0;text-align:left;background:var(--paper)}
.unified-account .profile-identity{display:flex;gap:15px;align-items:center}.unified-account .account-logo{width:56px;height:56px;object-fit:contain}.unified-account .profile-identity h2{font-size:21px;margin:0}.unified-account .profile-identity p{font-size:12px;margin:6px 0 0;color:var(--muted)}
.unified-account .account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.unified-account .account-shortcuts>button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 5px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:12px}.unified-account .account-shortcuts strong{font-size:23px;color:var(--accent)}
.unified-account .profile-note{padding:0;margin:0;background:none;border:0;font-size:12px;line-height:1.8;color:var(--muted)}
.unified-account .account-actions{display:flex;gap:9px;align-items:center}.unified-account .account-actions .full{flex:1;width:auto;margin:0}.unified-account .account-actions button{min-height:42px;border-radius:9px;border:1px solid var(--line);padding:8px 12px;background:var(--paper);color:var(--ink);font-size:12px}
.unified-account #account-theme{flex:none;width:42px;padding:10px}.unified-account #account-theme svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.unified-account #admin-link{display:flex;align-items:center;justify-content:space-between;margin:0;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:13px;text-decoration:none}
.unified-account .fine{font-size:10px;text-align:center;margin:0;color:var(--muted)}
@media(max-width:760px){
 .unified[data-page=login] #login-view{grid-template-columns:1fr;gap:22px;max-width:420px;margin:28px auto;padding:0 20px 30px}
 .unified .login-brand>img{width:76px;height:76px}.unified .login-brand h2{font-size:25px;margin:6px 0}.unified .login-brand p{font-size:11px}
 .unified[data-page=login] .login-card{padding:22px}
 .unified-account .profile-content{padding:18px;gap:14px}
 .unified .unified-search-scroll #filter-submit{position:sticky;bottom:0;z-index:3;margin-top:10px;box-shadow:0 -6px 14px var(--paper)}
}

.unified .unified-search-scroll{overflow-x:hidden}
/* Mobile search records: near-full-height sheet and two-line compact rows. */
@media(max-width:760px){
 .unified #next-conditions-dialog{height:calc(100dvh - max(8px,env(safe-area-inset-top)));max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));margin:auto auto 0}
 .unified #next-conditions-dialog .search-sheet-frame{height:100%;max-height:100%}
 .unified #next-conditions-dialog>.sheet-frame>.dialog-bar{min-height:50px;padding:6px 8px 6px 12px}
 .unified #next-conditions-dialog .unified-search-scroll>.sheet-scroll{padding:10px 12px}
 .unified #next-conditions-dialog #filter-form .fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .unified #next-conditions-dialog #filter-form .fields label{min-width:0;gap:4px;font-size:11px;line-height:15px}
 .unified #next-conditions-dialog #filter-form .fields :is(select,input){height:34px;min-height:34px;padding:0 6px;font-size:13px;line-height:normal;text-overflow:ellipsis}
 .unified #next-conditions-dialog #filter-form .condition-heading{min-height:40px;gap:8px}
 .unified #next-conditions-dialog #filter-form .condition{grid-template-columns:minmax(0,1.2fr) minmax(72px,.8fr) 34px;gap:6px;margin-bottom:6px}
 .unified #next-conditions-dialog #filter-form :is(.condition-heading select,.condition select,.condition input,#add-condition){height:34px;min-height:34px;padding:0 6px;font-size:13px;line-height:normal}
 .unified #next-conditions-dialog #filter-form .condition button{height:34px;min-height:34px;padding:0;font-size:18px}
 .unified #next-conditions-dialog .sticky-actions{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
 .unified #next-search-records-panel section{margin-top:0;padding-top:0;border-top:0}
 .unified #next-search-records-panel .filter-record-list{max-height:min(40dvh,340px)}
 .unified #next-search-records-panel .filter-record{min-height:44px;padding:2px 0}
 .unified #next-search-records-panel .filter-heart{width:36px;min-height:40px}
 .unified #next-search-records-panel .filter-record-main{grid-template-columns:minmax(0,1fr) auto;column-gap:6px;min-height:40px;padding:2px 4px}
 .unified #next-search-records-panel .filter-record-main>strong{grid-column:1;grid-row:1;line-height:17px;font-size:12px}
 .unified #next-search-records-panel .filter-record-main>small:not(.filter-group-name){grid-column:1/-1;grid-row:2;margin-top:1px;font-size:10px;line-height:15px}
 .unified #next-search-records-panel .filter-record-main>.filter-group-name{grid-column:2;grid-row:1;max-width:min(110px,28vw);margin:0;padding:1px 5px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:9px;line-height:15px}
}