/* Staff and customer workspaces keep desktop tables and gain phone-friendly cards. */
.workspace-menu-toggle{width:100%;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:var(--ink);border:1px solid var(--line);text-align:left}
.workspace-menu-toggle [data-workspace-toggle-label]{font-size:13px;color:var(--blue);font-weight:500}
.ad-guide{margin:12px 0}.ad-guide summary{color:var(--muted);font-size:13px}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:16px 0}
.plan-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin:0;min-width:0;background:#fff}
.plan-card input[type=radio]{width:20px;height:20px;vertical-align:middle}
.offline-instructions{white-space:pre-wrap;overflow-wrap:anywhere}
.customer-heading-content{min-width:0}
.customer-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.customer-title-row h1{font-size:30px;line-height:1.25;margin:0;letter-spacing:-.5px}
.customer-id-inline{margin:0;color:var(--ink);font-size:18px;font-weight:600;line-height:1.4;white-space:nowrap}
.customer-id-inline .customer-number{font-weight:700;font-variant-numeric:tabular-nums}
.customer-page-heading form label{margin-bottom:0}
@media(max-width:700px){
    .header{gap:10px;padding:12px 16px;align-items:center;flex-wrap:wrap}
    .header nav{width:100%;gap:4px 14px;justify-content:flex-start}
    .header nav a,.header nav .link{min-height:44px;display:inline-flex;align-items:center}
    .workspace-header nav .workspace-home{display:none}
    .workspace-header .brand small{display:inline-block;margin-left:12px}
    .header-user{max-width:140px}.header-timezone{flex-basis:100%;order:5}
    :is(.portal-staff,.customer-workspace) .container{padding:18px 12px 40px;overflow-wrap:anywhere}
    :is(.portal-staff,.customer-workspace) .panel{padding:16px;margin-bottom:18px;border-radius:12px;min-width:0}
    :is(.portal-staff,.customer-workspace) .workspace-menu{margin-bottom:18px}
    :is(.portal-staff,.customer-workspace) .workspace-menu-toggle{display:flex;min-height:48px}
    :is(.portal-staff,.customer-workspace) .workspace-menu .admin-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0;padding:10px}
    :is(.portal-staff,.customer-workspace) .admin-nav a{min-height:44px;display:flex;align-items:center;padding:10px 12px;background:#f5f7fb}
    :is(.portal-staff,.customer-workspace) h1{font-size:27px;letter-spacing:0}
    :is(.portal-staff,.customer-workspace) h2{font-size:20px;margin-bottom:14px}
    :is(.portal-staff,.customer-workspace) .topline{display:block;margin-bottom:16px}
    :is(.portal-staff,.customer-workspace) .topline form{min-width:0;margin-top:14px}
    .customer-workspace .customer-page-heading .customer-title-row{gap:10px;justify-content:space-between}
    .customer-workspace .customer-page-heading .customer-title-row h1{font-size:22px}
    .customer-workspace .customer-id-inline{font-size:16px}
    .customer-workspace .customer-page-heading:has(form) .customer-heading-store{display:none}
    .customer-workspace .customer-page-heading form{margin-top:8px}
    :is(.portal-staff,.customer-workspace) .subtitle{font-size:13px}
    :is(.portal-staff,.customer-workspace) .topline>.button{margin-top:8px}
    :is(.portal-staff,.customer-workspace) .split,:is(.portal-staff,.customer-workspace) .form-grid{grid-template-columns:1fr;gap:14px}
    :is(.portal-staff,.customer-workspace) .split>.panel{margin-bottom:0}
    :is(.portal-staff,.customer-workspace) .split{margin-bottom:18px}
    :is(.portal-staff,.customer-workspace) .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    :is(.portal-staff,.customer-workspace) .stat{padding:14px;min-width:0}
    :is(.portal-staff,.customer-workspace) .stats:not(.admin-stats) .stat:last-child:nth-child(odd){grid-column:1/-1}
    :is(.portal-staff,.customer-workspace) .filter{display:block}
    :is(.portal-staff,.customer-workspace) .filter label{min-width:0}
    :is(.portal-staff,.customer-workspace) label{font-size:14px}
    :is(.portal-staff,.customer-workspace) input,:is(.portal-staff,.customer-workspace) select,:is(.portal-staff,.customer-workspace) textarea{font-size:16px;min-width:0;max-width:100%;min-height:46px}
    :is(.portal-staff,.customer-workspace) input[type=checkbox]{min-height:0;width:24px;height:24px;vertical-align:middle}
    :is(.portal-staff,.customer-workspace) input[type=file]{padding:8px}
    :is(.portal-staff,.customer-workspace) textarea{min-height:110px}
    :is(.portal-staff,.customer-workspace) button,:is(.portal-staff,.customer-workspace) .button{min-height:44px;font-size:15px;padding:10px 14px;white-space:normal;text-align:center}
    :is(.portal-staff,.customer-workspace) .container form>button{width:100%;margin-top:8px}
    :is(.portal-staff,.customer-workspace) .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:12px 0}
    :is(.portal-staff,.customer-workspace) .row-actions>*{min-width:0}
    :is(.portal-staff,.customer-workspace) .row-actions>.button,:is(.portal-staff,.customer-workspace) .row-actions>button,:is(.portal-staff,.customer-workspace) .row-actions>form>button{width:100%;height:100%;margin:0}
    :is(.portal-staff,.customer-workspace) .row-actions>a{display:flex;align-items:center;justify-content:center;min-height:44px}
    :is(.portal-staff,.customer-workspace) .row-actions>p{grid-column:1/-1}
    :is(.portal-staff,.customer-workspace) details>summary{min-height:44px;padding:10px 0}
    :is(.portal-staff,.customer-workspace) .tag{display:inline-block;max-width:100%;white-space:normal}
    :is(.portal-staff,.customer-workspace) img{max-width:100%;height:auto}
    :is(.portal-staff,.customer-workspace) .pagination{gap:12px;flex-wrap:wrap;align-items:center}
    :is(.portal-staff,.customer-workspace) .pagination a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;background:#eef2f7;border-radius:8px}
    :is(.portal-staff,.customer-workspace) .table-wrap:has(.mobile-cards){overflow:visible}
    .mobile-cards,.mobile-cards tbody{display:block;width:100%;font-size:15px}
    .mobile-cards thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
    .mobile-cards tbody>tr{display:block;margin:16px 0;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}
    .mobile-cards td{display:block;padding:12px;width:100%;border-bottom:1px solid #edf1f6}
    .mobile-cards td:last-child{border-bottom:0}
    .mobile-cards td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}
    .mobile-cards td>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;background:#eef2f7;border-radius:8px}
    .customer-workspace dialog.panel{max-height:85vh;max-height:85dvh;overflow-y:auto;margin:auto;padding:16px}
    .customer-workspace dialog .topline{display:flex;align-items:start;gap:10px}
    .customer-workspace dialog .topline h2{min-width:0}
    .customer-workspace dialog::backdrop{background:#172b4670}
    .box-deploy-form label{padding:10px;background:#f5f7fb;border-radius:8px}
    .auth input,.auth select{font-size:16px;min-height:46px}
    .auth button{width:100%;min-height:44px}
}