/* V1.6.58: client palette and tablet ergonomics; no permission/route overrides. */
:root{--blue:#2f6fed;--blue-deep:#1f57c8;--ink:#172033;--muted:#667085;--line:#d8e1ec;--bg:#f3f5f8;--client-visible-height:100dvh;--client-visible-top:0px}
.workbench body{background:#f3f5f8;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif;font-size:14px}
.client-shell{--client-header:calc(60px + env(safe-area-inset-top))}
.workbench .client-shell:not(.login-shell){height:var(--client-visible-height);min-height:0;background:#f3f5f8}
.workbench .client-shell>.web-head{padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:10px}
.workbench .client-stage{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(var(--client-notice-space,118px) + env(safe-area-inset-bottom));scroll-padding:16px}
.workbench .bw-workspace>.bw-toolbar{background:#fff;border:1px solid #d8e1ec}
.workbench .bw-workspace button.primary,.bw-modal button.primary{background:#2f6fed;box-shadow:none}
html.workbench.workbench-single .bw-workspace>.bw-split.has-detail{grid-template-columns:minmax(0,1fr)}
.workbench-single .bw-detail{width:100%;min-width:0}
.workbench [data-workspace=photo] .bw-detail>img{width:190px;height:160px;max-width:100%;object-fit:contain;margin:12px 0;background:#f5f7fa;border:1px solid #d8e1ec;border-radius:5px}
.workbench-single .bw-workspace>.bw-toolbar{max-height:32%;overflow:auto;overscroll-behavior:contain}
.workbench .bw-list,.workbench .bw-detail,.workbench .bw-table-wrap{overscroll-behavior:contain;scroll-padding:12px}
.workbench .bw-table thead th{position:sticky;top:0;background:#f5f7fa;z-index:1}
.workbench .bw-tabs{flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;padding-bottom:4px}
.workbench .bw-tabs>button{white-space:nowrap;flex-shrink:0}
.bw-modal{top:var(--client-visible-top);bottom:auto;height:var(--client-visible-height);padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,var(--client-notice-space,0px),env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
.bw-modal .bw-dialog{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}
.bw-dialog>header,.bw-dialog>footer{flex-shrink:0}
.bw-dialog>.bw-dialog-body,.style-dialog>.style-content{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:16px}
.bw-dialog>footer{flex-wrap:wrap;background:#fff;border-top:1px solid #d8e1ec}
.client-keyboard .bw-dialog{height:100%}
.client-more>summary{touch-action:manipulation}
.client-more[open]>div button{width:100%;text-align:left;white-space:normal;min-height:44px}
.client-selected{outline:1px solid #6099e7;outline-offset:-1px}
button:focus-visible,summary:focus-visible,[data-client-row]:focus-visible{outline:2px solid #2f6fed;outline-offset:2px}
#hs-connection{bottom:calc(var(--client-update-space,8px) + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px);max-height:30dvh;overflow:auto}
#hs-update-banner{max-height:40dvh;overflow:auto}
@media(pointer:coarse){
 .client-shell button,.bw-modal button,.client-shell summary,.bw-modal summary{min-height:44px;touch-action:manipulation}
 .client-shell input:not([type=checkbox]):not([type=radio]),.client-shell select,.client-shell textarea,.bw-modal input:not([type=checkbox]):not([type=radio]),.bw-modal select,.bw-modal textarea{font-size:16px;min-height:44px}
 .client-shell [type=checkbox],.bw-modal [type=checkbox]{width:22px;height:22px;vertical-align:middle}
 .client-shell label:has(>[type=checkbox]),.bw-modal label:has(>[type=checkbox]){min-height:44px;align-content:center}
 .bw-dialog-body .bw-form{column-gap:16px;row-gap:12px}
 .client-nav-button,.client-logout{min-width:44px}
 .bw-dialog>header [data-close]{min-width:44px;font-size:24px}
}
@media(max-width:999px){
 html[data-device-layout=tablet] .client-shell .np-account{display:none}
 html[data-device-layout=tablet] .client-shell .layout-switch{margin-left:auto}
 html[data-device-layout=tablet] .bw-dialog-body .bw-form{grid-template-columns:minmax(0,1fr)}
 html[data-device-layout=tablet] .style-split{grid-template-columns:minmax(0,1fr)}
 html[data-device-layout=tablet] .style-groups{max-height:24dvh;overflow:auto}
}
/* An iPad with a mouse attached still needs touch-sized controls. */
html[data-device-layout=tablet] .client-shell button,html[data-device-layout=tablet] .bw-modal button,html[data-device-layout=tablet] summary{min-height:44px;touch-action:manipulation}
html[data-device-layout=tablet] input:not([type=checkbox]):not([type=radio]),html[data-device-layout=tablet] select,html[data-device-layout=tablet] textarea{font-size:16px;min-height:44px}
html[data-device-layout=tablet] .client-nav-button,html[data-device-layout=tablet] .bw-dialog [data-close]{min-width:44px}
html[data-device-layout=tablet] .client-shell .layout-switch select{font-size:14px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
/* V1.6.60: leave room for business details on 11-inch iPad landscape. */
@media(min-width:1000px){
 html[data-device-layout=tablet].workbench .bw-workspace>.bw-split:not(.np-workspace).has-detail{grid-template-columns:240px minmax(0,1fr)}
 html[data-device-layout=tablet].workbench .bw-detail.ai-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;align-content:stretch}
 html[data-device-layout=tablet] .ai-detail-content,html[data-device-layout=tablet] .ai-results-panel{overflow:auto;min-height:0}
 html[data-device-layout=tablet] .ai-canvas{height:32dvh;min-height:180px}
 html[data-device-layout=tablet] .ai-detail .bw-kv>div{grid-template-columns:70px minmax(0,1fr)}
}
html[data-device-layout=tablet] .style-modal .style-dialog{max-height:100%}
html[data-device-layout=tablet] .client-shell [type=checkbox],html[data-device-layout=tablet] .bw-modal [type=checkbox]{width:22px;height:22px;vertical-align:middle}
html[data-device-layout=tablet] .client-shell label:has(>[type=checkbox]),html[data-device-layout=tablet] .bw-modal label:has(>[type=checkbox]){min-height:44px;align-content:center}
html[data-device-layout=tablet].workbench .amz-workspace.has-panel .amz-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-device-layout=tablet].workbench .amz-workspace.has-panel .amz-search,html[data-device-layout=tablet].workbench .amz-workspace.has-panel .amz-filters>button{grid-column:auto}
html[data-device-layout=tablet].workbench .amz-filters input,html[data-device-layout=tablet].workbench .amz-filters select{font-size:16px;min-height:44px}
.workbench .amz-workspace button.primary{background:#2f6fed;box-shadow:none}
#login-error{color:#a62c2c;font-size:14px;line-height:1.5;white-space:pre-wrap;margin:8px 0}
#login-error:empty{display:none}
#login-form[aria-busy=true]{cursor:progress}
#login-form #login:disabled{opacity:.65;cursor:wait}