/* CABRA MACHO: identidade visual compartilhada em todas as rotas.
   Paleta monocromática fiel ao logotipo original: preto, branco e grafite. */
:root{
 --bg:#090a0b;--bg-alt:#151719;--panel:#151719;--card:#151719;
 --ink:#f5f5f4;--muted:#b9bec2;--gold:#b9bec2;--gold-light:#d7dadb;
 --line:#373b3f;--font:'Manrope',Arial,sans-serif;
 --display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
 --c-admin-bg:#090a0b;--c-admin-rail:#151719;--c-admin-surface:#151719;
 --c-admin-surface-2:#25282b;--c-admin-border:#5b6065;
 --c-admin-text:#f5f5f4;--c-admin-muted:#d7dadb;
 --c-admin-accent:#b9bec2;--c-admin-soft:#d7dadb;
 --cab-sidebar-bg:#151719;--cab-sidebar-card:#151719;
 --cab-sidebar-line:#373b3f;--cab-sidebar-gold:#b9bec2;
 --cab-sidebar-text:#f5f5f4;--v5-gold:#b9bec2;
 --v5-dark:#090a0b;--v5-deep:#151719;
 --v5-stroke:rgba(185,190,194,.26);
 --cabramacho-green:#5b6065;--cabramacho-cream:#d7dadb;--cabramacho-red:#5b6065;
}
body{background:#090a0b;color:#f5f5f4;font-family:var(--font)}
h1,h2,h3,.admin-heading h1,.biz-heading h1,.management-content h1,
.admin-content .admin-section h2,.biz-shell .biz-panel h2,.management-section h2,
.cabramacho-vip h2,.vip-dialog h2,.vip-admin h1,.vip-admin h2,
.vip-login h1,.vip-account h1,.vip-title,.section-heading h2{
 font-family:var(--display)!important;font-weight:800!important;letter-spacing:.025em!important;text-transform:uppercase!important;line-height:1.05!important;
}
.admin-content,.biz-shell .biz-main,.management-content,.admin-shell,.biz-shell,.management-shell{
 background:#090a0b!important;color:#f5f5f4!important;
}
.admin-content .admin-section,.admin-content .panel,.admin-content .stat-card,
.biz-shell .biz-panel,.biz-shell .biz-card,.management-section,.vip-admin-panel,
.vip-admin .vip-stat,.vip-login-panel,.vip-login-card,.panel,.summary-card{
 background:#151719!important;border-color:#5b6065!important;color:#f5f5f4!important;
}
.admin-content .data-table th,.admin-content .day-agenda-table th,
.biz-shell .biz-table th,.biz-shell table th{background:#25282b!important;color:#ebedef!important}
.admin-content .data-table td,.biz-shell .biz-table td,.biz-shell table td{border-color:#373b3f!important}
.admin-content .stat-card,.biz-shell .biz-card{background:linear-gradient(140deg,#25282b,#151719)!important}
.cabra-unified-sidebar,.admin-sidebar,.biz-sidebar{background:#151719!important;color:#f5f5f4!important}
.cabra-unified-sidebar .cabra-sidebar-logo{padding:8px 15px 18px!important;gap:6px!important}
.cabra-unified-sidebar .cabra-sidebar-logo img{width:92px!important;height:92px!important;object-fit:contain!important}
.cabra-unified-sidebar .cabra-sidebar-logo::after{background:linear-gradient(90deg,#373b3f 0 30%,#b9bec2 30% 70%,#373b3f 70% 100%)!important}
.cabra-unified-sidebar .cabra-sidebar-logo span{color:#d7dadb!important}
.cabra-unified-sidebar .cabra-nav-group{background:#151719!important;border-color:#373b3f!important}
.cabra-unified-sidebar .cabra-nav-group .cabra-nav-group-toggle{color:#d7dadb!important;border-color:#373b3f!important}
.cabra-unified-sidebar .cabra-nav-group a.is-current,.cabra-unified-sidebar .cabra-nav-group button[data-tab].is-current{
 background:#b9bec2!important;color:#151719!important;border-color:#d7dadb!important;box-shadow:inset 3px 0 0 #5b6065!important;
}
.cabra-unified-sidebar .cabra-nav-group a:hover,.cabra-unified-sidebar .cabra-nav-group button[data-tab]:hover{background:#25282b!important;border-color:#9da2a6!important;color:#ebedef!important}
.admin-heading,.biz-heading{border-bottom-color:#5b6065!important}
.admin-heading .eyebrow,.biz-eyebrow,.eyebrow,.cabra-vip .eyebrow{color:#d7dadb!important}
.admin-content .button-gold,.biz-shell .biz-primary,#biz-dialog .biz-primary,.button-gold,.button.button-gold{
 background:#b9bec2!important;border-color:#b9bec2!important;color:#151719!important;
}
.admin-content .button-gold:hover,.biz-shell .biz-primary:hover,#biz-dialog .biz-primary:hover,.button-gold:hover:not(:disabled){background:#d7dadb!important;border-color:#d7dadb!important;color:#151719!important}
.admin-content input,.admin-content select,.admin-content textarea,
.biz-shell input,.biz-shell select,.biz-shell textarea,.vip-admin input,.vip-admin select,
.vip-admin textarea,.vip-login input,.vip-form input,
input,select,textarea{background:#151719;border-color:#5b6065;color:#f5f5f4}
input::placeholder,textarea::placeholder{color:#b9bec2}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-color:#d7dadb!important}
.cabramacho-vip{background:radial-gradient(ellipse at 86% 14%,#25282b 0,transparent 48%),linear-gradient(135deg,#151719,#151719 70%,#090a0b)!important;border-color:#373b3f!important}
.cabramacho-vip h2,.cabramacho-vip .vip-display-heading strong,.cabramacho-vip .vip-public-plan h3{color:#f5f5f4!important}
.cabramacho-vip h2 em{color:#d7dadb!important}
.cabramacho-vip .vip-display,.vip-admin,.vip-admin-panel,.vip-public-plan,.vip-plan-card,.vip-login-box,.vip-account-card{
 background:#151719!important;border-color:#5b6065!important;color:#ebedef!important;
}
.vip-public-plan .vip-public-price,.vip-admin .vip-summary-number,.vip-admin .vip-price{color:#d7dadb!important}
.vip-gold-tag{background:#b9bec2!important;color:#151719!important}
/* Views administrativas auxiliares: colaboradores, relatórios, acesso e recuperação. */
body:has(.vip-admin),body:has(.vip-login-page),body:has(.restricted-page),body:has(.permissions-page){background:#151719}
#biz-dialog,.modal,.vip-dialog,dialog{background:#25282b;color:#ebedef;border-color:#7b8085}
#biz-dialog::backdrop,.modal::backdrop,.vip-dialog::backdrop{background:#090a0bcb}
button,.button{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.cabra-vip .vip-public-inner,.cabra-vip .vip-public-actions{position:relative}
.cabra-vip .vip-public-plan{border:1px solid #5b6065}
.cabra-vip .vip-public-plan:hover{border-color:#b9bec2}
/* Local da marca: nenhuma faixa tricolor italiana. */
.tricolore,.tricolore-line,.hero-bottom-rule{background:linear-gradient(90deg,#373b3f 0 27%,#b9bec2 27% 73%,#373b3f 73% 100%)!important}
.cabra-sidebar-logo::after{background:linear-gradient(90deg,#373b3f 0 27%,#b9bec2 27% 73%,#373b3f 73% 100%)!important}
@media(max-width:800px){
 .site-header .brand img{width:58px;height:58px}
 .brand-lettering strong{font-size:23px}
 .brand-lettering small{font-size:7px}
 .cabra-vip .vip-public-inner{grid-template-columns:1fr}
 .cabra-unified-sidebar .cabra-sidebar-logo img{width:76px!important;height:76px!important}
}
@media(prefers-reduced-motion:reduce){button,.button{transition:none!important}}

/* CABRA MACHO | ASSINATURA MONOCROMÁTICA DO LOGOTIPO
   Camada final compartilhada por todas as páginas. Apenas apresentação. */
:root {
  color-scheme:dark;
  --bg:#090a0b; --bg-alt:#101113; --panel:#191b1e; --card:#1e2023;
  --ink:#f5f5f4; --muted:#b9bec2; --gold:#f5f5f4; --gold-light:#ffffff;
  --line:#43474b; --red:#d7dadb; --green:#d7dadb;
  --v5-gold:#f5f5f4; --v5-dark:#090a0b; --v5-deep:#151719;
  --v5-stroke:rgba(245,245,244,.2);
  --c-admin-bg:#090a0b; --c-admin-rail:#101113; --c-admin-surface:#191b1e;
  --c-admin-surface-2:#25282b; --c-admin-border:#43474b;
  --c-admin-text:#f5f5f4; --c-admin-muted:#b9bec2;
  --c-admin-accent:#f5f5f4; --c-admin-soft:#ebedef;
  --cab-sidebar-bg:#101113; --cab-sidebar-card:#191b1e;
  --cab-sidebar-line:#43474b; --cab-sidebar-gold:#f5f5f4;
  --cab-sidebar-text:#f5f5f4;
  --cabramacho-green:#9da2a6; --cabramacho-cream:#f5f5f4; --cabramacho-red:#777b7f;
}
body { background:#090a0b; color:#f5f5f4; }
::selection{background:#f5f5f4;color:#090a0b}
/* Acessibilidade: links, componentes acionáveis e botões mantêm contraste alto. */
.button-gold,.button.button-gold,.button.booking-whatsapp-button,
.admin-content .button-gold,.admin-content .button.button-gold,
.biz-shell .biz-primary,#biz-dialog .biz-primary,
.restricted-primary,.vip-gold-tag,
.admin-content button.is-primary,.vip-admin .button-gold{
  background:#f5f5f4!important;color:#090a0b!important;border-color:#f5f5f4!important;
}
.button-gold:hover:not(:disabled),.button.button-gold:hover:not(:disabled),
.biz-shell .biz-primary:hover:not(:disabled),#biz-dialog .biz-primary:hover:not(:disabled),
.restricted-primary:hover:not(:disabled){background:#d7dadb!important;border-color:#d7dadb!important;color:#090a0b!important}
.button-outline,.button.button-outline,.restricted-outline{border-color:#9da2a6!important;color:#f5f5f4!important}
.button-outline:hover:not(:disabled),.restricted-outline:hover:not(:disabled){background:#25282b!important;border-color:#f5f5f4!important}
a:hover{ text-decoration-color:#f5f5f4 }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible{outline:2px solid #f5f5f4!important;outline-offset:2px}
.site-header,.site-header.is-scrolled {background:rgba(9,10,11,.97)!important;border-color:#373b3f!important}
.tricolore,.tricolore-line,.hero-bottom-rule,
.cabra-unified-sidebar .cabra-sidebar-logo::after,.cabra-sidebar-logo::after{
  background:linear-gradient(90deg,#43474b 0 28%,#f5f5f4 28% 72%,#43474b 72% 100%)!important;
}
.cabramacho-marquee{background:#f5f5f4!important;color:#090a0b!important;border-color:#f5f5f4!important}
.hero-cabra .hero-photo{filter:grayscale(1) brightness(.35) contrast(1.2)!important}
.hero-cabra .hero-gradient{background:linear-gradient(90deg,rgba(5,6,7,.97),rgba(9,10,11,.75) 50%,rgba(9,10,11,.57)),linear-gradient(0deg,#090a0be8,transparent 35%)!important}
.hero-cabra h1 em {color:#fff!important;-webkit-text-stroke:1px #fff!important}
.hero-emblem{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:20px 0!important}
.hero-emblem::before,.hero-emblem::after{border-color:#777b7f!important}
.hero-emblem::before{inset:10px!important}
.hero-emblem::after{inset:31px!important}
.emblem-label{background:#101113!important;color:#f5f5f4!important}
.hero-kicker,.hero-tagline span,.eyebrow,.kicker-line{color:#f5f5f4!important}
.kicker-line{background:#f5f5f4!important}
/* As superfícies e tabelas da administração seguem a mesma identidade da home. */
.admin-shell,.admin-content,.biz-shell,.biz-shell .biz-main,.management-shell,.management-content,
.admin-sidebar,.biz-sidebar,.management-sidebar{background:#090a0b!important;color:#f5f5f4!important}
.cabra-unified-sidebar,.admin-sidebar.cabra-unified-sidebar,.biz-sidebar.cabra-unified-sidebar,
.management-sidebar.cabra-unified-sidebar{background:#101113!important;border-color:#43474b!important}
.cabra-unified-sidebar .cabra-nav-group{background:#191b1e!important;border-color:#43474b!important}
.cabra-unified-sidebar .cabra-nav-group .cabra-nav-group-toggle{color:#f5f5f4!important;border-color:#43474b!important}
.cabra-unified-sidebar .cabra-nav-group a.is-current,
.cabra-unified-sidebar .cabra-nav-group button[data-tab].is-current,
.admin-sidebar nav button.active{background:#f5f5f4!important;border-color:#f5f5f4!important;color:#090a0b!important;box-shadow:inset 3px 0 0 #7b8085!important}
.cabra-unified-sidebar .cabra-nav-group a:hover,
.cabra-unified-sidebar .cabra-nav-group button[data-tab]:hover{background:#373b3f!important;color:#fff!important;border-color:#9da2a6!important}
.admin-content .admin-section,.admin-content .panel,.admin-content .stat-card,
.biz-shell .biz-panel,.biz-shell .biz-card,.management-section,
.vip-admin-panel,.vip-admin .vip-stat,.vip-login-panel,.vip-login-card,
.restricted-content,.restricted-overview>div,.barber-commission-stat,.barber-commission-filters,
.panel,.summary-card{background:#191b1e!important;color:#f5f5f4!important;border-color:#43474b!important}
.admin-content .data-table th,.admin-content .day-agenda-table th,
.biz-shell .biz-table th,.biz-shell table th{background:#25282b!important;color:#f5f5f4!important}
.admin-content .data-table td,.biz-shell .biz-table td,.biz-shell table td{border-color:#373b3f!important}
.admin-content .stat-card,.biz-shell .biz-card{background:linear-gradient(140deg,#25282b,#151719)!important}
.admin-heading,.biz-heading,.restricted-header{border-bottom-color:#43474b!important}
.admin-heading .eyebrow,.biz-eyebrow,.barber-commission-head .eyebrow{color:#ebedef!important}
.biz-shell{--bg:#090a0b;--panel:#191b1e;--line:#43474b;--muted:#b9bec2;--gold:#f5f5f4}
.biz-shell a{color:#f5f5f4}
.biz-shell button:not(.biz-primary),#biz-dialog button:not(.biz-primary){background:#25282b;color:#f5f5f4;border-color:#5b6065}
.biz-shell button:not(.biz-primary):hover,#biz-dialog button:not(.biz-primary):hover{background:#373b3f;border-color:#ebedef}
/* Campos e tabelas preservam seleção, scroll e uso no celular. */
.admin-content input,.admin-content select,.admin-content textarea,
.biz-shell input,.biz-shell select,.biz-shell textarea,
.restricted-form input,.restricted-form select,.vip-admin input,.vip-admin select,.vip-admin textarea,
.vip-login input,.vip-form input,input,select,textarea{
  background:#101113!important;color:#f5f5f4!important;border-color:#5b6065!important;color-scheme:dark;
}
input::placeholder,textarea::placeholder{color:#b9bec2}
input:focus,select:focus,textarea:focus{border-color:#f5f5f4!important}
.option.selected,.slot.selected,.booking-day.is-selected,
.v4-services .service-filter-tabs .filter-pill.active,.service-filter-tabs .filter-pill.active{
  background:#f5f5f4!important;border-color:#f5f5f4!important;color:#090a0b!important;
}
.option.selected *, .slot.selected *, .booking-day.is-selected * {color:#090a0b!important}
/* A área clara de calçados se torna branco/cinza, como o próprio logotipo. */
.cabramacho-shoes-section{background:#ebedef!important;color:#090a0b!important}
.cabramacho-shoes-section .eyebrow,.cabramacho-shoes-section h2,
.cabramacho-shoes-section h2 em,.cabramacho-shoes-section p,
.cabramacho-shoes-section small,.cabramacho-shoes-section .shoes-index{color:#151719!important}
.cabramacho-shoes-section .button-gold{background:#090a0b!important;color:#f5f5f4!important;border-color:#090a0b!important}
.cabramacho-shoes-section .button-gold:hover{background:#373b3f!important;border-color:#373b3f!important;color:#fff!important}
.cabramacho-vip{background:radial-gradient(ellipse at 86% 14%,#25282b 0,transparent 48%),linear-gradient(135deg,#090a0b,#1b1d20 70%,#090a0b)!important;border-color:#43474b!important}
.cabramacho-vip h2 em,.vip-public-plan .vip-public-price,.vip-admin .vip-summary-number,.vip-admin .vip-price{color:#f5f5f4!important}
.cabramacho-vip .vip-display,.vip-admin,.vip-admin-panel,.vip-public-plan,.vip-plan-card,.vip-login-box,.vip-account-card{
  background:#191b1e!important;border-color:#43474b!important;color:#f5f5f4!important;
}
.vip-public-plan:hover,.cabra-vip .vip-public-plan:hover{border-color:#ebedef!important}
#biz-dialog,.modal,.vip-dialog,dialog {background:#191b1e;color:#f5f5f4;border-color:#5b6065}
/* Estado de uma comissão é identificado pelo texto e borda, não só pela cor. */
.commission-state{border-color:#777b7f;background:#25282b;color:#f5f5f4}
.commission-state.paid{border-style:solid;background:#373b3f;color:#f5f5f4}
.commission-state.none{border-style:dashed;background:#151719;color:#d7dadb}
/* Impressão de relatórios mantém papel branco e letras escuras. */
@media print{
 .biz-shell,.biz-shell .biz-main,.biz-panel,.biz-card,.admin-content,.admin-content .panel{background:#fff!important;color:#000!important}
 .biz-shell *,.admin-content .panel *{color:#000!important}
}
@media(max-width:760px){.cabramacho-shoes-section{color:#090a0b!important}}