@media(max-width:900px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:start!important;
    width:100%!important;
    column-gap:10px!important;
  }
  .topbar-copy{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .top-actions{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin:0!important}
  .topbar-primary{grid-column:3!important;grid-row:1!important;align-self:start!important;justify-self:end!important;width:auto!important}
  .topbar-primary>.btn{height:44px!important;min-height:44px!important;margin:0!important}
  /* Na Agenda, o CTA principal já existe no conteúdo como "Agendar cliente novo". */
  .topbar:has(.topbar-primary #new-booking){grid-template-columns:minmax(0,1fr) auto!important}
  .topbar:has(.topbar-primary #new-booking) .top-actions{grid-column:2!important}
  .topbar:has(.topbar-primary #new-booking) .topbar-primary{display:none!important}
  .topbar.topbar-long-title{grid-template-columns:minmax(0,1fr) auto auto!important;row-gap:8px!important}
  .topbar.topbar-long-title .topbar-copy{grid-column:1!important;grid-row:1!important;width:100%!important}
  .topbar.topbar-long-title .topbar-copy h1{font-size:clamp(25px,4.8vw,30px)!important;white-space:nowrap!important;overflow-wrap:normal!important}
  .topbar.topbar-long-title .top-actions,
  .topbar.topbar-long-title .top-actions:not(:has(>.btn)){
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    width:auto!important;
    margin:0!important;
  }
  .topbar.topbar-long-title .topbar-primary{
    grid-column:3!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
    width:auto!important;
  }
  .top-actions:not(:has(>.btn)){
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    padding:3px!important;
    border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
    border-radius:14px!important;
    background:color-mix(in srgb,var(--white) 94%,transparent)!important;
    box-shadow:0 7px 20px rgba(17,38,83,.08)!important;
  }
  .top-actions:not(:has(>.btn)) .round-action{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--business-accent,var(--forest))!important;
  }
  .top-actions:not(:has(>.btn)) .round-action+.round-action:before{
    content:""!important;
    position:absolute!important;
    left:-1px!important;
    top:8px!important;
    width:1px!important;
    height:20px!important;
    background:var(--line)!important;
  }
  .top-actions:not(:has(>.btn)) .round-action svg{width:18px!important;height:18px!important}
  .top-actions:not(:has(>.btn)) .round-action i{
    right:0!important;
    top:-5px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border:2px solid var(--white)!important;
    font-size:9px!important;
    line-height:13px!important;
  }
  body[data-theme="dark"] .top-actions:not(:has(>.btn)){
    border-color:#2b3850!important;
    background:#111c31!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
  }
  body[data-theme="dark"] .top-actions:not(:has(>.btn)) .round-action{color:#a9beff!important}
  body[data-theme="dark"] .top-actions:not(:has(>.btn)) .round-action+.round-action:before{background:#2b3850!important}
  body[data-theme="dark"] .top-actions:not(:has(>.btn)) .round-action i{border-color:#111c31!important}
}
@media(max-width:380px){
  .top-actions:not(:has(>.btn)){padding:2px!important}
  .top-actions:not(:has(>.btn)) .round-action{width:33px!important;min-width:33px!important;height:34px!important}
}
@media(max-width:480px){
  .topbar{grid-template-columns:minmax(0,1fr) auto!important}
  .topbar-primary{grid-column:2!important;grid-row:2!important}
  .topbar.topbar-long-title{grid-template-columns:minmax(0,1fr) auto!important}
  .topbar.topbar-long-title .topbar-copy{grid-column:1/-1!important;grid-row:1!important}
  .topbar.topbar-long-title .topbar-copy h1{white-space:normal!important}
  .topbar.topbar-long-title .top-actions{grid-column:1!important;grid-row:2!important;justify-self:end!important}
  .topbar.topbar-long-title .topbar-primary{grid-column:2!important;grid-row:2!important}
}