/* Smartphone admin presentation. Shared desktop components and all safety text remain intact. */
.admin-mobile-fold-toggle,.admin-mobile-menu-close,.admin-mobile-meals{display:none}
/* The account controls use the same disclosure on every screen size. */
@media(min-width:768px){
    .shell:has(#adminNav:not(.hidden)) .admin-context-actions>.admin-mobile-fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;margin:0;padding:8px 10px;border:1px solid rgba(222,237,246,.25);border-radius:var(--ds-radius-control);background:rgba(255,255,255,.08);color:var(--ds-on-brand);font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}
    .admin-context-actions>.admin-mobile-fold-toggle::after{content:'＋';flex-shrink:0}
    .admin-context-actions>.admin-mobile-fold-toggle[aria-expanded=true]::after{content:'−'}
    .shell:has(#adminNav:not(.hidden)) .admin-context-actions.admin-mobile-fold:not(.is-mobile-expanded)>.admin-context-action{display:none}
    .admin-context-actions>.admin-mobile-fold-toggle:focus-visible{outline:2px solid var(--ds-cyan, #00D9FF);outline-offset:2px}
}
@media(max-width:767px){
    .shell:has(#adminNav:not(.hidden)){grid-template-columns:minmax(0,1fr);padding:var(--ds-space-3);gap:14px}
    .shell:has(#adminNav:not(.hidden)) .content{width:100%;min-width:0}
    .shell:has(#adminNav:not(.hidden)) .content>section{width:100%;min-width:0;max-width:100%}
    .shell:has(#adminNav:not(.hidden)) :is(h1,h2,h3,p,label,strong,summary){overflow-wrap:anywhere}
    .shell:has(#adminNav:not(.hidden)) h1{font-size:25px;line-height:1.2;margin:var(--ds-space-1) 0 var(--ds-space-4)}
    .shell:has(#adminNav:not(.hidden)) h2{font-size:19px;line-height:1.3}
    .shell:has(#adminNav:not(.hidden)) .content :is(.btn,.app-select-trigger){min-height:44px!important;white-space:normal;line-height:1.3}
    .shell:has(#adminNav:not(.hidden)) .content :is(input,select,textarea){scroll-margin-block:80px;max-width:100%;min-width:0}
    .shell:has(#adminNav:not(.hidden)) .content :is(input.input:not([type=checkbox]):not([type=radio]),select.input):not(.app-select-native){min-height:44px}
    .shell:has(#adminNav:not(.hidden)) .app-select-option{min-height:44px;white-space:normal;overflow-wrap:anywhere}
    .shell:has(#adminNav:not(.hidden)) .content :is(input[type=date],input[type=time]){width:100%;min-inline-size:0}
    .shell:has(#adminNav:not(.hidden)) #adminNav{position:fixed!important;inset:12px 12px calc(12px + env(safe-area-inset-bottom))!important;max-height:none!important;width:auto!important;align-content:start;overscroll-behavior:contain}
    .shell:has(#adminNav:not(.hidden)) #adminNav .navbtn{min-height:48px!important}
    .admin-mobile-menu-close{display:block;position:sticky;top:-9px;z-index:2;width:calc(100% + 18px);max-width:none;min-height:48px;margin:-9px -9px 0;padding:var(--ds-space-3);text-align:right;background:var(--ds-navy);border:0;border-bottom:1px solid var(--ds-line-strong);color:white;font:inherit;font-weight:700;cursor:pointer}
    .shell:has(#adminNav:not(.hidden)) .admin-mobile-fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:1/-1;width:100%;min-height:48px;padding:10px var(--ds-space-3);margin:0;border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);background:var(--ds-raised);color:var(--ds-text);text-align:left;font:inherit;font-weight:750;cursor:pointer}
    .admin-mobile-fold-toggle::after{content:'＋';flex-shrink:0}
    .admin-mobile-fold-toggle[aria-expanded=true]::after{content:'−'}
    .shell:has(#adminNav:not(.hidden)) .admin-mobile-fold:not(.is-mobile-expanded)>:not(.admin-mobile-fold-toggle){display:none!important}
    .shell:has(#adminNav:not(.hidden)) .admin-mobile-fold.is-mobile-expanded>.admin-mobile-fold-toggle{margin-bottom:12px}
    .shell:has(#adminNav:not(.hidden)) .admin-mobile-fold>h2{display:none}
    .shell:has(#adminNav:not(.hidden)) .admin-context-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
    .shell:has(#adminNav:not(.hidden)) .admin-context-user{flex-wrap:wrap;gap:6px}
    .shell:has(#adminNav:not(.hidden)) .admin-context-action{min-height:44px!important}
    #adminDashboardTab :is(.dashboard-metrics,.dashboard-action-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
    #adminDashboardTab .dashboard-metric{flex-direction:column;gap:8px;padding:12px}
    #adminDashboardTab .dashboard-metrics strong{font-size:clamp(18px,5vw,21px);white-space:normal}
    #adminDashboardTab .dashboard-metric :is(small,em){overflow-wrap:anywhere}
    #adminDashboardTab .dashboard-action-grid small{display:none}
    #adminDashboardTab .dashboard-action-grid button{min-height:76px;padding:var(--ds-space-3)}
    #adminBilling .billing-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-2)}
    #adminBilling .billing-overview-item{min-width:0;padding:10px;text-align:left}
    #adminBilling .billing-overview-item strong{white-space:normal;overflow-wrap:anywhere}
    #adminBilling .billing-search-field{flex:1 1 100%;min-width:0}
    #adminBilling .billing-filter-buttons{flex-wrap:wrap}
    #adminBilling .billing-filter-buttons .btn{min-height:44px}
    .cash-safety-notice{padding:var(--ds-space-3)!important;font-size:13px;line-height:1.5}
    .cash-safety-title{font-size:14px!important;align-items:start}
    .cashbook-pagination{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:center}
    .cashbook-pagination .btn{flex:1 1 90px;width:auto;margin:0}
    .cashbook-pagination>span{flex:1 0 100%;order:-1;text-align:center}
    #adminLunchTab :is(.admin-meal-billing-fields,.admin-meal-billing-fields.has-vegetarian-price,.admin-meal-actions){grid-template-columns:minmax(0,1fr)}
    #adminLunchTab .admin-meal-actions .btn{white-space:normal;min-height:48px}
    .admin-meal-person-actions>button{min-height:44px;padding:10px;white-space:normal}
    .admin-meal-date-toolbar label{width:100%;min-width:0}
    .admin-mobile-meals{display:flex;gap:var(--ds-space-2);flex-wrap:wrap;grid-column:1/-1}
    .admin-mobile-meals button{flex:1 1 90px;min-height:48px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);background:var(--ds-surface);color:var(--ds-muted);padding:10px;font:inherit;font-weight:700}
    .admin-mobile-meals button[aria-pressed=true]{background:var(--ds-navy);color:var(--ds-on-brand);border-color:var(--ds-line-strong)}
    #adminLunchParticipants>.is-mobile-meal-hidden{display:none!important}
    .inventory-entry-wrap .inventory-table{min-width:0;width:100%;display:block}
    .inventory-entry-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
    .inventory-entry-wrap tbody{display:grid;gap:var(--ds-space-3)}
    .inventory-entry-wrap tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--ds-space-3);border:1px solid var(--ds-line);border-radius:var(--ds-radius-control);background:var(--ds-surface)}
    .inventory-entry-wrap td{display:block;min-width:0;padding:var(--ds-space-2) var(--ds-space-1);white-space:normal;border:0;text-align:left}
    .inventory-entry-wrap td:first-child{grid-column:1/-1}
    .inventory-entry-wrap td:not(:first-child)::before{content:attr(data-mobile-label);display:block;color:var(--ds-muted);font-size:12px;margin-bottom:8px}
    .inventory-entry-wrap .inventory-actual-input{width:100%;min-width:0;margin:0}
    .analytics-filters{grid-template-columns:minmax(0,1fr)!important;width:100%}
    .analytics-filters label{width:100%;min-width:0}
    .opening-balance-account-list article>div,.opening-balance-preview-card,.owner-tenant-grid,.owner-principles,.owner-summary,.owner-offer-form{grid-template-columns:minmax(0,1fr)}
    .opening-balance-complete-values,.opening-balance-draft-summary,.opening-balance-preview-values{grid-template-columns:repeat(2,minmax(0,1fr))}
    .support-admin-head,.owner-page-heading,.owner-detail-toolbar{flex-wrap:wrap;gap:var(--ds-space-3)}
    .support-detail-grid,.support-admin-form{grid-template-columns:minmax(0,1fr)}
    .general-settings-input-row{grid-template-columns:minmax(0,1fr)!important}
    .general-settings-input-row .btn{margin:0}
    .ingredient-admin-top,.ingredient-create-fields{grid-template-columns:minmax(0,1fr)!important}
    .ingredient-admin-top{gap:var(--ds-space-3)}
    .admin-mobile-fold{min-width:0}
    .billing-history-box footer{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}
    .billing-history-box footer .btn{flex:1 1 140px;margin:0}
    .billing-history-list article{gap:var(--ds-space-2)}
    .billing-history-list article>b{font-size:14px}
    .admin-mobile-fold-toggle:focus-visible,.admin-mobile-menu-close:focus-visible{outline:3px solid var(--ds-line-strong);outline-offset:2px}
}