/* Shared phone layout, loaded last to supersede legacy split-pane breakpoints. */
.mobile-client-back,.mobile-admin-picker{display:none}
@media(max-width:800px){
 html,body{max-width:100%;overflow-x:clip}
 body:has(#workspace){height:100dvh;overflow:hidden}
 #workspace,.layout,.inspector-open .layout{height:100dvh!important;min-height:0!important;max-height:100dvh}
 .layout{grid-template-rows:minmax(0,1fr) auto!important}
 #main-content{min-width:0;min-height:0;overflow:hidden}
 .sidebar{position:relative!important;inset:auto!important;z-index:20;padding-bottom:max(4px,env(safe-area-inset-bottom))}
 .sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
 .sidebar nav a{min-height:44px;padding:4px 2px;font-size:10px}
 .top{height:auto;min-height:44px;flex-wrap:wrap;padding:4px 8px;gap:5px;flex-shrink:0}
 .top>#quick-nav-slot{min-width:130px;flex:1 1 130px}
 .top .qnav input{min-width:0}.top .qnav-crumbs{max-width:48%}
 .top button,.top a.badge{min-height:34px}.top .notify-switch{min-height:34px}
 .header,.inspector-open .header{min-height:40px;height:auto;flex-wrap:wrap;flex-shrink:0}
 .header .switch{max-width:100%}.header .switch button{min-height:34px}
 .inspector-open #workspace{margin:0!important;visibility:hidden}
 .inspector-open .drawer{position:fixed!important;inset:var(--mobile-viewport-top,0px) 0 auto!important;width:100%!important;max-width:100%!important;height:var(--mobile-viewport-height,100dvh)!important;max-height:var(--mobile-viewport-height,100dvh)!important;z-index:1000;display:flex;flex-direction:column;border:0;border-radius:0;overflow:hidden}
 .drawer .inspector-resize{display:none!important}
 .drawer>header,.inspector-open .drawer>header{min-height:52px;padding:8px 12px;gap:8px;flex:none}
 .drawer>header h2{font-size:16px;line-height:1.3;white-space:normal}.drawer>header button{min-width:40px;min-height:40px}
 .drawer-content,.inspector-open .drawer-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 14px max(18px,env(safe-area-inset-bottom));font-size:14px;scroll-padding-block:12px 80px}
 .drawer-content form{height:auto;min-height:0;display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start}
 .drawer-content form>label,.drawer-content .setting-field{height:auto;min-height:0;margin:0;gap:5px}
 .drawer-content label:has(input[type=checkbox]),.settings-scroll label:has(input[type=checkbox]){display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;height:auto;margin:4px 0;padding:4px 0}
 .drawer-content input[type=checkbox],.settings-scroll input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:0;padding:0}
 .drawer-content input:not([type=checkbox]):not([type=radio]),.drawer-content select,.drawer-content textarea{width:100%;min-width:0;font-size:16px;min-height:40px}
 .drawer-content h3{margin:8px 0}.drawer-content p{margin:4px 0;line-height:1.45}
 .drawer-content button{min-height:38px;max-width:100%;white-space:normal}
 .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .settings-layout{display:flex;flex-direction:column;overflow:hidden;min-height:0}
 .settings-nav{display:none!important}.mobile-admin-picker{display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface)}
 .mobile-admin-picker select{flex:1;min-width:0;width:100%;min-height:40px;font-size:16px}
 .settings-scroll{padding:12px;overflow:auto;min-height:0}.settings-section{padding:12px;margin-top:14px}.setting-field{margin-bottom:10px}.settings-heading{gap:8px;margin-bottom:10px}.settings-heading h2{font-size:18px}.lead{margin-bottom:12px;line-height:1.45}
 .settings-actions{gap:8px;margin-top:12px;padding:12px 0}.settings-actions>span{min-width:0}.record-list article{padding:10px;gap:8px;flex-wrap:wrap}.record-list article>div{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
 .brand-preview{padding:12px;gap:12px;flex-wrap:wrap}.brand-preview img{width:130px}
 .clients-workspace{overflow:hidden;min-height:0;display:flex;flex:1}
 .client-directory{max-height:none;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
 .client-directory-list{max-height:none;min-height:0;flex:1;overflow:auto}
 .clients-workspace:not(.client-detail-open) .client-account{display:none}
 .clients-workspace.client-detail-open .client-directory{display:none}
 .client-account{flex:1;min-height:0;overflow:auto!important;display:block}
 .mobile-client-back{display:inline-flex;margin:8px 12px;min-height:38px}
 .client-account>header{padding:8px 12px;gap:10px}.client-account>header h2{font-size:20px;line-height:1.25}
 .client-tabs{overflow-x:auto;flex-wrap:nowrap;padding:6px 12px}.client-tabs button{white-space:nowrap;min-height:38px}
 .client-content{overflow:visible;padding:12px}.client-metrics{flex-wrap:wrap;gap:12px}.client-section-title{flex-wrap:wrap;align-items:flex-start}
 .client-table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.client-users-table th,.client-users-table td{padding:8px 6px}
 .detail-tabs{overflow-x:auto;flex:none}.detail-tabs button{min-height:36px}.surface-scroll{overflow:auto;min-height:0;padding:12px}.surface-title{flex-wrap:wrap}.message-tools{gap:6px}.message-tools button{min-height:34px}.message-body{overflow-wrap:anywhere}
 .studio{min-width:0;overflow:auto}.studio-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px;gap:8px}.studio-filters input,.studio-filters select{min-width:0;width:100%;font-size:16px}.studio-filters label{min-width:0}.studio-search{grid-column:1/-1}
 .studio-tabs,.preview-toolbar,.studio-selection-bar,.billing-actions{flex-wrap:wrap;gap:6px}.studio-tabs button{min-height:38px}.studio-metrics{flex-wrap:wrap;gap:8px}.studio-metrics>div{min-width:0;flex:1 1 120px;padding:8px}
 .studio-composer{display:block;overflow:auto}.compose-controls,.compose-document,.compose-preview{overflow:visible;max-height:none}.compose-controls{padding:12px}.compose-preview{padding:8px}.document-paper{min-width:0;padding:12px;overflow-wrap:anywhere}.document-paper table{width:100%;table-layout:fixed;font-size:11px}.document-paper td,.document-paper th{overflow-wrap:anywhere;padding:6px 4px}.document-paper h1{font-size:22px}
 .email-preview{padding:8px}.email-preview iframe{max-width:100%}.email-tabs{gap:5px}.email-tabs button{min-height:38px}
 dialog{max-width:calc(100vw - 16px)!important;max-height:calc(var(--mobile-viewport-height,100dvh) - 20px);overflow:auto;overscroll-behavior:contain}
 dialog input,dialog select,dialog textarea{font-size:16px!important;min-height:40px}
 .auth-intro{padding:16px 20px;gap:10px}.auth-panel{padding:20px}.account-layout{padding:12px}.account-header{gap:10px;margin-bottom:18px}.account-header .logo{width:110px}.account-grid{display:block}.card{padding:14px;margin-bottom:14px}.account-layout form{gap:12px;margin-top:16px}.auth-layout input,.account-layout input,.account-layout select{font-size:16px}.users li{gap:10px;padding:12px 0}.actions{gap:6px}
 .invoice-bar{height:auto;min-height:46px;flex-wrap:wrap;padding:8px 12px;gap:8px}.invoice-layout{display:block;height:auto}.invoice-layout>aside{max-height:35dvh;border-right:0;border-bottom:1px solid var(--inv-line)}.invoice-layout>section{overflow:visible;padding:12px}.invoice-actions{flex-wrap:wrap}.invoice-app table{display:block;max-width:100%;overflow:auto}.invoice-app input,.invoice-app select,.invoice-app textarea{font-size:16px}
 body:not(:has(#workspace))>header{height:auto;min-height:48px;flex-wrap:wrap;gap:8px;padding:8px 12px}body:not(:has(#workspace))>header img{max-width:120px}body:not(:has(#workspace)) main{min-width:0;max-width:100%}.preview-controls{display:flex;flex-direction:column;gap:8px}.preview-controls label{min-width:0}.portal-preview main{padding:12px}.portal-preview table{display:block;max-width:100%;overflow:auto}
 #portal-view table,#customer-view table{display:block;max-width:100%;overflow:auto}.toolbar{gap:8px}.toolbar input,.toolbar select{font-size:16px}#client-select{max-width:100%;min-width:0}#customer-view input,#customer-view select,#customer-view textarea{font-size:16px}
}
@media(max-width:800px){
 .client-users-table,.people-access-table{display:block!important;min-width:0!important;width:100%!important}.client-users-table thead,.people-access-table thead{display:none!important}.client-users-table tbody,.people-access-table tbody{display:block!important}.client-users-table tr,.people-access-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:10px 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}.client-users-table tr[hidden]{display:none!important}.client-users-table td,.people-access-table td{display:block!important;padding:2px 0;border:0;min-width:0!important;overflow-wrap:anywhere}.client-users-table td:first-child,.people-access-table td:first-child{grid-column:1/-1}.client-users-table td.person-count{text-align:left}.client-users-table td:nth-child(2):before{content:'Open: '!important;color:var(--muted)}.client-users-table td:nth-child(3):before{content:'Closed: '!important;color:var(--muted)}.client-users-table td:nth-child(4){grid-column:1/-1}.client-users-table button,.people-access-table button{min-height:36px;white-space:normal}.client-users-table td:last-child{text-align:right}.people-access-table td:nth-child(2){grid-column:1/-1;color:var(--muted);font-size:12px}.people-access-table td:nth-child(3):before{content:'Account';display:block;font-size:11px;color:var(--muted)}.people-access-table td:nth-child(4):before{content:'Last sign-in';display:block;font-size:11px;color:var(--muted)}.people-access-table td:nth-child(5){font-size:12px}.people-access-table td:last-child{text-align:right}.settings-scroll input:not([type=checkbox]),.settings-scroll select,.settings-scroll textarea{font-size:16px;max-width:100%;min-width:0}.settings-scroll code{overflow-wrap:anywhere}.settings-heading{flex-wrap:wrap}
}
.mobile-studio-picker{display:none}
@media(max-width:800px){.mobile-studio-picker{display:flex;align-items:center;gap:8px;flex:none;padding:6px 12px;border-bottom:1px solid var(--line)}.mobile-studio-picker select{flex:1;min-width:0;font-size:16px;min-height:38px}.studio-nav{display:none}.studio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:6px 12px}.studio-metrics>div{padding:0;min-width:0;gap:4px;flex-wrap:wrap}.studio-metrics small{font-size:10px}.studio-metrics strong{font-size:13px}.studio-table tbody{gap:0;padding:0}.studio-table tr{border-radius:0;border:0;border-bottom:1px solid var(--line);padding:8px}.studio-source-tabs button{white-space:normal}.studio-source-tabs .badge{font-size:10px}.studio-filter-details[open]{max-height:45dvh;overflow:auto;flex-shrink:0}}
@media(max-width:800px){.top .notify-switch:not(.notify-off) span{display:none}.top .notify-switch:not(.notify-off){width:30px;padding:4px;justify-content:center}.top>#quick-nav-slot{min-width:88px;flex-basis:88px}.detail-head{flex-wrap:wrap;gap:6px;padding:8px 10px}.detail-head>div:first-child{flex:1 0 100%;width:100%;min-width:0}.detail-head h2{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:none;font-size:14px;line-height:1.35}.detail-head>.grow{display:none}.detail-head button{min-height:32px}.detail-head .badge{font-size:11px}.top .qnav input{font-size:16px}}
@media(max-width:800px){.invoice-table{display:block!important;min-width:0!important;width:100%}.invoice-table thead{display:none}.invoice-table tbody{display:block}.invoice-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 8px;border-bottom:1px solid var(--inv-line)}.invoice-table td{padding:0!important;border:0;min-width:0;overflow-wrap:anywhere}.invoice-table td:first-child{grid-column:1/-1;font-weight:600}.invoice-table td:nth-child(2):before{content:'Qty: ';color:var(--inv-muted)}.invoice-table td:nth-child(3){grid-column:1;grid-row:3;color:var(--inv-muted);font-size:12px}.invoice-table td:nth-child(3):before{content:'Tax: '}.invoice-table td:last-child{grid-column:2;grid-row:2/4;align-self:center;font-weight:700}.invoice-table-wrap{overflow:visible}.invoice-layout>aside{max-height:none}}
@media(max-width:800px){.studio>.mobile-studio-picker{display:flex;flex-direction:row;align-items:center;font-size:13px;font-weight:500;gap:8px}.studio>.mobile-studio-picker select{width:auto}.request-link .meta{display:block;margin-top:5px}body:has(#customer-view)>header{display:grid;grid-template-columns:1fr auto;gap:6px 12px}body:has(#customer-view)>header>a{grid-column:2;grid-row:1;margin:0}#client-name{grid-column:1/-1;grid-row:2;min-width:0}#client-name label{display:flex;align-items:center;gap:8px;margin:0}#customer-client{min-width:0;max-width:100%;font-size:16px;flex:1}#customer-view h1{font-size:23px;margin:12px 0}#customer-view .request-link{border:0;padding:4px;background:transparent}#customer-view .toolbar label{min-width:0;flex-basis:120px}.customer-preview-banner{padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px}}
@media(max-width:800px){.billing-table table,.billing-table tbody{display:block;width:100%;min-width:0!important}.billing-table thead{display:none}.billing-table tr{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;padding:10px;border-bottom:1px solid var(--line)}.billing-table td{padding:0!important;border:0;min-width:0;white-space:normal;overflow-wrap:anywhere}.billing-table td:first-child{grid-column:1/-1}.billing-table td:nth-child(3){grid-column:1/-1}.billing-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right}.billing-table td:nth-child(5){font-weight:700}.billing-table td:nth-child(6){font-size:11px;text-align:right;color:var(--muted)}.billing-table .document-link{padding:3px 0 6px;width:100%;min-width:0;white-space:normal}.billing-table .document-link span{white-space:normal}.billing-table .period-cell{font-size:11px}.billing-filters select,.billing-filters input{font-size:16px;min-width:0}.billing-caption{gap:8px;flex-wrap:wrap}}
/* Administration tables must use the active theme, including legacy row striping. */
.settings-scroll table tbody tr{background:var(--surface);color:var(--text)}.settings-scroll table tbody tr:nth-child(even){background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.settings-scroll table td{background:inherit;color:inherit}.settings-scroll table th{background:var(--card-head);color:var(--text)}.settings-scroll table small{color:var(--muted)}
@media(min-width:801px){.mobile-studio-picker,.mobile-admin-picker,.mobile-client-back{display:none!important}}