*{box-sizing:border-box}body{margin:0;background:#f7f4f6;color:#272329;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{min-height:62px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:50}.brand{font-size:21px;font-weight:800;letter-spacing:-.4px}.topbar a{color:#666;text-decoration:none}.container{max-width:1120px;margin:auto;padding:24px 14px}.with-bottom{padding-bottom:100px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#9b7f8d}.page-title-row,.panel-head,.profile-hero,.profile-actions,.agenda-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:28px;margin:4px 0 18px}h2{margin-top:0;font-size:19px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.card,.panel,.profile-hero,.profile-kpis>div{background:#fff;border:1px solid #ece7ea;border-radius:16px;padding:17px;box-shadow:0 4px 16px rgba(0,0,0,.025)}.card span,.profile-kpis span,.info-list span{display:block;color:#888;font-size:12px}.card strong{display:block;margin-top:7px;font-size:23px}.panel{margin-bottom:15px}.compact{padding:13px 17px}.btn{display:inline-block;border:0;border-radius:10px;padding:10px 13px;background:#eee9ec;color:#292328;text-decoration:none;cursor:pointer;font-weight:600}.btn.primary{background:#2c262a;color:#fff}.danger-btn{background:#fdecec;color:#a53c3c}.alert{padding:12px;border-radius:10px;margin-bottom:14px}.success{background:#e9f7ee}.danger{background:#fdecec}.warning{background:#fff4dd}.muted{color:#7d767a}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-form label{display:flex;flex-direction:column;gap:6px;color:#575055;font-size:13px}.grid-form .wide{grid-column:1/-1}.spaced{margin-top:14px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ddd4d9;border-radius:10px;background:#fff;font:inherit;color:#272329}textarea{min-height:88px;resize:vertical}.search{display:flex;gap:8px;margin-bottom:12px}.search input{flex:1}details summary{cursor:pointer;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #eee;font-size:14px}th{color:#817980;font-size:12px}.client-row,.history-card,.timeline-item,.agenda-card,.user-card{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #eee;color:inherit;text-decoration:none}.avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:#f0e7ec;color:#765f69;font-weight:800}.avatar{width:44px;height:44px;flex:0 0 44px}.profile-avatar{width:64px;height:64px;font-size:24px}.client-main,.user-main,.timeline-item .tl-main,.agenda-main{flex:1;min-width:0}.client-main strong,.client-main span,.user-main strong,.user-main span,.user-main small,.tl-main strong,.tl-main span,.agenda-main strong,.agenda-main span,.agenda-main small{display:block}.client-main span,.user-main span,.tl-main span,.agenda-main span{font-size:12px;color:#888}.user-main small,.agenda-main small{font-size:11px;color:#aaa;margin-top:3px}.client-meta{text-align:right}.client-meta small,.client-meta strong{display:block}.chevron{font-size:23px;color:#aaa}.empty-state{text-align:center;padding:28px;color:#888}.profile-hero{margin-bottom:12px}.profile-info{flex:1}.profile-info h1{margin:2px 0}.profile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.profile-kpis strong{display:block;margin-top:5px}.tabs{display:flex;gap:4px;background:#fff;border:1px solid #eee;border-radius:12px;padding:5px;overflow:auto;margin-bottom:12px}.tab{border:0;background:transparent;padding:9px 12px;border-radius:8px}.tab.active{background:#eee6eb;font-weight:700}.tab-panel{display:none}.tab-panel.active{display:block}.history-card div:first-child{flex:1}.history-card strong,.history-card span{display:block}.history-card span{font-size:12px;color:#888;margin-top:3px}.badge{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.badge.scheduled{background:#eef2ff;color:#4b5f9a}.badge.confirmed{background:#e8f7ed;color:#39724c}.badge.in_progress{background:#fff3d7;color:#8b651f}.badge.completed{background:#e6f4ec;color:#2f7048}.badge.cancelled,.badge.no_show{background:#fdecec;color:#9d4141}.badge.blocked{background:#eee;color:#666}.time{font-weight:800;width:54px}.time small{display:block;color:#999;font-size:10px}.timeline-item{padding:12px 0}.agenda-toolbar{margin-bottom:12px}.segmented{display:flex;background:#fff;padding:4px;border:1px solid #eee;border-radius:10px}.segmented a{padding:8px 12px;border-radius:8px;text-decoration:none;color:#777}.segmented a.active{background:#eee6eb;color:#272329;font-weight:700}.agenda-list{padding-top:8px}.day-title{padding:13px 4px 7px;font-size:12px;font-weight:800;color:#8e7f87}.agenda-card{border-left:4px solid transparent;padding-left:10px}.agenda-card.confirmed{border-left-color:#5f8a69}.agenda-card.in_progress{border-left-color:#d4a84a}.agenda-card.cancelled,.agenda-card.no_show{opacity:.65}.agenda-card.blocked{background:#fafafa;border-radius:10px}.agenda-time{width:58px}.agenda-time strong,.agenda-time span{display:block}.agenda-time span{font-size:11px;color:#999}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-grid a{background:#fff;border:1px solid #eee;border-radius:15px;padding:18px;text-decoration:none;color:#272329}.menu-grid strong,.menu-grid span{display:block}.menu-grid span{font-size:12px;color:#888;margin-top:5px}.toggle-line{flex-direction:row!important;align-items:center!important}.toggle-line input{width:auto}.edit-focus{border-color:#d8c6d0}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,680px);height:72px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border:1px solid #ece7ea;border-bottom:0;border-radius:18px 18px 0 0;display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#9a9297;font-size:18px}.bottom-nav a small{font-size:10px}.bottom-nav a.active{color:#4f4149}.fab{width:56px;height:56px;border-radius:50%;border:0;background:#2d272b;color:#fff;font-size:30px;justify-self:center;margin-top:-24px;box-shadow:0 8px 22px rgba(45,39,43,.25)}.quick-menu{position:fixed;inset:0;background:rgba(0,0,0,.28);display:none;align-items:flex-end;z-index:200}.quick-menu.show{display:flex}.quick-sheet{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:12px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.15)}.sheet-handle{width:42px;height:5px;background:#ddd;border-radius:5px;margin:0 auto 12px}.quick-sheet h3{margin:0 0 10px}.quick-sheet a,.quick-sheet button{display:block;width:100%;padding:14px 4px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;text-decoration:none;color:#272329;font-size:15px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #eee;border-radius:20px;padding:28px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}.grid-form .wide{grid-column:auto}table{display:block;overflow-x:auto;white-space:nowrap}.menu-grid{grid-template-columns:1fr}}@media(max-width:600px){.container{padding:18px 11px 100px}.page-title-row{align-items:flex-start}.client-meta{display:none}.profile-hero{flex-wrap:wrap}.profile-actions{width:100%}.profile-actions .btn{flex:1;text-align:center}.profile-kpis{grid-template-columns:1fr 1fr}.profile-kpis>div:last-child{grid-column:1/-1}.agenda-toolbar{align-items:stretch;flex-direction:column}.agenda-toolbar form input{width:100%}.agenda-card{align-items:flex-start}.agenda-card .badge{margin-left:auto}.user-card{align-items:flex-start}.cards .card strong{font-size:19px}}


/* =========================================================
   BarberControl V6.10 — revisão global de layout
   Auditoria feita sobre todas as páginas visuais do backup.
   ========================================================= */

:root{
    --lc-touch:44px;
    --lc-radius-lg:18px;
    --lc-focus:rgba(118,95,105,.12);
}

.topbar{
    min-height:calc(62px + env(safe-area-inset-top))!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
    background:rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
}

.topbar .brand{
    line-height:1.1!important;
}

.topbar>a,
.topbar>div a{
    min-height:var(--lc-touch);
    display:inline-flex;
    align-items:center;
}

h1,h2,h3{
    line-height:1.18;
    text-wrap:balance;
}

h1{
    letter-spacing:-.025em;
}

.panel,
.card,
.profile-hero,
.profile-kpis>div,
.v5-module-grid>a,
.v5-attention-grid>a,
.v6-card,
.v6-report-card{
    border-color:#ebe4e8!important;
    box-shadow:0 5px 18px rgba(53,43,49,.035)!important;
}

.panel{
    border-radius:var(--lc-radius-lg)!important;
}

.btn,
button{
    min-height:var(--lc-touch);
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1.2;
}

input,
select,
textarea{
    min-height:44px;
    transition:border-color .16s ease,box-shadow .16s ease;
}

textarea{
    min-height:96px;
}

input:focus,
select:focus,
textarea:focus{
    outline:none;
    border-color:#bfaeb7!important;
    box-shadow:0 0 0 3px var(--lc-focus);
}

details>summary{
    min-height:44px;
    display:flex;
    align-items:center;
    user-select:none;
}

.empty-state{
    line-height:1.5;
}

.v5-module-grid strong{
    font-size:15px!important;
    line-height:1.25!important;
}

.v5-module-grid span{
    font-size:11px!important;
    line-height:1.5!important;
}

.v5-attention-grid span,
.v5-kpis span{
    font-size:11px!important;
    line-height:1.35!important;
}

.v5-attention-grid small{
    font-size:10px!important;
    line-height:1.35!important;
}

.v6-kpi span,
.v6-report-card span{
    font-size:10px!important;
}

.v6-kpi small{
    font-size:9.5px!important;
}

.v6-grow span{
    font-size:11px!important;
}

.v6-grow small{
    font-size:10px!important;
}

.v6-tag{
    font-size:9.5px!important;
    line-height:1.25!important;
}

.lc-page-subtitle{
    margin:-10px 0 14px;
    max-width:620px;
    font-size:12px;
    line-height:1.5;
}

/* Lista de espera */
.lc-wait-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-bottom:14px;
}

.lc-wait-kpis>div{
    min-width:0;
    padding:14px;
    background:#fff;
    border:1px solid #ebe4e8;
    border-radius:15px;
    box-shadow:0 5px 18px rgba(53,43,49,.03);
}

.lc-wait-kpis span,
.lc-wait-kpis strong{
    display:block;
}

.lc-wait-kpis span{
    color:#92888e;
    font-size:10px;
    line-height:1.25;
}

.lc-wait-kpis strong{
    margin-top:6px;
    font-size:22px;
}

.lc-wait-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:14px;
}

.lc-wait-highlight{
    border-color:#dbcbd3!important;
    background:linear-gradient(180deg,#fff 0%,#fdfafb 100%);
}

.lc-weekday-box{
    padding:13px;
    border:1px solid #e8dfe4;
    border-radius:13px;
    background:#faf8f9;
}

.lc-weekday-box>span{
    display:block;
    color:#575055;
    font-size:13px;
    margin-bottom:9px;
}

.lc-weekday-box>small{
    display:block;
    color:#91868c;
    font-size:10px;
    margin-top:8px;
}

.lc-weekday-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
}

.lc-weekday-grid label{
    display:block!important;
}

.lc-weekday-grid input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.lc-weekday-grid span{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e3dade;
    border-radius:10px;
    background:#fff;
    color:#776a71;
    font-size:11px;
    font-weight:750;
}

.lc-weekday-grid input:checked+span{
    background:#2d272b;
    color:#fff;
    border-color:#2d272b;
}

.lc-flex-check{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:13px;
    border:1px solid #e8dfe4;
    border-radius:13px;
    background:#faf8f9;
}

.lc-flex-check input{
    width:auto!important;
    min-height:auto!important;
    margin-top:3px;
}

.lc-flex-check strong,
.lc-flex-check small{
    display:block;
}

.lc-flex-check small{
    margin-top:3px;
    color:#91868c;
    line-height:1.4;
}

.lc-wait-list{
    display:grid;
    gap:10px;
}

.lc-wait-card{
    padding:14px;
    border:1px solid #ebe4e8;
    border-radius:15px;
    background:#fff;
}

.lc-wait-card.high{
    border-left:4px solid #a57a8e;
}

.lc-wait-card-head{
    display:flex;
    gap:11px;
    align-items:flex-start;
}

.lc-wait-avatar{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f0e7ec;
    color:#765f69;
    font-weight:850;
}

.lc-wait-card-main{
    min-width:0;
    flex:1;
}

.lc-wait-card-main>span,
.lc-wait-card-main>small{
    display:block;
}

.lc-wait-card-main>span{
    margin-top:3px;
    color:#81777d;
    font-size:11px;
}

.lc-wait-card-main>small{
    margin-top:4px;
    color:#9a9096;
    font-size:10px;
    line-height:1.4;
}

.lc-wait-name-line{
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:flex-start;
}

.lc-wait-status{
    flex:0 0 auto;
    padding:5px 8px;
    border-radius:999px;
    background:#f1ebee;
    color:#71646b;
    font-size:9px;
    font-weight:850;
}

.lc-wait-status.offered{
    background:#fff2d9;
    color:#8c651a;
}

.lc-wait-status.booked{
    background:#e7f6ec;
    color:#39724c;
}

.lc-wait-status.cancelled{
    background:#fdecec;
    color:#9b4242;
}

.lc-wait-tags{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    margin-top:10px;
}

.lc-wait-tags span{
    padding:5px 8px;
    border-radius:999px;
    background:#f6f1f4;
    color:#786b72;
    font-size:9px;
    font-weight:700;
}

.lc-wait-card>p{
    margin:10px 0 0;
    padding:10px;
    border-radius:10px;
    background:#faf8f9;
    color:#756970;
    font-size:11px;
    line-height:1.45;
}

.lc-wait-card-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:11px;
}

.lc-wait-card-actions form{
    margin:0;
}

.lc-match-row,
.lc-slot-row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid #eee8eb;
}

.lc-match-row:last-child,
.lc-slot-row:last-child{
    border-bottom:0;
}

.lc-match-score{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#2d272b;
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.lc-match-main,
.lc-slot-main{
    min-width:0;
}

.lc-match-main strong,
.lc-match-main span,
.lc-match-main small,
.lc-slot-main strong,
.lc-slot-main span{
    display:block;
}

.lc-match-main span,
.lc-slot-main span{
    margin-top:3px;
    color:#81777d;
    font-size:10px;
}

.lc-match-main small{
    margin-top:3px;
    color:#a08f98;
    font-size:9px;
}

.lc-match-actions,
.lc-slot-actions{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.lc-match-actions form,
.lc-slot-actions form{
    margin:0;
}

.lc-slot-date{
    width:54px;
}

.lc-slot-date strong,
.lc-slot-date span{
    display:block;
}

.lc-slot-date strong{
    font-size:15px;
}

.lc-slot-date span{
    margin-top:2px;
    color:#867a80;
    font-size:11px;
}

.lc-opportunity-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid #eee8eb;
    text-decoration:none;
    color:inherit;
}

.lc-opportunity-row div{
    min-width:0;
}

.lc-opportunity-row strong,
.lc-opportunity-row span,
.lc-opportunity-row small{
    display:block;
}

.lc-opportunity-row span{
    margin-top:3px;
    color:#81777d;
    font-size:11px;
}

.lc-opportunity-row small{
    margin-top:3px;
    color:#9a9096;
    font-size:9px;
}

.lc-wait-arrow{
    color:#aaa!important;
    font-size:24px!important;
}

@media(max-width:700px){
    .lc-wait-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .lc-wait-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .lc-wait-actions .btn{
        width:100%;
    }

    .lc-match-row,
    .lc-slot-row{
        grid-template-columns:auto minmax(0,1fr);
        align-items:start;
    }

    .lc-match-actions,
    .lc-slot-actions{
        grid-column:2;
        justify-content:flex-start;
    }
}

@media(max-width:430px){
    .page-title-row{
        flex-wrap:wrap!important;
    }

    .page-title-row>div{
        width:100%;
    }

    .page-title-row>.btn{
        width:100%;
    }

    .page-title-row>form{
        width:100%;
    }

    .page-title-row>form input,
    .page-title-row>form select{
        width:100%!important;
    }

    .lc-wait-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .lc-weekday-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .lc-wait-card-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .lc-wait-card-actions .btn,
    .lc-wait-card-actions form,
    .lc-wait-card-actions form .btn{
        width:100%;
    }

    .lc-match-actions,
    .lc-slot-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
    }

    .lc-match-actions .btn,
    .lc-slot-actions .btn,
    .lc-match-actions form,
    .lc-slot-actions form,
    .lc-match-actions form .btn,
    .lc-slot-actions form .btn{
        width:100%;
    }
}

