/* ============================================
   BarberZap Agenda - Estilo base (Etapa 1)
   Estética clean (Linear/Stripe) · Sora + Inter
   Paleta: navy #0B1F3A + dourado #C2A24A
   ============================================ */

:root {
    --bz-navy: #0B1F3A;
    --bz-navy-2: #112A4D;
    --bz-gold: #C2A24A;
    --bz-gold-soft: rgba(194, 162, 74, .14);
    --bz-bg: #F4F6FA;
    --bz-card: #FFFFFF;
    --bz-text: #1C2536;
    --bz-muted: #6B7588;
    --bz-border: #E5E9F1;
    --bz-radius: 14px;
    --bz-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 16px rgba(16, 24, 40, .06);
}

body.bz-body,
body.bz-auth-body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: var(--bz-bg);
    color: var(--bz-text);
}

h1, h2, h3, .bz-brand-text, .bz-auth-title, .bz-stat-value {
    font-family: 'Sora', 'Inter', sans-serif;
}

/* ===== Login ===== */
body.bz-auth-body {
    background:
        radial-gradient(900px 500px at 85% -10%, rgba(194,162,74,.25), transparent 60%),
        radial-gradient(800px 500px at -10% 110%, rgba(17,42,77,.55), transparent 55%),
        var(--bz-navy);
    min-height: 100vh;
}
.bz-auth-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
}
.bz-auth-card {
    width: 100%;
    max-width: 420px;
    background: var(--bz-card);
    border-radius: 20px;
    padding: 36px 32px 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
.bz-auth-brand { text-align: center; margin-bottom: 24px; }
.bz-auth-title { font-size: 1.5rem; font-weight: 700; margin: 12px 0 2px; }
.bz-auth-title span { color: var(--bz-gold); }
.bz-auth-sub { color: var(--bz-muted); margin: 0; font-size: .95rem; }
.bz-auth-footer { text-align: center; color: var(--bz-muted); font-size: .8rem; margin: 20px 0 0; }

/* ===== Botões ===== */
.bz-btn-primary {
    background: var(--bz-navy);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    transition: background .15s ease, transform .1s ease;
}
.bz-btn-primary:hover { background: var(--bz-navy-2); color: #fff; }
.bz-btn-primary:active { transform: scale(.98); }

/* ===== Shell (sidebar + conteúdo) ===== */
.bz-shell { display: flex; min-height: 100vh; }

.bz-sidebar {
    width: 256px;
    flex-shrink: 0;
    background: var(--bz-navy);
    color: #fff;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}
.bz-brand {
    display: flex; align-items: center; gap: 10px;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.bz-brand-icon {
    width: 36px; height: 36px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: var(--bz-gold);
    color: var(--bz-navy);
    font-size: 1.05rem;
}
.bz-brand-icon.lg { width: 56px; height: 56px; font-size: 1.5rem; border-radius: 16px; }
.bz-brand-text { font-weight: 600; letter-spacing: .2px; }
.bz-brand-text strong { color: var(--bz-gold); font-weight: 700; }

.bz-nav { padding: 14px 12px; flex: 1; }
.bz-nav-section {
    display: block;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, .45);
    margin: 16px 10px 6px;
}
.bz-nav-link {
    display: flex; align-items: center; gap: 10px;
    color: rgba(255, 255, 255, .82);
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: .92rem;
    transition: background .15s ease, color .15s ease;
}
.bz-nav-link:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.bz-nav-link.active { background: var(--bz-gold-soft); color: var(--bz-gold); font-weight: 600; }
.bz-nav-link.disabled { opacity: .35; pointer-events: none; }
.bz-sidebar-footer { padding: 12px; border-top: 1px solid rgba(255, 255, 255, .08); }

/* ===== Topbar ===== */
.bz-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bz-topbar {
    display: flex; align-items: center; gap: 14px;
    background: var(--bz-card);
    border-bottom: 1px solid var(--bz-border);
    padding: 14px 24px;
    position: sticky; top: 0; z-index: 50;
}
.bz-topbar-title { font-weight: 600; font-size: 1.05rem; flex: 1; }
.bz-topbar-user { display: flex; align-items: center; gap: 10px; color: var(--bz-muted); font-size: .92rem; }
.bz-avatar {
    width: 34px; height: 34px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--bz-navy);
    color: var(--bz-gold);
    font-weight: 700;
}
.bz-burger {
    background: none; border: none;
    font-size: 1.5rem; color: var(--bz-text);
    padding: 0 4px; line-height: 1;
}

/* ===== Conteúdo / cards ===== */
.bz-content { padding: 24px; }
.bz-card {
    background: var(--bz-card);
    border: 1px solid var(--bz-border);
    border-radius: var(--bz-radius);
    box-shadow: var(--bz-shadow);
    padding: 20px;
}
.bz-card-title { font-size: 1rem; font-weight: 600; margin-bottom: 10px; }

.bz-stat { display: flex; align-items: center; gap: 14px; }
.bz-stat-icon {
    width: 44px; height: 44px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 12px;
    font-size: 1.15rem;
}
.bg-gold { background: var(--bz-gold-soft); color: var(--bz-gold); }
.bg-success-soft { background: rgba(25, 135, 84, .12); color: #198754; }
.bg-warning-soft { background: rgba(255, 165, 0, .14); color: #B07A00; }
.bg-danger-soft { background: rgba(220, 53, 69, .12); color: #DC3545; }
.bg-info-soft { background: rgba(13, 110, 253, .1); color: #0D6EFD; }
.bz-stat-value { font-size: 1.3rem; font-weight: 700; line-height: 1.15; }
.bz-stat-label { font-size: .8rem; color: var(--bz-muted); }

/* Roadmap */
.bz-roadmap { list-style: none; margin: 0; padding: 0; }
.bz-roadmap li {
    padding: 9px 0 9px 30px;
    position: relative;
    color: var(--bz-muted);
    border-bottom: 1px dashed var(--bz-border);
    font-size: .92rem;
}
.bz-roadmap li:last-child { border-bottom: none; }
.bz-roadmap li::before {
    content: '○';
    position: absolute; left: 6px;
    color: var(--bz-border);
}
.bz-roadmap li.done { color: var(--bz-text); font-weight: 500; }
.bz-roadmap li.done::before { content: '●'; color: var(--bz-gold); }

/* Badge de status da empresa */
.bz-badge-status { font-size: .8rem; padding: 8px 14px; border-radius: 999px; }
.status-ativa { background: rgba(25, 135, 84, .12); color: #198754; }
.status-inadimplente { background: rgba(255, 165, 0, .14); color: #B07A00; }
.status-bloqueada { background: rgba(220, 53, 69, .12); color: #DC3545; }

/* ===== Mobile ===== */
.bz-backdrop {
    display: none;
    position: fixed; inset: 0;
    background: rgba(11, 31, 58, .5);
    z-index: 90;
}
@media (max-width: 991.98px) {
    .bz-sidebar {
        position: fixed;
        left: 0; top: 0; bottom: 0;
        z-index: 100;
        transform: translateX(-100%);
        transition: transform .2s ease;
    }
    .bz-shell.sidebar-aberta .bz-sidebar { transform: translateX(0); }
    .bz-shell.sidebar-aberta ~ .bz-backdrop,
    body.sidebar-aberta .bz-backdrop { display: block; }
    .bz-content { padding: 16px; }
}

/* ===== Tabelas (Etapa 2) ===== */
.bz-table thead th {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--bz-muted);
    background: #FAFBFD;
    border-bottom: 1px solid var(--bz-border);
    padding: 12px 16px;
}
.bz-table tbody td { padding: 12px 16px; }
.bz-table tbody tr:hover { background: #FAFBFD; }

/* ===== Design system premium 2026 ===== */
:root{
 --bz-primary:#0b1f3a;--bz-primary-2:#163b68;--bz-secondary:#c5a44d;--bz-success:#16835b;--bz-warning:#b7791f;--bz-danger:#c43d4b;--bz-info:#2563eb;
 --bz-surface:#fff;--bz-surface-2:#f8fafc;--bz-bg:#f3f6fb;--bz-text:#162033;--bz-muted:#667085;--bz-border:#e3e8f0;
 --bz-radius-sm:10px;--bz-radius:16px;--bz-radius-lg:24px;--bz-shadow:0 8px 28px rgba(15,31,58,.08);--bz-shadow-lg:0 24px 70px rgba(15,31,58,.16);
 --bz-sidebar:272px;--bz-focus:0 0 0 .25rem rgba(37,99,235,.18)
}
*{scrollbar-width:thin;scrollbar-color:#b8c1cf transparent}body{overflow-x:hidden}.bz-body{background:linear-gradient(135deg,#f7f9fc,#eef3f9);min-height:100vh}.bz-page-title{font:700 clamp(1.25rem,2vw,1.75rem)/1.2 Sora,sans-serif;color:var(--bz-primary)}
.bz-progress{position:fixed;z-index:10050;top:0;left:0;width:100%;height:3px;pointer-events:none;opacity:0;overflow:hidden}.bz-progress span{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--bz-secondary),#ffe49a);transform:translateX(-110%)}.bz-progress.is-active{opacity:1}.bz-progress.is-active span{animation:bz-progress 1.1s ease-in-out infinite}.bz-progress.is-finishing span{width:100%;transform:translateX(0);animation:none}@keyframes bz-progress{0%{transform:translateX(-110%)}70%{transform:translateX(230%)}100%{transform:translateX(300%)}}
.bz-sidebar{width:var(--bz-sidebar);background:linear-gradient(180deg,#0b1f3a 0%,#071629 100%);box-shadow:8px 0 30px rgba(6,20,39,.1);z-index:1040}.bz-brand{min-height:76px}.bz-brand-icon{box-shadow:0 8px 24px rgba(197,164,77,.28)}.bz-sidebar-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:1.15rem;padding:8px}.bz-nav-link{border:0;background:transparent;color:rgba(255,255,255,.72);min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;transition:.18s ease;text-decoration:none;font-weight:500;font-size:.91rem}.bz-nav-link i{font-size:1.05rem;width:22px;text-align:center}.bz-nav-link:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}.bz-nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(197,164,77,.25),rgba(197,164,77,.08));box-shadow:inset 3px 0 var(--bz-secondary)}.bz-nav-section{margin:20px 10px 7px;color:rgba(255,255,255,.4);font-size:.64rem;letter-spacing:.12em;font-weight:700}.bz-sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08)}
.bz-main{min-width:0;flex:1}.bz-topbar{height:76px;padding:0 clamp(16px,3vw,34px);background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(227,232,240,.9);position:sticky;top:0;z-index:1020}.bz-topbar-heading{min-width:0}.bz-topbar-title{font:600 1rem Sora,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bz-breadcrumb{display:flex;gap:6px;align-items:center;font-size:.72rem;color:var(--bz-muted);margin-top:2px}.bz-breadcrumb a{color:var(--bz-muted);text-decoration:none}.bz-breadcrumb i{font-size:.55rem}.bz-topbar-user{display:flex;align-items:center;gap:10px}.bz-topbar-user strong,.bz-topbar-user small{display:block;line-height:1.2}.bz-topbar-user strong{font-size:.83rem}.bz-topbar-user small{font-size:.68rem;color:var(--bz-muted);margin-top:3px}.bz-avatar{background:linear-gradient(135deg,var(--bz-primary),var(--bz-primary-2));box-shadow:0 5px 15px rgba(11,31,58,.2)}.bz-content{padding:clamp(16px,3vw,34px);max-width:1680px;width:100%;margin:auto}
.bz-card{background:rgba(255,255,255,.96);border:1px solid var(--bz-border);border-radius:var(--bz-radius);box-shadow:0 1px 2px rgba(15,31,58,.03);padding:clamp(16px,2vw,24px);transition:box-shadow .2s,border-color .2s}.bz-card:hover{box-shadow:var(--bz-shadow)}.bz-card-title{font:600 1rem Sora,sans-serif;color:var(--bz-primary)}.bz-stat{min-height:110px}.bz-stat-value{font-size:clamp(1.15rem,2vw,1.55rem)}
.form-control,.form-select{min-height:44px;border-radius:var(--bz-radius-sm);border-color:#d9e0ea}.form-control:focus,.form-select:focus,.btn:focus-visible,a:focus-visible{border-color:#80a7dc;box-shadow:var(--bz-focus);outline:0}.form-label{font-weight:600;color:#344054;font-size:.84rem}.form-text{font-size:.74rem}.btn{border-radius:10px;min-height:40px;font-weight:600}.bz-btn-primary{background:linear-gradient(135deg,var(--bz-primary),var(--bz-primary-2));box-shadow:0 7px 18px rgba(11,31,58,.14)}.bz-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(11,31,58,.2)}
.bz-table{--bs-table-bg:transparent}.bz-table thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.055em;color:#667085;background:#f8fafc;border-bottom-color:#e7ebf2;white-space:nowrap}.bz-table td{vertical-align:middle;border-color:#eef1f5}.bz-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--bz-muted);gap:6px}.bz-empty i{font-size:2.25rem;color:#aab4c3}.bz-empty strong{color:var(--bz-text)}
.bz-permission{display:flex;gap:12px;padding:12px;border:1px solid var(--bz-border);border-radius:12px;cursor:pointer;height:100%}.bz-permission:hover{border-color:#aebcd0;background:#fafcff}.bz-permission span,.bz-permission small{display:block}.bz-permission small{color:var(--bz-muted);font-family:monospace;font-size:.68rem;margin-top:2px}.accordion-item{border-color:var(--bz-border)!important}.accordion-button:not(.collapsed){background:#f4f7fb;color:var(--bz-primary);box-shadow:none}
.bz-toast-region{position:fixed;right:18px;bottom:18px;z-index:1090;display:grid;gap:10px;max-width:min(390px,calc(100vw - 32px))}.bz-toast{background:#fff;border:1px solid var(--bz-border);border-left:4px solid var(--bz-success);border-radius:12px;box-shadow:var(--bz-shadow-lg);padding:13px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;transform:translateY(12px);opacity:0;transition:.2s}.bz-toast.show{opacity:1;transform:none}.bz-toast.is-error{border-left-color:var(--bz-danger)}.bz-toast button{border:0;background:transparent}.bz-backdrop{z-index:1035}
@media(max-width:991.98px){.bz-sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .24s ease;width:min(88vw,310px)}.sidebar-aberta .bz-sidebar{transform:translateX(0)}body.sidebar-aberta{overflow:hidden}.sidebar-aberta .bz-backdrop{opacity:1;visibility:visible}.bz-content{padding-bottom:90px}.bz-topbar{height:66px}.bz-breadcrumb{display:none}}
@media(max-width:575.98px){.bz-content{padding:14px}.bz-card{border-radius:14px;padding:16px}.bz-topbar{padding:0 14px}.bz-topbar-title{max-width:54vw}.table-responsive{border-radius:12px}.btn{min-height:42px}.dropdown-menu{max-width:calc(100vw - 32px)}.bz-toast-region{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bz-progress.is-active span{animation:none;width:70%;transform:none}}
.bz-register-shell{width:min(1180px,100%)}.bz-register-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-bottom:18px}.bz-register-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--bz-shadow-lg)}.bz-register-side{background:linear-gradient(155deg,#0b1f3a,#153e6b);color:#fff;padding:clamp(28px,4vw,52px)}.bz-register-side h1{font:700 clamp(1.55rem,3vw,2.3rem)/1.2 Sora,sans-serif}.bz-register-side p{color:rgba(255,255,255,.7);line-height:1.65}.bz-register-side ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px}.bz-register-side li{display:flex;gap:10px}.bz-register-side li i{color:#e9ca70}.bz-step-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.bz-step-head span{width:30px;height:30px;border-radius:50%;background:var(--bz-primary);color:#fff;display:grid;place-items:center;font-weight:700}.bz-success-icon,.bz-error-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin:auto;font-size:2.2rem}.bz-success-icon{background:#e8f7f0;color:var(--bz-success)}.bz-error-icon{background:#fdecef;color:var(--bz-danger)}@media(max-width:991px){.bz-register-side{border-radius:24px 24px 0 0}.bz-auth-wrap{align-items:flex-start}.bz-register-brand{margin-left:6px}}
.bz-filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .65rem;border-radius:999px;background:var(--bz-soft,#f3f4f6);font-size:.75rem;color:var(--bz-muted,#667085)}
.bz-bars{height:230px;display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding:22px 4px 0}.bz-bar-item{min-width:34px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:.7rem}.bz-bar{display:block;width:min(30px,80%);background:linear-gradient(180deg,var(--bz-primary,#b98b2f),#75551c);border-radius:7px 7px 2px 2px;min-height:4px}.bz-bar-value{min-height:18px;color:var(--bz-muted,#667085)}.bz-bar-item small{margin-top:5px;white-space:nowrap}.bz-metric-list{display:grid;gap:.65rem}.bz-metric-list>div{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--bz-border,#e5e7eb);border-radius:12px}.bz-metric-list strong{font-size:1.1rem}
@media print{.bz-sidebar,.bz-topbar,.btn,.bz-filter-bar,.bz-backdrop{display:none!important}.bz-main{margin:0!important}.bz-content{padding:0!important}.bz-card{box-shadow:none!important;break-inside:avoid}}

/* Agenda e catálogo premium */
.bz-agenda-hero,.bz-catalog-hero{position:relative;overflow:hidden;border-radius:22px;padding:clamp(18px,3vw,28px);background:linear-gradient(135deg,#0b1f3a,#174776);color:#fff;box-shadow:0 18px 45px rgba(11,31,58,.18)}
.bz-agenda-hero:after,.bz-catalog-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-75px;top:-110px;background:rgba(197,164,77,.16)}
.bz-agenda-hero .text-muted{color:rgba(255,255,255,.66)!important}.bz-agenda-hero input,.bz-agenda-hero select{background:rgba(255,255,255,.96)}
.bz-catalog-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.bz-catalog-hero h2{font:700 clamp(1.25rem,3vw,1.8rem) Sora;margin:8px 0 5px}.bz-catalog-hero p{margin:0;color:rgba(255,255,255,.7)}.bz-eyebrow{display:inline-flex;gap:6px;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#f2d986;font-weight:700}
.bz-mini-kpi{height:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--bz-border);border-radius:14px;padding:14px 16px}.bz-mini-kpi>i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef4fb;color:var(--bz-primary);font-size:1.05rem}.bz-mini-kpi strong,.bz-mini-kpi span{display:block}.bz-mini-kpi strong{font:700 1.15rem Sora}.bz-mini-kpi span{font-size:.72rem;color:var(--bz-muted)}.bz-mini-kpi.is-danger>i{background:#fdecef;color:var(--bz-danger)}
.bz-product-admin-card{background:#fff;border:1px solid var(--bz-border);border-radius:18px;padding:16px;box-shadow:0 3px 14px rgba(15,31,58,.05);transition:.2s}.bz-product-admin-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,31,58,.11);border-color:#cfd8e6}.bz-product-admin-card.is-inactive{opacity:.58}.bz-product-admin-image{width:78px;height:78px;border-radius:15px;object-fit:cover;flex:0 0 78px}.bz-product-admin-image.is-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#eef3f9,#e3eaf3);color:var(--bz-primary);font-size:1.4rem}
.bz-section-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff5d8;color:#876600}.bz-waiting-item{display:flex;align-items:center;gap:11px;border:1px solid var(--bz-border);border-radius:13px;padding:11px 12px;background:#fbfcfe}.bz-waiting-position{width:30px;height:30px;border-radius:9px;background:var(--bz-primary);color:#fff;display:grid;place-items:center;font-weight:700}.bz-waiting-item small{display:block;color:var(--bz-muted);margin-top:2px}
@media(max-width:575.98px){.bz-catalog-hero{align-items:flex-start;flex-direction:column}.bz-catalog-hero .btn{width:100%}.bz-mini-kpi{padding:10px;gap:7px;justify-content:center}.bz-mini-kpi>i{display:none}.bz-mini-kpi span{font-size:.64rem}.bz-agenda-hero .btn{flex:1}.bz-product-admin-image{width:68px;height:68px;flex-basis:68px}}

/* ===== Etapa 24 — correções mobile e melhorias ===== */
/* Sair sempre acessível: altura dinâmica + safe-area (barras do navegador) */
.bz-sidebar{height:100dvh}
.bz-sidebar-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
/* Menu do usuário na topbar (com Sair) — visível em qualquer tela */
.bz-topbar-user-menu .bz-topbar-user{cursor:pointer;background:transparent}
.bz-topbar-user-menu .bz-user-caret{font-size:.7rem;color:var(--bz-muted)}
.bz-topbar-user-menu .dropdown-menu{min-width:230px;border-radius:12px}
.bz-topbar-user-menu .dropdown-item{padding:9px 14px}
/* Cards de estatística: valor nunca estoura o card (ex: MRR R$ 99,90) */
.bz-stat>div{min-width:0;flex:1}
.bz-stat-value{font-size:clamp(.98rem,1.05rem + .35vw,1.45rem);overflow-wrap:anywhere;word-break:break-word}
.bz-stat-icon{flex-shrink:0}
/* Filtros padronizados: empilham bem no celular */
form[data-bz-filtros] .form-select,form[data-bz-filtros] .form-control{min-width:0}
@media(max-width:575.98px){form[data-bz-filtros] .btn{width:100%}}

/* ===== Etapa 26 — agenda em cards no celular (sem scroll horizontal) ===== */
@media(max-width:767.98px){
.bz-agenda-cards,.bz-agenda-cards tbody,.bz-agenda-cards tr,.bz-agenda-cards td{display:block;width:100%}
.bz-agenda-cards thead{display:none}
.bz-agenda-cards tr{border:1px solid var(--bz-border,#e5e7eb);border-radius:14px;margin:10px;padding:6px 0;background:#fff;box-shadow:0 1px 3px rgba(15,31,58,.06)}
.bz-agenda-cards td{border:0;padding:6px 14px;white-space:normal}
.bz-agenda-cards td.d-none{display:block!important}
.bz-agenda-cards td[data-label]::before{content:attr(data-label);display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:700;margin-bottom:2px}
.bz-agenda-cards td[data-label="Ações"]{text-align:left!important;border-top:1px dashed #edf0f4;margin-top:4px;padding-top:8px}
.bz-agenda-cards td[data-label="Ações"] .btn-group{display:flex;flex-wrap:wrap;gap:6px}
.bz-agenda-cards td[data-label="Ações"] .btn-group .btn{flex:0 0 auto;border-radius:8px!important}
.bz-agenda-cards td[colspan]{text-align:center}
}

/* ===== Etapa 27 — agenda mobile compacta + lista de espera com aprovação ===== */
/* Filtros do topo: data cresce no celular e volta ao tamanho natural no desktop */
.bz-agenda-hero .bz-agenda-data{flex:1 1 140px;min-width:130px}
.bz-agenda-nav .btn{flex:0 0 auto}
@media(min-width:768px){
.bz-w-md-auto{width:auto!important}
.bz-agenda-hero .bz-agenda-data{flex:0 0 auto;width:auto}
}
@media(max-width:767.98px){
/* Cards menores e mais densos */
.bz-agenda-cards tr{margin:8px;padding:4px 0;position:relative}
.bz-agenda-cards td{padding:4px 10px;font-size:.85rem}
/* Rótulos óbvios saem: horário/cliente/serviço falam por si */
.bz-agenda-cards td[data-label="Horário"]::before,
.bz-agenda-cards td[data-label="Cliente"]::before,
.bz-agenda-cards td[data-label="Serviço"]::before,
.bz-agenda-cards td[data-label="Status"]::before{display:none}
.bz-agenda-cards td[data-label="Horário"]{font-size:.95rem;padding-right:112px;padding-top:8px}
/* Status vira badge no canto superior direito do card */
.bz-agenda-cards td[data-label="Status"]{position:absolute;top:8px;right:10px;width:auto;padding:0;text-align:right}
.bz-agenda-cards td[data-label="Status"] .badge{font-size:.64rem}
/* Profissional compacto com rótulo inline */
.bz-agenda-cards td[data-label="Profissional"]{color:var(--bz-muted,#667085);font-size:.76rem}
.bz-agenda-cards td[data-label="Profissional"]::before{content:"Prof.: ";display:inline;margin:0 2px 0 0;font-size:.76rem;text-transform:none;letter-spacing:0}
/* Ações: botões pequenos em linha, sem esticar */
.bz-agenda-cards td[data-label="Ações"]{padding-top:6px;padding-bottom:8px}
.bz-agenda-cards td[data-label="Ações"] .btn-group .btn{min-height:34px;padding:4px 10px;font-size:.8rem}
}
/* Sugestões aguardando aprovação (card Lista de espera) */
.bz-sugestao-item{flex-wrap:wrap}
.bz-sugestao-item small{overflow-wrap:anywhere}
@media(max-width:575.98px){.bz-sugestao-item>.d-flex{width:100%;justify-content:flex-end}}