@media(max-width:900px){
  .mobile-nav>.nav{grid-template-columns:repeat(var(--mobile-nav-count,5),minmax(0,1fr))!important;gap:4px!important;justify-content:center!important}
  .mobile-nav .nav button{display:grid!important;place-items:center!important;gap:3px!important;min-height:52px!important;padding:6px 2px!important;font-size:9px!important;border-radius:12px!important}
  .mobile-nav .nav button:nth-child(n){display:grid!important}
  .mobile-nav .nav-icon{height:23px!important;margin:0!important}.mobile-nav .nav-icon svg{width:21px!important;height:21px!important}
}

/* Cabeçalho e ações móveis: a marca permanece no início e no ícone do app.
   Repeti-la dentro de cada módulo comprimia títulos e controles da Agenda. */
@media(max-width:620px){
  .topbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;margin-bottom:18px!important}
  .topbar>div:first-child{padding-left:0!important;width:100%!important;min-width:0!important}
  .topbar>div:first-child:before{display:none!important;content:none!important}
  .topbar h1{margin:0!important;font-size:27px!important;line-height:1.08!important;word-break:normal!important;overflow-wrap:normal!important}
  .topbar p{max-width:30ch!important;margin-top:6px!important;font-size:13px!important;line-height:1.4!important}
  .top-actions{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,48px)!important;width:100%!important;gap:8px!important}
  .top-actions>.btn{width:100%!important;height:48px!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap!important}
  .top-actions>.btn:before{content:none!important}
  .top-actions .round-action{width:48px!important;height:48px!important;border-radius:14px!important}
  .top-actions:not(:has(>.btn)){display:flex!important;justify-content:flex-end!important}
  .agenda-toolbar{grid-template-columns:1fr!important;gap:8px!important;margin:0 0 12px!important}
  .agenda-tool{grid-template-columns:40px minmax(0,1fr)!important;min-height:0!important;padding:12px 14px!important}
  .agenda-tool i{width:40px!important;height:40px!important}
  .agenda-tool b{font-size:13px!important;line-height:1.25!important}
  .agenda-tool span{margin-top:3px!important;font-size:10px!important;line-height:1.3!important}
}
.more-menu-list{display:grid;gap:8px}.more-menu-list button{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px 11px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);text-align:left}.more-menu-list i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--forest) 10%,var(--white));color:var(--forest);font-style:normal}.more-menu-list svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.more-menu-list span{font-size:12px;font-weight:850}.more-menu-list b{color:var(--muted);font-size:22px}
html.modal-open,body.modal-open{overflow:hidden!important;overscroll-behavior:none!important}.modal{z-index:10050!important;overscroll-behavior:contain!important;touch-action:none}.modal-card{overscroll-behavior:contain!important;touch-action:pan-y}
.settings-category-nav{position:sticky;z-index:4;top:0;display:flex;gap:6px;margin:-5px 0 14px;padding:6px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--cream) 92%,transparent);backdrop-filter:blur(14px);overflow:auto}.settings-category-nav button{flex:1;min-width:88px;height:38px;border:0;border-radius:10px;background:var(--white);color:var(--muted);font-size:10px;font-weight:900}.settings-sections>.settings-card{scroll-margin-top:62px}
.settings-category-nav button{position:relative;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.settings-category-nav button::after{content:"";position:absolute;right:14px;bottom:3px;left:14px;height:3px;border-radius:999px;background:transparent;transform:scaleX(.35);transition:background .2s ease,transform .2s ease}.settings-category-nav button.active{background:color-mix(in srgb,var(--business-accent,var(--forest)) 11%,var(--white));color:var(--business-accent,var(--forest));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--business-accent,var(--forest)) 22%,transparent)}.settings-category-nav button.active::after{background:var(--business-accent,var(--forest));transform:scaleX(1)}
.section-primary-cta{display:block;width:100%;min-height:48px;margin:-2px 0 14px;border-radius:14px;font-size:12px!important}.client-top{grid-template-columns:48px minmax(0,1fr) auto!important}.client-top .icon-more{min-width:58px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:10px!important;font-weight:850;color:var(--forest)}
.professional-form{display:grid;gap:11px}.professional-form-intro{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:13px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--forest) 10%,var(--white)),var(--white))}.professional-form-intro>i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--forest);color:#fff;font-style:normal}.professional-form-intro svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}.professional-form-intro b,.professional-form-intro small{display:block}.professional-form-intro b{font-size:13px}.professional-form-intro small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.professional-form-section{margin:0!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--white)}.professional-form-section>header,.professional-form-section>legend{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:10px;width:100%;margin:0 0 13px;padding:0!important}.professional-form-section>header>span,.professional-form-section>legend>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:color-mix(in srgb,var(--forest) 11%,var(--white));color:var(--forest);font-size:10px;font-weight:950}.professional-form-section header b,.professional-form-section header small,.professional-form-section legend b,.professional-form-section legend small{display:block}.professional-form-section header small,.professional-form-section legend small{margin-top:2px;color:var(--muted);font-size:9px}.professional-identity{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.professional-identity label:first-child{grid-column:1/-1}.professional-form-section label{margin-bottom:10px!important}.professional-form-section label:last-child{margin-bottom:0!important}.professional-form-section input,.professional-form-section select{min-height:45px!important}.professional-form-section .commission-grid{margin:0!important}.professional-form-section.professional-services{display:block}.professional-service{margin:0 0 7px!important;padding:10px!important;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--forest) 3%,var(--white))}.professional-service:last-child{margin-bottom:0!important}.professional-service input{min-height:0!important}.professional-appearance>div:last-child{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px}.professional-save{position:sticky;z-index:3;bottom:0;width:100%;min-height:50px;margin-top:1px;box-shadow:0 -8px 20px color-mix(in srgb,var(--cream) 82%,transparent)}
@media(max-width:620px){
  .main{padding-top:18px!important}.topbar{align-items:flex-start!important;gap:8px!important;margin-bottom:15px!important}.topbar h1{font-size:23px!important;line-height:1.08!important}.topbar p{max-width:330px;font-size:11px!important;line-height:1.4!important}
  .top-actions{gap:5px!important}.round-action{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important}.round-action svg{width:19px!important;height:19px!important}
  .home-hero{padding:16px!important;border-radius:17px!important}.home-hero .eyebrow{text-transform:none!important;letter-spacing:.08em!important}.home-hero h2{margin-top:6px!important;font-size:20px!important}.home-hero-actions{grid-template-columns:1fr 1fr!important;margin-top:13px!important}.home-hero-actions .btn{width:100%!important;height:41px!important}
  .home-next{min-height:0!important}.home-next .empty.compact{padding:30px 10px!important;font-size:13px!important}.home-content>.card{min-height:0!important}
  .settings-category-nav{margin-top:-3px}.settings-sections{gap:12px!important}.settings-card{padding:15px!important}.settings-title{margin-bottom:16px!important}.settings-title p{font-size:11px!important;line-height:1.4!important}
}
body[data-theme="dark"] .more-menu-list button,body[data-theme="dark"] .settings-category-nav button{background:#151c28!important;border-color:#2a3446!important;color:#f2f5fb!important}body[data-theme="dark"] .more-menu-list i{background:#202b3d!important;color:#a9bfff!important}body[data-theme="dark"] .settings-category-nav{background:rgba(10,15,24,.92)!important;border-color:#2a3446!important}body[data-theme="dark"] .home-hero{background:linear-gradient(125deg,#1d357c,#294fb3)!important}body[data-theme="dark"] .home-hero .hero-secondary{background:#ffffff12!important;border-color:#ffffff35!important;color:#fff!important}
body[data-theme="dark"] .settings-category-nav button.active{background:color-mix(in srgb,var(--business-accent,#6f92ff) 24%,#151c28)!important;color:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--business-accent,#6f92ff) 55%,transparent)!important}
body[data-theme="dark"] .client-top .icon-more{background:#101722!important;border-color:#2d394d!important;color:#dce3ef!important}
body[data-theme="dark"] .professional-form-intro,body[data-theme="dark"] .professional-form-section{background:#151c28!important;border-color:#2a3446!important}body[data-theme="dark"] .professional-service{background:#101722!important;border-color:#2d394d!important}body[data-theme="dark"] .professional-save{box-shadow:0 -8px 20px rgba(10,15,24,.88)}
@media(max-width:480px){.professional-identity,.professional-appearance>div:last-child{grid-template-columns:1fr}.professional-identity label:first-child{grid-column:auto}.professional-form-section{padding:12px!important}}
.section-primary-cta{color:#111a34!important}
html{overflow-anchor:none}
@media(max-width:620px){
  .main:has(.client-summary) .topbar,.main:has(.service-grid) .topbar{height:auto!important;min-height:0!important;margin:0 0 14px!important;padding:0!important}
  .client-summary{gap:8px!important}
  .client-summary .card{min-height:82px!important;padding:13px!important}
  .client-top h2{font-size:16px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  .client-top p{font-size:12px!important;overflow-wrap:anywhere!important}
  .mobile-nav [data-page],.mobile-nav #mobile-more{font-size:0!important}
  .mobile-nav [data-page]:after,.mobile-nav #mobile-more:after{display:block;margin-top:7px;font-size:10px!important;line-height:1.1;white-space:nowrap}
  .mobile-nav [data-page="dashboard"]:after{content:'Início'}
  .mobile-nav [data-page="agenda"]:after{content:'Agenda'}
  .mobile-nav [data-page="clients"]:after{content:'Clientes'}
  .mobile-nav [data-page="finance"]:after{content:'Financeiro'}
  .mobile-nav [data-page="services"]:after{content:'Serviços'}
  .mobile-nav #mobile-more:after{content:'Mais'}
  .settings-category-nav{display:flex!important;overflow-x:auto!important;scrollbar-width:none;justify-content:flex-start!important;padding:5px!important}
  .settings-category-nav::-webkit-scrollbar{display:none}
  .settings-category-nav button{flex:0 0 auto!important;min-width:116px!important}
  /* Uma única legenda por item: remove a duplicação criada pelo pseudo-elemento. */
  .mobile-nav [data-page],.mobile-nav #mobile-more{font-size:10px!important}
  .mobile-nav [data-page]:after,.mobile-nav #mobile-more:after{display:none!important;content:none!important}
  /* Escala comum para os atalhos superiores de todas as telas. */
  .top-actions{gap:7px!important}
  .top-actions:has(>.btn){grid-template-columns:minmax(0,1fr) repeat(3,40px)!important}
  .top-actions>.btn{height:42px!important;padding:0 11px!important;font-size:12px!important;border-radius:12px!important}
  .top-actions .round-action{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;padding:0!important}
  .top-actions .round-action svg{width:18px!important;height:18px!important}
  .top-actions .round-action i{right:-3px!important;top:-5px!important;min-width:17px!important;height:17px!important;font-size:9px!important;line-height:17px!important}
  .notification-summary strong{font-size:21px!important}
  .notification-summary button{padding:8px 9px!important;font-size:10px!important}
  .alert-item{padding:11px!important;border-radius:12px!important}
  .alert-item p{font-size:12px!important;line-height:1.35!important}
  .alert-item small{font-size:10px!important}
  .topbar:has(.top-actions:not(:has(>.btn))){grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
  .topbar:has(.top-actions:not(:has(>.btn))) .top-actions{align-self:start!important;margin-top:0!important}
  .topbar:has(.top-actions:not(:has(>.btn))) .round-action{width:38px!important;height:38px!important;min-width:38px!important}
  /* Cabeçalho consistente: atalhos sempre no topo e ação principal embaixo. */
  .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:10px!important;row-gap:12px!important}
  .topbar-copy{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .topbar-copy h1{margin:0!important}
  .topbar-copy p{margin:5px 0 0!important}
  .top-actions,.top-actions:not(:has(>.btn)){grid-column:2!important;grid-row:1!important;display:flex!important;align-self:start!important;justify-content:flex-end!important;width:auto!important;gap:6px!important;margin:0!important}
  .top-actions .round-action,.topbar:has(.top-actions:not(:has(>.btn))) .round-action{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;padding:0!important}
  .top-actions .round-action svg{width:17px!important;height:17px!important}
  .topbar-primary{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
  .topbar-primary>.btn{width:100%!important;height:44px!important;margin:0!important}
  /* O cabeçalho já contém a única ação de agendamento. */
  .manual-booking-cta{display:none!important}
  .settings-card .slug-input{display:grid!important;grid-template-columns:minmax(72px,1fr) auto auto!important;align-items:center!important}
  .settings-card .slug-input b{grid-column:1/-1!important}
  .settings-card .slug-domain-suffix{grid-column:2!important;color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap;padding:0 5px}
  .settings-card .slug-input button{grid-column:3!important}
}
.slug-domain-suffix{color:var(--muted);font-size:12px;font-style:normal;white-space:nowrap;padding-right:6px}