/* ==========================================================================
   CLENA BEAUTY | DESKTOP & TABLET V1
   Exclusive to >=761px. Mobile styling remains untouched.
   Use theme tokens (Brisa / Areia / Grafite), not hard-coded purple.
   Restore balanced layout, high-contrast typography and aligned controls.
   ========================================================================== */
@media (min-width:761px){

  /* 01. FRAME, HIERARCHY AND PADDING ------------------------------------ */
  html[data-beauty-theme],
  html[data-beauty-theme] body{
    background:var(--skin-bg)!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] body{
    font-size:13px!important;
    line-height:1.46!important;
  }
  html[data-beauty-theme] .app-shell{
    min-height:100dvh!important;
    background:var(--skin-bg)!important;
  }
  html[data-beauty-theme] .workspace{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    background:var(--skin-bg)!important;
  }
  html[data-beauty-theme] .content{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1480px!important;
    min-width:0!important;
    min-height:calc(100dvh - 65px)!important;
    padding:24px clamp(18px,2.3vw,36px) 42px!important;
    margin-inline:auto!important;
  }
  html[data-beauty-theme] .editor-section{
    max-width:100%!important;
    min-width:0!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] .editor-section.is-active{
    animation:none!important;
  }
  html[data-beauty-theme] .two-col,
  html[data-beauty-theme] .three-col,
  html[data-beauty-theme] .form-grid,
  html[data-beauty-theme] .media-grid{
    min-width:0!important;
    width:100%!important;
  }
  html[data-beauty-theme] .two-col{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  html[data-beauty-theme] .three-col{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:13px!important;
  }
  html[data-beauty-theme] .panel,
  html[data-beauty-theme] .item-card,
  html[data-beauty-theme] .calendar-shell,
  html[data-beauty-theme] .day-agenda,
  html[data-beauty-theme] .table-wrap{
    min-width:0!important;
    max-width:100%!important;
    background:var(--skin-surface)!important;
    color:var(--read-body)!important;
    border:1px solid var(--skin-border)!important;
    border-radius:14px!important;
    box-shadow:var(--skin-shadow)!important;
  }
  html[data-beauty-theme] .panel{
    padding:17px 18px!important;
  }

  /* 02. SIDEBAR / HEADER ----------------------------------------------- */
  html[data-beauty-theme] .sidebar{
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
    position:fixed!important;
    top:0!important;bottom:0!important;left:0!important;
    height:100dvh!important;max-height:100dvh!important;
    padding:17px 12px 15px!important;
    background:var(--skin-sidebar)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    z-index:420!important;
  }
  html[data-beauty-theme] .sidebar .brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:4px 8px 17px!important;
    color:var(--skin-side-ink)!important;
    font-size:17px!important;
    letter-spacing:-.035em!important;
  }
  html[data-beauty-theme] .sidebar .brand-mark{
    width:36px!important;height:36px!important;min-width:36px!important;
    background:var(--skin-accent)!important;
    color:var(--skin-on-accent)!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] .sidebar .business-mini{
    flex:0 0 auto!important;
    padding:10px!important;margin:0 0 12px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:11px!important;
    gap:9px!important;
  }
  html[data-beauty-theme] .sidebar .business-mini .avatar{
    width:37px!important;height:37px!important;min-width:37px!important;
    border-radius:10px!important;
    background:var(--skin-accent)!important;
    color:var(--skin-on-accent)!important;
  }
  html[data-beauty-theme] .sidebar .business-mini strong{
    font-size:12px!important;line-height:1.35!important;
    color:var(--skin-side-ink)!important;
  }
  html[data-beauty-theme] .sidebar .business-mini small{
    font-size:10.5px!important;
    color:var(--skin-side-ink)!important;opacity:.88!important;
  }
  html[data-beauty-theme] .sidebar .section-nav{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    padding:1px 2px 8px 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.24) transparent!important;
  }
  html[data-beauty-theme] .sidebar .nav-item{
    display:flex!important;align-items:center!important;
    gap:10px!important;
    width:100%!important;min-height:39px!important;
    padding:8px 10px!important;
    border-radius:9px!important;
    color:var(--skin-side-ink)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    line-height:1.25!important;
    box-shadow:none!important;
    opacity:.88!important;
  }
  html[data-beauty-theme] .sidebar .nav-item i{
    color:inherit!important;
    font-size:18px!important;
    flex:0 0 20px!important;
  }
  html[data-beauty-theme] .sidebar .nav-item:hover{
    background:rgba(255,255,255,.085)!important;
    color:#fff!important;
    opacity:1!important;
  }
  html[data-beauty-theme] .sidebar .nav-item.is-active{
    color:#fff!important;
    background:rgba(255,255,255,.14)!important;
    opacity:1!important;
    box-shadow:inset 3px 0 0 var(--skin-accent)!important;
  }
  html[data-beauty-theme] .sidebar .nav-item.is-active:before{
    display:none!important;
  }
  html[data-beauty-theme] .sidebar .nav-item small{
    background:rgba(255,255,255,.14)!important;
    color:var(--skin-side-ink)!important;
    font-size:10px!important;
  }
  html[data-beauty-theme] .clena-mobile-sidebar-quick{
    display:grid!important;
    flex:0 0 auto!important;
    gap:3px!important;
    margin-top:auto!important;
    padding:10px 2px 0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
  html[data-beauty-theme] .clena-mobile-sidebar-quick button{
    display:flex!important;align-items:center!important;gap:10px!important;
    width:100%!important;min-height:38px!important;
    padding:7px 10px!important;
    border:0!important;border-radius:9px!important;
    background:transparent!important;
    color:var(--skin-side-ink)!important;
    font-size:11.5px!important;
    text-align:left!important;
    font-weight:750!important;
  }
  html[data-beauty-theme] .clena-mobile-sidebar-quick button:hover{
    background:rgba(255,255,255,.10)!important;
  }
  html[data-beauty-theme] .clena-mobile-sidebar-quick button i{
    font-size:17px!important;
  }
  html[data-beauty-theme] .clena-autosave-label{
    opacity:1!important;
    color:var(--skin-side-ink)!important;
    font-size:10.5px!important;
    min-height:29px!important;
    padding:4px 10px!important;
  }

  html[data-beauty-theme] .topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;
    min-height:65px!important;
    height:auto!important;
    padding:10px clamp(18px,2.3vw,36px)!important;
    background:var(--skin-surface)!important;
    border-bottom:1px solid var(--skin-border)!important;
    box-shadow:0 2px 13px rgba(0,0,0,.025)!important;
    z-index:120!important;
    backdrop-filter:none!important;
  }
  html[data-beauty-theme] .topbar-title{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    flex:1 1 auto!important;
    gap:12px!important;
  }
  html[data-beauty-theme] .topbar-title>div{min-width:0!important}
  html[data-beauty-theme] .topbar-title small{
    display:block!important;
    color:var(--read-muted)!important;
    font-size:10px!important;
    font-weight:750!important;
    letter-spacing:.075em!important;
    line-height:1.25!important;
  }
  html[data-beauty-theme] .topbar h1{
    display:block!important;
    color:var(--read-title)!important;
    font-size:19px!important;
    font-weight:850!important;
    line-height:1.2!important;
    letter-spacing:-.04em!important;
    margin:3px 0 0!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html[data-beauty-theme] .topbar-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex:0 0 auto!important;gap:0!important;
    width:auto!important;max-width:55%!important;
  }
  html[data-beauty-theme] #sendToClientsButton{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;height:38px!important;width:auto!important;
    max-width:100%!important;padding:0 13px!important;
    background:var(--skin-accent)!important;color:var(--skin-on-accent)!important;
    border-radius:10px!important;border:1px solid transparent!important;
    font-size:11.5px!important;font-weight:800!important;
    line-height:1!important;gap:7px!important;
    box-shadow:none!important;white-space:nowrap!important;
  }
  html[data-beauty-theme] #sendToClientsButton i{
    font-size:16px!important;color:inherit!important;
  }
  html[data-beauty-theme] #sendToClientsButton:hover{
    background:var(--skin-accent-hover)!important;
  }
  html[data-beauty-theme] .mobile-bottom-nav{display:none!important}

  /* 03. TITLES, BUTTONS, CARDS ----------------------------------------- */
  html[data-beauty-theme] .section-header{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-width:0!important;
    gap:16px!important;margin:0 0 13px!important;
  }
  html[data-beauty-theme] .section-header>div:first-child{
    min-width:0!important;max-width:900px!important;
  }
  html[data-beauty-theme] .section-header .eyebrow{
    display:inline-flex!important;align-items:center!important;
    width:auto!important;min-height:0!important;
    padding:3px 8px!important;margin:0!important;
    background:var(--skin-soft)!important;
    border:1px solid var(--skin-line)!important;
    border-radius:999px!important;
    font-size:9.5px!important;
    color:var(--skin-accent)!important;
    letter-spacing:.07em!important;
  }
  html[data-beauty-theme] .section-header h2{
    font-size:23px!important;line-height:1.17!important;
    color:var(--read-title)!important;
    letter-spacing:-.035em!important;
    margin:5px 0 3px!important;
    font-weight:850!important;
  }
  html[data-beauty-theme] .section-header p{
    font-size:12px!important;line-height:1.5!important;
    margin:3px 0 0!important;color:var(--read-muted)!important;
    max-width:750px!important;
  }
  html[data-beauty-theme] .section-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex-wrap:wrap!important;gap:7px!important;
    min-width:0!important;
  }
  html[data-beauty-theme] :is(.primary-btn,.secondary-btn,.danger-btn){
    min-height:38px!important;max-width:100%!important;
    padding:8px 12px!important;border-radius:9px!important;
    font-size:11.5px!important;line-height:1.3!important;
    font-weight:800!important;white-space:normal!important;
    letter-spacing:0!important;
    box-shadow:none!important;transform:none!important;
  }
  html[data-beauty-theme] .primary-btn{
    background:var(--skin-accent)!important;
    color:var(--skin-on-accent)!important;
    border:1px solid transparent!important;
  }
  html[data-beauty-theme] .primary-btn:hover:not(:disabled){
    background:var(--skin-accent-hover)!important;
    box-shadow:none!important;filter:none!important;
    transform:none!important;
  }
  html[data-beauty-theme] .secondary-btn{
    background:var(--skin-soft)!important;
    color:var(--skin-accent)!important;
    border:1px solid var(--skin-line)!important;
  }
  html[data-beauty-theme] .secondary-btn:hover:not(:disabled){
    background:var(--skin-soft)!important;
    border-color:var(--skin-accent)!important;transform:none!important;
  }
  html[data-beauty-theme] :is(.icon-btn,.item-actions button){
    box-shadow:none!important;
    background:var(--skin-soft)!important;
    color:var(--skin-accent)!important;
    border:1px solid var(--skin-line)!important;
    border-radius:9px!important;
  }
  html[data-beauty-theme] .icon-btn{
    width:39px!important;height:39px!important;
    min-width:39px!important;min-height:39px!important;
  }
  html[data-beauty-theme] .item-actions button{
    width:35px!important;height:35px!important;
    min-width:35px!important;min-height:35px!important;
    font-size:16px!important;
  }
  html[data-beauty-theme] .panel-head{
    align-items:center!important;gap:10px!important;
  }
  html[data-beauty-theme] .panel-head h3{
    color:var(--read-title)!important;
    font-size:15px!important;line-height:1.25!important;
    font-weight:850!important;
    margin:4px 0 0!important;
  }
  html[data-beauty-theme] .panel-head small{
    color:var(--read-muted)!important;
    font-size:10px!important;
    letter-spacing:.05em!important;
  }
  html[data-beauty-theme] .badge{
    font-size:10px!important;
    padding:4px 8px!important;
    line-height:1.1!important;
    letter-spacing:0!important;
  }
  html[data-beauty-theme] :is(.check-item,.toggle-row){
    color:var(--read-body)!important;
    background:var(--skin-alt)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .check-item{
    padding:9px 10px!important;
    min-height:34px!important;font-size:12px!important;
  }

  /* 04. OVERVIEW -------------------------------------------------------- */
  html[data-beauty-theme] .overview-premium .hero-card{
    display:block!important;
    min-height:0!important;
    padding:19px 22px!important;
    border-radius:15px!important;
    border:1px solid var(--skin-border)!important;
    background:linear-gradient(110deg,var(--skin-hero),var(--skin-hero-secondary))!important;
    box-shadow:var(--skin-shadow)!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card:after,
  html[data-beauty-theme] .overview-premium .hero-visual{
    display:none!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card>div:first-child{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"kicker actions" "title actions" "context actions" "status actions"!important;
    align-items:center!important;
    gap:5px 20px!important;
    min-width:0!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card .eyebrow{
    grid-area:kicker!important;
    justify-self:start!important;
    color:var(--skin-accent)!important;
    background:var(--skin-surface)!important;
    border-color:var(--skin-line)!important;
    padding:4px 8px!important;
    font-size:9px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card h2{
    grid-area:title!important;min-width:0!important;
    color:var(--read-title)!important;
    font-size:clamp(22px,2.2vw,28px)!important;
    line-height:1.18!important;margin:0!important;
    max-width:none!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card p{
    grid-area:context!important;
    color:var(--skin-hero-text)!important;
    font-size:12px!important;
    line-height:1.42!important;margin:0!important;
    max-width:none!important;
  }
  html[data-beauty-theme] .overview-premium .clena-home-status{
    grid-area:status!important;
    color:var(--skin-hero-text)!important;
    margin:2px 0 0!important;font-size:11px!important;
    font-weight:700!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions{
    grid-area:actions!important;
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:center!important;
    min-width:174px!important;
    gap:7px!important;margin:0!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions>*{
    min-width:0!important;width:100%!important;
    height:auto!important;min-height:38px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions .primary-btn{
    background:var(--skin-accent)!important;color:var(--skin-on-accent)!important;
    border-color:transparent!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions .secondary-btn{
    background:var(--skin-surface)!important;color:var(--skin-accent)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;margin:12px 0!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid article{
    display:flex!important;align-items:center!important;
    gap:10px!important;min-width:0!important;
    min-height:80px!important;padding:12px!important;
    border:1px solid var(--skin-border)!important;
    border-radius:13px!important;
    background:var(--skin-surface)!important;
    box-shadow:var(--skin-shadow)!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid article>span{
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:10px!important;
    background:var(--skin-soft)!important;
    color:var(--skin-accent)!important;font-size:18px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid small{
    color:var(--read-muted)!important;
    font-size:11px!important;line-height:1.35!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid strong{
    color:var(--read-title)!important;
    font-size:20px!important;line-height:1.2!important;
    margin-top:3px!important;overflow-wrap:anywhere!important;
  }
  html[data-beauty-theme] .overview-premium .two-col>.panel{
    padding:16px!important;
  }
  html[data-beauty-theme] .overview-premium .progress{
    background:var(--skin-progress)!important;
    height:8px!important;margin:12px 0!important;
  }

  /* 05. FORMS / LISTS --------------------------------------------------- */
  html[data-beauty-theme] .form-stack{gap:14px!important}
  html[data-beauty-theme] .form-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px 14px!important;
  }
  html[data-beauty-theme] .form-grid .full{grid-column:1/-1!important}
  html[data-beauty-theme] .field{
    min-width:0!important;gap:6px!important;
  }
  html[data-beauty-theme] .field>span,
  html[data-beauty-theme] .field>b{
    color:var(--read-body)!important;
    font-size:12px!important;font-weight:800!important;
  }
  html[data-beauty-theme] .field small{
    color:var(--read-muted)!important;font-size:11px!important;
    line-height:1.45!important;
  }
  html[data-beauty-theme] :is(
    .field input,.field select,.field textarea,
    .toolbar input,.toolbar select,.slug-input,
    .calendar-filters input,.calendar-filters select,
    .day-times input
  ){
    min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:41px!important;
    border-radius:10px!important;
    border:1px solid var(--skin-border)!important;
    background:var(--skin-input)!important;
    color:var(--read-title)!important;
    font-size:13px!important;line-height:1.3!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] :is(.field textarea){
    min-height:96px!important;
    line-height:1.55!important;resize:vertical!important;
  }
  html[data-beauty-theme] :is(input,textarea)::placeholder{
    color:var(--read-placeholder)!important;opacity:1!important;
  }
  html[data-beauty-theme] .toggle-row{
    display:flex!important;align-items:center!important;
    gap:12px!important;padding:10px 12px!important;border-radius:11px!important;
    min-height:53px!important;
  }
  html[data-beauty-theme] .toggle-row span b{
    color:var(--read-title)!important;font-size:12px!important;
  }
  html[data-beauty-theme] .toggle-row span small{
    color:var(--read-muted)!important;font-size:11px!important;
  }
  html[data-beauty-theme] .media-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;
    gap:12px!important;
  }
  html[data-beauty-theme] .image-uploader{
    background:var(--skin-alt)!important;
    border:1.5px dashed var(--skin-line)!important;
    border-radius:12px!important;min-height:145px!important;
  }
  html[data-beauty-theme] .image-uploader span{
    min-height:145px!important;font-size:12px!important;
    color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .image-uploader.square{
    min-height:0!important;aspect-ratio:1!important;
  }
  html[data-beauty-theme] .toolbar,
  html[data-beauty-theme] .toolbar.wrap{
    display:flex!important;
    flex-direction:row!important;align-items:center!important;
    gap:9px!important;flex-wrap:wrap!important;
    margin:0 0 12px!important;
  }
  html[data-beauty-theme] .toolbar .search{
    flex:1 1 280px!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }
  html[data-beauty-theme] .toolbar .search input{
    width:100%!important;min-height:41px!important;
    padding-left:38px!important;
  }
  html[data-beauty-theme] .toolbar select{
    flex:0 1 180px!important;
    width:auto!important;min-width:135px!important;
    max-width:225px!important;height:41px!important;
  }
  html[data-beauty-theme] .search i{
    color:var(--read-muted)!important;
    top:12px!important;font-size:16px!important;
  }
  html[data-beauty-theme] .card-list{gap:8px!important}
  html[data-beauty-theme] .item-card{
    min-height:68px!important;
    padding:10px 12px!important;gap:10px!important;
    background:var(--skin-surface)!important;
    border-radius:12px!important;
    transform:none!important;box-shadow:none!important;
  }
  html[data-beauty-theme] .item-card:hover{
    background:var(--skin-alt)!important;
    border-color:var(--skin-line)!important;
    box-shadow:none!important;transform:none!important;
  }
  html[data-beauty-theme] .item-card .thumb{
    width:42px!important;height:42px!important;
    min-width:42px!important;border-radius:10px!important;
    background-color:var(--skin-soft)!important;
    color:var(--skin-accent)!important;font-size:18px!important;
  }
  html[data-beauty-theme] .item-main{min-width:0!important}
  html[data-beauty-theme] .item-main h4{
    font-size:13px!important;line-height:1.3!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .item-main p,
  html[data-beauty-theme] .item-main small{
    color:var(--read-muted)!important;font-size:11px!important;
    line-height:1.4!important;
  }

  /* 06. CLIENTS / TABLE ----------------------------------------------- */
  html[data-beauty-theme] .screen-customers .customer-list-wrap{
    border:1px solid var(--skin-border)!important;
    border-radius:12px!important;
    background:var(--skin-surface)!important;
    overflow:hidden!important;
  }
  html[data-beauty-theme] .screen-customers .customer-row-trigger{
    min-height:44px!important;
    padding:10px 14px!important;
    background:transparent!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-customers .customer-row-name{
    color:var(--read-title)!important;
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-name-table th{
    color:var(--read-muted)!important;
    font-size:10px!important;
    background:var(--skin-alt)!important;
  }
  html[data-beauty-theme] .screen-customers .customer-name-table tbody tr:nth-child(even){
    background:var(--skin-alt)!important;
  }
  html[data-beauty-theme] .screen-customers .customer-row-trigger:hover{
    background:var(--skin-soft)!important;
  }

  /* 07. WEEK / PAYMENTS / PUBLICATION -------------------------------- */
  html[data-beauty-theme] .screen-availability .two-col{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-beauty-theme] .screen-availability .week-list{
    display:grid!important;gap:7px!important;
  }
  html[data-beauty-theme] .screen-availability .day-row{
    display:grid!important;
    grid-template-columns:108px 82px minmax(0,1fr)!important;
    align-items:center!important;gap:10px!important;
    padding:9px 11px!important;
    border:1px solid var(--skin-border)!important;
    border-radius:10px!important;
    background:var(--skin-surface)!important;
    opacity:1!important;
    min-width:0!important;
  }
  html[data-beauty-theme] .screen-availability .day-row.is-closed{
    background:var(--skin-alt)!important;
  }
  html[data-beauty-theme] .screen-availability .day-row>strong{
    color:var(--read-title)!important;font-size:12px!important;
  }
  html[data-beauty-theme] .screen-availability .day-row>label{
    color:var(--read-body)!important;font-size:11px!important;
  }
  html[data-beauty-theme] .screen-availability .day-times{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;min-width:0!important;
  }
  html[data-beauty-theme] .screen-availability .day-times label{
    color:var(--read-muted)!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  html[data-beauty-theme] .screen-availability .day-times input{
    width:100%!important;min-width:0!important;
    min-height:38px!important;
    padding:6px!important;font-size:12px!important;
    background:var(--skin-input)!important;color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-payments .two-col{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .payment-mode-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html[data-beauty-theme] .payment-mode-grid label span{
    padding:12px!important;
    background:var(--skin-alt)!important;
    color:var(--read-body)!important;
    border:1px solid var(--skin-border)!important;
    border-radius:11px!important;
  }
  html[data-beauty-theme] .payment-mode-grid label input:checked+span{
    background:var(--skin-soft)!important;
    border-color:var(--skin-accent)!important;
    box-shadow:0 0 0 2px var(--skin-soft)!important;
  }
  html[data-beauty-theme] .payment-mode-grid label b{
    color:var(--read-title)!important;
    font-size:12px!important;
  }
  html[data-beauty-theme] .payment-mode-grid label small{
    color:var(--read-muted)!important;
    font-size:11px!important;
  }
  html[data-beauty-theme] .payment-mode-grid i{
    font-size:20px!important;color:var(--skin-accent)!important;
  }
  html[data-beauty-theme] .screen-publish .two-col{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;
    align-items:start!important;gap:15px!important;
  }
  html[data-beauty-theme] .screen-publish .phone-preview{
    box-sizing:border-box!important;width:min(325px,100%)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  html[data-beauty-theme] .screen-publish .clena-public-share-actions{
    display:flex!important;align-items:center!important;
    flex-wrap:wrap!important;gap:8px!important;
  }
  html[data-beauty-theme] .clena-theme-choices{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html[data-beauty-theme] .clena-theme-choice{
    min-width:0!important;min-height:105px!important;
  }

  /* 08. CALENDAR / DAY AGENDA ----------------------------------------- */
  html[data-beauty-theme] .screen-appointments .agenda-overview{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;margin:0 0 12px!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-metric{
    display:flex!important;align-items:center!important;
    gap:10px!important;
    min-height:78px!important;
    padding:12px!important;
    background:var(--skin-surface)!important;
    border:1px solid var(--skin-border)!important;
    border-radius:12px!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-metric>span{
    width:34px!important;height:34px!important;
    min-width:34px!important;
    background:var(--skin-soft)!important;color:var(--skin-accent)!important;
    border-radius:10px!important;font-size:17px!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-metric small{
    font-size:11px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-metric strong{
    font-size:19px!important;color:var(--read-title)!important;
    line-height:1.2!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-shell{
    border-radius:14px!important;
    overflow:hidden!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-toolbar{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:12px!important;
    padding:12px 14px!important;
    background:var(--skin-surface)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-nav{
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;
    min-width:250px!important;max-width:none!important;
    flex:0 0 auto!important;
    gap:8px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-nav-btn{
    width:37px!important;height:37px!important;
    min-width:37px!important;border-radius:9px!important;
    border:1px solid var(--skin-line)!important;
    background:var(--skin-soft)!important;
    color:var(--skin-accent)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-title-wrap{
    min-width:0!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-title-wrap h3{
    font-size:16px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-title-wrap small{
    font-size:10px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filters{
    display:flex!important;align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 390px!important;
    flex-wrap:wrap!important;gap:7px!important;
    min-width:0!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filters>*{
    flex:1 1 122px!important;
    min-width:0!important;max-width:none!important;
    height:38px!important;min-height:38px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filters select{
    padding:7px 9px!important;
    background:var(--skin-input)!important;
    border:1px solid var(--skin-border)!important;
    border-radius:9px!important;
    color:var(--read-title)!important;
    font-size:12px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filters .calendar-search{
    flex:1 1 180px!important;
    max-width:none!important;min-width:0!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filters input{
    width:100%!important;
    min-height:38px!important;font-size:12px!important;
    background:var(--skin-input)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-weekdays span{
    font-size:11px!important;
    line-height:1.2!important;
    padding:10px 4px!important;
    background:var(--skin-alt)!important;
    color:var(--read-muted)!important;
    letter-spacing:.025em!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day{
    min-width:0!important;
    min-height:103px!important;
    padding:7px!important;
    gap:5px!important;
    background:var(--skin-surface)!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day.is-empty{
    background:var(--skin-alt)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day:not(.is-empty):hover{
    background:var(--skin-soft)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day.is-selected{
    background:var(--skin-soft)!important;
    box-shadow:inset 0 0 0 2px var(--skin-accent)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day-number{
    width:25px!important;height:25px!important;
    font-size:11px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day.is-today .calendar-day-number{
    background:var(--skin-accent)!important;
    color:var(--skin-on-accent)!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event{
    padding:4px 5px!important;border-radius:7px!important;
    font-size:10px!important;min-width:0!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event b{
    font-size:9.5px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-more{
    color:var(--skin-accent)!important;
    font-size:10px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filtered{
    font-size:10px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-appointments .day-agenda{
    margin-top:12px!important;
    padding:15px!important;
  }
  html[data-beauty-theme] .screen-appointments .day-agenda-head h3{
    color:var(--read-title)!important;font-size:17px!important;
  }
  html[data-beauty-theme] .screen-appointments .day-agenda-head p{
    font-size:12px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-appointment-card{
    display:grid!important;
    grid-template-columns:75px minmax(0,1fr) auto!important;
    gap:11px!important;padding:11px 13px!important;
    min-height:75px!important;
    background:var(--skin-surface)!important;
    border:1px solid var(--skin-border)!important;
    border-left:4px solid var(--skin-accent)!important;
    border-radius:11px!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] .screen-appointments .appointment-time strong{
    color:var(--read-title)!important;
    font-size:14px!important;
  }
  html[data-beauty-theme] .screen-appointments .appointment-time small,
  html[data-beauty-theme] .screen-appointments .appointment-meta small{
    font-size:11px!important;
    color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-appointments .appointment-customer-line h4{
    font-size:13px!important;color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-appointments .appointment-customer-line p{
    font-size:11px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-appointments .quick-status span{
    color:var(--read-muted)!important;
    font-size:10px!important;
  }
  html[data-beauty-theme] .screen-appointments .quick-status select{
    min-width:145px!important;
    background:var(--skin-input)!important;color:var(--read-title)!important;
    border-color:var(--skin-border)!important;
    font-size:12px!important;
  }
  html[data-beauty-theme] .screen-appointments .whatsapp-purple{
    width:38px!important;height:38px!important;
    background:var(--skin-accent)!important;
    color:var(--skin-on-accent)!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-edit-btn{
    min-height:38px!important;
    background:var(--skin-soft)!important;color:var(--skin-accent)!important;
    border-color:var(--skin-line)!important;font-size:11px!important;
  }

  /* 09. FINANCIAL DASHBOARD / REPORTS --------------------------------- */
  html[data-beauty-theme] #section-finance .finance-month-card{
    background:var(--skin-surface)!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-cards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card{
    min-width:0!important;
    min-height:112px!important;
    padding:13px 14px!important;
    border-radius:12px!important;
    background:var(--skin-surface)!important;
    color:var(--read-body)!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card strong{
    font-size:clamp(18px,1.8vw,23px)!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card small,
  html[data-beauty-theme] #section-finance .finance-summary-card div>span{
    color:var(--read-muted)!important;
    font-size:11px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-head{
    font-size:11px!important;
    color:var(--read-muted)!important;
    background:var(--skin-alt)!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-row{
    min-height:58px!important;
    background:var(--skin-surface)!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-description strong{
    color:var(--read-title)!important;
    font-size:12.5px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-date,
  html[data-beauty-theme] #section-finance .finance-ledger-description small{
    font-size:11px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-amount{
    font-size:13px!important;
  }
  html[data-beauty-theme] #section-finance .finance-list-header{
    padding:5px 2px 9px!important;
  }
  html[data-beauty-theme] #section-finance .finance-filterbar{
    background:var(--skin-surface)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .screen-reports .report-filter.report-period-filter{
    display:grid!important;
    grid-template-columns:144px minmax(0,1fr)!important;
    align-items:center!important;
    max-width:100%!important;
    gap:12px!important;
    margin:0 0 12px!important;
    padding:11px 14px!important;
    background:var(--skin-surface)!important;
    border-color:var(--skin-border)!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-heading strong{
    font-size:12px!important;color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-heading small{
    color:var(--read-muted)!important;font-size:10px!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-item{
    background:var(--skin-alt)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-item input[type=date]{
    color:var(--read-title)!important;
    background:transparent!important;
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;margin:0 0 13px!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis article{
    min-width:0!important;
    min-height:78px!important;
    padding:12px!important;
    gap:10px!important;
    border:1px solid var(--skin-border)!important;
    border-radius:12px!important;
    background:var(--skin-surface)!important;
    color:var(--read-title)!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis article>span{
    width:35px!important;height:35px!important;min-width:35px!important;
    border-radius:10px!important;
    background:var(--skin-soft)!important;
    color:var(--skin-accent)!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis small{
    color:var(--read-muted)!important;
    font-size:11px!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis strong{
    color:var(--read-title)!important;
    font-size:17px!important;
    letter-spacing:-.02em!important;
    overflow-wrap:anywhere!important;
  }
  html[data-beauty-theme] .screen-reports .two-col{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start!important;
  }
  html[data-beauty-theme] .screen-reports .bar-row{
    display:grid!important;
    grid-template-columns:minmax(75px,105px) minmax(0,1fr) minmax(78px,auto)!important;
    gap:9px!important;
    align-items:center!important;
  }
  html[data-beauty-theme] .screen-reports .bar-row span{
    font-size:11px!important;color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-reports .bar-row strong{
    font-size:11.5px!important;
    color:var(--read-title)!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
  }
  html[data-beauty-theme] .screen-reports .bar-track{
    height:10px!important;
    border-radius:999px!important;
    background:var(--skin-progress)!important;
  }
  html[data-beauty-theme] .screen-reports .bar-track i{
    background:var(--skin-accent)!important;
  }
  html[data-beauty-theme] .screen-reports .rank-row{
    min-width:0!important;
    padding:9px 10px!important;
    background:var(--skin-alt)!important;
    border:1px solid var(--skin-border)!important;
    border-radius:9px!important;
  }
  html[data-beauty-theme] .screen-reports .rank-row strong{
    font-size:12px!important;color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-reports .rank-row small{
    color:var(--read-muted)!important;font-size:10.5px!important;
  }

  /* 10. MODALS & ACCOUNT ACCESS --------------------------------------- */
  html[data-beauty-theme] .modal:not(.is-hidden),
  html[data-beauty-theme] .drawer:not(.is-hidden){
    z-index:1100!important;
  }
  html[data-beauty-theme] .modal-card{
    width:min(740px,calc(100vw - 44px))!important;
    max-width:calc(100vw - 44px)!important;
    max-height:min(89dvh,900px)!important;
    margin:5dvh auto!important;
    background:var(--skin-surface)!important;
    border:1px solid var(--skin-border)!important;
    border-radius:16px!important;
    box-shadow:0 18px 52px rgba(0,0,0,.20)!important;
    overflow:hidden!important;
  }
  html[data-beauty-theme] .modal-card header{
    min-height:61px!important;
    padding:12px 17px!important;
    border-bottom:1px solid var(--skin-border)!important;
    background:var(--skin-surface)!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .modal-card header h2{
    font-size:17px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .modal-card header small{
    font-size:10px!important;
    color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .modal-card #modalBody{
    padding:17px!important;
    color:var(--read-body)!important;
    background:var(--skin-surface)!important;
    overflow-y:auto!important;
  }
  html[data-beauty-theme] .modal-card .modal-footer{
    margin:14px -17px -17px!important;
    padding:11px 17px!important;
    background:var(--skin-surface)!important;
    border-top:1px solid var(--skin-border)!important;
    backdrop-filter:none!important;
  }
  html[data-beauty-theme] .drawer aside{
    background:var(--skin-bg)!important;
    color:var(--read-body)!important;
    box-shadow:-16px 0 55px rgba(0,0,0,.19)!important;
  }
  html[data-beauty-theme] .drawer aside>header{
    background:var(--skin-surface)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .auth-brand-panel{
    background:linear-gradient(135deg,var(--skin-sidebar),var(--skin-accent))!important;
    color:#ffffff!important;
  }
  html[data-beauty-theme] .auth-brand-panel :is(h1,p,small,span,b){
    color:#ffffff!important;
    opacity:.95!important;
  }
  html[data-beauty-theme] .auth-brand-panel .auth-benefit{
    background:rgba(0,0,0,.10)!important;
    border-color:rgba(255,255,255,.23)!important;
  }
  html[data-beauty-theme] .auth-card{
    background:var(--skin-surface)!important;
    color:var(--read-body)!important;
    border-color:var(--skin-border)!important;
    box-shadow:var(--skin-shadow)!important;
    border-radius:18px!important;
  }
  html[data-beauty-theme] .auth-input{
    background:var(--skin-input)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .auth-card h2{color:var(--read-title)!important}
  html[data-beauty-theme] .auth-card p{color:var(--read-muted)!important}
}
/* Desktop with fixed 252px navigation */
@media(min-width:1181px){
  html[data-beauty-theme] .sidebar{
    width:252px!important;min-width:252px!important;max-width:252px!important;
    transform:translate3d(0,0,0)!important;
  }
  html[data-beauty-theme] .workspace{margin-left:252px!important}
  html[data-beauty-theme] #mobileMenu{display:none!important}
  html[data-beauty-theme] .sidebar-backdrop{display:none!important}
}
@media(min-width:1540px){
  html[data-beauty-theme] .screen-reports .report-kpis{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .screen-availability .two-col{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  }
  html[data-beauty-theme] .screen-availability .day-row{
    grid-template-columns:95px 69px minmax(0,1fr)!important;
    gap:8px!important;
  }
  html[data-beauty-theme] .screen-availability .day-times{gap:5px!important}
  html[data-beauty-theme] .screen-availability .day-times input{
    padding:5px!important;font-size:11.5px!important;
  }
}
/* Tablet: drawer sidebar, more width for content, no squeezed desktop cards */
@media(min-width:761px) and (max-width:1180px){
  html[data-beauty-theme] .sidebar{
    width:min(300px,88vw)!important;min-width:0!important;max-width:88vw!important;
    z-index:430!important;
    transform:translate3d(-103%,0,0)!important;
    transition:transform .2s ease!important;
    box-shadow:16px 0 48px rgba(0,0,0,.17)!important;
  }
  html[data-beauty-theme] .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
  }
  html[data-beauty-theme] .sidebar-backdrop{
    display:block!important;
    z-index:420!important;
    background:rgba(9,16,23,.6)!important;
  }
  html[data-beauty-theme] .workspace{margin-left:0!important}
  html[data-beauty-theme] #mobileMenu{
    display:grid!important;place-items:center!important;
    width:39px!important;height:39px!important;min-width:39px!important;
    background:var(--skin-soft)!important;
    color:var(--skin-accent)!important;
    border:1px solid var(--skin-line)!important;
    box-shadow:none!important;
  }
  html[data-beauty-theme] .content{
    max-width:1050px!important;
    padding:20px clamp(16px,2.7vw,27px) 36px!important;
  }
  html[data-beauty-theme] .topbar{
    min-height:62px!important;
    padding:9px clamp(16px,2.7vw,27px)!important;
  }
  html[data-beauty-theme] .topbar h1{font-size:18px!important}
  html[data-beauty-theme] .section-header h2{font-size:21px!important}
  html[data-beauty-theme] .two-col{
    gap:12px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card{
    padding:17px 19px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card h2{
    font-size:23px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid article{
    min-height:76px!important;
    padding:10px!important;gap:8px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid strong{
    font-size:18px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-nav{
    justify-content:center!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-filters{
    justify-content:stretch!important;
    width:100%!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day{
    min-height:91px!important;
    padding:6px!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-appointment-card{
    grid-template-columns:75px minmax(0,1fr)!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-appointment-actions{
    grid-column:2!important;
    justify-self:start!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .screen-publish .two-col{
    grid-template-columns:minmax(0,1fr) minmax(285px,310px)!important;
    gap:13px!important;
  }
  html[data-beauty-theme] #section-finance .finance-filterbar{
    grid-template-columns:minmax(0,1fr) 155px 155px!important;
  }
}
/* Portrait tablets and narrow laptop windows */
@media(min-width:761px) and (max-width:940px){
  html[data-beauty-theme] .overview-premium .hero-card>div:first-child{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"kicker" "title" "context" "status" "actions"!important;
    gap:6px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions{
    display:flex!important;flex-direction:row!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin-top:6px!important;
    min-width:0!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions>*{
    width:auto!important;min-width:0!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .overview-premium .two-col,
  html[data-beauty-theme] .screen-payments .two-col,
  html[data-beauty-theme] .screen-reports .two-col,
  html[data-beauty-theme] .screen-publish .two-col{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-beauty-theme] .screen-availability .day-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
  }
  html[data-beauty-theme] .screen-availability .day-row>strong{
    grid-column:1!important;grid-row:1!important;
  }
  html[data-beauty-theme] .screen-availability .day-row>label{
    grid-column:2!important;grid-row:1!important;
  }
  html[data-beauty-theme] .screen-availability .day-times{
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day{
    min-height:85px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card.balance{
    grid-column:1/-1!important;
  }
  html[data-beauty-theme] #section-finance .finance-filterbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-beauty-theme] #section-finance .finance-search{
    grid-column:1/-1!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .screen-reports .report-filter.report-period-filter{
    grid-template-columns:120px minmax(0,1fr)!important;
  }
  html[data-beauty-theme] .screen-resources .toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html[data-beauty-theme] .screen-resources .toolbar .search{
    grid-column:1/-1!important;
  }
  html[data-beauty-theme] .screen-resources .toolbar select{
    width:100%!important;max-width:none!important;
  }
}
/* Compact financial rows for small tablet width: do not force horizontal scroll */
@media(min-width:761px) and (max-width:850px){
  html[data-beauty-theme] #section-finance .finance-ledger-head,
  html[data-beauty-theme] #section-finance .finance-ledger-row{
    grid-template-columns:66px minmax(0,1fr) 95px 115px 12px!important;
    gap:8px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-amount{
    font-size:12px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event{
    font-size:9px!important;
    padding:4px 3px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event span{
    display:none!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event b{
    font-size:9px!important;
  }
}


/* CLENA BEAUTY | DESKTOP/TABLET FULL-WIDTH READABILITY v2 | 2026-10-15 */
/* This scope deliberately excludes 760px and below. No data/business changes. */
@media (min-width:761px){
  html[data-beauty-theme] body{
    font-size:15px!important;
    line-height:1.5!important;
  }
  html[data-beauty-theme] .content{
    width:100%!important;max-width:none!important;
    min-width:0!important;
    padding:25px clamp(20px,2.2vw,42px) 48px!important;
    margin:0!important;
  }
  html[data-beauty-theme] .section-header{
    margin-bottom:17px!important;
    gap:17px!important;
  }
  html[data-beauty-theme] .section-header .eyebrow{
    font-size:11px!important;
    min-height:22px!important;
    padding:4px 9px!important;
  }
  html[data-beauty-theme] .section-header h2{
    color:var(--read-title)!important;
    font-size:28px!important;
    line-height:1.2!important;
    margin:7px 0 4px!important;
  }
  html[data-beauty-theme] .section-header p{
    color:var(--read-muted)!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  html[data-beauty-theme] .sidebar .brand{
    font-size:19px!important;
  }
  html[data-beauty-theme] .sidebar .business-mini strong{
    font-size:13.5px!important;
  }
  html[data-beauty-theme] .sidebar .business-mini small{
    font-size:12px!important;
    opacity:1!important;
  }
  html[data-beauty-theme] .sidebar .nav-item{
    min-height:43px!important;
    font-size:14px!important;
    line-height:1.3!important;
    padding:9px 10px!important;
    opacity:1!important;
  }
  html[data-beauty-theme] .sidebar .nav-item i{
    font-size:19px!important;
  }
  html[data-beauty-theme] .clena-mobile-sidebar-quick button{
    font-size:13px!important;
    min-height:40px!important;
  }
  html[data-beauty-theme] .clena-autosave-label{
    font-size:12px!important;
    min-height:32px!important;
  }
  html[data-beauty-theme] .topbar{
    min-height:72px!important;
    padding:11px clamp(20px,2.2vw,42px)!important;
  }
  html[data-beauty-theme] .topbar-title small{
    font-size:11.5px!important;
    color:var(--read-muted)!important;
    letter-spacing:.08em!important;
  }
  html[data-beauty-theme] .topbar h1{
    font-size:24px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] #sendToClientsButton{
    font-size:13.5px!important;
    height:43px!important;
    min-height:43px!important;
    padding:0 15px!important;
  }
  html[data-beauty-theme] :is(.primary-btn,.secondary-btn,.danger-btn){
    font-size:13.5px!important;
    min-height:42px!important;
    padding:9px 13px!important;
  }
  html[data-beauty-theme] .panel{
    padding:21px 23px!important;
  }
  html[data-beauty-theme] .panel-head h3{
    font-size:18px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .panel-head small{
    color:var(--read-muted)!important;
    font-size:12px!important;
  }
  html[data-beauty-theme] .panel-head strong{
    font-size:16px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .badge{
    font-size:11.5px!important;
  }
  html[data-beauty-theme] .form-stack{
    gap:17px!important;
  }
  html[data-beauty-theme] .form-grid{
    gap:16px 19px!important;
  }
  html[data-beauty-theme] :is(.field>span,.field>b,.auth-field>span){
    font-size:14px!important;
    color:var(--read-body)!important;
    font-weight:800!important;
  }
  html[data-beauty-theme] .field small{
    font-size:12.5px!important;
    color:var(--read-muted)!important;
    line-height:1.5!important;
  }
  html[data-beauty-theme] :is(
    .field input,.field select,.field textarea,
    .toolbar input,.toolbar select,.search input,
    .calendar-filters input,.calendar-filters select,
    .quick-status select,.day-times input,
    .slug-input input,.auth-input input
  ){
    min-height:48px!important;
    font-size:15px!important;
    line-height:1.35!important;
    color:var(--read-title)!important;
    border-color:var(--skin-border)!important;
  }
  html[data-beauty-theme] .field textarea{
    min-height:123px!important;
    padding:12px 14px!important;
    font-size:15px!important;
  }
  html[data-beauty-theme] input[type="color"]{
    padding:5px!important;
    min-height:48px!important;
  }
  html[data-beauty-theme] .toggle-row{
    padding:13px 15px!important;
    gap:13px!important;
  }
  html[data-beauty-theme] .toggle-row span b{
    font-size:14px!important;
  }
  html[data-beauty-theme] .toggle-row span small{
    font-size:12.5px!important;
  }
  html[data-beauty-theme] .payment-mode-grid label b{
    font-size:14px!important;
  }
  html[data-beauty-theme] .payment-mode-grid label small{
    font-size:12.5px!important;
  }
  html[data-beauty-theme] .day-row>strong{
    font-size:13px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .screen-availability .day-times label{
    font-size:12px!important;
  }
  html[data-beauty-theme] .screen-availability .day-times input{
    min-height:43px!important;
    font-size:13.5px!important;
  }
  html[data-beauty-theme] .screen-business #businessForm{
    padding:23px 23px 26px!important;
    gap:19px!important;
  }
  html[data-beauty-theme] .screen-business .media-grid{
    grid-template-columns:minmax(0,1fr) 188px!important;
    gap:17px!important;
    align-items:start!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader{
    min-height:188px!important;
    border-radius:13px!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader:not(.square)>span{
    min-height:188px!important;
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader.square{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader.square span{
    height:100%!important;
    min-height:0!important;
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-business .media-actions .text-btn{
    font-size:12.5px!important;
    padding:7px 9px!important;
    min-height:31px!important;
  }
  html[data-beauty-theme] .screen-business .form-grid{
    gap:17px 19px!important;
  }
  html[data-beauty-theme] .screen-business .field>span{
    color:var(--read-body)!important;
    font-size:14.5px!important;
  }
  html[data-beauty-theme] .screen-business :is(input:not([type="file"]),select,textarea){
    font-size:15px!important;
  }
  html[data-beauty-theme] .screen-business #descriptionCount{
    font-size:12.5px!important;
  }
  html[data-beauty-theme] .clena-theme-setting{
    width:100%!important;
    min-width:0!important;
    padding:16px 18px!important;
    margin-bottom:15px!important;
    gap:15px!important;
    border-radius:14px!important;
    border:1px solid var(--skin-border)!important;
    background:var(--skin-alt)!important;
  }
  html[data-beauty-theme] .clena-theme-setting-header h3{
    font-size:18px!important;
    color:var(--read-title)!important;
    margin:3px 0 5px!important;
  }
  html[data-beauty-theme] .clena-theme-setting-header p{
    font-size:13px!important;
    color:var(--read-muted)!important;
    line-height:1.5!important;
  }
  html[data-beauty-theme] .clena-theme-kicker{
    font-size:11px!important;
    color:var(--skin-accent)!important;
  }
  html[data-beauty-theme] .clena-theme-save-status{
    font-size:11.5px!important;
    color:var(--skin-accent)!important;
  }
  html[data-beauty-theme] .clena-theme-choices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
    min-width:0!important;
  }
  html[data-beauty-theme] .clena-theme-choice{
    min-width:0!important;
    min-height:107px!important;
    padding:12px!important;
    border-radius:11px!important;
    gap:8px!important;
  }
  html[data-beauty-theme] .clena-theme-choice[aria-checked="true"]{
    padding:11px!important;
  }
  html[data-beauty-theme] .clena-theme-swatch{
    height:55px!important;
    border-radius:8px!important;
  }
  html[data-beauty-theme] .clena-theme-choice-label strong{
    font-size:14.5px!important;
    color:var(--read-title)!important;
  }
  html[data-beauty-theme] .clena-theme-choice-label small{
    font-size:12px!important;
    color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card h2{
    font-size:clamp(27px,2vw,33px)!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card p{
    font-size:14px!important;
  }
  html[data-beauty-theme] .overview-premium .clena-home-status{
    font-size:13px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid article{
    min-height:95px!important;
    padding:15px!important;
    gap:12px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid small{
    font-size:13px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid strong{
    font-size:26px!important;
  }
  html[data-beauty-theme] .item-card{
    min-height:76px!important;
    padding:13px 15px!important;
  }
  html[data-beauty-theme] .item-card .thumb{
    width:47px!important;
    height:47px!important;
    min-width:47px!important;
  }
  html[data-beauty-theme] .item-main h4{
    font-size:15px!important;
  }
  html[data-beauty-theme] :is(.item-main p,.item-main small){
    font-size:12.5px!important;
    color:var(--read-muted)!important;
  }
  html[data-beauty-theme] .screen-customers .customer-list-heading h2{
    font-size:25px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-list-heading p{
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-row-trigger{
    min-height:51px!important;
    padding:11px 16px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-row-name{
    font-size:15px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-name-table th{
    font-size:12px!important;
  }
  html[data-beauty-theme] :is(.data-table th,.data-table td){
    padding:13px 16px!important;
  }
  html[data-beauty-theme] .data-table td{
    font-size:14px!important;
    color:var(--read-body)!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-metric small{
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-metric strong{
    font-size:24px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-title-wrap h3{
    font-size:20px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-weekdays span{
    font-size:12px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-day-number{
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event{
    font-size:11.5px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event b{
    font-size:11px!important;
  }
  html[data-beauty-theme] .screen-appointments .appointment-customer-line h4{
    font-size:15px!important;
  }
  html[data-beauty-theme] .screen-appointments .appointment-customer-line p{
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-appointments .quick-status select{
    font-size:14px!important;
    min-height:44px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card{
    min-height:122px!important;
    padding:15px!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card strong{
    font-size:clamp(21px,1.8vw,29px)!important;
  }
  html[data-beauty-theme] #section-finance .finance-summary-card small,
  html[data-beauty-theme] #section-finance .finance-summary-card div>span{
    font-size:13px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-description strong{
    font-size:14px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-description small,
  html[data-beauty-theme] #section-finance .finance-ledger-date{
    font-size:12.5px!important;
  }
  html[data-beauty-theme] #section-finance .finance-ledger-amount{
    font-size:15px!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis strong{
    font-size:22px!important;
  }
  html[data-beauty-theme] .screen-reports .report-kpis small{
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-reports .bar-row span{
    font-size:12.5px!important;
  }
  html[data-beauty-theme] .screen-reports .bar-row strong{
    font-size:13px!important;
  }
  html[data-beauty-theme] .screen-reports .rank-row strong{
    font-size:14px!important;
  }
  html[data-beauty-theme] .screen-reports .rank-row small{
    font-size:12px!important;
  }
  html[data-beauty-theme] .modal-card{
    width:min(835px,calc(100vw - 48px))!important;
  }
  html[data-beauty-theme] .modal-card header h2{
    font-size:20px!important;
  }
  html[data-beauty-theme] .modal-card header small{
    font-size:11.5px!important;
  }
  html[data-beauty-theme] .modal-card #modalBody{
    padding:20px!important;
  }
  html[data-beauty-theme] .auth-card h2{
    font-size:27px!important;
  }
  html[data-beauty-theme] .auth-card :is(.auth-field>span){
    font-size:14px!important;
  }
}
@media (min-width:1181px){
  html[data-beauty-theme] .screen-business .clena-theme-setting{
    display:grid!important;
    grid-template-columns:minmax(200px,0.24fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:20px!important;
  }
  html[data-beauty-theme] .screen-business .clena-theme-setting-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:0!important;
  }
}
@media (min-width:761px) and (max-width:1180px){
  html[data-beauty-theme] .content{
    width:100%!important;
    max-width:none!important;
    padding:21px clamp(18px,2.4vw,29px) 42px!important;
    margin:0!important;
  }
  html[data-beauty-theme] .screen-business .clena-theme-setting{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  html[data-beauty-theme] .screen-business .clena-theme-setting-header{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 14px!important;
  }
  html[data-beauty-theme] .screen-business .media-grid{
    grid-template-columns:minmax(0,1fr) 168px!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader{
    min-height:168px!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader:not(.square)>span{
    min-height:168px!important;
  }
  html[data-beauty-theme] .topbar h1{
    font-size:22px!important;
  }
  html[data-beauty-theme] .section-header h2{
    font-size:25px!important;
  }
  html[data-beauty-theme] .screen-appointments .calendar-event{
    font-size:10.5px!important;
  }
}
@media(min-width:761px) and (max-width:880px){
  html[data-beauty-theme] .clena-theme-choices{
    gap:7px!important;
  }
  html[data-beauty-theme] .clena-theme-choice{
    padding:9px!important;
  }
  html[data-beauty-theme] .clena-theme-choice[aria-checked="true"]{
    padding:8px!important;
  }
  html[data-beauty-theme] .screen-business .media-grid{
    grid-template-columns:minmax(0,1fr) 145px!important;
    gap:11px!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader{
    min-height:145px!important;
  }
  html[data-beauty-theme] .screen-business .image-uploader:not(.square)>span{
    min-height:145px!important;
  }
  html[data-beauty-theme] .screen-availability .day-times{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html[data-beauty-theme] .screen-availability .day-times input{
    font-size:13px!important;
  }
}