/* CLENA BEAUTY PRO — 3 THEMES + COMPACT EDITOR
   Theme belongs to scheduling_businesses.editor_theme; public booking branding
   remains independent through primary_color. Applied AFTER legacy & mobile CSS.
   Palette tokens control layout; mobile density is deliberately measured.
*/
html:not([data-beauty-theme]),html[data-beauty-theme="brisa"]{--skin-bg:#f4f7f9;--skin-surface:#ffffff;--skin-alt:#eef4f6;--skin-ink:#23333d;--skin-muted:#576b76;--skin-border:#dae4e8;--skin-accent:#17647c;--skin-accent-hover:#104c60;--skin-soft:#e0f0f3;--skin-on-accent:#ffffff;--skin-sidebar:#142c39;--skin-side-ink:#e4f1f5;--skin-line:#bcdce3;--skin-hero:#e8f3f5;--skin-hero-secondary:#f7fbfc;--skin-hero-text:#234654;--skin-shadow:0 5px 19px rgba(18,42,54,.055);--skin-input:#ffffff;--skin-toast:#ffffff;--skin-progress:#dcecf1;--ui-page:var(--skin-bg);--ui-text:var(--skin-ink);--ui-muted:var(--skin-muted);--ui-line:var(--skin-border);--ui-line-strong:var(--skin-line);--ui-shadow:var(--skin-shadow);--text:var(--skin-ink);--muted:var(--skin-muted);--border:var(--skin-border);--surface:var(--skin-surface);--surface-muted:var(--skin-alt);--primary-soft:var(--skin-soft);--primary-dark:var(--skin-accent-hover);--mb-bg:var(--skin-bg);--mb-card:var(--skin-surface);--mb-ink:var(--skin-ink);--mb-muted:var(--skin-muted);--mb-muted-strong:var(--skin-muted);--mb-border:var(--skin-border);--mb-brand-safe:var(--skin-accent);--mb-shadow:var(--skin-shadow)}
html[data-beauty-theme="areia"]{--skin-bg:#f8f5f0;--skin-surface:#fffdfa;--skin-alt:#f3ede4;--skin-ink:#3a3028;--skin-muted:#756451;--skin-border:#e8ded2;--skin-accent:#92512f;--skin-accent-hover:#743c21;--skin-soft:#f8e8d8;--skin-on-accent:#ffffff;--skin-sidebar:#3b3026;--skin-side-ink:#f6e9d9;--skin-line:#ead5c3;--skin-hero:#f3eadc;--skin-hero-secondary:#fffaf2;--skin-hero-text:#59412c;--skin-shadow:0 5px 19px rgba(74,45,25,.06);--skin-input:#fffdfa;--skin-toast:#fffdfa;--skin-progress:#efe3d4;--ui-page:var(--skin-bg);--ui-text:var(--skin-ink);--ui-muted:var(--skin-muted);--ui-line:var(--skin-border);--ui-line-strong:var(--skin-line);--ui-shadow:var(--skin-shadow);--text:var(--skin-ink);--muted:var(--skin-muted);--border:var(--skin-border);--surface:var(--skin-surface);--surface-muted:var(--skin-alt);--primary-soft:var(--skin-soft);--primary-dark:var(--skin-accent-hover);--mb-bg:var(--skin-bg);--mb-card:var(--skin-surface);--mb-ink:var(--skin-ink);--mb-muted:var(--skin-muted);--mb-muted-strong:var(--skin-muted);--mb-border:var(--skin-border);--mb-brand-safe:var(--skin-accent);--mb-shadow:var(--skin-shadow)}
html[data-beauty-theme="grafite"]{--skin-bg:#121c25;--skin-surface:#1d2a35;--skin-alt:#263643;--skin-ink:#edf5f8;--skin-muted:#b8c9d3;--skin-border:#3c4e5c;--skin-accent:#74bcc5;--skin-accent-hover:#9cd7dd;--skin-soft:#29434f;--skin-on-accent:#10232d;--skin-sidebar:#0c141d;--skin-side-ink:#e0ecf3;--skin-line:#385460;--skin-hero:#203843;--skin-hero-secondary:#1e2c38;--skin-hero-text:#dceff1;--skin-shadow:0 5px 22px rgba(0,0,0,.21);--skin-input:#253440;--skin-toast:#243440;--skin-progress:#315565;--ui-page:var(--skin-bg);--ui-text:var(--skin-ink);--ui-muted:var(--skin-muted);--ui-line:var(--skin-border);--ui-line-strong:var(--skin-line);--ui-shadow:var(--skin-shadow);--text:var(--skin-ink);--muted:var(--skin-muted);--border:var(--skin-border);--surface:var(--skin-surface);--surface-muted:var(--skin-alt);--primary-soft:var(--skin-soft);--primary-dark:var(--skin-accent-hover);--mb-bg:var(--skin-bg);--mb-card:var(--skin-surface);--mb-ink:var(--skin-ink);--mb-muted:var(--skin-muted);--mb-muted-strong:var(--skin-muted);--mb-border:var(--skin-border);--mb-brand-safe:var(--skin-accent);--mb-shadow:var(--skin-shadow)}
html[data-beauty-theme="grafite"]{color-scheme:dark}
html[data-beauty-theme="brisa"],html[data-beauty-theme="areia"]{color-scheme:light}

/* Full-system surface and semantic color override */
html[data-beauty-theme] body,
html[data-beauty-theme] .app-shell,
html[data-beauty-theme] .workspace,
html[data-beauty-theme] .content{background:var(--skin-bg)!important;color:var(--skin-ink)!important}
html[data-beauty-theme] .content{max-width:1410px!important}
html[data-beauty-theme] .panel,
html[data-beauty-theme] .item-card,
html[data-beauty-theme] .stats-grid article,
html[data-beauty-theme] .overview-premium .stats-grid article,
html[data-beauty-theme] .table-wrap,
html[data-beauty-theme] .day-agenda,
html[data-beauty-theme] .calendar-shell,
html[data-beauty-theme] .report-filter,
html[data-beauty-theme] .report-kpis article,
html[data-beauty-theme] .finance-summary-card,
html[data-beauty-theme] .finance-month-card,
html[data-beauty-theme] .finance-filterbar,
html[data-beauty-theme] .finance-entry,
html[data-beauty-theme] .day-row,
html[data-beauty-theme] .payment-mode-grid label span,
html[data-beauty-theme] .auth-card,
html[data-beauty-theme] .modal-card{
  background:var(--skin-surface)!important;color:var(--skin-ink)!important;
  border-color:var(--skin-border)!important;box-shadow:var(--skin-shadow)!important;
}
html[data-beauty-theme] .panel-head h3,
html[data-beauty-theme] .section-header h2,
html[data-beauty-theme] .item-main h4,
html[data-beauty-theme] .customer-identity strong,
html[data-beauty-theme] .appointment-customer-line h4,
html[data-beauty-theme] .finance-main h4,
html[data-beauty-theme] .rank-row strong,
html[data-beauty-theme] .rank-row b,
html[data-beauty-theme] .day-agenda-head h3,
html[data-beauty-theme] .finance-value strong,
html[data-beauty-theme] .stats-grid strong,
html[data-beauty-theme] .report-kpis strong,
html[data-beauty-theme] .agenda-metric strong,
html[data-beauty-theme] .finance-summary-card strong,
html[data-beauty-theme] .finance-month-copy strong{
  color:var(--skin-ink)!important;
}
html[data-beauty-theme] .section-header p,
html[data-beauty-theme] .panel-head small,
html[data-beauty-theme] .item-main p,
html[data-beauty-theme] .item-main small,
html[data-beauty-theme] .customer-identity small,
html[data-beauty-theme] .customer-contact-stack small,
html[data-beauty-theme] .customer-mobile-label,
html[data-beauty-theme] .appointment-time small,
html[data-beauty-theme] .appointment-meta small,
html[data-beauty-theme] .appointment-customer-line p,
html[data-beauty-theme] .stats-grid small,
html[data-beauty-theme] .report-kpis small,
html[data-beauty-theme] .agenda-metric small,
html[data-beauty-theme] .finance-main p,
html[data-beauty-theme] .finance-main small,
html[data-beauty-theme] .finance-due small,
html[data-beauty-theme] .finance-summary-card small,
html[data-beauty-theme] .finance-summary-card div>span,
html[data-beauty-theme] .finance-month-copy small,
html[data-beauty-theme] .report-kpis article small,
html[data-beauty-theme] .rank-row small,
html[data-beauty-theme] .day-agenda-head p,
html[data-beauty-theme] .field small,
html[data-beauty-theme] .toggle-row small,
html[data-beauty-theme] .empty-state,
html[data-beauty-theme] .clena-share-helper small,
html[data-beauty-theme] .helper-box{
  color:var(--skin-muted)!important;
}
html[data-beauty-theme] .section-header .eyebrow,
html[data-beauty-theme] .eyebrow{background:var(--skin-soft)!important;color:var(--skin-accent)!important;border-color:var(--skin-line)!important}
html[data-beauty-theme] .panel-head small{letter-spacing:.075em!important}
html[data-beauty-theme] .check-item,
html[data-beauty-theme] .screen-customers .customer-stat-cell,
html[data-beauty-theme] .screen-reports .rank-row,
html[data-beauty-theme] .empty-state,
html[data-beauty-theme] .service-form-section,
html[data-beauty-theme] .payment-mode-grid label span,
html[data-beauty-theme] .customer-list-wrap{
  background:var(--skin-alt)!important;border-color:var(--skin-border)!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] .toggle-row,
html[data-beauty-theme] .modal-card #modalBody,
html[data-beauty-theme] .modal-card header,
html[data-beauty-theme] .modal-footer,
html[data-beauty-theme] .screen-finance .finance-summary-shell,
html[data-beauty-theme] .calendar-toolbar{
  background:var(--skin-surface)!important;color:var(--skin-ink)!important;border-color:var(--skin-border)!important;
}
html[data-beauty-theme] .modal-card #modalBody .service-form-section{background:var(--skin-alt)!important;border-color:var(--skin-border)!important}
html[data-beauty-theme] .field>span,
html[data-beauty-theme] .field>b,
html[data-beauty-theme] .toggle-row b,
html[data-beauty-theme] .auth-field>span,
html[data-beauty-theme] .service-section-head strong,
html[data-beauty-theme] .clena-share-helper strong,
html[data-beauty-theme] .day-row>strong{color:var(--skin-ink)!important}
html[data-beauty-theme] .field input,
html[data-beauty-theme] .field select,
html[data-beauty-theme] .field textarea,
html[data-beauty-theme] .toolbar input,
html[data-beauty-theme] .toolbar select,
html[data-beauty-theme] .calendar-filters input,
html[data-beauty-theme] .calendar-filters select,
html[data-beauty-theme] .quick-status select,
html[data-beauty-theme] .finance-search,
html[data-beauty-theme] .finance-select,
html[data-beauty-theme] .finance-search input,
html[data-beauty-theme] .finance-select select,
html[data-beauty-theme] .slug-input,
html[data-beauty-theme] .slug-input input,
html[data-beauty-theme] .auth-input,
html[data-beauty-theme] .auth-input input,
html[data-beauty-theme] .day-times input,
html[data-beauty-theme] #modalBody .field input,
html[data-beauty-theme] #modalBody .field select,
html[data-beauty-theme] #modalBody .field textarea{
  background:var(--skin-input)!important;color:var(--skin-ink)!important;border-color:var(--skin-border)!important;
}
html[data-beauty-theme] input::placeholder,
html[data-beauty-theme] textarea::placeholder{color:var(--skin-muted)!important;opacity:.9!important}
html[data-beauty-theme] .field input:focus,
html[data-beauty-theme] .field select:focus,
html[data-beauty-theme] .field textarea:focus,
html[data-beauty-theme] #modalBody input:focus,
html[data-beauty-theme] .toolbar input:focus{
  border-color:var(--skin-accent)!important;box-shadow:0 0 0 3px var(--skin-soft)!important;
}
html[data-beauty-theme] .search i,
html[data-beauty-theme] .finance-search>i,
html[data-beauty-theme] .finance-select>i,
html[data-beauty-theme] .finance-select-arrow,
html[data-beauty-theme] .customer-contact-stack i{color:var(--skin-muted)!important}
html[data-beauty-theme] .primary-btn,
html[data-beauty-theme] .auth-submit,
html[data-beauty-theme] .whatsapp-purple,
html[data-beauty-theme] .whatsapp-send-btn,
html[data-beauty-theme] .mobile-bottom-nav button.is-active{
  background:var(--skin-accent)!important;color:var(--skin-on-accent)!important;
  box-shadow:none!important;border-color:transparent!important;
}
html[data-beauty-theme] .primary-btn:hover:not(:disabled),
html[data-beauty-theme] .auth-submit:hover:not(:disabled){background:var(--skin-accent-hover)!important}
html[data-beauty-theme] .secondary-btn,
html[data-beauty-theme] .text-btn,
html[data-beauty-theme] .icon-btn,
html[data-beauty-theme] .item-actions button,
html[data-beauty-theme] .calendar-nav-btn,
html[data-beauty-theme] .agenda-edit-btn,
html[data-beauty-theme] .profile-pill,
html[data-beauty-theme] .clena-share-btn{
  background:var(--skin-soft)!important;color:var(--skin-accent)!important;
  border-color:var(--skin-line)!important;box-shadow:none!important;
}
html[data-beauty-theme] .primary-btn:disabled,
html[data-beauty-theme] .secondary-btn:disabled{background:var(--skin-alt)!important;color:var(--skin-muted)!important;border:1px solid var(--skin-border)!important;opacity:.8!important}
html[data-beauty-theme] .danger-btn,
html[data-beauty-theme] .item-actions button.is-danger{background:#fbe8e9!important;color:#913449!important;border-color:#efcbd0!important}
html[data-beauty-theme] .toggle-row input[type="checkbox"],
html[data-beauty-theme] input[type="radio"]{accent-color:var(--skin-accent)!important}
html[data-beauty-theme] .badge{background:#e2f3e8!important;color:#17613c!important;border-color:#b3dbc1!important}
html[data-beauty-theme] .badge.off{background:#e9edf1!important;color:#445364!important;border-color:#d2dbe2!important}
html[data-beauty-theme] .badge.pending{background:#fff0ca!important;color:#82500f!important;border-color:#efcf90!important}
html[data-beauty-theme] .badge.info{background:#e4f0ff!important;color:#1b5289!important;border-color:#bed5f3!important}
html[data-beauty-theme] .badge.done{background:#dcf3e5!important;color:#16623a!important;border-color:#b2dcc0!important}
html[data-beauty-theme] .helper-box{background:var(--skin-alt)!important;border:1px solid var(--skin-border)!important}
html[data-beauty-theme] .warning-box{color:#88520a!important;background:#fff0ce!important;border-color:#efcc91!important}
html[data-beauty-theme] .danger-box{color:#a13248!important;background:#ffedef!important;border-color:#eec6cb!important}
html[data-beauty-theme] .day-row.is-closed{opacity:1!important;background:var(--skin-alt)!important}
html[data-beauty-theme] .day-row.is-closed *{opacity:1!important}
html[data-beauty-theme] .day-row.is-closed strong{color:var(--skin-muted)!important}
html[data-beauty-theme] .finance-summary-card .finance-summary-icon,
html[data-beauty-theme] .stats-grid article>span,
html[data-beauty-theme] .report-kpis article>span,
html[data-beauty-theme] .agenda-metric>span,
html[data-beauty-theme] .rank-row>span,
html[data-beauty-theme] .phone-preview .real-preview-label{background:var(--skin-soft)!important;color:var(--skin-accent)!important}
html[data-beauty-theme] .finance-summary-card.balance{
  background:var(--skin-accent)!important;color:var(--skin-on-accent)!important;
  border-color:transparent!important;
}
html[data-beauty-theme] .finance-summary-card.balance strong,
html[data-beauty-theme] .finance-summary-card.balance small,
html[data-beauty-theme] .finance-summary-card.balance div>span{color:var(--skin-on-accent)!important}
html[data-beauty-theme] .finance-summary-card.balance .finance-summary-icon{
  background:rgba(255,255,255,.14)!important;color:var(--skin-on-accent)!important;
}
html[data-beauty-theme] .finance-month-control input[type=month]{background:var(--skin-input)!important;color:var(--skin-ink)!important;color-scheme:inherit!important}
html[data-beauty-theme] .bar-track{background:var(--skin-progress)!important}
html[data-beauty-theme] .bar-track i,
html[data-beauty-theme] .progress>span{background:var(--skin-accent)!important}
html[data-beauty-theme] .calendar-weekdays,
html[data-beauty-theme] .calendar-day.is-empty{background:var(--skin-alt)!important}
html[data-beauty-theme] .calendar-weekdays span,
html[data-beauty-theme] .calendar-day-number{color:var(--skin-ink)!important}
html[data-beauty-theme] .calendar-grid{background:var(--skin-border)!important}
html[data-beauty-theme] .calendar-day{background:var(--skin-surface)!important;color:var(--skin-ink)!important}
html[data-beauty-theme] .calendar-day.is-today{box-shadow:inset 0 0 0 2px var(--skin-accent)!important}
html[data-beauty-theme] .calendar-day.is-selected{background:var(--skin-soft)!important;box-shadow:inset 0 0 0 2px var(--skin-accent)!important}
html[data-beauty-theme] .calendar-day.is-today .calendar-day-number{background:var(--skin-accent)!important;color:var(--skin-on-accent)!important}
html[data-beauty-theme] .calendar-count{background:var(--skin-soft)!important;color:var(--skin-accent)!important}
html[data-beauty-theme] .calendar-count.has-pending{background:#fff0c8!important;color:#86510b!important}
html[data-beauty-theme] .calendar-event.event-pending{background:#b47821!important;color:#fff!important}
html[data-beauty-theme] .calendar-event.event-confirmed{background:var(--skin-accent)!important;color:var(--skin-on-accent)!important}
html[data-beauty-theme] .calendar-event.event-completed{background:#287750!important;color:#fff!important}
html[data-beauty-theme] .calendar-event.event-cancelled,
html[data-beauty-theme] .calendar-event.event-no_show{background:#6c7782!important;color:#fff!important}
html[data-beauty-theme] .calendar-more{color:var(--skin-accent)!important}
html[data-beauty-theme] .calendar-filtered{color:var(--skin-muted)!important}
html[data-beauty-theme] .auth-brand-panel{background:linear-gradient(140deg,var(--skin-sidebar),var(--skin-accent))!important}
html[data-beauty-theme] .auth-form-panel,
html[data-beauty-theme] .auth-gate{background:var(--skin-bg)!important}
html[data-beauty-theme] .auth-card-head p,
html[data-beauty-theme] .auth-switch,
html[data-beauty-theme] .auth-security,
html[data-beauty-theme] .auth-verification-note{color:var(--skin-muted)!important}
html[data-beauty-theme] .auth-card h2,
html[data-beauty-theme] .auth-field>span{color:var(--skin-ink)!important}
html[data-beauty-theme] .auth-mini-logo,
html[data-beauty-theme] .auth-brand-logo{background:var(--skin-accent)!important;color:var(--skin-on-accent)!important}
html[data-beauty-theme] .auth-eyebrow,
html[data-beauty-theme] .auth-link,
html[data-beauty-theme] .auth-switch button{color:var(--skin-accent)!important}
html[data-beauty-theme] .auth-tabs{background:var(--skin-alt)!important}
html[data-beauty-theme] .auth-tabs button{color:var(--skin-muted)!important}
html[data-beauty-theme] .auth-tabs button.active{background:var(--skin-surface)!important;color:var(--skin-accent)!important}
html[data-beauty-theme] .auth-input>i,
html[data-beauty-theme] .auth-password-btn{color:var(--skin-muted)!important}
html[data-beauty-theme] .modal-backdrop,
html[data-beauty-theme] .drawer-backdrop{background:rgba(9,18,23,.62)!important}
html[data-beauty-theme] .drawer aside{background:var(--skin-bg)!important}
html[data-beauty-theme] .drawer aside>header{background:var(--skin-surface)!important;color:var(--skin-ink)!important;border-color:var(--skin-border)!important}
html[data-beauty-theme] .drawer aside>header h3{color:var(--skin-ink)!important}
html[data-beauty-theme] .modal-footer{border-top:1px solid var(--skin-border)!important}
html[data-beauty-theme] .modal-card:before{background:var(--skin-border)!important}
html[data-beauty-theme] .profile-menu{background:var(--skin-surface)!important;border-color:var(--skin-border)!important}
html[data-beauty-theme] .profile-menu button{background:transparent!important;color:var(--skin-ink)!important}
html[data-beauty-theme] .toast{background:var(--skin-toast)!important;color:var(--skin-ink)!important;border:1px solid var(--skin-border)!important}
html[data-beauty-theme] .real-preview-label{background:var(--skin-soft)!important;color:var(--skin-accent)!important}
html[data-beauty-theme] .clena-share-helper{background:var(--skin-alt)!important;border-color:var(--skin-border)!important;color:var(--skin-ink)!important}

/* Brand, menu, and navigation */
html[data-beauty-theme] .sidebar{
  background:var(--skin-sidebar)!important;color:var(--skin-side-ink)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
}
html[data-beauty-theme] .brand,
html[data-beauty-theme] .business-mini strong{color:var(--skin-side-ink)!important}
html[data-beauty-theme] .brand-mark{background:var(--skin-accent)!important;box-shadow:none!important}
html[data-beauty-theme] .business-mini{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important}
html[data-beauty-theme] .business-mini small{color:var(--skin-side-ink)!important;opacity:.82!important}
html[data-beauty-theme] .nav-item,
html[data-beauty-theme] .nav-item i{color:var(--skin-side-ink)!important}
html[data-beauty-theme] .nav-item:hover{background:rgba(255,255,255,.09)!important}
html[data-beauty-theme] .nav-item.is-active{background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--skin-accent)!important}
html[data-beauty-theme] .nav-item.is-active i{color:#fff!important}
html[data-beauty-theme] .nav-item.is-active:before{background:var(--skin-accent)!important}
html[data-beauty-theme] .sidebar .clena-mobile-sidebar-quick button,
html[data-beauty-theme] .back-link{color:var(--skin-side-ink)!important}
html[data-beauty-theme] .sidebar .section-nav{border-color:rgba(255,255,255,.12)!important}
html[data-beauty-theme] .topbar{background:var(--skin-surface)!important;color:var(--skin-ink)!important;border-bottom:1px solid var(--skin-border)!important;box-shadow:var(--skin-shadow)!important}
html[data-beauty-theme] .topbar h1,
html[data-beauty-theme] .topbar-title small{color:var(--skin-ink)!important}
html[data-beauty-theme] .topbar .save-state{color:var(--skin-muted)!important}
html[data-beauty-theme] .topbar #mobileMenu{background:var(--skin-soft)!important;color:var(--skin-accent)!important;border-color:var(--skin-line)!important}
html[data-beauty-theme] .profile-pill span{background:var(--skin-soft)!important;color:var(--skin-accent)!important}
html[data-beauty-theme] .mobile-bottom-nav{background:var(--skin-sidebar)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 34px rgba(0,0,0,.15)!important}
html[data-beauty-theme] .mobile-bottom-nav button:not(.is-active){color:var(--skin-side-ink)!important}
html[data-beauty-theme] .mobile-bottom-nav button.is-active{background:var(--skin-accent)!important;color:var(--skin-on-accent)!important}

/* A clear, small start page — the home hero is a workspace, not an ad */
html[data-beauty-theme] .overview-premium .hero-card,
html[data-beauty-theme] .overview-premium .hero-card.clena-home-hero{
  background:linear-gradient(115deg,var(--skin-hero),var(--skin-hero-secondary))!important;
  color:var(--skin-ink)!important;border:1px solid var(--skin-border)!important;
  border-radius:18px!important;padding:20px 24px!important;
  box-shadow:var(--skin-shadow)!important;
  min-height:0!important;display:block!important;overflow:hidden!important;
}
html[data-beauty-theme] .overview-premium .hero-card:after{display:none!important}
html[data-beauty-theme] .overview-premium .hero-card .eyebrow{
  background:var(--skin-surface)!important;color:var(--skin-accent)!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  border:1px solid var(--skin-line)!important;font-size:10px!important;
  border-radius:999px!important;padding:5px 10px!important;letter-spacing:.075em!important;
}
html[data-beauty-theme] .overview-premium .hero-card h2{
  color:var(--skin-ink)!important;font-size:clamp(23px,2.3vw,29px)!important;
  max-width:100%!important;margin:9px 0 4px!important;line-height:1.15!important;
  letter-spacing:-.045em!important;
}
html[data-beauty-theme] .overview-premium .hero-card p{
  color:var(--skin-hero-text)!important;font-size:12.5px!important;line-height:1.4!important;
  margin:0!important;max-width:100%!important;
}
html[data-beauty-theme] .clena-home-hero-context{display:flex;gap:8px 13px;align-items:center;flex-wrap:wrap}
html[data-beauty-theme] .clena-home-hero-context strong{font-weight:850;color:var(--skin-ink)}
html[data-beauty-theme] .clena-home-hero-context .clena-hero-separator{width:3px;height:3px;border-radius:50%;background:var(--skin-muted)}
html[data-beauty-theme] .clena-home-status{
  display:flex;align-items:center;gap:8px;
  margin-top:13px!important;color:var(--skin-hero-text)!important;
  font-size:12px!important;font-weight:750;
}
html[data-beauty-theme] .clena-home-status i{color:var(--skin-accent);font-size:18px}
html[data-beauty-theme] .overview-premium .hero-actions{
  display:flex!important;flex-wrap:wrap!important;gap:9px!important;
  margin-top:14px!important;width:auto!important;
}
html[data-beauty-theme] .overview-premium .hero-actions>*{
  min-height:40px!important;width:auto!important;min-width:0!important;
  font-size:12px!important;padding:9px 13px!important;border-radius: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 .hero-visual{display:none!important}
html[data-beauty-theme] .overview-premium .stats-grid{margin:12px 0!important;gap:10px!important}
html[data-beauty-theme] .overview-premium .stats-grid article{
  min-height:82px!important;gap:11px!important;padding:13px!important;border-radius:15px!important;
}
html[data-beauty-theme] .overview-premium .stats-grid article>span{
  width:35px!important;height:35px!important;min-width:35px!important;
  border-radius:11px!important;font-size:18px!important;
}
html[data-beauty-theme] .overview-premium .stats-grid strong{
  font-size:21px!important;line-height:1.15!important;letter-spacing:-.045em!important;margin-top:4px!important;
}
html[data-beauty-theme] .overview-premium .stats-grid small{font-size:11px!important;line-height:1.3!important}
html[data-beauty-theme] .overview-premium .two-col{gap:12px!important}
html[data-beauty-theme] .overview-premium .two-col>.panel{padding:15px!important;border-radius:16px!important}
html[data-beauty-theme] .overview-premium .panel-head h3{font-size:15px!important}
html[data-beauty-theme] .overview-premium .progress{height:8px!important;margin:12px 0 7px!important;background:var(--skin-progress)!important}
html[data-beauty-theme] .clena-setup-details{margin-top:9px!important}
html[data-beauty-theme] .clena-setup-details summary{
  cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--skin-border);background:var(--skin-alt);color:var(--skin-ink);
  min-height:37px;padding:8px 11px;border-radius:10px;font-size:11.5px;font-weight:800;
  list-style:none;
}
html[data-beauty-theme] .clena-setup-details summary::-webkit-details-marker{display:none}
html[data-beauty-theme] .clena-setup-details summary i{font-size:15px;color:var(--skin-accent)}
html[data-beauty-theme] .clena-setup-details[open] summary i{transform:rotate(180deg)}
html[data-beauty-theme] .clena-setup-details .checklist{padding-top:10px!important;gap:6px!important}
html[data-beauty-theme] .check-item{padding:8px 10px!important;font-size:11.5px!important;min-height:35px!important}
html[data-beauty-theme] .overview-premium #recentAppointments .item-card{
  padding:10px!important;min-height:60px!important;box-shadow:none!important;
  border-radius:11px!important;
}
html[data-beauty-theme] .overview-premium #recentAppointments .item-card .thumb{
  width:38px!important;height:38px!important;min-width:38px!important;
}

/* Theme chooser is a real interactive control, not oversized decorative cards */
html[data-beauty-theme] .clena-theme-setting{
  border:1px solid var(--skin-border);
  background:var(--skin-alt);border-radius:16px;
  padding:15px;display:grid;gap:12px;
}
html[data-beauty-theme] .clena-theme-setting-header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
html[data-beauty-theme] .clena-theme-setting-header>div{min-width:0}
html[data-beauty-theme] .clena-theme-setting-header h3{font-size:15px!important;font-weight:850;letter-spacing:-.025em;margin:2px 0 3px;color:var(--skin-ink)!important}
html[data-beauty-theme] .clena-theme-setting-header p{font-size:11.5px!important;line-height:1.42;margin:0;color:var(--skin-muted)!important}
html[data-beauty-theme] .clena-theme-kicker{display:inline-block;color:var(--skin-accent);font-size:9.5px;font-weight:850;letter-spacing:.095em}
html[data-beauty-theme] .clena-theme-save-status{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;font-size:10px;font-weight:800;color:var(--skin-accent)}
html[data-beauty-theme] .clena-theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
html[data-beauty-theme] .clena-theme-choice{
  display:flex;flex-direction:column;gap:8px;position:relative;
  cursor:pointer;min-width:0;min-height:0;padding:10px;
  border:1px solid var(--skin-border);border-radius:12px;
  color:var(--skin-ink);background:var(--skin-surface);
  box-shadow:none;outline-offset:2px;
}
html[data-beauty-theme] .clena-theme-choice:hover{border-color:var(--skin-accent)}
html[data-beauty-theme] .clena-theme-choice[aria-checked="true"]{border:2px solid var(--skin-accent);padding:9px;background:var(--skin-surface)}
html[data-beauty-theme] .clena-theme-choice:focus-visible{outline:3px solid var(--skin-accent)!important}
html[data-beauty-theme] .clena-theme-choice:disabled{opacity:.65;cursor:wait}
html[data-beauty-theme] .clena-theme-swatch{
  width:100%;height:54px;display:flex;gap:5px;align-items:stretch;
  overflow:hidden;padding:5px;border:1px solid transparent;border-radius:8px;
}
.clena-theme-choice[data-theme-choice="brisa"] .clena-theme-swatch{background:#e8f3f5;border-color:#bfdce5}
.clena-theme-choice[data-theme-choice="areia"] .clena-theme-swatch{background:#f3eadc;border-color:#e5d4bf}
.clena-theme-choice[data-theme-choice="grafite"] .clena-theme-swatch{background:#17242f;border-color:#425566}
html[data-beauty-theme] .clena-theme-swatch-sidebar{width:19%;border-radius:5px}
.clena-theme-choice[data-theme-choice="brisa"] .clena-theme-swatch-sidebar{background:#142c39}
.clena-theme-choice[data-theme-choice="areia"] .clena-theme-swatch-sidebar{background:#3b3026}
.clena-theme-choice[data-theme-choice="grafite"] .clena-theme-swatch-sidebar{background:#0c141d}
html[data-beauty-theme] .clena-theme-swatch-page{flex:1;display:flex;flex-direction:column;gap:5px;justify-content:space-around}
html[data-beauty-theme] .clena-theme-swatch-page i{display:block;border-radius:3px;height:13px;background:#fff}
html[data-beauty-theme] .clena-theme-swatch-page i:last-child{width:72%;height:7px;opacity:.8}
.clena-theme-choice[data-theme-choice="brisa"] .clena-theme-swatch-page i:first-child{background:#17647c}
.clena-theme-choice[data-theme-choice="areia"] .clena-theme-swatch-page i:first-child{background:#92512f}
.clena-theme-choice[data-theme-choice="grafite"] .clena-theme-swatch-page i{background:#74bcc5}
.clena-theme-choice[data-theme-choice="grafite"] .clena-theme-swatch-page i:last-child{background:#273743}
html[data-beauty-theme] .clena-theme-choice-label{display:flex;flex-direction:column;gap:1px;min-width:0;align-items:flex-start;text-align:left}
html[data-beauty-theme] .clena-theme-choice-label strong{font-size:12px;font-weight:850;color:var(--skin-ink)!important}
html[data-beauty-theme] .clena-theme-choice-label small{font-size:10px;line-height:1.3;color:var(--skin-muted)!important}
html[data-beauty-theme] .clena-theme-choice-check{
  position:absolute;right:7px;top:7px;
  display:grid;place-items:center;width:18px;height:18px;
  border-radius:50%;background:var(--skin-accent);color:var(--skin-on-accent);
  opacity:0;transform:scale(.8);
}
html[data-beauty-theme] .clena-theme-choice[aria-checked="true"] .clena-theme-choice-check{opacity:1;transform:none}
html[data-beauty-theme] .clena-theme-choice-check i{font-size:12px}

/* Responsive density: fewer oversized cards, no information lost */
@media(max-width:1100px){
  html[data-beauty-theme] .topbar{padding-left:14px!important;padding-right:14px!important}
  html[data-beauty-theme] .sidebar{z-index:430!important}
  html[data-beauty-theme] .sidebar-backdrop{z-index:420!important}
}
@media(max-width:760px){
  html[data-beauty-theme] body{--mb-nav:61px;padding-bottom:calc(67px + env(safe-area-inset-bottom))!important}
  html[data-beauty-theme] .workspace{padding:0!important}
  html[data-beauty-theme] .content{
    padding:10px 11px 20px!important;min-height:0!important;
  }
  html[data-beauty-theme] .topbar{
    min-height:58px!important;padding:max(6px,env(safe-area-inset-top)) 11px 6px!important;
    gap:7px!important;z-index:110!important;
  }
  html[data-beauty-theme] .topbar-title{grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important}
  html[data-beauty-theme] .topbar-title small{display:block!important;font-size:13px!important;letter-spacing:-.015em!important;font-weight:850!important}
  html[data-beauty-theme] .topbar h1{display:none!important}
  html[data-beauty-theme] #mobileMenu{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  html[data-beauty-theme] #saveAllButton{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  html[data-beauty-theme] .profile-pill{width:40px!important;height:40px!important;min-width:40px!important}
  html[data-beauty-theme] .topbar-actions{gap:5px!important}
  html[data-beauty-theme] .section-header{margin:0 0 10px!important;gap:7px!important}
  html[data-beauty-theme] .section-header h2{font-size:19px!important;line-height:1.2!important;margin:0!important}
  html[data-beauty-theme] .section-header p{display:none!important}
  html[data-beauty-theme] .section-header .eyebrow{display:none!important}
  html[data-beauty-theme] .section-actions{gap:7px!important}
  html[data-beauty-theme] .panel{padding:12px!important;border-radius:14px!important}
  html[data-beauty-theme] .panel-head h3{font-size:14px!important;letter-spacing:-.015em!important;margin:0!important}
  html[data-beauty-theme] .panel-head small{font-size:9px!important}
  html[data-beauty-theme] .two-col,html[data-beauty-theme] .three-col{gap:10px!important}
  html[data-beauty-theme] .primary-btn,html[data-beauty-theme] .secondary-btn{
    min-height:41px!important;padding:8px 11px!important;font-size:12px!important;border-radius:10px!important;
  }
  html[data-beauty-theme] .icon-btn{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;border-radius:10px!important}
  html[data-beauty-theme] .mobile-bottom-nav{
    height:61px!important;left:8px!important;right:8px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;
    padding:5px!important;border-radius:17px!important;gap:2px!important;z-index:130!important;
  }
  html[data-beauty-theme] .mobile-bottom-nav button{
    min-height:49px!important;padding:2px 1px!important;gap:2px!important;border-radius:12px!important;
  }
  html[data-beauty-theme] .mobile-bottom-nav button i{font-size:18px!important}
  html[data-beauty-theme] .mobile-bottom-nav button span{font-size:9.5px!important}
  html[data-beauty-theme] .overview-premium .hero-card.clena-home-hero{
    min-height:0!important;padding:15px!important;border-radius:15px!important;margin-bottom:0!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card .eyebrow{
    font-size:9px!important;padding:3px 8px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card h2{
    font-size:22px!important;margin:9px 0 5px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-card p{font-size:11.5px!important;line-height:1.45!important}
  html[data-beauty-theme] .clena-home-status{font-size:11px!important;margin-top:10px!important}
  html[data-beauty-theme] .overview-premium .hero-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important;
  }
  html[data-beauty-theme] .overview-premium .hero-actions>*{
    width:100%!important;min-height:40px!important;font-size:11px!important;padding:8px 5px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;margin:9px 0!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid article{
    min-height:70px!important;padding:9px!important;gap:8px!important;border-radius:12px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid article>span{
    width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;font-size:16px!important;
  }
  html[data-beauty-theme] .overview-premium .stats-grid small{font-size:10px!important;line-height:1.2!important}
  html[data-beauty-theme] .overview-premium .stats-grid strong{font-size:19px!important;line-height:1.12!important}
  html[data-beauty-theme] .overview-premium .two-col>.panel{padding:12px!important;border-radius:13px!important}
  html[data-beauty-theme] .overview-premium #recentAppointments .item-card{
    grid-template-columns:38px minmax(0,1fr)!important;padding:8px!important;gap:9px!important;
  }
  html[data-beauty-theme] .overview-premium #recentAppointments .item-card .thumb{grid-row:1!important}
  html[data-beauty-theme] .overview-premium #recentAppointments .item-card .item-main{grid-column:2!important}
  html[data-beauty-theme] .section-actions>.secondary-btn,html[data-beauty-theme] .section-actions>.primary-btn{min-height:40px!important}
  html[data-beauty-theme] .card-list{gap:7px!important}
  html[data-beauty-theme] .item-card{padding:9px 10px!important;min-height:68px!important;border-radius:12px!important;gap:5px 9px!important}
  html[data-beauty-theme] .item-card .thumb{width:39px!important;height:39px!important;min-width:39px!important;border-radius:10px!important}
  html[data-beauty-theme] .item-main h4{font-size:12.5px!important;margin-bottom:2px!important}
  html[data-beauty-theme] .item-main p,html[data-beauty-theme] .item-main small{font-size:10.5px!important;line-height:1.28!important}
  html[data-beauty-theme] .item-actions button{height:35px!important;width:35px!important;min-width:35px!important;min-height:35px!important;border-radius:10px!important}
  html[data-beauty-theme] .screen-services #serviceList .item-card,
  html[data-beauty-theme] .screen-resources #resourceList .item-card{
    grid-template-columns:39px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
  }
  html[data-beauty-theme] .screen-services #serviceList .item-main,
  html[data-beauty-theme] .screen-resources #resourceList .item-main{grid-column:2!important;grid-row:1!important}
  html[data-beauty-theme] .screen-services #serviceList .item-actions,
  html[data-beauty-theme] .screen-resources #resourceList .item-actions{grid-column:3!important;grid-row:1/span 2!important}
  html[data-beauty-theme] .screen-services #serviceList .badge,
  html[data-beauty-theme] .screen-resources #resourceList .badge{grid-column:2!important;grid-row:2!important}
  html[data-beauty-theme] .toolbar{margin-bottom:9px!important;gap:7px!important}
  html[data-beauty-theme] .toolbar input,html[data-beauty-theme] .toolbar select{min-height:42px!important;font-size:13px!important}
  html[data-beauty-theme] .screen-services .toolbar{grid-template-columns:minmax(0,1fr) 105px!important}
  html[data-beauty-theme] .badge{font-size:9px!important;padding:3px 6px!important}
  html[data-beauty-theme] .screen-appointments .agenda-overview{gap:7px!important;margin-bottom:10px!important}
  html[data-beauty-theme] .screen-appointments .agenda-metric{min-height:68px!important;padding:9px!important;gap:7px!important;border-radius:12px!important}
  html[data-beauty-theme] .screen-appointments .agenda-metric>span{width:30px!important;height:30px!important;min-width:30px!important;font-size:15px!important}
  html[data-beauty-theme] .screen-appointments .agenda-metric strong{font-size:16px!important}
  html[data-beauty-theme] .screen-appointments .agenda-metric small{font-size:10px!important}
  html[data-beauty-theme] .screen-appointments .calendar-day{min-height:59px!important;max-height:82px!important}
  html[data-beauty-theme] .calendar-toolbar{padding:10px!important;gap:7px!important}
  html[data-beauty-theme] .day-agenda{padding:11px!important;margin-top:9px!important}
  html[data-beauty-theme] .screen-appointments .agenda-appointment-card{padding:10px!important;gap:7px!important}
  html[data-beauty-theme] .screen-appointments .agenda-appointment-actions{margin-top:0!important}
  html[data-beauty-theme] .screen-customers .customer-table tr.customer-row{
    padding:10px 11px!important;gap:6px!important;border-radius:13px!important;margin-bottom:7px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-contact-cell{padding:7px 0!important}
  html[data-beauty-theme] .screen-customers .customer-stat-cell{min-height:36px!important;padding:7px 8px!important}
  html[data-beauty-theme] .screen-customers .customer-avatar-mini{width:37px!important;height:37px!important}
  html[data-beauty-theme] .screen-finance .finance-summary-cards,
  html[data-beauty-theme] .screen-reports .report-kpis{gap:7px!important}
  html[data-beauty-theme] .screen-finance .finance-summary-card{min-height:81px!important;padding:10px!important;border-radius:12px!important;gap:7px!important}
  html[data-beauty-theme] .screen-finance .finance-summary-card.balance{min-height:73px!important}
  html[data-beauty-theme] .screen-finance .finance-month-card{min-height:65px!important;padding:10px!important;border-radius:12px!important}
  html[data-beauty-theme] .screen-finance .finance-filterbar{padding:9px!important;gap:7px!important}
  html[data-beauty-theme] .screen-finance .finance-list-premium .finance-entry{padding:10px!important;border-radius:13px!important;gap:5px 8px!important}
  html[data-beauty-theme] .screen-reports .report-kpis article{min-height:74px!important;padding:9px!important;border-radius:12px!important;gap:7px!important}
  html[data-beauty-theme] .screen-reports .report-kpis article>span{width:30px!important;height:30px!important;min-width:30px!important}
  html[data-beauty-theme] .screen-reports .report-kpis strong{font-size:15px!important}
  html[data-beauty-theme] .screen-reports .report-filter{padding:10px!important}
  html[data-beauty-theme] .screen-reports .bar-row{gap:7px!important}
  html[data-beauty-theme] .week-list{gap:6px!important}
  html[data-beauty-theme] .day-row{padding:9px!important;gap:7px!important;border-radius:12px!important}
  html[data-beauty-theme] .day-times{gap:6px!important}
  html[data-beauty-theme] .day-times input{min-height:41px!important}
  html[data-beauty-theme] .screen-business .form-grid{gap:9px!important}
  html[data-beauty-theme] .screen-business .image-uploader{min-height:119px!important}
  html[data-beauty-theme] .screen-business .image-uploader span{min-height:119px!important}
  html[data-beauty-theme] .screen-business .image-uploader.square span{min-height:105px!important}
  html[data-beauty-theme] .screen-business .media-grid{gap:8px!important}
  html[data-beauty-theme] .screen-business .image-uploader.square{max-width:118px!important}
  html[data-beauty-theme] .screen-rules .toggle-row,html[data-beauty-theme] .screen-payments .toggle-row{padding:10px!important;min-height:50px!important}
  html[data-beauty-theme] .screen-rules .toggle-row small,html[data-beauty-theme] .screen-payments .toggle-row small{font-size:10.5px!important}
  html[data-beauty-theme] .screen-publish .phone-preview{max-width:330px!important}
  html[data-beauty-theme] .clena-theme-setting{padding:11px!important;gap:10px!important}
  html[data-beauty-theme] .clena-theme-setting-header{gap:8px!important}
  html[data-beauty-theme] .clena-theme-setting-header h3{font-size:14px!important}
  html[data-beauty-theme] .clena-theme-setting-header p{font-size:11px!important}
  html[data-beauty-theme] .clena-theme-choices{gap:6px!important}
  html[data-beauty-theme] .clena-theme-choice{padding:8px!important;border-radius:10px!important;gap:6px!important}
  html[data-beauty-theme] .clena-theme-choice[aria-checked="true"]{padding:7px!important}
  html[data-beauty-theme] .clena-theme-swatch{height:46px!important}
  html[data-beauty-theme] .clena-theme-choice-label strong{font-size:11.5px!important}
  html[data-beauty-theme] .clena-theme-choice-label small{font-size:9.5px!important}
  html[data-beauty-theme] .clena-theme-save-status{font-size:10px!important}
  html[data-beauty-theme] .modal-card,
  html[data-beauty-theme] .modal-card[data-modal="service"],
  html[data-beauty-theme] .modal-card[data-modal="appointment"]{
    background:var(--skin-surface)!important;
  }
  html[data-beauty-theme] .modal-card>header{min-height:59px!important;padding:17px 12px 9px!important}
  html[data-beauty-theme] #modalBody{padding:11px!important}
  html[data-beauty-theme] #modalBody .modal-footer{
    width:calc(100% + 22px)!important;margin:12px -11px -11px!important;
    padding:9px 11px calc(9px + env(safe-area-inset-bottom))!important;
  }
  html[data-beauty-theme] .toast-region{bottom:calc(67px + env(safe-area-inset-bottom))!important}
  html[data-beauty-theme] .install-pill{bottom:calc(72px + env(safe-area-inset-bottom))!important}
  html[data-beauty-theme] .auth-card{padding:18px!important}
  html[data-beauty-theme] .auth-card-head{margin-bottom:12px!important}
  html[data-beauty-theme] .auth-mini-logo{width:46px!important;height:46px!important;margin-bottom:7px!important}
  html[data-beauty-theme] .auth-card h2{font-size:21px!important}
  html[data-beauty-theme] .auth-form{gap:10px!important}
}
@media(max-width:360px){
  html[data-beauty-theme] .clena-theme-setting-header{flex-direction:column!important}
  html[data-beauty-theme] .clena-theme-choice{padding:6px!important}
  html[data-beauty-theme] .clena-theme-choice[aria-checked="true"]{padding:5px!important}
  html[data-beauty-theme] .clena-theme-swatch{height:42px!important}
  html[data-beauty-theme] .clena-theme-choice-label small{font-size:9px!important}
  html[data-beauty-theme] .overview-premium .hero-card h2{font-size:20px!important}
  html[data-beauty-theme] .screen-finance .finance-summary-card strong{font-size:14px!important}
}
html[data-beauty-theme="grafite"] .image-uploader,
html[data-beauty-theme="grafite"] .real-preview-empty,
html[data-beauty-theme="grafite"] .auth-verification-note,
html[data-beauty-theme="grafite"] .real-preview-note,
html[data-beauty-theme="grafite"] .day-row.is-closed{
  background:var(--skin-alt)!important;color:var(--skin-muted)!important;
}
html[data-beauty-theme="grafite"] .toggle-row{border-color:var(--skin-border)!important}
html[data-beauty-theme="grafite"] .clena-home-hero-context strong{color:var(--skin-ink)!important}
html[data-beauty-theme="grafite"] .clena-theme-swatch,
html[data-beauty-theme="grafite"] .clena-theme-choice{border-color:var(--skin-border)}
html[data-beauty-theme="grafite"] .badge.off{background:#354453!important;color:#dce7f0!important;border-color:#526474!important}
html[data-beauty-theme="grafite"] .badge.pending{background:#604827!important;color:#ffe6b7!important;border-color:#846637!important}
html[data-beauty-theme="grafite"] .badge.info{background:#233f55!important;color:#c1e6fb!important;border-color:#3c6480!important}
html[data-beauty-theme="grafite"] .badge.done,html[data-beauty-theme="grafite"] .badge{background:#234938!important;color:#c4eed7!important;border-color:#326a50!important}
html[data-beauty-theme="grafite"] .badge.off{background:#354453!important;color:#dce7f0!important;border-color:#526474!important}
html[data-beauty-theme="grafite"] .badge.pending{background:#604827!important;color:#ffe6b7!important;border-color:#846637!important}
html[data-beauty-theme="grafite"] .badge.info{background:#233f55!important;color:#c1e6fb!important;border-color:#3c6480!important}
html[data-beauty-theme="grafite"] .helper-box{background:#223444!important;color:#ccdce6!important}
html[data-beauty-theme="grafite"] .danger-box{background:#462c36!important;color:#ffcbd6!important;border-color:#754354!important}
html[data-beauty-theme="grafite"] .warning-box{background:#483a2a!important;color:#ffe4ba!important;border-color:#75573d!important}
html[data-beauty-theme="grafite"] .finance-summary-card.balance .finance-summary-icon{background:rgba(0,0,0,.12)!important}
html[data-beauty-theme="grafite"] .section-header .eyebrow{background:var(--skin-soft)!important;color:var(--skin-accent)!important}
html[data-beauty-theme="grafite"] .auth-message{background:var(--skin-alt)!important;color:var(--skin-ink)!important}
html[data-beauty-theme="grafite"] .auth-message.error{background:#462c36!important;color:#ffcbd6!important}
html[data-beauty-theme="grafite"] .auth-message.success{background:#234938!important;color:#c4eed7!important}
html[data-beauty-theme] .app-splash{
  background:var(--skin-bg)!important;color:var(--skin-ink)!important;
  border-color:var(--skin-border)!important;
}
html[data-beauty-theme] .app-splash strong{color:var(--skin-ink)!important}
html[data-beauty-theme] .app-splash small{color:var(--skin-muted)!important}
html[data-beauty-theme] .splash-logo{
  background:var(--skin-surface)!important;border:1px solid var(--skin-border)!important;
  box-shadow:var(--skin-shadow)!important;
}
html[data-beauty-theme] .page-loader{background:var(--skin-bg)!important;color:var(--skin-muted)!important}
html[data-beauty-theme] .loader-dot{background:var(--skin-accent)!important}
@media(prefers-reduced-motion:reduce){
  html[data-beauty-theme] *,html[data-beauty-theme] *::before,
  html[data-beauty-theme] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}


/* =====================================================================
   CLIENTES EM TABELA | ACOES COMPACTAS - 15/10/2026
   Uma linha por cliente. Dados pessoais e edicao somente ao abrir.
   Respeita Brisa, Areia e Grafite, em telefone, tablet e computador.
   ===================================================================== */
html[data-beauty-theme] .screen-customers .customer-list-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0 0 11px!important;gap:10px!important;
}
html[data-beauty-theme] .screen-customers .customer-list-heading h2{
  margin:0!important;font-size:20px!important;font-weight:850!important;
  line-height:1.2!important;letter-spacing:-.035em!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] .screen-customers .customer-list-heading p{
  color:var(--skin-muted)!important;margin:3px 0 0!important;
  font-size:11.5px!important;line-height:1.35!important;
}
html[data-beauty-theme] .screen-customers .customer-inline-toolbar{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  gap:9px!important;width:100%!important;min-width:0!important;
  margin:0 0 10px!important;
}
html[data-beauty-theme] .screen-customers .customer-toolbar{
  display:block!important;flex:1 1 auto!important;width:100%!important;max-width:620px!important;
  min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;
}
html[data-beauty-theme] .screen-customers .customer-toolbar .search{
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
}
html[data-beauty-theme] .screen-customers .customer-toolbar .search input{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  height:40px!important;min-height:40px!important;padding:8px 12px 8px 39px!important;
  font-size:13px!important;border-radius:10px!important;
  border:1px solid var(--skin-border)!important;
  background:var(--skin-input)!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] .screen-customers .customer-toolbar .search i{
  position:absolute!important;top:12px!important;left:13px!important;
  font-size:16px!important;color:var(--skin-muted)!important;
}
html[data-beauty-theme] .screen-customers .customer-top-actions{
  display:flex!important;justify-content:flex-end!important;align-items:center!important;
  flex:0 0 auto!important;min-width:0!important;width:auto!important;
  margin:0!important;padding:0!important;gap:0!important;
}
html[data-beauty-theme] #newCustomerButton{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;gap:6px!important;
  width:auto!important;max-width:max-content!important;min-width:0!important;
  height:39px!important;min-height:39px!important;padding:0 12px!important;
  border-radius:10px!important;font-size:11.5px!important;line-height:1!important;
  font-weight:800!important;white-space:nowrap!important;
  border:1px solid var(--skin-line)!important;background:var(--skin-soft)!important;
  color:var(--skin-accent)!important;box-shadow:none!important;
}
html[data-beauty-theme] #newCustomerButton i{font-size:15px!important}
html[data-beauty-theme] .screen-customers .customer-list-wrap{
  width:100%!important;min-width:0!important;max-width:100%!important;
  display:block!important;overflow:hidden!important;
  padding:0!important;margin:0!important;border-radius:13px!important;
  background:var(--skin-surface)!important;border:1px solid var(--skin-border)!important;
  box-shadow:none!important;
}
html[data-beauty-theme] .screen-customers .customer-name-table{
  display:table!important;width:100%!important;min-width:0!important;
  max-width:100%!important;table-layout:fixed!important;
  border-collapse:collapse!important;border-spacing:0!important;
  margin:0!important;background:var(--skin-surface)!important;
}
html[data-beauty-theme] .screen-customers .customer-name-table thead{
  display:table-header-group!important;background:var(--skin-alt)!important;
}
html[data-beauty-theme] .screen-customers .customer-name-table tbody{
  display:table-row-group!important;width:auto!important;
}
html[data-beauty-theme] .screen-customers .customer-name-table tr,
html[data-beauty-theme] .screen-customers .customer-name-table tr.customer-row{
  display:table-row!important;position:static!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  background:transparent!important;width:auto!important;height:auto!important;
  min-height:0!important;margin:0!important;padding:0!important;gap:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
html[data-beauty-theme] .screen-customers .customer-name-table th{
  display:table-cell!important;position:static!important;vertical-align:middle!important;
  width:100%!important;height:35px!important;padding:9px 14px!important;
  text-align:left!important;font-size:10px!important;letter-spacing:.08em!important;
  line-height:1.3!important;text-transform:uppercase!important;font-weight:850!important;
  color:var(--skin-muted)!important;border:0!important;
  background:var(--skin-alt)!important;
}
html[data-beauty-theme] .screen-customers .customer-name-table td,
html[data-beauty-theme] .screen-customers .customer-name-table td.customer-main-cell{
  display:table-cell!important;position:static!important;vertical-align:middle!important;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  border:0!important;border-top:1px solid var(--skin-border)!important;
  white-space:normal!important;background:transparent!important;
}
html[data-beauty-theme] .screen-customers .customer-row-trigger{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  min-height:46px!important;gap:12px!important;margin:0!important;
  padding:10px 13px 10px 15px!important;
  border:0!important;border-radius:0!important;outline-offset:-3px!important;
  text-align:left!important;cursor:pointer!important;
  background:transparent!important;color:var(--skin-ink)!important;
  font-family:inherit!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,
html[data-beauty-theme] .screen-customers .customer-row-trigger:focus-visible{
  background:var(--skin-soft)!important;
}
html[data-beauty-theme] .screen-customers .customer-row-trigger:focus-visible{
  outline:2px solid var(--skin-accent)!important;
}
html[data-beauty-theme] .screen-customers .customer-row-trigger:active{
  background:var(--skin-soft)!important;
}
html[data-beauty-theme] .screen-customers .customer-row-name{
  display:block!important;min-width:0!important;flex:1 1 auto!important;
  font-size:13px!important;line-height:1.4!important;font-weight:750!important;
  color:var(--skin-ink)!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
}
html[data-beauty-theme] .screen-customers .customer-row-trigger>i{
  display:block!important;flex:0 0 auto!important;
  font-size:17px!important;color:var(--skin-muted)!important;
}

/* Resumo do cliente apenas na janela de detalhes */
html[data-beauty-theme] .customer-detail-view{
  display:grid!important;gap:14px!important;
  min-width:0!important;color:var(--skin-ink)!important;
}
html[data-beauty-theme] .customer-detail-heading{
  display:flex!important;align-items:center!important;gap:11px!important;
  min-width:0!important;padding:2px 0 12px!important;
  border-bottom:1px solid var(--skin-border)!important;
}
html[data-beauty-theme] .customer-detail-initial{
  display:grid!important;place-items:center!important;flex:0 0 44px!important;
  width:44px!important;height:44px!important;border-radius:12px!important;
  background:var(--skin-soft)!important;color:var(--skin-accent)!important;
  font-size:15px!important;font-weight:850!important;
}
html[data-beauty-theme] .customer-detail-heading>div{min-width:0!important}
html[data-beauty-theme] .customer-detail-heading h3{
  margin:0 0 5px!important;color:var(--skin-ink)!important;
  font-size:17px!important;line-height:1.3!important;font-weight:850!important;
  letter-spacing:-.02em!important;overflow-wrap:anywhere!important;
}
html[data-beauty-theme] .customer-detail-fields{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:0!important;min-width:0!important;
}
html[data-beauty-theme] .customer-detail-field{
  display:grid!important;align-content:start!important;gap:4px!important;
  margin:0!important;padding:11px!important;min-width:0!important;
  border-radius:10px!important;border:1px solid var(--skin-border)!important;
  background:var(--skin-alt)!important;
}
html[data-beauty-theme] .customer-detail-field--full{grid-column:1/-1!important}
html[data-beauty-theme] .customer-detail-field dt{
  margin:0!important;color:var(--skin-muted)!important;font-size:10.5px!important;
  font-weight:800!important;line-height:1.35!important;
}
html[data-beauty-theme] .customer-detail-field dd{
  margin:0!important;min-width:0!important;font-size:13px!important;
  line-height:1.4!important;font-weight:700!important;color:var(--skin-ink)!important;
  overflow-wrap:anywhere!important;white-space:pre-wrap!important;
}
html[data-beauty-theme] .customer-detail-empty{font-weight:500!important;color:var(--skin-muted)!important}
html[data-beauty-theme] .customer-detail-view .modal-footer{
  margin-top:5px!important;
}

/* Criar/Adicionar: ações secundárias discretas, nunca botões gigantes */
html[data-beauty-theme] :is(#newServiceButton,#newResourceButton,#addBlockButton,
  #newCustomerButton,#newAppointmentButton,#newFinanceButton,#dayNewAppointment){
  min-height:38px!important;height:38px!important;
  width:max-content!important;max-width:100%!important;min-width:0!important;
  padding:0 11px!important;border-radius:9px!important;
  gap:6px!important;font-size:11.5px!important;line-height:1!important;
  font-weight:800!important;white-space:nowrap!important;
  box-shadow:none!important;transform:none!important;flex:0 0 auto!important;
}
html[data-beauty-theme] :is(#newServiceButton,#newResourceButton,#addBlockButton,
  #newCustomerButton,#newAppointmentButton,#newFinanceButton,#dayNewAppointment) i{
  font-size:16px!important;flex:0 0 auto!important;
}
html[data-beauty-theme] .screen-reports .section-actions button{
  width:auto!important;min-width:0!important;max-width:max-content!important;
  min-height:36px!important;padding:7px 11px!important;
  font-size:11.5px!important;box-shadow:none!important;
}

@media(max-width:760px){
  html[data-beauty-theme] .screen-customers .customer-list-heading{margin-bottom:9px!important}
  html[data-beauty-theme] .screen-customers .customer-list-heading h2{font-size:18px!important}
  html[data-beauty-theme] .screen-customers .customer-list-heading p{font-size:10.5px!important}
  html[data-beauty-theme] .screen-customers .customer-inline-toolbar{gap:7px!important;margin-bottom:8px!important}
  html[data-beauty-theme] .screen-customers .customer-toolbar{max-width:none!important}
  html[data-beauty-theme] .screen-customers .customer-toolbar .search input{
    height:39px!important;min-height:39px!important;font-size:12px!important;
  }
  html[data-beauty-theme] #newCustomerButton{
    width:auto!important;min-height:39px!important;height:39px!important;
    padding:0 9px!important;font-size:11px!important;max-width:max-content!important;
  }
  html[data-beauty-theme] .screen-customers .customer-name-table th{padding:8px 12px!important}
  html[data-beauty-theme] .screen-customers .customer-row-trigger{
    min-height:45px!important;padding:10px 11px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-row-name{font-size:12.5px!important}

  html[data-beauty-theme] .screen-services .section-header,
  html[data-beauty-theme] .screen-resources .section-header,
  html[data-beauty-theme] .screen-availability .section-header,
  html[data-beauty-theme] .screen-finance .finance-section-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;align-items:center!important;
    gap:9px!important;
  }
  html[data-beauty-theme] :is(#newServiceButton,#newResourceButton,#addBlockButton,#newFinanceButton){
    display:grid!important;place-items:center!important;
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    width:39px!important;min-width:39px!important;max-width:39px!important;
    min-height:39px!important;height:39px!important;padding:0!important;
    font-size:0!important;
  }
  html[data-beauty-theme] :is(#newServiceButton,#newResourceButton,#addBlockButton,#newFinanceButton) i{
    margin:0!important;font-size:19px!important;
  }
  html[data-beauty-theme] .screen-finance .finance-section-header>.primary-btn{
    width:39px!important;min-width:39px!important;max-width:39px!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-top-actions{
    display:flex!important;align-items:center!important;
    flex-wrap:wrap!important;justify-content:flex-end!important;
    gap:7px!important;width:100%!important;margin-bottom:9px!important;
    grid-template-columns:none!important;
  }
  html[data-beauty-theme] .screen-appointments .agenda-top-actions button{
    min-height:38px!important;height:38px!important;
    width:auto!important;max-width:max-content!important;
    padding:0 10px!important;font-size:11px!important;
  }
  html[data-beauty-theme] .screen-appointments .day-agenda-head .secondary-btn,
  html[data-beauty-theme] #dayNewAppointment{
    min-height:38px!important;height:38px!important;
    width:auto!important;max-width:max-content!important;padding:0 11px!important;
    justify-self:start!important;
  }
  html[data-beauty-theme] .screen-reports .section-header .section-actions{
    display:flex!important;flex-wrap:wrap!important;align-items:center!important;
    width:auto!important;gap:7px!important;overflow:visible!important;
  }
  html[data-beauty-theme] .screen-reports .section-actions button{
    width:auto!important;min-height:36px!important;padding:7px 10px!important;
  }
  html[data-beauty-theme] .screen-reports .report-filter .primary-btn{
    width:max-content!important;max-width:100%!important;min-height:38px!important;
    padding:8px 12px!important;justify-self:end!important;grid-column:1/-1!important;
  }
  html[data-beauty-theme] .customer-detail-fields{gap:7px!important}
  html[data-beauty-theme] .customer-detail-field{padding:10px!important}
}
@media(max-width:360px){
  html[data-beauty-theme] #newCustomerButton span{display:none!important}
  html[data-beauty-theme] #newCustomerButton{
    min-width:39px!important;width:39px!important;max-width:39px!important;
    padding:0!important;
  }
  html[data-beauty-theme] .screen-customers .customer-toolbar .search input{
    padding-left:37px!important;
  }
  html[data-beauty-theme] .screen-customers .customer-list-heading p{display:none!important}
}


/* ==========================================================================
   REPORT PERIOD / CLEAN INLINE DATES 2026-10-15
   Date range in one subtle, responsive horizontal group.
   Uses the same tokens as Brisa, Areia, and Grafite.
   ========================================================================== */
html[data-beauty-theme] .screen-reports .report-filter.report-period-filter{
  display:grid!important;
  grid-template-columns:146px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:11px 13px!important;
  margin:0 0 13px!important;
  border:1px solid var(--skin-border)!important;
  border-radius:14px!important;
  background:var(--skin-surface)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html[data-beauty-theme] .screen-reports .report-period-heading{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
html[data-beauty-theme] .screen-reports .report-period-icon{
  width:33px!important;
  height:33px!important;
  min-width:33px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--skin-line)!important;
  background:var(--skin-soft)!important;
  color:var(--skin-accent)!important;
  border-radius:10px!important;
  font-size:16px!important;
}
html[data-beauty-theme] .screen-reports .report-period-heading>div{
  display:grid!important;gap:2px!important;min-width:0!important;
}
html[data-beauty-theme] .screen-reports .report-period-heading strong{
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  color:var(--skin-ink)!important;
  line-height:1.2!important;
}
html[data-beauty-theme] .screen-reports .report-period-heading small{
  color:var(--skin-muted)!important;
  font-size:10px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
html[data-beauty-theme] .screen-reports .report-period-dates{
  position:relative!important;
  width:100%!important;
  max-width:570px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  flex-direction:initial!important;
  gap:10px!important;
  align-items:stretch!important;
}
html[data-beauty-theme] .screen-reports .report-date-item{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  flex:initial!important;
  min-width:0!important;
  max-width:100%!important;
  gap:3px!important;
  margin:0!important;
  padding:7px 10px 6px!important;
  min-height:57px!important;
  border:1px solid var(--skin-border)!important;
  border-radius:10px!important;
  background:var(--skin-alt)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:border-color .14s ease,background .14s ease!important;
}
html[data-beauty-theme] .screen-reports .report-date-item:hover{
  border-color:var(--skin-line)!important;
}
html[data-beauty-theme] .screen-reports .report-date-item:focus-within{
  border-color:var(--skin-accent)!important;
  box-shadow:0 0 0 2px var(--skin-soft)!important;
}
html[data-beauty-theme] .screen-reports .report-date-label{
  display:block!important;
  color:var(--skin-muted)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.025em!important;
  margin:0!important;
  text-transform:none!important;
}
html[data-beauty-theme] .screen-reports .report-date-item input[type="date"]{
  display:block!important;
  flex:0 1 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  height:27px!important;
  min-height:27px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
  background:transparent!important;
  color:var(--skin-ink)!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:27px!important;
  letter-spacing:-.015em!important;
  font-variant-numeric:tabular-nums!important;
  cursor:pointer!important;
}
html[data-beauty-theme] .screen-reports .report-date-item input[type="date"]::-webkit-date-and-time-value{
  min-width:0!important;
  text-align:left!important;
  padding:0!important;
}
html[data-beauty-theme] .screen-reports .report-date-item input[type="date"]::-webkit-datetime-edit{
  min-width:0!important;
  padding:0!important;
}
html[data-beauty-theme] .screen-reports .report-date-item input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:.72!important;
  cursor:pointer!important;
  margin:0 0 0 3px!important;
  width:16px!important;
  height:16px!important;
  padding:0!important;
}
html[data-beauty-theme] .screen-reports .report-range-arrow{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:23px!important;
  height:23px!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  border:1px solid var(--skin-border)!important;
  border-radius:50%!important;
  background:var(--skin-surface)!important;
  color:var(--skin-muted)!important;
  font-size:13px!important;
}
@media(max-width:760px){
  html[data-beauty-theme] .screen-reports .report-filter.report-period-filter{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
    margin-bottom:10px!important;
    border-radius:13px!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-heading{
    gap:7px!important;
    min-height:19px!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-icon{
    display:none!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-heading strong{
    font-size:11.5px!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-heading small{
    display:none!important;
  }
  html[data-beauty-theme] .screen-reports .report-period-dates{
    gap:8px!important;
    max-width:100%!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-item{
    min-height:55px!important;
    padding:7px 9px 6px!important;
    border-radius:9px!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-label{
    font-size:10px!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-item input[type="date"]{
    font-size:16px!important;
    line-height:26px!important;
    height:26px!important;
    min-height:26px!important;
  }
  html[data-beauty-theme] .screen-reports .report-range-arrow{
    width:20px!important;height:20px!important;font-size:11px!important;
  }
}
@media(max-width:360px){
  html[data-beauty-theme] .screen-reports .report-filter.report-period-filter{
    padding:8px!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-item{
    padding:6px 6px 5px!important;
  }
  html[data-beauty-theme] .screen-reports .report-date-item input[type="date"]{
    font-size:15px!important;
  }
}

/* CLENA / envio publicado + sincronizacao automatica */
html[data-beauty-theme] .topbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;min-width:0!important}
html[data-beauty-theme] #sendToClientsButton{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:auto!important;min-width:0!important;max-width:100%!important;
  min-height:39px!important;height:39px!important;
  padding:0 14px!important;margin:0!important;
  font-size:12px!important;font-weight:800!important;line-height:1!important;
  letter-spacing:0!important;white-space:nowrap!important;border-radius:11px!important;
  color:var(--skin-on-accent)!important;background:var(--skin-accent)!important;
  border:1px solid transparent!important;box-shadow:none!important
}
html[data-beauty-theme] #sendToClientsButton i{font-size:17px!important;line-height:1!important;margin:0!important}
html[data-beauty-theme] #sendToClientsButton:hover{background:var(--skin-accent-hover)!important}
html[data-beauty-theme] .clena-mobile-sidebar-quick{display:grid!important;gap:5px!important;border-top:1px solid rgba(255,255,255,.13)!important;padding-top:10px!important}
html[data-beauty-theme] .clena-autosave-label{
  display:flex!important;align-items:center!important;gap:9px!important;min-height:31px!important;
  color:var(--skin-side-ink)!important;opacity:.84!important;padding:5px 10px!important;
  font-size:11px!important;font-weight:700!important;line-height:1.35!important
}
html[data-beauty-theme] .clena-autosave-label i{font-size:15px!important}
html[data-beauty-theme] .clena-autosave-label.is-saving i{animation:clenaAutosaveRotate 1.15s linear infinite}
html[data-beauty-theme] .clena-autosave-label.is-failed{color:#ffcdce!important;opacity:1!important}
@keyframes clenaAutosaveRotate{to{transform:rotate(360deg)}}
@media(max-width:760px){
  html[data-beauty-theme] .topbar{grid-template-columns:minmax(0,1fr) auto!important}
  html[data-beauty-theme] .topbar-actions{gap:0!important}
  html[data-beauty-theme] #sendToClientsButton{
    display:inline-flex!important;width:auto!important;min-width:0!important;max-width:100%!important;
    height:38px!important;min-height:38px!important;padding:0 10px!important;
    font-size:11px!important;border-radius:10px!important;gap:6px!important;
  }
  html[data-beauty-theme] #sendToClientsButton i{font-size:16px!important}
}
@media(max-width:360px){
  html[data-beauty-theme] .topbar-title small{font-size:12px!important}
  html[data-beauty-theme] #sendToClientsButton{font-size:10px!important;padding-inline:8px!important;gap:4px!important}
  html[data-beauty-theme] #sendToClientsButton i{font-size:15px!important}
}