/* All visual overrides are scoped to phones. Desktop layout stays in the original stylesheets. */
[data-mobile-close],[data-mobile-backdrop],[data-mobile-expander-cell]{display:none}
@media(max-width:767px){
 html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
 body{overflow-wrap:anywhere}
 body.mobile-nav-open,body:has(dialog[open]){overflow:hidden}
 #app,.shell,.content,.panel,.panel-body,.panel-head,.page-heading,.actions,.field,form{min-width:0;max-width:100%}
 .content{padding:18px max(14px,env(safe-area-inset-right)) 30px max(14px,env(safe-area-inset-left))}
 button,.text-button,a.download-link,.download-link,.pl-upload-button,.lc-upload-button{min-height:44px;white-space:normal;line-height:1.4}
 button{min-width:44px}button:disabled{cursor:default}
 input:not([type=checkbox]):not([type=radio]),select,textarea,.field input,.field select,.field textarea{font-size:16px!important;min-height:44px;max-width:100%;min-width:0;box-sizing:border-box}
 input[type=date],input[type=month],input[type=time]{width:100%;max-width:100%;-webkit-appearance:none;appearance:none}
 input[type=checkbox],input[type=radio]{width:20px;height:20px;flex-shrink:0}
 input[type=file]{width:100%;font-size:14px!important;overflow:hidden}input::file-selector-button{min-height:44px;margin-right:8px}
 textarea{resize:vertical}img,video{max-width:100%}
 .boot{margin:14vh 20px;max-width:none}.boot strong{font-size:22px}.boot p{line-height:1.7}.boot button{margin-top:16px}
 .topbar{position:sticky;top:0;z-index:var(--z-sticky);height:auto;min-height:60px;padding:8px 12px;background:white;gap:8px}
 .breadcrumb{min-width:0;gap:7px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:14px;line-height:1.4}
 .topbar-meta{gap:6px;flex-shrink:0}.topbar-meta .local-badge,.topbar-meta .date-label{display:none}.signed-user{max-width:80px}.signed-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
 .topbar-meta .signed-user small{font-size:10px}.topbar-meta button{padding:8px}
 .sidebar{width:min(320px,88vw);height:100dvh;padding:14px max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom));z-index:var(--z-menu)}
 .sidebar .brand{padding-bottom:12px}.sidebar .nav-label{padding-top:12px}.sidebar .nav-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar .nav-list button{min-height:48px;text-align:left}
 [data-mobile-close]{display:flex;align-self:flex-end;color:white;border:0;background:transparent;margin-bottom:8px}
 [data-mobile-backdrop]{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(8,25,40,.42);z-index:calc(var(--z-menu) - 1);font-size:0;padding:0}
 .page-heading{flex-direction:column;align-items:stretch;gap:14px}.page-heading h1{font-size:22px}.page-heading p{font-size:14px;line-height:1.65}
 .page-heading .actions,.panel-head .actions{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px}.actions{flex-wrap:wrap;gap:8px}
 .page-heading .actions>*{flex:1 1 auto}.panel-head,.ad-section-head{padding:16px;flex-wrap:wrap;gap:12px}.panel-head h2,.ad-section-head h2{font-size:17px}
 .panel-body,.dialog-body{padding:16px}.panel-head p,.ad-section-head p{line-height:1.65}.panel{margin-bottom:18px}
 .filters,.ov-filters,.bg-filters,.goal-filters,.lc-toolbar,.ad-controls,.ad-viewer,.ad-session-toolbar,.ad-product-toolbar{gap:12px}
 .filters .field,.ov-filters .field,.bg-filters .field,.bg-filters .bg-sku-field,.goal-filters .field,.lc-toolbar .field,.ad-controls .field,.ad-viewer .field,.ad-session-toolbar .field,.ad-session-toolbar .field:nth-child(2),.ad-product-toolbar .field{flex:1 1 100%;min-width:0;width:100%;max-width:none}
 .filters>button,.ov-filters>button,.bg-filters>button,.goal-filters>button{width:100%}
 .filter-panel,.ov-filters,.bg-filters,.goal-filters,.lc-toolbar,.ad-session-toolbar,.ad-product-toolbar{padding:16px}
 .search,.search input,.lc-toolbar .search{width:100%;max-width:none;min-width:0}.table-toolbar{align-items:stretch;gap:12px}.table-toolbar>select{width:100%}.table-toolbar .toolbar-text{display:block}
 .tabs{flex-wrap:nowrap;overflow-x:auto;gap:18px;max-width:100%;padding:0 2px}.tabs>button{flex-shrink:0;white-space:nowrap;min-height:48px}
 .kpis,.bg-kpis,.bg-metrics,.ad-metrics,.ad-targets,.lc-person-stats,.lc-manager-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bg-kpis>div,.bg-metrics>div,.ad-metric,.ad-target,.kpi{min-width:0;padding:16px 12px}.bg-kpis dd,.bg-metrics dd,.ad-target-value,.ad-metric-value,.kpi-value{font-size:23px;overflow-wrap:anywhere}
 .bg-kpis dt,.bg-metrics dt,.ad-metric h3{font-size:13px}.bg-kpis p,.bg-metrics p{font-size:12px;line-height:1.6}
 .bg-note,.bg-method,.ov-note,.ad-section-foot{padding:14px 16px;line-height:1.7}.bg-total{max-width:none;justify-content:flex-start}
 .bg-toggles{padding:14px 16px;gap:8px}.bg-toggles button{font-size:13px}.bg-chart-scroll{padding:0 12px;overscroll-behavior-x:contain}.bg-chart-detail{margin:0 14px 16px;font-size:13px}
 .table-wrap,.ad-comparison-scroll{max-width:100%;overscroll-behavior-x:contain}.table-wrap:has(.mobile-record-table){overflow:visible}
 table.mobile-record-table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto;white-space:normal}
 .mobile-record-table>thead{display:none}.mobile-record-table>thead:has(.mobile-select-all){display:block}.mobile-record-table>thead>tr{display:block}.mobile-record-table>thead th{display:none}.mobile-record-table>thead th.mobile-select-all{display:block;width:100%;border:0;padding:12px 16px;background:var(--soft)}
 .mobile-record-table>tbody{display:block}
 .mobile-record-table>tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px;gap:12px 16px;border-bottom:1px solid var(--line);background:white}
 .mobile-record-table>tbody>tr:nth-child(even){background:oklch(.987 .004 250)}
 .mobile-record-table>tbody>tr>td,.mobile-record-table>tbody>tr>th{display:block;position:static!important;min-width:0!important;max-width:none!important;width:auto!important;padding:0!important;border:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip;background:transparent!important;text-align:left!important;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
 .mobile-record-table>tbody>tr>td::before,.mobile-record-table>tbody>tr>th::before{content:attr(data-mobile-label);display:block;color:var(--muted);font-weight:400;font-size:12px;margin-bottom:3px}
 .mobile-record-table>tbody>tr>:first-child,.mobile-record-table .mobile-action-cell,.mobile-record-table .mobile-full-cell,.mobile-record-table>tbody>tr>[data-mobile-expander-cell]{grid-column:1/-1}
 .mobile-record-table .mobile-action-cell>.actions{justify-content:flex-start}.mobile-record-table .mobile-action-cell>button{margin-right:6px}.mobile-record-table td .text-button{padding:8px!important;font-size:14px!important}
 .mobile-record-table>tbody>tr:not(.mobile-expanded)>.mobile-secondary-cell{display:none}
 .mobile-record-table>tbody>tr>[data-mobile-expander-cell]{display:block}.mobile-record-table [data-mobile-expand]{width:100%;background:var(--soft);border-color:transparent;color:var(--blue);font-size:13px}
 .mobile-record-table .selection-cell label{min-height:44px}.mobile-record-table .selection-cell::before{display:none}.mobile-record-table .mobile-full-cell::before,[data-mobile-expander-cell]::before{display:none!important}
 .mobile-record-table td input,.mobile-record-table td select,.mobile-record-table td textarea{width:100%;max-width:100%}.mobile-record-table td input[type=checkbox]{width:20px}
 .table-footer{flex-wrap:wrap;gap:12px;padding:14px 16px}.table-footer .pagination{margin-left:auto;gap:8px}.table-footer button{padding:8px 12px}
 .form-grid,.setting-grid,.pl-form-two,.pl-audience-form,.lc-form-two,.ad-formulas{grid-template-columns:1fr!important}.field>span{font-size:14px}.field small{font-size:12px;line-height:1.6}
 dialog,dialog.session-bundle-dialog,dialog.lc-submit-dialog,dialog.pl-editor,dialog.pl-player,dialog.session-image-viewer{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:var(--mobile-viewport-height,100dvh);max-height:var(--mobile-viewport-height,100dvh);border:0;border-radius:0;overflow:auto;overscroll-behavior:contain}
 .dialog-head{padding:14px 16px;gap:12px;align-items:flex-start}.dialog-head h2{font-size:18px}.dialog-head button{min-width:44px;min-height:44px;flex-shrink:0}.dialog-head p{font-size:12px;line-height:1.5}
 .dialog-foot{padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:10px;flex-wrap:wrap}.dialog-foot .actions{width:100%;display:flex}.dialog-foot .actions>button{flex:1}.dialog-foot p{display:none}
 .dialog-body input,.dialog-body textarea,.dialog-body select{scroll-margin-top:170px;scroll-margin-bottom:110px}
 .session-editor-jumps{flex-wrap:wrap;gap:8px}.session-editor-jumps small{display:none}.session-sku-heading{align-items:flex-start;flex-wrap:wrap}.session-sku-editor>summary{flex-wrap:wrap;gap:8px;padding:12px}.session-sku-summary-name{flex:1;min-width:0}.session-sku-summary-gmv{margin-left:32px}.session-sku-editor-body{padding:14px}.session-sku-actions{flex-wrap:wrap;gap:10px}
 .session-review-images{grid-template-columns:1fr}.session-image-viewer-head{height:auto;min-height:90px;flex-wrap:wrap}.session-image-viewer-head .actions{gap:6px}.session-image-canvas{height:calc(100% - 110px)}
 .library-grid,.pl-grid{grid-template-columns:minmax(0,1fr);padding:16px}.lc-detail-grid,.lc-video-column{display:flex;flex-direction:column}.lc-video-column,.lc-review-column{width:100%}.lc-result{grid-template-columns:1fr}.lc-product-identity img{width:44px;flex-shrink:0}.lc-score-field input{width:80px!important}.lc-join-controls{flex-wrap:wrap}.lc-upload-row{align-items:stretch}.lc-upload-row>span{width:100%;min-width:0}
 .pl-city-input{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pl-city-input>.field:first-child{grid-column:1/-1}.pl-detail-grid,.pl-content-grid{grid-template-columns:minmax(0,1fr)}
 .ss-list-tools{width:100%;gap:8px}.ss-list-tools input{width:100%;flex-basis:100%}.ss-editor-head .field{min-width:0;width:100%}.ss-weights{grid-template-columns:1fr}.sg-metric>summary{padding:16px;flex-wrap:wrap}.permission-resource{grid-template-columns:1fr}.permission-sections{grid-column:1}.permission-actions label,.permission-sections label,.permission-scopes label{min-height:44px}
 .auth-page{padding:24px 16px;min-height:100dvh}.auth-card{width:100%;padding:24px;min-width:0}.auth-card input{width:100%}
 #toast{max-width:calc(100vw - 28px);width:max-content;left:50%;bottom:max(20px,env(safe-area-inset-bottom));font-size:14px}
}