/* Catalogue detail headers: keep identity and close controls compact. */
body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) :is(.dialog-head,.formation-dialog-head){padding:10px 14px;min-height:0;gap:8px;align-items:center}
body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) #detail-title{font-size:18px;line-height:1.35;margin:0;overflow-wrap:anywhere}
body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) #detail-sub{font-size:12px;line-height:1.45;margin:3px 0 0}
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) .formation-dialog-head{display:flex;justify-content:space-between}
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) .formation-dialog-head>div:first-child{flex:1;min-width:0}
body.site-ui.site-refresh :is(#gear-detail,#formation-detail,#trooper-detail,#beast-detail) :is(.gear-dialog-actions,.formation-dialog-head>.dialog-actions){gap:3px;margin:0;flex-shrink:0}
body.site-ui.site-refresh :is(#gear-detail,#formation-detail,#trooper-detail,#beast-detail) #detail-language{font-size:11px}
body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) #close{min-height:44px;font-size:12px;padding:8px 10px}
body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) .detail-tabs{margin:0 0 10px;padding:0 0 8px;gap:5px}
body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) .detail-tabs button{font-size:12px;min-height:44px;padding:8px;line-height:1.4}
/* Material planning stays a main action; its explanation is available beside it. */
body.site-ui.site-refresh :is(#detail,#gear-detail) .compact-guide-entry{display:flex;align-items:center;gap:6px;padding:0!important;margin:0 0 10px!important;border:0;background:transparent}
body.site-ui.site-refresh :is(#detail,#gear-detail) .compact-guide-entry>a{display:flex;align-items:center;flex:1;min-height:44px;padding:9px 10px;font-size:13px;font-weight:650;line-height:1.4;border:1px solid #b8e9d9;border-radius:7px;background:#a6ddcb;color:#102c28;text-decoration:none;box-sizing:border-box}
body.site-ui.site-refresh .guide-plan-help{position:relative;margin:0!important;border:0!important;padding:0!important;overflow:visible;flex-shrink:0}
body.site-ui.site-refresh .guide-plan-help>summary{padding:10px!important;min-height:44px;display:flex;align-items:center;font-size:12px!important;box-sizing:border-box}
body.site-ui.site-refresh .guide-plan-help>summary::after{display:none!important}
body.site-ui.site-refresh .guide-plan-help>.guide-plan-hint{position:absolute;right:0;top:100%;width:230px;max-width:calc(100vw - 60px);padding:12px;margin:6px 0;box-sizing:border-box;background:#152e3b;color:#dce8ee;border:1px solid #527380;border-radius:8px;box-shadow:0 8px 20px #0005;font-size:12px;line-height:1.6;z-index:12}
/* One More menu replaces repeated share and section-navigation rows. */
body.site-ui.site-refresh dialog#detail .dialog-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto}
body.site-ui.site-refresh dialog#detail #detail-price-controls{grid-column:2/-1;grid-row:2;justify-self:end;margin:0}
body.site-ui.site-refresh .compact-detail-actions{display:flex;gap:6px;align-items:center;grid-column:3;grid-row:1}
body.site-ui.site-refresh .compact-detail-more{position:relative;margin:0!important;padding:0!important;border:0!important;background:transparent;overflow:visible}
body.site-ui.site-refresh .compact-detail-more>summary{min-height:44px!important;padding:10px 25px 10px 10px!important;border:1px solid #527380!important;border-radius:7px!important;box-sizing:border-box;font-size:12px!important;line-height:1.5!important;cursor:pointer;list-style:none;background:#192f3c;color:#dce8ee}
body.site-ui.site-refresh .compact-detail-more>summary::-webkit-details-marker{display:none}
body.site-ui.site-refresh .compact-detail-more>summary::after{content:'›'!important;position:absolute;right:9px!important;top:8px!important;font-size:20px;width:auto!important;height:auto!important;border:0!important;transform:none!important;color:#b7e8db}
body.site-ui.site-refresh .compact-detail-more[open]>summary::after{transform:rotate(90deg)!important}
body.site-ui.site-refresh .compact-detail-more>.compact-detail-menu{position:absolute;inset-inline-end:0;top:calc(100% + 5px);width:250px;max-width:calc(100vw - 50px);max-height:60vh;overflow:auto;display:grid;gap:6px;padding:8px;margin:0;background:#112633;border:1px solid #527380;border-radius:8px;box-shadow:0 10px 25px #0007;z-index:15;box-sizing:border-box}
body.site-ui.site-refresh .compact-detail-menu :is(.dialog-actions,.detail-section-nav){display:grid;gap:6px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;position:static}
body.site-ui.site-refresh .compact-detail-menu :is(button,a){display:flex;align-items:center;min-height:44px;text-align:start;font-size:13px;padding:9px 10px;line-height:1.4;background:#192f3c;color:#dce8ee;border:1px solid #527380;border-radius:5px;text-decoration:none;box-sizing:border-box}
body.site-ui.site-refresh .compact-detail-menu .copy-status:empty{display:none}
body.site-ui.site-refresh .compact-detail-menu .copy-status{color:#bed3dc;font-size:12px}
body.site-ui.site-refresh :is(.compact-detail-more,.guide-plan-help)>summary:focus-visible,body.site-ui.site-refresh .compact-detail-menu :is(button,a):focus-visible{outline:3px solid #b7e8db;outline-offset:2px}
/* Decoration page: one back action, one identity, then the upgrade inputs and result. */
body.site-ui.site-refresh[data-page=decor]:has(#detail:not([hidden])) #site-context{display:none}
body.site-ui.site-refresh[data-page=decor] main:has(#detail:not([hidden])){padding-top:12px}
body.site-ui.site-refresh[data-page=decor] #detail{margin:0}
body.site-ui.site-refresh[data-page=decor] .compact-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #3b5967}
body.site-ui.site-refresh[data-page=decor] .compact-detail-toolbar #close{display:flex;align-items:center;text-decoration:none;color:#c6e6df;border:1px solid #527380;border-radius:7px;background:#192f3c}
body.site-ui.site-refresh[data-page=decor] #detail .dialog-head{display:flex;gap:10px;padding:10px 12px}
body.site-ui.site-refresh[data-page=decor] #detail-body{padding:10px 12px}
body.site-ui.site-refresh[data-page=decor] #detail:has(.decor-level-list) #detail-sub{display:none}
body.site-ui.site-refresh[data-page=decor] main:has(#detail:not([hidden]))>.page-share{display:none}
body.site-ui.site-refresh[data-page=decor] #detail-body .decor-level-list>h3{margin:0 0 8px;font-size:14px}
body.site-ui.site-refresh[data-page=decor] #detail-body .decor-preview{margin:10px 0}
body.site-ui.site-refresh[data-page=decor] .decor-cost-help>p{margin:12px}
/* Keep modal controls and supporting notes proportionate to the results. */
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) .formation-controls{padding:0;margin:0 0 10px;gap:10px}
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) :is(.formation-scope-note,.cost-explainer){background:#17313b;color:#bed3dc;border-color:#76b9a7;font-size:12px;line-height:1.5;padding:9px 11px;margin:0 0 10px}
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) .formation-level.current{background:#193a34;color:#dce8ee}
@media(max-width:600px){body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) #detail-title{font-size:16px}body.site-ui.site-refresh :is(#gear-detail,#detail,#formation-detail,#trooper-detail,#beast-detail) :is(.dialog-head,.formation-dialog-head){padding:9px 12px}body.site-ui.site-refresh #detail .compact-detail-actions{gap:4px}body.site-ui.site-refresh #detail .compact-detail-more>summary{padding-left:8px!important;padding-right:21px!important}}
@media(forced-colors:active){body.site-ui.site-refresh :is(.compact-detail-more>.compact-detail-menu,.guide-plan-help>.guide-plan-hint){background:Canvas;color:CanvasText;border-color:CanvasText}body.site-ui.site-refresh .compact-detail-menu :is(a,button),body.site-ui.site-refresh :is(#detail,#gear-detail) .compact-guide-entry>a{background:ButtonFace;color:ButtonText;border-color:ButtonText}}
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) .formation-upgrade.current{background:#193a34;color:#dce8ee}
body.site-ui.site-refresh :is(#formation-detail,#trooper-detail,#beast-detail) .formation-upgrade.current :is(strong,small,.muted){color:#bed3dc}
body.site-ui.site-refresh #formation-detail #detail-sub{display:none}
body.site-ui.site-refresh #beast-detail .beast-forms{padding:10px;margin:10px 0;gap:8px}
body.site-ui.site-refresh #beast-detail .beast-forms .trooper-art{transform:scale(.7);margin:-15px 0}
body.site-ui.site-refresh :is(#detail,#gear-detail) .compact-guide-entry{flex-direction:row!important;justify-content:stretch;align-items:stretch}
body.site-ui.site-refresh :is(#detail,#gear-detail) .compact-guide-entry>a{color:#102c28!important;flex:1 1 auto;width:auto!important;text-align:start}
body.site-ui.site-refresh #detail-body>h3{font-size:15px;line-height:1.5;margin:12px 0 8px}
body.site-ui.site-refresh #detail-body>.merge-level-note{font-size:12px;line-height:1.55;margin:8px 0 10px}
body.site-ui.site-refresh[data-page=decor] .compact-detail-toolbar #close{flex:0 1 auto}
body.site-ui.site-refresh .compact-detail-actions{position:relative}
body.site-ui.site-refresh .compact-detail-more{position:static}
body.site-ui.site-refresh .compact-detail-more>summary{position:relative}
body.site-ui.site-refresh #detail-body :is(.item-version-picker,.gold-preview){background:#17313b;color:#dce8ee;border-color:#527380}
body.site-ui.site-refresh #detail-body .notice{background:#3b3323;color:#eadfca;border-color:#887454}
body.site-ui.site-refresh #formation-detail .slot-effect,body.site-ui.site-refresh #formation-detail .level-more{background:#132b38;border-color:#3b5967}
body.site-ui.site-refresh #formation-detail .slot-grid>span{background:#1b3542;color:#bed3dc;border-color:#527380}
body.site-ui.site-refresh #formation-detail .slot-grid>span.active{background:#a6ddcb;color:#102c28;border-color:#b8e9d9}
body.site-ui.site-refresh #formation-detail .level-bonus-body{background:#132b38;color:#dce8ee;border-color:#3b5967}
body.site-ui.site-refresh #detail-body .item-version-picker label>span{color:#bed3dc}
