/* Small screens: prioritize decisions and keep editable text readable. */
.brand-section-shortcuts,.mobile-wordmark{display:none}
.brand-snapshot-details>summary{padding:16px 24px;font-size:12px;color:var(--ink-2);cursor:pointer}
.brand-snapshot-details .brand-snapshot-body{padding-top:0}
.brand-snapshot-details .eyebrow{display:none}
.site-included>summary{font-size:13px;font-weight:600;cursor:pointer;margin-bottom:14px}
@media(max-width:760px){
  :root{--customer-nav-height:60px}
  .sidebar.open{z-index:65}
  .scrim.open{z-index:60}
  body:has(#sidebar.open) :is(#bottom-nav,.brand-save-bar.has-changes,.site-decision-buttons){visibility:hidden}
  #bottom-nav{display:flex;background:var(--surface);min-height:var(--customer-nav-height)}
  .bnav-item{min-height:60px;padding:9px 4px;gap:5px;font:11px var(--font);color:var(--ink-2)}
  .bnav-item .icon{width:21px;height:21px}
  .bnav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
  .app-shell{padding-bottom:0}
  body:not(.site-editor-route) #main{padding:18px 16px calc(80px + env(safe-area-inset-bottom,0px))}
  .page-heading{margin-bottom:16px}
  .page-heading h1{font-size:22px;line-height:1.2;letter-spacing:-.6px}
  .page-heading>.button{flex-shrink:0;min-height:44px}
  .button,.button.small{min-height:44px;font-size:13px}
  .mobile-wordmark{display:block;font:600 19px var(--font);letter-spacing:-.8px;color:var(--ink)}
  .mobile-wordmark span{color:var(--accent)}
  .breadcrumb strong{max-width:90px;font:500 12px var(--font)}
  .breadcrumb{gap:7px}
  .topbar{padding-inline:12px}
  .topbar-actions{gap:3px}
  .topbar .icon-button{min-height:44px;min-width:40px}
  .field :is(input,select,textarea){font-size:16px!important}
  .app-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .brand-profile-status{padding:12px 14px;gap:10px;margin-bottom:12px;justify-content:space-between}
  .brand-profile-status>div:first-child{flex-basis:auto;gap:7px}
  .brand-profile-status>div:first-child>span:last-child{display:none}
  .brand-status-progress{gap:8px}
  .brand-status-progress .profile-progress-track{width:65px}
  .brand-organized-layout{gap:14px}
  .brand-snapshot{display:block;border-radius:14px}
  .brand-snapshot-cover{min-height:0;padding:14px 16px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center}
  .brand-snapshot-mark{grid-row:1/3;margin:0;width:44px;height:44px;border-radius:12px}
  .brand-snapshot-mark img{max-width:38px;max-height:38px}
  .brand-snapshot-mark>span{font-size:25px}
  .brand-snapshot-cover>span{display:none}
  .brand-snapshot-cover h2{font:600 18px/1.25 var(--font);margin:0;letter-spacing:-.3px}
  .brand-snapshot-cover p{margin:4px 0 0;font-size:12px}
  .brand-snapshot-details>summary{padding:12px 16px;border-top:1px solid var(--line);font-size:12px;min-height:44px}
  .brand-snapshot-body{padding:0 16px 16px}
  .brand-snapshot-body dl{margin:6px 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .brand-snapshot-body dl>div{margin:0}
  .brand-snapshot-body dl>div:first-child{grid-column:1/-1}
  .brand-organized-form{gap:10px}
  .brand-section-shortcuts{display:flex;gap:4px;position:sticky;top:52px;z-index:21;background:var(--bg);padding:6px 0;border-bottom:1px solid var(--line)}
  .brand-section-shortcuts button{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink-2);font:12px var(--font);cursor:pointer}
  .brand-section-shortcuts button[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}
  .brand-section{scroll-margin-top:112px;border-radius:12px}
  .brand-section>summary{padding:13px 14px;gap:10px;min-height:66px}
  .brand-section>summary strong{font-size:14px}
  .brand-section>summary small{font-size:11px;line-height:1.35}
  .brand-section-number{height:30px;width:30px;border-radius:8px}
  .brand-section-body{padding:16px;gap:16px}
  .brand-section .brand-form-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-section .brand-form-grid>.field:has(#brand-name,#brand-sector,#brand-venueType,#brand-priceBand,#business-email,#business-address,#business-bookingUrl){grid-column:1/-1}
  .brand-section :is(input,select,textarea){font-size:16px;min-height:44px}
  .brand-section .offering-row{padding:14px;gap:12px}
  .brand-identity-recap{grid-template-columns:1fr 1fr;gap:12px}
  .brand-palette-list{padding:12px 0;gap:12px}
  .brand-save-bar{position:static;box-shadow:none;padding:12px 14px;min-height:56px;border-radius:12px;gap:8px}
  .brand-save-bar:not(.has-changes) .button{display:none}
  .brand-save-bar strong{margin:0;font-size:12px}
  .brand-save-bar.has-changes{position:fixed;left:12px;right:12px;bottom:calc(var(--customer-nav-height) + env(safe-area-inset-bottom,0px) + 8px);z-index:35;box-shadow:0 5px 25px #0003}
  .brand-save-bar .button{font-size:13px;padding:10px 14px}
  .brand-save-bar .form-error{font-size:12px;max-height:70px;overflow-y:auto;line-height:1.5}
  body:has(.brand-save-bar.has-changes) #main{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
  .hero.customer-next{padding:18px;gap:16px;border-radius:14px}
  .customer-next-copy h2{font-size:23px;line-height:1.2;margin-bottom:10px}
  .customer-next-copy>p{font-size:13px;line-height:1.6;margin-bottom:16px}
  .customer-next-copy>.button{width:100%;justify-content:center}
  .customer-cycle{padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .customer-cycle>div{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}
  .customer-cycle>div>.icon{display:none}
  .customer-cycle>div>span{font-size:11px;line-height:1.4}
  .customer-cycle>div>strong{font-size:20px}
  .home-overview-stats{gap:10px;margin-top:14px}
  .home-overview-stats .stat-card{padding:14px 12px;min-height:90px}
  .home-overview-lower{margin-top:20px;gap:16px!important}
  .customer-month-card{padding:18px}
  .customer-month-card .section-title{margin-top:0}
  .customer-month-card .section-title h2{font-size:19px}
  .home-calendar{padding:16px}
  .home-calendar .section-title{margin-top:0}
  .upload-zone-inner>.button{display:none}
  .production-panel{padding:16px}
  .production-panel .section-title h2{font-size:19px}
  .production-stages>*{padding:12px;min-height:92px}
  .toolbar{gap:10px;flex-wrap:wrap}
  .toolbar .service-tabs{overflow-x:auto;max-width:100%;white-space:nowrap;flex-wrap:nowrap;padding-bottom:4px}
  .toolbar .service-tabs .tab{min-height:44px;font-size:12px;flex-shrink:0}
  .toolbar>input{width:100%;font-size:16px;min-height:44px}
  .site-journey{gap:8px;margin-bottom:14px}
  .site-journey li{font-size:10px}
  body.site-review-route #main{padding:16px 16px calc(160px + env(safe-area-inset-bottom,0px))}
  body.site-review-route .sito-preview{height:clamp(270px,40dvh,360px)}
  .site-review-heading{margin-bottom:14px}
  .site-review-decision{padding:16px}
  .site-review-decision h2{font-size:21px;margin:8px 0}
  .site-decision-buttons{position:fixed;left:12px;right:12px;bottom:calc(var(--customer-nav-height) + env(safe-area-inset-bottom,0px) + 8px);z-index:35;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:12px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 5px 25px #0003}
  .site-decision-buttons>.button{font-size:12px;padding:10px 8px;min-height:44px}
  .site-decision-buttons>.button:only-child{grid-column:1/-1}
  .site-included{margin-top:14px;padding-top:14px}
  body:has(.modal-overlay) :is(#bottom-nav,.brand-save-bar.has-changes,.site-decision-buttons){visibility:hidden}
}
@media(max-width:360px){
  .brand-section .brand-form-grid{grid-template-columns:1fr}
  .breadcrumb strong{max-width:52px;font-size:10px}
  .brand-status-progress .profile-progress-track{width:48px}
  .brand-section-shortcuts button{font-size:11px}
  .site-decision-buttons{grid-template-columns:1fr}
  .page-heading h1{font-size:20px}
}