.b21-daily-launcher{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:2147482000;border:1px solid rgba(243,229,0,.48);border-radius:14px;background:linear-gradient(135deg,#f3e500,#d7bf00);color:#111;padding:12px 16px;font:800 13px/1.2 Inter,Arial,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 24px rgba(243,229,0,.16);cursor:pointer}
.b21-daily-launcher[hidden]{display:none!important}
.b21-daily-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(2,3,2,.91);backdrop-filter:blur(13px);overflow:auto;color:#f7f8f2;font-family:Inter,Arial,sans-serif}
.b21-daily-shell{width:min(1180px,calc(100% - 24px));margin:18px auto 36px;border:1px solid rgba(243,229,0,.2);border-radius:24px;background:linear-gradient(145deg,#11140f,#080a07);box-shadow:0 28px 90px rgba(0,0,0,.55);overflow:hidden}
.b21-daily-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:rgba(11,13,9,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.b21-daily-title small{display:block;color:#f3e500;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.b21-daily-title h2{margin:4px 0 0;font:700 clamp(22px,4vw,34px)/1.1 Georgia,serif}
.b21-daily-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.b21-daily-actions input,.b21-daily-actions button{border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#191c16;color:#fff;padding:10px 12px;font-weight:700}.b21-daily-actions button{cursor:pointer}.b21-daily-actions .b21-primary{background:#f3e500;color:#111;border-color:#f3e500}.b21-daily-actions .b21-close{font-size:20px;line-height:1;padding:9px 12px}
.b21-daily-body{padding:20px}.b21-daily-notice{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:rgba(243,229,0,.08);border:1px solid rgba(243,229,0,.2);color:#e8e9dd}.b21-daily-error{background:rgba(255,74,74,.1);border-color:rgba(255,74,74,.35);color:#ffd2d2}
.b21-daily-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.b21-daily-card{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.04)}.b21-daily-card span{display:block;color:#aeb3a5;font-size:12px;margin-bottom:8px}.b21-daily-card strong{display:block;color:#fff;font-size:clamp(18px,3vw,26px);overflow-wrap:anywhere}.b21-daily-card em{display:block;color:#8f9687;font-size:11px;font-style:normal;margin-top:6px}.b21-daily-card--yellow strong{color:#f3e500}.b21-daily-card--green strong{color:#68e6a0}.b21-daily-card--red strong{color:#ff8c8c}
.b21-daily-section{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}.b21-daily-section h3{margin:0 0 14px;font-size:17px}.b21-daily-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.b21-daily-muted{color:#969d8f;font-size:12px}
.b21-daily-unit-grid,.b21-daily-barber-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.b21-daily-mini{padding:14px;border-radius:14px;background:#131610;border:1px solid rgba(255,255,255,.07)}.b21-daily-mini h4{margin:0 0 11px;color:#f3e500;font-size:14px}.b21-daily-mini dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:7px 10px;font-size:12px}.b21-daily-mini dt{color:#9fa699}.b21-daily-mini dd{margin:0;font-weight:800;text-align:right}
.b21-daily-table-wrap{overflow:auto;border-radius:13px;border:1px solid rgba(255,255,255,.07)}.b21-daily-table{width:100%;border-collapse:collapse;min-width:900px;background:#0e110c}.b21-daily-table th,.b21-daily-table td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.065);font-size:12px;vertical-align:top}.b21-daily-table th{position:sticky;top:0;background:#1a1e16;color:#f3e500;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.b21-daily-table td strong{color:#fff}.b21-daily-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.b21-daily-badge--cash{background:rgba(104,230,160,.13);color:#7af0ad}.b21-daily-badge--owner{background:rgba(243,229,0,.12);color:#f3e500}.b21-daily-empty{padding:26px;text-align:center;color:#92998b}.b21-daily-loading{min-height:300px;display:grid;place-items:center;color:#f3e500;font-weight:800}
@media(max-width:860px){.b21-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b21-daily-unit-grid,.b21-daily-barber-grid{grid-template-columns:1fr}.b21-daily-head{align-items:flex-start;flex-direction:column}.b21-daily-actions{width:100%;justify-content:flex-start}.b21-daily-actions input{flex:1;min-width:145px}}
@media(max-width:520px){.b21-daily-launcher{right:10px;bottom:calc(72px + env(safe-area-inset-bottom));padding:11px 13px}.b21-daily-shell{width:100%;margin:0;min-height:100%;border-radius:0}.b21-daily-body{padding:14px}.b21-daily-head{padding:14px}.b21-daily-grid{grid-template-columns:1fr 1fr;gap:8px}.b21-daily-card{padding:12px}.b21-daily-card strong{font-size:18px}.b21-daily-section{padding:14px}}
@media print{body>*:not(.b21-daily-overlay){display:none!important}.b21-daily-overlay{position:static;background:#fff;color:#111}.b21-daily-shell{width:100%;margin:0;border:0;box-shadow:none;background:#fff}.b21-daily-head{position:static;background:#fff;color:#111}.b21-daily-actions{display:none}.b21-daily-card,.b21-daily-section,.b21-daily-mini{background:#fff;color:#111;border-color:#bbb}.b21-daily-card strong,.b21-daily-mini dd,.b21-daily-table td strong{color:#111}.b21-daily-table{background:#fff;color:#111}.b21-daily-table th{position:static;background:#eee;color:#111}}

/* 21 BARBEARIA — V24.67 — lucro por unidade e acerto correto em dinheiro */
.b21-daily-profit-label{color:#f3e500!important;font-weight:900}
.b21-daily-profit-value{color:#f3e500;font-size:13px}
.b21-daily-mini--settlement dl{gap:8px 12px}
.b21-daily-mini--settlement dt:nth-of-type(4),
.b21-daily-mini--settlement dd:nth-of-type(4){color:#ffb0b0}
.b21-daily-mini--settlement dt:nth-of-type(5),
.b21-daily-mini--settlement dd:nth-of-type(5){color:#f3e500}

/* V24.77 — filtro do relatório diário por unidade */
.b21-daily-actions select {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px;
  background: #191c16;
  color: #fff;
  padding: 10px 34px 10px 12px;
  font-weight: 700;
  min-width: 170px;
  cursor: pointer;
}
.b21-daily-actions select:focus {
  outline: 2px solid rgba(243,229,0,.55);
  outline-offset: 1px;
}
@media (max-width: 720px) {
  .b21-daily-actions select,
  .b21-daily-actions input {
    flex: 1 1 160px;
    min-width: 0;
  }
}


/* =========================================================
   21 BARBEARIA — V24.79
   Resumo diário por forma de pagamento
   ========================================================= */
.b21-daily-payment-section {
  overflow: hidden;
}
.b21-daily-section-kicker {
  display: block;
  margin-bottom: 3px;
  color: #b3a300;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .16em;
}
.b21-daily-payment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.b21-daily-payment-card {
  display: grid;
  gap: 4px;
  min-height: 96px;
  padding: 13px 14px;
  border: 1px solid rgba(118,112,44,.2);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,248,241,.9));
  box-shadow: 0 8px 22px rgba(31,31,20,.05);
}
.b21-daily-payment-card span {
  color: #737363;
  font-size: 11px;
  font-weight: 850;
}
.b21-daily-payment-card strong {
  color: #171812;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.15;
}
.b21-daily-payment-card em {
  color: #776e00;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.b21-daily-payment-card--pix { border-left: 4px solid #18a76b; }
.b21-daily-payment-card--cash { border-left: 4px solid #d1b500; }
.b21-daily-payment-card--debit_card,
.b21-daily-payment-card--credit_card { border-left: 4px solid #5574bc; }
.b21-daily-payment-card--subscription { border-left: 4px solid #7457bd; }
.b21-daily-payment-card--other { border-left: 4px solid #8d8d84; }
@media (max-width: 760px) {
  .b21-daily-payment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 470px) {
  .b21-daily-payment-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
  .b21-daily-payment-card { min-height: 82px; padding: 10px; border-radius: 12px; }
  .b21-daily-payment-card strong { font-size: 14px; }
}
@media (prefers-color-scheme: dark) {
  .b21-daily-payment-card {
    border-color: rgba(238,224,75,.16);
    background: linear-gradient(145deg, #171a15, #11140f);
  }
  .b21-daily-payment-card span { color: #c8cbbf; }
  .b21-daily-payment-card strong { color: #f8f8f1; }
  .b21-daily-payment-card em { color: #efe25b; }
}


/* =========================================================
   PROJETO: 21 BARBEARIA PREMIUM
   V24.80 — FORMAS DE PAGAMENTO SEPARADAS POR BARBEARIA
   ========================================================= */
.b21-daily-payment-units {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}
.b21-daily-payment-unit {
  padding: 14px;
  border: 1px solid rgba(243,229,0,.14);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(243,229,0,.025));
}
.b21-daily-payment-unit__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.b21-daily-payment-unit__head small {
  display: block;
  color: #8f9687;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
}
.b21-daily-payment-unit__head h4 {
  margin: 3px 0 0;
  color: #f3e500;
  font-size: 15px;
  font-weight: 950;
}
.b21-daily-payment-unit__head > span {
  color: #d9ddcf;
  font-size: 11px;
  font-weight: 850;
  text-align: right;
}
.b21-daily-payment-unit .b21-daily-payment-grid {
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 7px;
}
.b21-daily-payment-unit .b21-daily-payment-card {
  min-height: 82px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.b21-daily-payment-unit .b21-daily-payment-card span { color: #b8beb0; font-size: 9px; }
.b21-daily-payment-unit .b21-daily-payment-card strong { color: #fff; font-size: 12px; }
.b21-daily-payment-unit .b21-daily-payment-card em { color: #f3e500; font-size: 11px; }
@media (max-width: 980px) {
  .b21-daily-payment-unit .b21-daily-payment-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .b21-daily-payment-unit { padding: 10px; }
  .b21-daily-payment-unit__head { align-items: flex-start; flex-direction: column; }
  .b21-daily-payment-unit__head > span { text-align: left; }
  .b21-daily-payment-unit .b21-daily-payment-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media print {
  .b21-daily-payment-unit { background:#fff; border-color:#bbb; }
  .b21-daily-payment-unit__head h4,
  .b21-daily-payment-unit .b21-daily-payment-card strong { color:#111; }
  .b21-daily-payment-unit__head > span,
  .b21-daily-payment-unit .b21-daily-payment-card span { color:#444; }
}