/*
 * PROJETO: BARBEARIA GUARARAPES
 * V19 — IDENTIDADE UNIFICADA, CONTRASTE E LEGIBILIDADE
 * Camada visual final. Não altera dados, regras ou permissões.
 */

:root{
  --ggr19-bg:#02060c;
  --ggr19-surface:#07111d;
  --ggr19-surface-2:#0a1726;
  --ggr19-surface-3:#0d1d2e;
  --ggr19-line:rgba(72,220,255,.20);
  --ggr19-line-soft:rgba(109,184,219,.12);
  --ggr19-text:#eef8ff;
  --ggr19-muted:#9bb0c5;
  --ggr19-cyan:#49efff;
  --ggr19-gold:#f2c96f;
  --ggr19-violet:#9b75ff;
}

/* Identidade exclusiva: nunca exibir o número 21 como elemento visual. */
.unit-card--highlight:after{
  content:"G"!important;
  top:14px!important;
  right:18px!important;
  color:rgba(242,201,111,.07)!important;
  font:italic 800 132px/1 Georgia,"Times New Roman",serif!important;
  text-shadow:0 0 34px rgba(242,201,111,.06)!important;
}

/* Cabeçalho e controles sem superfícies brancas. */
.topbar,
.top-search,
.notification-button,
.unit-selector,
.user-button{
  color:var(--ggr19-text)!important;
  background:linear-gradient(145deg,rgba(10,24,39,.96),rgba(5,13,23,.98))!important;
  border-color:var(--ggr19-line)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.24)!important;
}
.top-search span,.unit-selector select,.user-button strong{color:var(--ggr19-text)!important}
.top-search svg,.unit-selector svg,.notification-button svg{color:var(--ggr19-cyan)!important}
.top-search kbd{
  color:#cbe9f5!important;background:#0e2133!important;
  border-color:rgba(73,239,255,.2)!important
}
.user-button small,.topbar__left span{color:var(--ggr19-muted)!important}
.notification-button i{border-color:#07111d!important}

/* Barras de busca, filtros e selects. */
.table-toolbar,
.inventory-toolbar,
.report-filters,
.finance-filters,
.calendar-toolbar,
.premium-agenda-toolbar{
  background:rgba(7,17,29,.74)!important;
  border-color:var(--ggr19-line-soft)!important;
}
.table-toolbar label,
.table-toolbar .select-button,
.inventory-toolbar>label,
.inventory-toolbar>div>button:not(.button),
.report-filters input,.report-filters select,
.finance-filters input,.finance-filters select,
.premium-agenda-toolbar input,.premium-agenda-toolbar select,
.calendar-toolbar input,.calendar-toolbar select{
  color:#e8f5ff!important;
  background:linear-gradient(145deg,#0b1a2a,#07121f)!important;
  border:1px solid rgba(85,213,250,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
.table-toolbar label:focus-within,
.inventory-toolbar>label:focus-within{
  border-color:rgba(73,239,255,.58)!important;
  box-shadow:0 0 0 3px rgba(73,239,255,.08),0 0 24px rgba(73,239,255,.06)!important;
}
.table-toolbar input,.inventory-toolbar input,
.report-filters input,.report-filters select,
.finance-filters input,.finance-filters select{
  color:var(--ggr19-text)!important;
  background:transparent!important;
}
input::placeholder,textarea::placeholder{color:#7890a8!important;opacity:1!important}
select option{color:#eef8ff!important;background:#091522!important}

/* Tabelas e linhas: contraste real, sem branco residual. */
.data-table,
.service-table,
.inventory-table,
.commission-table,
.permission-table,
.subscription-table{
  color:var(--ggr19-text)!important;
  background:linear-gradient(155deg,rgba(8,19,32,.96),rgba(4,11,20,.98))!important;
  border-color:var(--ggr19-line)!important;
}
.data-table__head,.service-table__head,.inventory-row--head,
.commission-row--head,.security-audit-row--head{
  color:#9fb5c9!important;
  background:#07121f!important;
  border-color:var(--ggr19-line-soft)!important;
}
.data-table__row,.service-table__row,.inventory-row,
.client-table-row,.commission-row,.security-audit-row{
  color:#dbeaf6!important;
  background:rgba(7,17,29,.72)!important;
  border-color:var(--ggr19-line-soft)!important;
}
.data-table__row:nth-child(odd),.service-table__row:nth-child(odd),
.inventory-row:nth-child(odd){background:rgba(10,24,39,.66)!important}
.data-table__row:hover,.service-table__row:hover,
.inventory-row:hover,.client-table-row:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(39,159,205,.13),rgba(106,70,184,.09))!important;
}
.data-table__row b,.service-table__row b,.inventory-row b,
.client-table-row b,.person-cell b{color:#f4f9ff!important}
.data-table__row small,.service-table__row small,
.inventory-row small,.client-table-row small,.person-cell small{color:#93aac0!important}

/* Preço do serviço escuro, elegante e claramente legível. */
.service-unit-price-list,.service-unit-price-list>span,
.service-unit-price-editor,.service-unit-price-editor label>div{
  color:var(--ggr19-text)!important;
  background:linear-gradient(145deg,#0d2032,#081522)!important;
  border-color:rgba(242,201,111,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.18)!important;
}
.service-unit-price-list small,.service-unit-price-editor small{color:#a8bbcc!important}
.service-unit-price-list strong,.service-unit-price-editor strong,
.service-unit-price-editor input{color:var(--ggr19-gold)!important}

/* Avisos e ações de clientes. */
.client-owner-tools-note{
  color:#dcecf6!important;
  background:linear-gradient(90deg,rgba(29,119,153,.12),rgba(111,76,188,.08))!important;
  border:1px solid rgba(73,239,255,.18)!important;
  border-radius:12px!important;
}
.client-owner-tools-note svg{color:var(--ggr19-cyan)!important}
.client-row-open{
  color:var(--ggr19-cyan)!important;background:#102638!important;
  border-color:rgba(73,239,255,.20)!important
}
.client-row-delete,.service-action--delete{
  color:#ffadb4!important;background:rgba(255,93,110,.09)!important;
  border-color:rgba(255,105,120,.18)!important
}
.service-action--edit{
  color:var(--ggr19-gold)!important;background:rgba(242,201,111,.08)!important;
  border-color:rgba(242,201,111,.22)!important
}

/* Formulários e módulos antigos claros convertidos para o tema Master Neon. */
.unit-photo-field,.staff-photo-field,.client-step-panel,
.client-professional-choice-grid button,.client-service-choice-grid button,
.client-unit-choice-grid button,.client-booking-steps button,
.client-step-panel--summary input,.inventory-unit-picks,
.report-presets,.report-unit-card dl>div,.report-clients section,
.inventory-balance,.inventory-history-row>span{
  color:var(--ggr19-text)!important;
  background:linear-gradient(145deg,#0b1b2b,#07131f)!important;
  border-color:var(--ggr19-line)!important;
}
.staff-photo-field label,.client-step-panel h3,
.client-professional-choice-grid strong,.client-service-choice-grid strong,
.client-unit-choice-grid strong{color:#eef8ff!important}
.staff-photo-field small,.client-step-panel p,
.client-professional-choice-grid small,.client-service-choice-grid small,
.client-unit-choice-grid small{color:var(--ggr19-muted)!important}
.client-booking-steps button.active,
.client-professional-choice-grid button.selected,
.client-service-choice-grid button.selected,
.client-unit-choice-grid button.selected{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(32,160,207,.2),rgba(112,74,193,.16))!important;
  border-color:rgba(73,239,255,.46)!important;
}

/* A Guararapes tem uma única barbearia: comparação sem colunas de filiais. */
.comparison-grid>div{grid-template-columns:minmax(240px,1fr) minmax(110px,.35fr)!important}
.comparison-grid>div>span:not(:first-of-type){display:none!important}

/* Celular e tablet: texto maior e áreas tocáveis mais claras. */
@media(max-width:900px){
  .table-toolbar label{min-width:100%!important}
  .data-table__row,.service-table__row{font-size:11px!important}
  .client-owner-tools-note{line-height:1.45!important}
}

@media(max-width:620px){
  .top-search,.notification-button{background:#0a1928!important}
  .table-toolbar{gap:9px!important;padding:12px!important}
  .table-toolbar .select-button{display:flex!important;min-height:40px!important}
  .service-unit-price-list>span{min-width:150px!important}
}
