/* Original Union card frames, block tiles and Basic combo/checkbox canvases. */
#settings{
 border:6px solid transparent;border-image:var(--native-panel-frame) 8 stretch;
 border-radius:0;background:linear-gradient(145deg,#303b43,#252e35 68%);
 background-clip:padding-box;box-shadow:0 18px 52px #0004;
}
#settings>.settingsTitle{padding:14px 15px 10px;align-items:center}
#settings .settingsTitle>span:first-child:before{display:none}
#settings .settingsHeading{display:block}
#settings .settingsHeading strong{font-size:17px;font-weight:650;color:#f4e6bf;letter-spacing:-.5px}
#settings .autoSaved{font-size:9px;color:#d8e6c1;padding:3px 7px;border-radius:4px}
#settings .unionLevelControl{
 margin:0 15px 11px;padding:9px 11px;border:3px solid transparent;
 border-image:var(--native-panel-muted) 7 stretch;border-radius:0;
 background:linear-gradient(110deg,#38464e99,#212b33);background-clip:padding-box;
}
#settings .unionLevelHeading{margin-bottom:7px}
#settings .unionLevelHeading label{font-size:11px!important;color:#e8d7b2!important}
#settings .unionLevelPicker{gap:6px}
#settings select{
 appearance:none;border:0;border-radius:0;min-height:36px;color:#f2e8cd;
 background-color:#1d2327;
 background-image:var(--native-select-left),var(--native-select-arrow),var(--native-select-fill);
 background-position:left center,right center,5px center;background-repeat:no-repeat,no-repeat,repeat-x;
 background-size:5px 100%,24px 100%,5px 100%;padding:6px 32px;text-align:center;text-align-last:center;
}
#settings select:hover:not(:disabled){background-image:var(--native-select-left),var(--native-select-hover),var(--native-select-fill)}
#settings select:disabled{background-image:var(--native-select-left),var(--native-select-disabled),var(--native-select-fill)}
#settings select option{color:#edf1f3;background:#242d33;text-align:center}
#settings .unionLevelPicker button{
 border:3px solid transparent;border-image:var(--native-panel-muted) 6 stretch;
 border-radius:0;background:#36454d;color:#ecdfbc;width:32px;min-height:36px;
}
#settings .unionLevelPicker button:hover:not(:disabled){border-image-source:var(--native-panel-frame);background:#4b575a}
#settings .unionLevelLimits{font-size:10px;justify-content:space-between;gap:8px;margin-top:8px;color:#b7c4cb}
#settings .unionLevelLimits strong{color:#eee1be;font-size:10px}
#settings #setupOverview{padding:0;margin:0 15px 11px;gap:8px;width:auto;max-width:none}
#settings .overviewStat{
 padding:8px 9px 7px;border:2px solid transparent;border-image:var(--native-panel-muted) 6 stretch;
 background:#1f2b32;color:#c2ccd0;font-size:10px;
}
#settings .overviewStat strong{font-size:19px;color:#f4dfb8;line-height:1.2}
#settings .overviewStat:nth-child(2) strong{color:#b7e5ff}
#settings .overviewStat strong em{font-size:9px;color:#a7b8c3}
#settings .capacityTrack{margin-top:7px;height:3px;border-radius:0;background:#131f26}
#settings .capacityTrack i{background:linear-gradient(90deg,#9a8463,#f3d7a1)}
#settings .overviewStat:nth-child(2) .capacityTrack i{background:linear-gradient(90deg,#507e9d,#a8defd)}
#settings .settingsTabs{margin:0 15px;width:auto;max-width:none;padding:0;border:0;border-radius:0;background:transparent;gap:6px}
#settings .settingsTabs button{
 border:3px solid transparent;border-image:var(--native-panel-muted) 7 stretch;
 border-radius:0;min-height:42px;background:#232d35;color:#aebdc8;box-shadow:none;
}
#settings .settingsTabs button[aria-selected=true]{border-image-source:var(--native-panel-frame);background:linear-gradient(115deg,#4a5354,#354149);color:#fff0cb}
#settings .panel{padding:14px 16px 16px}
#settings .quickHeading{margin:0 0 9px;font-size:12px;color:#f3e6c5}
#settings .quickHeading #quickRankHint{color:#b8c9d2;font-size:9px}
#settings #quickTierTabs{gap:6px}
#settings #quickTierTabs button{
 display:flex;align-items:center;justify-content:center;min-height:37px;padding:5px 2px;
 border:2px solid transparent;border-image:var(--native-panel-muted) 5 stretch;
 border-radius:0;background:#202a32;
}
#settings #quickTierTabs button[aria-selected=true]{border-image-source:var(--native-panel-frame);background:#49504b}
#settings .quickRankArt{display:block;height:22px;width:auto;image-rendering:auto;pointer-events:none}
#settings .quickRankLabel{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#settings .quickHelp{font-size:10px;color:#aebdc8;line-height:1.7;margin:7px 0 8px}
#settings .quickTableHeading,#settings .quickRow{grid-template-columns:minmax(65px,1fr) 100px 100px;gap:8px}
#settings .quickTableHeading{font-size:10px;padding:0 10px 5px;color:#b9c9d3}
#settings .quickTableHeading span:nth-child(2){color:#eed5aa}
#settings .quickTableHeading span:nth-child(3){color:#b8e1f6}
#settings .quickRow{
 min-height:49px;padding:4px 8px;margin:5px 0;border:3px solid transparent;
 border-image:var(--native-panel-muted) 7 stretch;border-radius:0;background:#252f37;
}
#settings .quickRow.hasBlocks{background:linear-gradient(100deg,#3c4850,#2b363e)}
#settings .quickJob{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;white-space:nowrap;color:#ecede5}
#settings .quickJob img{width:26px;height:26px;flex:none;image-rendering:auto;pointer-events:none}
#settings .quickCounter{
 gap:0;justify-content:space-between;border:3px solid transparent;
 border-image:var(--native-normal-cell) 6 stretch;background:#222a2f;
}
#settings .quickCounter.boostCounter{border-image-source:var(--native-boost-cell)}
#settings .quickCounter button{
 width:26px;min-height:29px;height:29px;border:0;border-radius:0;padding:0;
 background:#464540;color:#f5e1bb;font-size:15px;box-shadow:none;
}
#settings .quickCounter.boostCounter button{background:#354c5a;color:#b8e8ff}
#settings .quickCounter button:hover:not(:disabled){background:#646255}
#settings .quickCounter.boostCounter button:hover:not(:disabled){background:#4c6f83}
#settings .quickCounter input{
 width:38px!important;min-height:29px!important;height:29px;padding:0!important;
 border:0!important;border-radius:0;background:#22292e!important;color:#fff0cc!important;
 font-size:13px!important;font-variant-numeric:tabular-nums;
}
#settings .quickCounter.boostCounter input{color:#c8efff!important}
#settings .sectionHeading{font-size:12px;color:#ebd9b4;margin-bottom:10px}
#settings .arrangementModes{gap:7px;margin-bottom:12px}
#settings .arrangementModes button{
 border:3px solid transparent;border-image:var(--native-panel-muted) 7 stretch;border-radius:0;
 padding:10px 9px;background:#242e35;min-height:65px;text-align:center;
}
#settings .arrangementModes button[aria-pressed=true]{border-image-source:var(--native-panel-frame);background:#3b484c;box-shadow:none}
#settings .arrangementModes strong{font-size:12px;color:#efe4c9}
#settings .arrangementModes span{font-size:10px;line-height:1.7;color:#adbec9}
#settings .priorityHeading{align-items:baseline;gap:10px;line-height:1.6}
#settings .priorityRowHeader{align-items:center;min-height:27px}
#settings .priorityRowHeader>span{min-width:0;line-height:1.5}
#settings .priorityTarget{align-items:center;min-height:33px}
#settings .priorityRowFooter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:7px}
#settings .priorityRowFooter .goalRowHint{margin:0;text-align:left;line-height:1.7}
#settings .priorityRowFooter .priorityLocate{margin:0;padding:0!important;align-self:center;white-space:nowrap;text-align:center}
#settings .goalHelp,#settings .quickHelp,#settings .manualHelp,#settings .boostAllowanceIntro,#settings .boostAllowanceHint{text-align:left;line-height:1.8}
#settings .fixedScope{border:2px solid transparent;border-image:var(--native-panel-muted) 6 stretch;border-radius:0;background:#202c33;padding:10px 11px}
#settings .priorityRow{
 border:3px solid transparent;border-image:var(--native-panel-muted) 7 stretch;border-radius:0;
 padding:10px;margin:8px 0;background:linear-gradient(110deg,#35434b,#29353d);
}
#settings .priorityRow:first-child{border-image-source:var(--native-panel-frame)}
#settings .priorityRowHeader>span{font-size:12px;color:#f0e4c8}
#settings .priorityIndex{background:#4e5d62;color:#f6dcac;border-radius:3px;font-size:11px}
#settings .priorityRow:first-child .priorityIndex{background:#736349;color:#fff0c8}
#settings .priorityRowHeader button{
 border:2px solid transparent;border-image:var(--native-panel-muted) 6 stretch;border-radius:0;
 width:28px;height:28px;min-height:28px;background:#202d35;font-size:12px;color:#ccdae4;
}
#settings .priorityRowHeader button:hover:not(:disabled){border-image-source:var(--native-panel-frame);color:#fff0ca}
#settings .goalCounter{border:3px solid transparent;border-image:var(--native-normal-cell) 6 stretch;border-radius:0;overflow:visible;background:#20292f}
#settings .goalCounter button,#settings .priorityRow .goalCounter button{height:29px;min-height:29px;width:25px;background:#4a4a43!important;color:#efdebb!important}
#settings .goalCounter input,#settings .priorityRow .goalCounter input{height:29px;min-height:29px!important;width:40px;background:#222a30!important;color:#fff0cb}
#settings .goalAll,#settings .priorityRow .goalAll{
 border:2px solid transparent;border-image:var(--native-panel-muted) 6 stretch;
 border-radius:0;background:#39474d;color:#e0e8df;height:35px;
}
#settings .goalAll[aria-pressed=true],#settings .priorityRow .goalAll[aria-pressed=true]{border-image-source:var(--native-panel-frame);background:#52604c;color:#fff0c8}
#settings .goalSummary{font-size:11px;color:#eadbb9;background:#d7b47a10;border-color:#c6a97645}
#settings .settingsGroup,#settings .selectionStrategyWrap{
 border:2px solid transparent;border-image:var(--native-panel-muted) 7 stretch;border-radius:0;background:#222e35;
}
#settings .settingsGroup>summary{color:#d4e0e6;font-size:11px}
#settings input[type=checkbox]{
 appearance:none;width:14px;height:14px;min-width:14px;flex:none;vertical-align:middle;
 border:0;border-radius:0;margin:0 6px 0 0;padding:0;background:var(--native-check-off) center/12px 12px no-repeat;
}
#settings input[type=checkbox]:checked{background-image:var(--native-check-on)}
#settings .advancedOptions>label{display:flex;align-items:center;gap:2px;min-height:30px;line-height:1.7}
#settings .advancedOptions>br{display:none}
#settings .settingsFooter{
 display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;align-items:center;
 padding:11px 15px 13px;background:linear-gradient(160deg,#27373f,#202c34);
 border-top:1px solid #9caca54a;
}
#settings #dockStatus{grid-column:1/-1;font-size:10px;line-height:1.6;max-height:34px;color:#d6e3e8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#settings #setupNotice{grid-column:1/-1;grid-row:auto;margin:0;font-size:10px;line-height:1.6}
#settings .settingsFooter>.tools{grid-column:1/-1;grid-row:auto;margin:1px 0 0;gap:7px;order:2}
#settings #run{
 min-height:44px;border:4px solid transparent;border-image:var(--native-apply-frame) 4 16 stretch;
 border-radius:0;padding:6px 10px;background:linear-gradient(#b9d64a,#91b631 46%,#789720);
 color:#faffdf;text-shadow:0 1px 2px #43520e;box-shadow:0 3px 9px #0002;font-size:13px;
}
#settings #run:hover:not(:disabled){background:linear-gradient(#d0e76a,#adc943 46%,#8ba727)}
#settings #stop{min-height:44px;border-radius:4px;background:#35444d}
#settings #stop:disabled{display:none}
#settings #showBoostRecommendation,#settings #export{
 grid-row:auto;order:3;min-height:28px;margin:0;padding:4px 3px;font-size:10px;line-height:1.6;
 color:#c9d9e1;background:transparent;border:0;border-radius:0;box-shadow:none;white-space:nowrap;
}
#settings #showBoostRecommendation{grid-column:1;text-align:left;color:#e3d3a2}
#settings #export{grid-column:2;text-align:right}
#settings #showBoostRecommendation:hover,#settings #export:hover:not(:disabled){color:#fff0ce;text-decoration:underline}
#settings #relaxAndRun{grid-column:1/-1;grid-row:auto;font-size:11px;margin:0;order:1}
#settings .settingsFooter>.hide{display:none}
#settings button:focus-visible,#settings input:focus-visible,#settings select:focus-visible,#settings summary:focus-visible{outline:2px solid #f0d7a3;outline-offset:2px}
#settings input[type=number]:focus-visible{outline-offset:1px}
@media(max-width:1120px){
 #settings{height:auto;min-height:0;border-width:6px}
 #settings>.settingsTitle{width:calc(100% - 32px);max-width:680px;margin-inline:auto;padding:14px 0 10px}
 #settings .unionLevelControl,#settings #setupOverview,#settings .settingsTabs{width:calc(100% - 32px);max-width:680px;margin-inline:auto}
 #settings .panel{max-width:712px;margin-inline:auto;width:100%;padding:17px 16px}
 #settings .settingsFooter{max-width:none;width:100%;padding-inline:max(17px,calc((100% - 680px)/2))}
}
@media(max-width:600px){
 #settings>.settingsTitle{width:calc(100% - 24px);padding:14px 0 10px}
 #settings .settingsHeading strong{font-size:16px}
 #settings .unionLevelControl,#settings #setupOverview,#settings .settingsTabs{width:calc(100% - 24px)}
 #settings .unionLevelLimits{font-size:9px;gap:6px}
 #settings .unionLevelLimits strong{font-size:9px}
 #settings .unionLevelPicker button{width:39px;min-height:44px}
 #settings .unionLevelPicker select,#settings select{min-height:44px;font-size:12px}
 #settings .settingsTabs button,#settings #quickTierTabs button{min-height:44px}
 #settings .panel{padding:15px 12px}
 #settings .quickTableHeading,#settings .quickRow{grid-template-columns:minmax(50px,1fr) 96px 96px;gap:6px}
 #settings .quickRow{min-height:60px;padding:6px}
 #settings .quickJob{gap:4px;font-size:11px}
 #settings .quickJob img{width:23px;height:23px}
 #settings .quickCounter button{min-height:40px;height:40px;width:25px}
 #settings .quickCounter input{min-height:40px!important;height:40px;width:36px!important}
 #settings .goalCounter button,#settings .priorityRow .goalCounter button{height:38px;min-height:38px;width:28px}
 #settings .goalCounter input,#settings .priorityRow .goalCounter input{height:38px;min-height:38px!important}
 #settings .goalAll,#settings .priorityRow .goalAll{height:44px}
 #settings .priorityRowHeader button{width:32px;height:32px;min-height:32px}
 #settings .settingsFooter{padding:12px}
 #settings #run,#settings #stop{min-height:46px}
 #settings #dockStatus{font-size:11px;max-height:54px}
 #settings .displayOption,#settings .boostOption>label,#settings .advancedOptions>label{min-height:40px}
}
@media(max-width:420px){
 #settings .quickJob{flex-direction:column;gap:2px;font-size:10px}
 #settings .quickJob img{width:22px;height:22px}
 #settings .quickTableHeading,#settings .quickRow{grid-template-columns:minmax(42px,1fr) 96px 96px;gap:4px}
 #settings .quickTableHeading{padding-inline:9px}
 #settings .quickHelp{font-size:9px}
 #settings .priorityRow{padding:9px 8px}
}

/* The former scope notice is now a directly usable preset row. */
#settings .recommended{margin:0 0 18px;padding:12px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;background:#1c2c3570}
#settings .recommended h3{font-size:11px;line-height:1.5;font-weight:500;color:#ecdec3;margin:0 0 10px;text-shadow:none}
#settings .recommended .presetChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
#settings .recommended .presetChoices button.nativeAction{--action-height:32px;--action-padding:10px;font-size:10px;min-width:0}
#settings .recommended .presetChoices button[aria-pressed=true]{--action-left:var(--site-native-blue-normal-left);--action-right:var(--site-native-blue-normal-right);--action-fill:var(--site-native-blue-normal-fill);color:#fff8d9}
#settings .recommended .presetChoices button[aria-pressed=true]:hover{--action-left:var(--site-native-blue-mouseOver-left);--action-right:var(--site-native-blue-mouseOver-right);--action-fill:var(--site-native-blue-mouseOver-fill)}
#settings .recommended .presetChoices button[aria-pressed=true]:active{--action-left:var(--site-native-blue-pressed-left);--action-right:var(--site-native-blue-pressed-right);--action-fill:var(--site-native-blue-pressed-fill)}

/* Original boost-card border, number art, checkbox and button caps. */
#settings #boostAllowancePanel{margin:16px 0 0;padding:14px;border:4px solid transparent;border-image:var(--site-native-boostFrame) 8 stretch;background:linear-gradient(120deg,#30414ce6,#22323be6),var(--site-native-texture);min-width:0}
#settings .boostAllowanceHeading{display:flex;justify-content:space-between;align-items:center;gap:10px}
#settings .boostAllowanceHeading h3{display:flex;align-items:center;gap:7px;color:#e6f4f9;font-size:12px;line-height:1.6;font-weight:600;white-space:nowrap;text-shadow:0 1px 1px #11222c}
#settings .boostAllowanceHeading h3 i{width:16px;height:16px;flex:none;background:var(--site-native-boostTile) center/16px 16px no-repeat}
#settings #boostAllowancePanel .boostRecommendToggle{display:flex;align-items:center;gap:3px;margin:0;min-height:26px;font-size:10px;white-space:nowrap;color:#c6dce7;cursor:pointer}
#settings #boostAllowancePanel .boostRecommendToggle input{margin:0 3px 0 0}
#settings .boostAllowanceIntro{font-size:10px;line-height:1.8;color:#a6bdca;margin:7px 0 16px;word-break:keep-all}
#settings .boostAllowanceControl{display:flex;justify-content:space-between;align-items:end;gap:12px}
#settings #boostAllowancePanel .boostAllowanceAmount>label{font-size:10px;line-height:1.5;color:#c6d9e3;margin:0 0 8px}
#settings .boostAllowanceStepper{display:flex;align-items:center;gap:7px}
#settings #boostAllowancePanel .boostAllowanceStepper button.nativeAction{--action-height:36px;--action-padding:0;width:36px;min-width:36px;font:18px Arial}
#settings #boostAllowancePanel #additionalBoostLimit{width:66px;height:44px;min-height:44px;padding:3px;border:3px solid transparent;border-image:var(--site-native-muted) 7 stretch;border-radius:0;background:#15262fee;color:#f1ebd8;font:600 23px/1.4 Arial;text-align:center;font-variant-numeric:tabular-nums}
#settings .boostAllowanceAvailable{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:48px;padding-bottom:4px}
#settings .boostAllowanceAvailable>span{font-size:9px;line-height:1.5;color:#a8c3d1}
#settings .boostAllowanceAvailable>strong{display:flex;align-items:center;font-size:18px;color:#e9f1f4}
#settings .boostAllowanceAvailable .nativeDigits img{height:22px}
#settings .boostAllowanceAvailable .nativeNumberSuffix{font-size:10px;margin-left:4px;color:#b9cfda}
#settings .boostAllowancePresets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:13px 0 16px}
#settings #boostAllowancePanel .boostAllowancePresets button.nativeAction{--action-height:30px;--action-padding:7px;font-size:10px;min-width:0}
#settings .boostAllowanceMeta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:12px;border-top:1px solid #829caa3c}
#settings .boostAllowanceMeta>div{display:flex;align-items:center;justify-content:space-between;gap:7px}
#settings .boostAllowanceMeta>div>span{font-size:9px;line-height:1.6;color:#adc6d3}
#settings .boostAllowanceMeta strong{display:flex;align-items:center;font-size:14px;color:#e7edf0}
#settings .boostAllowanceMeta .nativeDigits img{height:17px}
#settings .boostAllowanceMeta .nativeNumberSuffix{font-size:9px;margin-left:3px}
#settings .boostAllowanceStatus{font-size:10px;line-height:1.7;color:#d3ebf6;margin-top:13px;word-break:keep-all}
#settings .boostAllowanceHint{font-size:9px;line-height:1.8;color:#9fbac9;margin-top:5px;word-break:keep-all}
#settings #boostAllowancePanel[data-enabled=false]{border-image-source:var(--site-native-muted)}
#settings #boostAllowancePanel[data-enabled=false] .boostAllowanceStatus{color:#c0ccd4}
#settings #boostAllowancePanel[data-exhausted=true] .boostAllowanceStatus{color:#edddb8}
#settings #boostAllowancePanel #additionalBoostLimit:disabled{opacity:.5}
@media(max-width:600px){
 #settings #boostAllowancePanel{padding:12px}
 #settings .recommended{padding:11px}
 #settings .recommended .presetChoices button.nativeAction{--action-height:36px;--action-padding:7px;font-size:10px}
 #settings #boostAllowancePanel .boostAllowancePresets button.nativeAction{--action-height:36px;--action-padding:5px}
 #settings #boostAllowancePanel .boostAllowanceStepper button.nativeAction{--action-height:40px;width:40px;min-width:40px}
 #settings .boostAllowanceMeta{gap:10px}
}
@media(max-width:360px){#settings .boostAllowanceHeading{gap:6px}#settings .boostAllowanceHeading h3{font-size:11px;gap:5px}#settings #boostAllowancePanel .boostRecommendToggle{font-size:9px}#settings .boostAllowanceStepper{gap:5px}#settings #boostAllowancePanel #additionalBoostLimit{width:60px}#settings .boostAllowanceIntro{font-size:9px}}