/* Workspace rules: image first, one primary action, visible state and independent scroll. */
.desktop-store-nav{display:none!important}
#panel-manage .desktop-store-settings #settings-go-manage{display:none}
@media(min-width:1024px){body.operations-ui .tabbar .nav-scroll>button.desktop-store-nav{display:flex!important}}
.dw-screen-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}.dw-screen-grid .home-tile-info{text-align:left;align-items:flex-start}.pl-cards .pl-row-tv.neutral{display:none}.dw-credit+.dw-card .primary{width:100%;white-space:normal}
.tt-scope{display:grid;gap:10px;margin:16px 0}.tt-scope select{min-height:44px;font-size:16px}.home-tile-state .dot.unknown{background:#98a7b6}
.mine-settings-advanced{margin:0 26px 18px;border-top:1px solid #e7edf3;padding-top:12px}.mine-settings-advanced summary{font-size:13px;color:#7c8999;cursor:pointer;min-height:40px;display:flex;align-items:center}.mine-settings-advanced .mine-sheet-danger{margin:0;padding:0;border:0}.mine-settings-preview img{background:#eaf0f6}#qrapp-totals{flex-wrap:wrap}.desktop-store-settings .settings-note{display:none}
.lf-foot{justify-content:center}.lf-more{min-height:48px;min-width:200px;margin:20px auto;display:block}.lf-per{display:none!important}
.pl-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px!important}
.pl-cards .pl-row{position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:16px;padding:16px!important;background:white;border:1px solid #dce5ee;border-radius:18px;text-align:left;overflow:hidden;transition:box-shadow .15s,transform .15s}
.pl-cards .pl-row:hover{box-shadow:0 8px 26px #1d4f7c14;transform:translateY(-2px)}
.pl-cards .pl-row-thumbs{width:100%;height:166px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:5px;border-radius:10px;overflow:hidden;background:#edf2f6}
.pl-cards .pl-row-thumb{width:100%;height:100%;min-width:0;object-fit:cover;border-radius:0}.pl-cards .pl-row-thumb:first-child{grid-row:1/span 2}.pl-cards .pl-row-thumb:only-child{grid-column:1/-1;object-fit:contain}
.pl-cards .pl-row-mid{display:grid;gap:9px;width:100%;min-width:0}.pl-cards .pl-row-name{font-size:18px;color:#19344d}.pl-card-uses,.pl-card-schedules{font-size:13px;line-height:1.55;color:#4b6580;overflow-wrap:anywhere}.pl-card-date{font-size:12px;color:#8291a1;border-top:1px solid #edf1f5;padding-top:12px}.pl-cards .pl-row-tv{align-self:flex-start}.pl-cards .pl-row-go{position:absolute;bottom:18px;right:18px}
.qr-device-overview{display:grid;gap:9px;width:100%;text-align:left;padding:14px 0}.qr-device-row{display:flex;justify-content:space-between;gap:14px;font-size:13px;line-height:1.5}.qr-device-row>span{overflow-wrap:anywhere}.qr-device-row small{color:#627489;white-space:nowrap}.mine-qr{flex-wrap:wrap!important;height:auto!important;min-height:160px}.mine-qr .qr-device-overview{flex-basis:100%;padding:12px}.mine-qr .qr-device-overview>strong{font-size:12px}.mine-qr .qr-device-row:nth-child(n+5){display:none}
dialog.mine-sheet{padding:0!important;border:0;border-radius:22px;width:min(920px,92vw);max-width:920px;max-height:90dvh;overflow:auto;box-shadow:0 24px 100px #132f4d40}
.mine-sheet-head{position:sticky;top:0;z-index:2;background:white;padding:22px 26px;border-bottom:1px solid #e7edf3;flex-direction:row-reverse}.mine-back{width:44px;height:44px;border:1px solid #e1e8ef;border-radius:50%;font-size:26px!important}
.mine-settings-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:28px;padding:26px}.mine-settings-preview{background:#f2f6fa;border:1px solid #e4ebf2;border-radius:16px;padding:22px;align-self:start}.mine-settings-preview h3{font-size:14px;margin:0 0 18px}.mine-settings-preview img{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:10px}.mine-settings-preview .hint{line-height:1.7;font-size:13px}
.mine-sheet-body label{font-size:14px;font-weight:600}.mine-sheet-body input,.mine-sheet-body select,.mine-sheet-body textarea{min-height:46px;border-radius:10px;font-size:16px;padding:11px 13px;width:100%;box-sizing:border-box}.mine-sheet-make,.mine-sheet-danger{margin:0 26px;padding:18px 0;border-top:1px solid #e7edf3}.mine-sheet-danger{margin-bottom:18px}.mine-settings-save{position:sticky;bottom:0;background:white;padding:16px 26px;border-top:1px solid #e1e8ef;z-index:2;display:flex;justify-content:flex-end;margin:0}.mine-settings-save button{min-width:160px;min-height:48px}
.billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.billing-stat{background:#f1f6fb;border:1px solid #e1eaf3;border-radius:14px;padding:22px;display:grid;gap:12px}.billing-stat strong{font-size:32px;color:#12385e}.billing-ledger{width:100%;border-collapse:collapse;font-size:14px}.billing-ledger td,.billing-ledger th{text-align:left;border-bottom:1px solid #edf1f5;padding:14px 8px}.billing-note{line-height:1.8;color:#63758b}.billing-refresh{margin:12px 0}#pw-form{max-width:620px}#pw-form .field{margin-bottom:18px}#pw-form input{min-height:48px}#pw-form button{min-height:48px}
.dw-section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px;gap:18px}.dw-section-head h2{margin:0;font-size:21px}.dw-overview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.dw-live{min-width:0}.dw-store{font-size:14px;margin:20px 0 12px;color:#536980}.dw-screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.dw-screen-grid .home-tile{width:100%;min-width:0;padding:14px;border:1px solid #dde6ef;border-radius:16px;background:white}.dw-screen-grid .home-tile-thumb{height:auto!important;aspect-ratio:16/9}.dw-screen-grid .home-tile-info{padding-top:14px}.dw-side{display:grid;gap:18px;align-content:start}.dw-credit strong{font-size:42px;line-height:1.2;color:#163e69}.dw-credit p{margin:12px 0}.dw-templates{margin-top:32px}.dw-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dw-template{border:1px solid #dce5ed;background:white;padding:10px;border-radius:14px;display:grid;gap:12px;text-align:left}.dw-template img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.dw-template span{padding:0 5px 6px;font-weight:600;font-size:14px}.dw-summary-note{font-size:13px;color:#657a90;line-height:1.7}.tt-undo{margin-left:auto;min-height:40px}.ux-undo{min-height:44px}
@media(min-width:1024px){body.operations-ui #home-tiles:not(.home-tiles-grouped),body.operations-ui .home-store-tiles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.operations-ui .home-tile-thumb{height:auto;aspect-ratio:16/9}.dw-settings-body{max-width:1100px}.desktop-store-settings{margin-top:32px;display:grid;gap:20px}.desktop-store-settings>.card{margin:0}}
@media(max-width:767px){.pl-cards{grid-template-columns:1fr;gap:14px!important}.pl-cards .pl-row{padding:14px!important}.pl-cards .pl-row-thumbs{height:180px}.pl-cards .pl-row-name{font-size:17px}dialog.mine-sheet{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:18px;margin:auto!important}.mine-sheet-head{padding:14px 16px}.mine-settings-layout{grid-template-columns:1fr;padding:18px;gap:18px}.mine-settings-preview{display:none}.mine-sheet-body label:first-child{margin-top:0!important}.mine-settings-save{padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mine-settings-save button{width:100%}.mine-sheet-make,.mine-sheet-danger{margin-left:18px;margin-right:18px}.billing-summary{grid-template-columns:1fr;gap:10px}.billing-stat{display:flex;align-items:center;justify-content:space-between;padding:18px}.billing-stat strong{font-size:28px}.billing-ledger{font-size:12px}.billing-ledger td,.billing-ledger th{padding:12px 4px}.dw-overview{grid-template-columns:1fr}.dw-template-grid{grid-template-columns:1fr}.qr-device-row{gap:8px}}
.eink-adaptation{display:grid;gap:12px;margin:18px 0}.eink-adaptation select{width:100%;min-height:44px;margin-top:6px}.eink-adaptation details{border:1px solid #dce5ed;border-radius:10px;padding:12px;max-height:220px;overflow:auto}.eink-adaptation summary{cursor:pointer;min-height:32px;font-weight:600}.eink-adaptation details p{font-size:13px;overflow-wrap:anywhere}.eink-review{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6}.eink-review input{flex:none;width:20px;height:20px;margin-top:3px}
/* Settings starts with a compact two-column menu; details open one at a time. */
#panel-settings .settings-menu-layout { display:block; margin-top:20px; max-width:920px; }
#panel-settings .dw-settings-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; position:static; }
#panel-settings .dw-settings-nav button { display:grid; grid-template-columns:1fr auto; align-content:center; gap:12px; min-height:124px; padding:20px; text-align:left; white-space:normal; border:1px solid #dce4ee; border-radius:16px; background:white; color:#203348; }
#panel-settings .dw-settings-nav button:hover { border-color:#0789f6; background:#f4f9ff; }
#panel-settings .settings-menu-icon { grid-column:1/-1; color:#0789f6; font-size:24px; line-height:28px; }
#panel-settings .settings-menu-arrow { color:#8291a1; }
#panel-settings .dw-settings-body { max-width:920px; }
#panel-settings .dw-settings-section > .card { margin:16px 0; padding:20px; }
#panel-settings .settings-detail-back { min-height:44px; margin-bottom:16px; }
#panel-settings .settings-menu-layout [hidden] { display:none !important; }
.desktop-store-settings .dw-settings-section { width:100%; }
@media(max-width:480px){#panel-settings .dw-settings-nav{gap:10px}#panel-settings .dw-settings-nav button{min-height:116px;padding:16px;font-size:14px}#panel-settings .dw-settings-section>.card{padding:16px}}

/* Template categories stay visible as scrollable icon tabs on every viewport. */
.store-workspace .store-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;background:#eaf0f6;border-radius:14px;margin:20px 0}
#space-card[hidden]{display:none!important}
.store-groups{padding:20px 16px;border-top:1px solid #e4eaf2;background:#f8fafc;border-radius:0 0 12px 12px}
.store-groups .store-group-title{font-size:16px;margin:0 0 8px}.store-group-title:focus{outline:none}
.store-group-list{display:grid;gap:12px;margin-top:16px}.store-group-empty{font-size:14px;color:#526479;margin:4px 0 10px}
.store-group-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;margin:0;padding:12px;background:white;border:1px solid #dce4ee;border-radius:12px}
.store-group-row input{width:100%;min-width:0;font-size:16px}.store-group-count{color:#526479;font-size:13px;white-space:nowrap}
.store-group-delete{color:#a12e3d}.store-group-create{display:grid;gap:10px}.store-group-create button{justify-self:start}
@media(max-width:600px){.store-group-row{grid-template-columns:1fr auto auto}.store-group-row input{grid-column:1/-1}.store-group-row .store-group-count{justify-self:start}.store-groups{padding:16px 12px}}
.store-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;background:transparent;color:#445770;border-radius:10px;font-size:14px;white-space:nowrap;padding:10px 8px}
.store-tabs button[aria-selected=true]{background:white;color:#075da3;box-shadow:0 2px 5px #17345116;font-weight:700}
.store-workspace svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.store-pane[hidden]{display:none!important}
.store-pane>.card{padding:22px;border:1px solid #dde5ef;border-radius:16px;background:white;margin:14px 0}
.store-pane #store-summary{margin:4px 0 18px;font-size:14px;color:#526479}
.store-pane #store-list{display:grid;gap:10px}
.store-pane .empty{color:#526479;font-size:14px;line-height:1.6}
.store-pane .tiny.muted,.store-pane .badge.neutral{color:#526479;font-size:13px}
.store-pane #space-list>.tiny{margin:14px 0 8px!important;font-weight:600}
.store-pane .store-location{display:block;padding:0;border:1px solid #dde5ef;border-radius:12px;background:white}
.store-location>summary{display:flex;align-items:center;gap:12px;min-height:82px;padding:16px;cursor:pointer;list-style:none}
.store-location>summary::-webkit-details-marker{display:none}
.store-location>summary>svg{color:#1876bf}
.store-location-name{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.store-location-name strong{font-size:16px;overflow-wrap:anywhere;line-height:1.5}
.store-location-name small{font-size:13px;line-height:1.5;color:#526479;overflow-wrap:anywhere}
.store-location-chevron{color:#61748a}.store-location[open] .store-location-chevron{transform:rotate(180deg)}
.store-location-controls{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #e4eaf2;padding:16px}
.store-location-controls button{min-height:44px}
.store-region{display:grid;gap:6px;width:100%;font-size:13px;color:#526479}
.store-region select{width:100%;max-width:none;min-height:44px;font-size:16px}
.store-location-controls .store-archive-action{margin-left:auto;color:#a12e3d}
.store-add-fold{margin-top:16px;border-top:1px solid #e4eaf2;padding-top:8px}
.store-add-fold>summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font-weight:600;color:#075da3;gap:8px}
.store-add-fold>summary:before{content:'+';font-size:22px;font-weight:400}.store-add-fold[open]>summary:before{content:'−'}
.store-add-fold>form{padding-top:14px;max-width:560px}
.store-workspace .store-pane h2{font-size:18px;margin:0 0 10px}
.store-workspace .store-pane h3{font-size:18px;margin:0 0 14px}
.store-workspace #account-form{max-width:560px;margin-top:20px}
.store-workspace #store-label-box>.row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center}
.store-workspace #store-label-box :is(input,select){max-width:none!important;min-width:0;width:100%}
.store-workspace #store-label-title{font-size:18px!important;color:#192e46}
.store-workspace #space-card>.divider{display:none}
.store-workspace .store-pane .store-reports{padding:16px 22px;background:transparent;border-style:dashed}
.store-workspace .store-reports .settings-row{padding:0;min-height:44px}
.desktop-store-settings{max-width:960px}.desktop-store-settings .store-workspace>.settings-group-title,.desktop-store-settings .store-workspace>.settings-detail-description{display:none}
.store-pane :is(button,input,select){min-height:44px}
.store-pane button.primary{background:#086bc1;border-color:#086bc1;color:white}
.home-store-picker{display:flex;align-items:center;gap:12px;margin:4px 0 20px;flex-wrap:wrap}
.home-store-picker label{font-size:14px;color:#445770}.home-store-picker select{min-height:44px;max-width:360px;flex:1;font-size:16px}.home-store-result{color:#526479;font-size:13px}
.home-tile-store{display:block;color:#526479;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-move-sheet .ops-create-options{display:block;padding:0 24px 24px}.device-move-sheet select{width:100%;min-height:48px;font-size:16px}
.device-move-sheet .hint{color:#526479;font-size:14px;line-height:1.6}
.device-move-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.device-move-actions button{min-height:44px;min-width:96px}.device-move-actions button.primary{background:#086bc1;border-color:#086bc1}
.store-workspace :is(button,summary,input,select):focus-visible{outline:3px solid #174fa8;outline-offset:3px;scroll-margin-bottom:170px}
@media(max-width:767px){.store-tabs button{flex-direction:column;gap:6px;font-size:12px;min-height:66px;padding:8px 3px}.store-pane>.card{padding:16px}.store-location>summary{padding:14px;gap:10px}.store-workspace #store-label-box>.row{grid-template-columns:1fr auto}.store-workspace #store-label-preset{grid-column:1/-1}.store-workspace .store-reports{padding:16px!important}}

body.operations-ui #layout-ind-axis:not([hidden]){display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin:8px 0 18px;scroll-padding:8px;scrollbar-width:thin;overscroll-behavior-x:contain}
#layout-ind-axis .dev-axis-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:88px;min-height:88px;padding:12px 16px;border:1px solid #dce4ee;border-radius:16px;background:#fff;color:#42536a;font-size:13px}
#layout-ind-axis .dev-axis-btn.active{background:#edf6ff;border-color:#0789f6;color:#075da3;box-shadow:inset 0 -3px #0789f6}
#layout-ind-axis .dev-axis-btn:focus-visible{outline:3px solid #164eb3;outline-offset:2px}
#layout-ind-axis .ind-axis-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}
#layout-ind-axis .ind-axis-icon svg{width:26px;height:26px;stroke-width:1.7}
#layout-ind-axis .ind-axis-icon svg,#panel-settings .settings-menu-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#layout-ind-axis .ind-axis-n{position:absolute;top:6px;right:8px;font-size:10px;line-height:14px;color:#526479}
body.operations-ui #ops-template-filters{grid-template-columns:1fr 1fr;max-width:540px}
body.operations-ui #ops-template-filters select{min-height:44px}
body.operations-ui #ops-template-filters>label.row{grid-column:auto;min-width:0}
body.operations-ui #ops-template-filters>label.row span{display:none}
#layout-open-lf.templates-portrait .lf-shot{height:auto!important;aspect-ratio:9/16}
#layout-open-lf.templates-portrait .lf-shot img{width:100%;height:100%;object-fit:contain!important}

/* Settings detail pages: a stable heading, concise guidance, and local feedback. */
#panel-settings .dw-settings-body{max-width:780px}
.dw-settings-section .settings-group-title{font-size:24px;line-height:1.35;margin:10px 0 8px;color:#192e46}
.settings-detail-description{color:#506176;font-size:14px;line-height:1.65;margin:0 0 22px;max-width:640px}
.dw-settings-section .settings-group-title:focus{outline:none}
.settings-detail-back{scroll-margin-top:80px}
#panel-settings .dw-settings-section>.card,.desktop-store-settings .dw-settings-section>.card{border:1px solid #dde5ef;border-radius:16px;box-shadow:0 2px 6px #142e4b03;margin:14px 0;padding:24px}
.dw-settings-section .card h2{font-size:17px;line-height:1.45;margin:0 0 8px}
.dw-settings-section .card .hint,.dw-settings-section .settings-note{font-size:14px;line-height:1.65;color:#526479}
.dw-settings-section label.field .lbl{color:#34485f;font-size:14px}
.dw-settings-section input,.dw-settings-section select,.dw-settings-section button{min-height:44px}
.dw-settings-section input,.dw-settings-section select{font-size:16px}
.dw-settings-section .settings-row{min-height:76px;padding:18px 0}
.dw-settings-section .settings-row small{font-size:13px;line-height:1.55;color:#526479}
.dw-settings-section .settings-rows .settings-row:first-child{padding-top:0}
.dw-settings-section .settings-rows .settings-row:last-child{padding-bottom:0}
.dw-settings-section .settings-me-who{gap:6px}
.dw-settings-section #settings-me-email{color:#526479;overflow-wrap:anywhere}
.dw-settings-section #pw-form{max-width:560px;display:grid;gap:14px;margin-top:20px}
.dw-settings-section #pw-form .field{margin:0}
.dw-settings-section #pw-form button{margin:2px 0 0;min-width:144px;width:auto;justify-self:start;padding:10px 24px}
.dw-settings-section button.primary{background:#086bc1;border-color:#086bc1;color:white}
.dw-settings-section button.primary:hover{background:#075ca6}
.dw-settings-section :is(input,select,button,a,summary):focus-visible{outline:3px solid #174fa8;outline-offset:3px;scroll-margin-bottom:170px}
.settings-form-status{font-size:14px;line-height:1.6;margin:10px 0 0;color:#15634a}
.settings-form-status:empty{display:none}
.settings-form-status[data-error="true"]{color:#ad2434}
#panel-settings .settings-menu-description{grid-column:1/-1;font-size:13px;font-weight:400;line-height:1.5;color:#526479}
#panel-settings .settings-menu-icon svg{width:26px;height:26px}
#panel-settings .settings-menu-icon{display:flex;align-items:center}
#settings-plan #gauge-top{display:none}
.billing-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.billing-head h2{margin:0!important;font-size:20px!important}
.billing-content .billing-note{color:#526479;line-height:1.65;font-size:14px}
.billing-content .billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.billing-content .billing-stat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid #dce8f5;border-radius:12px;background:#f3f8ff}
.billing-content .billing-stat span{font-size:13px;color:#34485f}
.billing-content .billing-stat strong{font-size:30px;line-height:1.2;color:#16456f}
.billing-ledger-wrap{overflow:auto;margin-top:14px}
.billing-ledger{width:100%;table-layout:fixed;font-size:13px}
.billing-ledger th,.billing-ledger td{overflow-wrap:anywhere;padding:12px 8px;vertical-align:top;text-align:left}
.billing-ledger th:first-child{width:92px}.billing-ledger th:last-child{width:110px}
.billing-ledger-details{border-top:1px solid #dce4ee;margin-top:22px;padding-top:10px}
.billing-ledger-details summary{min-height:44px;display:flex;align-items:center;font-weight:600;cursor:pointer;gap:8px}
.billing-ledger-details summary:before{content:'›';font-size:22px}.billing-ledger-details[open] summary:before{transform:rotate(90deg)}
.settings-logout{margin:20px 0 0}.settings-logout-btn{min-height:44px}
@media(max-width:767px){
 #panel-settings .dw-settings-section>.card{padding:18px}
 .dw-settings-section .settings-group-title{font-size:23px;margin-top:2px}
 .settings-detail-description{margin-bottom:18px}
 .billing-content .billing-summary{grid-template-columns:1fr 1fr}
 .billing-content .billing-stat:first-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
 .billing-content .billing-stat{padding:14px}
 #panel-settings .settings-detail-back{margin-bottom:18px}
 #panel-settings{padding-bottom:160px!important}
 .dw-settings-section #pw-form button{width:100%;justify-self:stretch}
}

/* Fixed icon box, independent of inherited .ico and SVG sizing. */
#layout-ind-axis .dev-axis-btn{width:100px;min-width:100px;flex:0 0 100px}
#layout-ind-axis .ind-axis-icon{width:28px;height:28px;min-width:28px;min-height:28px;flex:0 0 28px;line-height:0}
#layout-ind-axis .ind-axis-icon svg{display:block;width:24px!important;height:24px!important;max-width:24px;max-height:24px;flex:none;overflow:visible;stroke-width:1.8}
.claim-device-kinds{display:grid;gap:10px;padding:16px;background:#f3f7fc;border-radius:12px;margin-bottom:18px}.claim-device-kinds a{overflow-wrap:anywhere}.claim-device-kinds .hint{margin:0}.gf-unified-targets label{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}
#hang-modal .hint,#hang-modal .hang-dev-now{color:#526276}#hang-modal #hang-go{background:#086bc1;border-color:#086bc1;color:white}
.claim-device-kinds .hint{color:#526276}.claim-device-kinds a.primary{background:#086bc1;color:white;border-color:#086bc1}#claim-label{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #bdcbd9;border-radius:10px;font:inherit}
/* First-run guide: progress, one highlighted current step, a rail linking the four steps. */
.first-device-guide{--fdg-blue:var(--primary,#086bc1);--fdg-soft:var(--primary-soft,#eef5ff);position:relative;margin:16px 0 24px;padding:0;background:var(--bg,#fff);border:1px solid var(--divider,#e2e8f0);border-radius:20px;box-shadow:0 10px 30px rgba(16,40,80,.06);overflow:hidden}
/* Korean wraps at spaces; Japanese keeps the browser's kinsoku line breaking. */
html:lang(ko) .first-device-guide{word-break:keep-all;overflow-wrap:anywhere}
.fdg-head{padding:24px 28px 20px;background:linear-gradient(135deg,#eef5ff 0%,#f5f0ff 100%);border-bottom:1px solid var(--divider,#e2e8f0)}
.fdg-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#fff;color:var(--fdg-blue);font-size:12px;font-weight:700;box-shadow:0 1px 2px rgba(16,40,80,.08)}
.first-device-guide h2{margin:12px 0 6px;font-size:22px;line-height:1.35;letter-spacing:-.01em}
.fdg-lead{margin:0;color:var(--text-sub,#4b5563);font-size:14px;line-height:1.55}
.fdg-progress{display:flex;align-items:center;gap:12px;margin-top:18px}
.fdg-track{flex:1;height:6px;border-radius:999px;background:rgba(8,107,193,.12);overflow:hidden}
.fdg-fill{display:block;height:100%;border-radius:inherit;background:var(--brand-grad,linear-gradient(135deg,#086bc1,#8b5cf6));transition:width .3s ease}
.fdg-count{flex:none;color:var(--text-sub,#4b5563);font-size:12px;font-weight:600}
.fdg-steps{list-style:none;margin:0;padding:12px 20px 8px}
.fdg-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:10px 0}
.fdg-item:not(:last-child)::before{content:"";position:absolute;left:15px;top:46px;bottom:-6px;width:2px;border-radius:2px;background:var(--divider,#e2e8f0)}
.fdg-item.is-done:not(:last-child)::before{background:var(--fdg-blue);opacity:.35}
.fdg-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:6px;border-radius:50%;border:2px solid var(--line,#d1d5db);background:var(--bg,#fff);color:var(--text-sub,#4b5563);font-size:14px;font-weight:700;box-sizing:border-box}
.fdg-item.is-current .fdg-num{border-color:var(--fdg-blue);background:var(--fdg-blue);color:#fff;box-shadow:0 0 0 4px rgba(8,107,193,.14)}
.fdg-item.is-done .fdg-num{border-color:transparent;background:var(--fdg-soft);color:var(--fdg-blue)}
.fdg-body{min-width:0;padding:10px 14px;border-radius:14px;transition:background .2s ease}
.fdg-item.is-current .fdg-body{background:var(--fdg-soft)}
.first-device-guide .fdg-title{display:block;margin:0;font-size:16px;font-weight:700;line-height:1.4;color:var(--text,#111827)}
.fdg-item.is-done .fdg-title{color:var(--text-sub,#4b5563)}
.fdg-desc{margin:4px 0 0;color:var(--text-sub,#4b5563);font-size:13px;line-height:1.5}
.first-device-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:14px}
.first-device-categories button{min-height:44px;padding:8px 12px;border:1px solid var(--line,#d1d5db);border-radius:12px;background:var(--bg,#fff);color:var(--text,#111827);font-size:14px;font-weight:500;line-height:1.3;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.first-device-categories button:hover{border-color:var(--fdg-blue)}
.first-device-categories [aria-pressed=true]{border-color:var(--fdg-blue);background:#fff;color:var(--fdg-blue);font-weight:700;box-shadow:inset 0 0 0 1px var(--fdg-blue)}
.first-device-guide [role=status]:empty{display:none}
.first-device-step{display:flex;justify-content:space-between;gap:16px;align-items:center}
.fdg-text{min-width:0}
.first-device-guide .first-device-step button,.first-device-guide .first-device-step button.primary{flex:none;min-height:44px;padding:0 18px;border-radius:12px;white-space:nowrap}
.fdg-done-label{flex:none;display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#fff;color:var(--fdg-blue);font-size:13px;font-weight:700}
.fdg-link{flex:none;display:inline-flex;align-items:center;min-height:44px;color:var(--fdg-blue);font-weight:600;font-size:14px}
.fdg-result{margin:0;padding:14px 28px 20px 74px;color:var(--text-hint,#6b7280);font-size:13px;line-height:1.5}
@media(max-width:480px){.fdg-head{padding:20px 18px 16px}.first-device-guide h2{font-size:20px}.fdg-steps{padding:8px 12px 4px}.fdg-item{grid-template-columns:28px minmax(0,1fr);gap:10px}.fdg-num{width:28px;height:28px;font-size:13px}.fdg-item:not(:last-child)::before{left:13px;top:42px}.fdg-body{padding:10px 12px}.first-device-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.first-device-categories button{padding:8px 6px;font-size:13px}.first-device-step{align-items:stretch;flex-direction:column;gap:12px}.first-device-step button{width:100%}.fdg-result{padding:12px 18px 18px}}

/* Small action and supporting text: use darker existing DS tokens (2026-10-05 contrast audit). */
body{--primary:var(--color-blue-900);--primary-hover:var(--color-blue-1000);--text-hint:var(--color-gray-700);--warn-text:var(--color-orange-1000);--yd-orange:var(--color-blue-900);--yd-orange-dark:var(--color-blue-1000)}
.pl-cards .pl-card-date{color:var(--color-gray-700)}
.kind-tag-tv{background:var(--color-blue-900)}

/* Staff accounts and account deletion (2026-10-05, server/account.py). */
.staff-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.staff-item{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line,#e3e6ea);border-radius:10px;min-width:0}
.staff-email{font-size:15px;min-width:0}
.staff-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.staff-actions select{min-height:44px;max-width:100%}
.staff-actions .linkbtn{min-height:44px;font-size:14px}
.staff-reset{display:flex;gap:8px}
.staff-reset[hidden]{display:none}
.staff-reset input{flex:1;min-width:0;min-height:44px}
.staff-reset button{min-height:44px}
.linkbtn.danger-text{color:var(--danger)}
.account-delete h2{color:var(--danger)}
.account-delete button.danger{min-height:44px}