:root{--navy:#081b33;--navy2:#102c4d;--orange:#ff6b1a;--ink:#18253a;--muted:#7b899b;--line:#e6edf5;--bg:#f4f7fb;--green:#18a873;--red:#d9534f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:20}.brand{height:78px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid #ffffff12}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--orange),#ff9851);box-shadow:0 8px 24px #ff6b1a33}.brand b,.brand small{display:block}.brand b{font-size:18px}.brand small{font-size:8px;color:#8ea3ba;letter-spacing:1.4px;margin-top:2px}.sidebar nav{padding:18px 12px}.sidebar nav>small{display:block;color:#617b96;font-size:8px;letter-spacing:1.3px;padding:9px 11px 5px;margin-top:7px}.sidebar nav>a{display:flex;align-items:center;gap:12px;height:41px;padding:0 13px;border-radius:9px;color:#a9b9ca;font-size:12px;margin:2px 0}.sidebar nav>a span{flex:1}.sidebar nav>a:hover{background:#ffffff0b;color:white}.sidebar nav>a.active{background:linear-gradient(90deg,var(--orange),#f5823f);color:white;font-weight:700;box-shadow:0 8px 22px #ff6b1a26}.sidebar nav>a.disabled{opacity:.45;cursor:default}.account{margin-top:auto;min-height:72px;border-top:1px solid #ffffff14;padding:14px 15px;display:flex;align-items:center;gap:9px}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#244b70;font-size:10px;font-weight:800}.account>span:nth-child(2){min-width:0;flex:1}.account b,.account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account b{font-size:10px}.account small{font-size:8px;color:#8298ae;margin-top:2px}.account form button{border:0;background:none;color:#91a3b5;font-size:18px;cursor:pointer}main{margin-left:245px;min-height:100vh}main>header{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}main>header small{font-size:8px;letter-spacing:1.4px;color:#96a1af;font-weight:800}main>header h1{font-size:17px;margin:2px 0 0}.header-user{margin-left:auto;font-size:10px;color:#758398}.menu{display:none;background:none;border:0;font-size:22px}.content{padding:28px 32px 45px;max-width:1450px;margin:auto}.welcome,.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:1.4px;color:#8e9aaa;font-weight:800;text-transform:uppercase}.welcome h2,.page-head h2{font-size:25px;letter-spacing:-.6px;margin:5px 0}.welcome p,.page-head p{margin:0;color:var(--muted);font-size:11px}.btn{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--orange);color:white;box-shadow:0 7px 18px #ff6b1a28}.btn.secondary{background:#fff;border-color:var(--line);color:#526176}.btn.full{width:100%;padding:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px #172c450a}.metrics article{padding:18px}.metrics span,.metrics b,.metrics small{display:block}.metrics span{font-size:10px;color:#8491a2}.metrics b{font-size:21px;margin:8px 0}.metrics small{font-size:8px;color:var(--green)}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{font-size:14px;margin:3px 0}.panel-head>a{color:var(--orange);font-size:9px;font-weight:750}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;color:#8d99a8;font-size:8px;text-transform:uppercase;letter-spacing:.8px;padding:10px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:13px 10px;border-bottom:1px solid #edf2f6}td b,td small{display:block}td small{color:#8b98a8;font-size:8px;margin-top:3px}.badge{display:inline-block;padding:5px 8px;border-radius:12px;font-size:8px;font-weight:700;background:#eef3f8;color:#647386}.badge.confirmed,.badge.paid,.badge.completed{background:#e8f8f1;color:#128a60}.badge.pending,.badge.partial{background:#fff2e8;color:#d9722b}.badge.cancelled{background:#feecec;color:#c84a46}.actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.actions a,.actions button{border:0;background:none;color:#e9671a;font-size:9px;font-weight:700;padding:0;cursor:pointer}.actions button{color:#bd4b48}.empty{text-align:center;color:#8b98a8;padding:35px}.form-card{max-width:950px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.form-card>label,.filters label,.login-card label{font-size:9px;font-weight:700;color:#536177}.form-grid .wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dfe7ef;background:white;border-radius:9px;padding:11px 12px;margin-top:6px;color:#26364a;outline:none;font-size:11px}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b1a16}.check{display:flex!important;align-items:center;gap:7px;margin-top:16px}.check input{width:auto;margin:0}.form-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end}.filters{display:flex;align-items:flex-end;gap:9px;margin:-6px 0 14px}.filters input{width:180px}.filters>a{font-size:9px;color:#e9671a;padding:10px}.alert{border-radius:10px;padding:11px 14px;margin-bottom:16px;font-size:10px}.alert.success{background:#eaf8f2;color:#137d59;border:1px solid #cdeedf}.alert.error{background:#fff0ef;color:#a94340;border:1px solid #f4d0ce}.alert ul{margin:6px 0 0;padding-left:18px}.login-page{background:radial-gradient(circle at 75% 15%,#173a60 0,#081b33 43%,#061425 100%);display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:20px;box-shadow:0 30px 80px #020b1466}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.login-brand b,.login-brand small{display:block}.login-brand b{font-size:19px}.login-brand small{font-size:8px;letter-spacing:1.2px;color:#8090a2}.login-card h1{font-size:26px;margin:6px 0}.login-card>p{font-size:11px;color:#7b899a;line-height:1.6;margin-bottom:22px}.login-card label{display:block;margin:13px 0}.login-card .check{display:flex}.copyright{display:block;text-align:center;color:#a0aab6;font-size:8px;margin-top:22px}
@media(max-width:980px){.metrics{grid-template-columns:1fr 1fr}.header-user{display:none}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.22s}.menu-open .sidebar{transform:translateX(0);box-shadow:20px 0 60px #04122180}.menu-open:after{content:"";position:fixed;inset:0;background:#06142680;z-index:15}main{margin-left:0}main>header{height:66px;padding:0 16px}.menu{display:block;margin-right:12px}.content{padding:20px 13px}.welcome,.page-head{align-items:flex-start}.welcome h2,.page-head h2{font-size:21px}.metrics{gap:9px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(max-width:440px){.metrics{grid-template-columns:1fr}.welcome,.page-head{display:block}.welcome>.btn,.page-head>.btn{margin-top:14px}.login-card{padding:25px}.filters{flex-wrap:wrap}}

/* Fase 2: clientes e agenda visual */
.metrics{grid-template-columns:repeat(5,1fr)}.head-actions{display:flex;gap:8px}.field-help{display:block;color:#8b98a8;font-size:8px;font-weight:400;margin-top:5px}.search-bar label{min-width:320px}.agenda-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.view-switch{display:flex;background:#e8eef5;padding:4px;border-radius:10px}.view-switch a{padding:8px 14px;border-radius:7px;color:#68788b;font-size:10px;font-weight:750}.view-switch a.active{background:#fff;color:var(--orange);box-shadow:0 3px 10px #142b4314}.agenda-filter{display:flex;gap:8px;align-items:center}.agenda-filter input,.agenda-filter select{width:auto;min-width:145px;margin:0;padding:9px 11px}.calendar-title{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:16px}.calendar-title h3{text-transform:capitalize;margin:0;font-size:17px}.calendar-title>a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--orange);font-size:19px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));border:1px solid var(--line);border-radius:11px;overflow:hidden}.weekday{padding:9px;text-align:center;background:#f7f9fc;color:#8090a2;font-size:8px;font-weight:800;text-transform:uppercase}.month-day{min-height:120px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:7px;position:relative;background:#fff}.month-day:nth-child(7n){border-right:0}.month-day.outside{background:#fafbfd;color:#b4beca}.month-day.today{box-shadow:inset 0 0 0 2px var(--orange)}.day-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:9px;font-weight:800}.today .day-number{background:var(--orange);color:#fff}.day-events{display:grid;gap:4px;margin-top:4px}.mini-event{display:block;background:#eaf8f2;color:#167e5d;border-left:3px solid #18a873;border-radius:5px;padding:4px 5px;font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-event small{display:block;font-size:7px;opacity:.75}.mini-event.pending{background:#fff2e8;color:#be672a;border-color:#ee8a43}.mini-event.cancelled{background:#f7f7f8;color:#8c96a2;border-color:#aab2bc;text-decoration:line-through}.more-events{font-size:7px;color:var(--orange);font-weight:700}.day-add{display:none;position:absolute;right:6px;top:6px;color:var(--orange);font-weight:800}.month-day:hover .day-add{display:block}.day-agenda{display:grid;gap:8px}.agenda-row{display:grid;grid-template-columns:70px 1fr 105px 100px 120px;align-items:center;gap:12px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:12px}.agenda-row.pending{border-left-color:#e98742}.agenda-row.cancelled{border-left-color:#aab3be;opacity:.65}.agenda-time b,.agenda-time span,.agenda-info b,.agenda-info span{display:block}.agenda-time b{font-size:14px}.agenda-time span,.agenda-info span{font-size:8px;color:#8491a2}.agenda-info b{font-size:11px}.agenda-value{font-size:10px;font-weight:750}.day-agenda .empty a{color:var(--orange);font-weight:700}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.profile-card dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0 0}.profile-card dl div:last-child{grid-column:1/-1}.profile-card dt{color:#8b98a8;font-size:8px;text-transform:uppercase}.profile-card dd{margin:4px 0 0;font-size:11px}.stat-card{display:flex;flex-direction:column;justify-content:center}.stat-card span{font-size:10px;color:#8491a2}.stat-card b{font-size:30px;margin:8px 0}.stat-card small{font-size:8px;color:var(--green)}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}.month-grid{overflow:auto}.agenda-row{grid-template-columns:60px 1fr 90px 100px}.agenda-row .actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:720px){.agenda-toolbar{display:block}.view-switch{margin-bottom:10px}.agenda-filter{flex-wrap:wrap}.agenda-filter input,.agenda-filter select{flex:1;min-width:130px}.calendar-panel{padding:10px;overflow:auto}.month-grid{min-width:760px}.profile-grid{grid-template-columns:1fr}.agenda-row{grid-template-columns:52px 1fr}.agenda-row>div:nth-child(n+3){grid-column:2}.head-actions{margin-top:14px}.search-bar label{min-width:100%;width:100%}}

/* Fase 2.1: reserva rápida por horários */
.quick-arena{padding:13px 16px;margin-bottom:15px}.quick-arena label{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:750;color:#536177}.quick-arena select{width:min(420px,100%);margin:0}.quick-step{margin-bottom:22px}.step-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-title>span{width:28px;height:28px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:50%;font-size:11px;font-weight:800}.step-title b,.step-title small{display:block}.step-title b{font-size:14px}.step-title small{font-size:9px;color:var(--muted);margin-top:2px}.date-strip-wrap{display:flex;align-items:center;gap:8px}.date-strip{display:grid;grid-template-columns:repeat(7,minmax(86px,1fr));gap:8px;flex:1;overflow:auto;padding:3px}.strip-arrow{width:34px;height:50px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--orange);font-size:21px}.date-card{background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:11px 8px;text-align:center;min-width:86px}.date-card span,.date-card b{display:block}.date-card span{text-transform:capitalize;color:#7d8b9d;font-size:9px}.date-card b{font-size:14px;margin-top:4px}.date-card:hover{border-color:#ffac7d}.date-card.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 8px 20px #ff6b1a2e}.date-card.active span{color:#fff}.court-slots{margin-bottom:12px}.court-slots-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.court-slots-head h3{font-size:14px;margin:0}.court-slots-head p{font-size:9px;color:var(--muted);margin:3px 0 0}.court-slots-head strong{font-size:10px;color:var(--orange)}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.time-slot{min-height:54px;border:1px solid #dfe7ef;border-radius:9px;padding:9px 11px;display:flex;flex-direction:column;justify-content:center}.time-slot span,.time-slot small{display:block}.time-slot span{font-size:10px;font-weight:800}.time-slot small{font-size:8px;margin-top:3px}.time-slot.available{background:#fff;color:#435267}.time-slot.available small{color:var(--green)}.time-slot.available:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-1px);box-shadow:0 7px 16px #ff6b1a28}.time-slot.available:hover small{color:#fff}.time-slot.occupied{background:#f1f3f6;color:#8b96a4;border-style:dashed;cursor:not-allowed}.time-slot.occupied small{color:#b45552;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-slot.unavailable{background:#f8f9fb;color:#b1bac5;cursor:not-allowed}.time-slot.unavailable small{color:#a1aab5}
@media(max-width:1050px){.slot-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.date-strip{grid-template-columns:repeat(7,86px)}}
@media(max-width:720px){.slot-grid{grid-template-columns:1fr 1fr}.date-strip-wrap{align-items:stretch}.strip-arrow{height:auto;min-width:30px}.quick-arena label{display:block}.quick-arena select{margin-top:6px;width:100%}}
@media(max-width:430px){.slot-grid{grid-template-columns:1fr}.court-slots-head{align-items:flex-start}.date-card{min-width:78px}.date-strip{grid-template-columns:repeat(7,78px)}}
.chosen-slot{position:relative;background:linear-gradient(135deg,#0d2948,#123c65);color:#fff;border-radius:13px;padding:15px 140px 15px 18px;margin-bottom:14px;box-shadow:0 8px 22px #0a234035}.chosen-slot span,.chosen-slot b,.chosen-slot small{display:block}.chosen-slot span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#7ee1bc}.chosen-slot b{font-size:15px;margin:4px 0;text-transform:capitalize}.chosen-slot small{font-size:9px;color:#b6c7d8}.chosen-slot a{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#fff;color:var(--orange);padding:8px 11px;border-radius:8px;font-size:9px;font-weight:800}@media(max-width:540px){.chosen-slot{padding-right:18px}.chosen-slot a{position:static;display:inline-block;transform:none;margin-top:10px}}

/* Fase 2.2: funcionamento, preços e bloqueios */
.form-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.form-section>.eyebrow{display:block;margin-bottom:12px}.days-picker{margin-top:15px}.days-picker>label{display:block;font-size:9px;font-weight:700;color:#536177;margin-bottom:7px}.days-picker>div{display:flex;gap:7px;flex-wrap:wrap}.day-check{cursor:pointer}.day-check input{position:absolute;opacity:0;pointer-events:none}.day-check span{display:grid;place-items:center;min-width:50px;height:34px;padding:0 10px;border:1px solid #dfe7ef;border-radius:8px;background:#fff;color:#68788b;font-size:9px;font-weight:750}.day-check input:checked+span{background:var(--navy2);border-color:var(--navy2);color:#fff}.days-picker.compact{margin-top:14px}.days-picker.compact small{display:block;color:#8b98a8;font-size:8px;margin-top:7px}.schedule-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.schedule-columns>section{display:grid;gap:14px}.schedule-form .form-actions{margin-top:15px}.rule-list{display:grid;gap:8px}.rule-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.rule-item:last-child{border-bottom:0}.rule-item>div{flex:1;min-width:0}.rule-item b,.rule-item small{display:block}.rule-item b{font-size:10px}.rule-item small{font-size:8px;color:#8491a2;margin-top:3px}.rule-item>strong{font-size:10px;color:var(--orange)}.rule-item button{border:0;background:none;color:#bd4b48;font-size:8px;font-weight:750;cursor:pointer}.compact-empty{padding:18px}.time-slot.blocked{background:#fff3dc;color:#9b6718;border-color:#f2d49d;cursor:not-allowed}.time-slot.blocked small{color:#b47920}.closed-day{grid-column:1/-1;background:#f7f9fb;border:1px dashed #d8e1ea;border-radius:9px;padding:24px;text-align:center;color:#8b98a8;font-size:10px}
@media(max-width:900px){.schedule-columns{grid-template-columns:1fr}}

/* Fase 3: financeiro */
.finance-filter{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px;padding:13px 16px}.finance-filter label{font-size:9px;font-weight:700;color:#536177}.finance-filter input,.finance-filter select{margin-top:5px;min-width:155px}.finance-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.finance-metrics article,.payment-summary article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:0 5px 20px #172c450a}.finance-metrics span,.finance-metrics b,.finance-metrics small,.payment-summary span,.payment-summary b{display:block}.finance-metrics span,.payment-summary span{font-size:9px;color:#8491a2}.finance-metrics b,.payment-summary b{font-size:18px;margin:7px 0}.finance-metrics small{font-size:8px;color:#8b98a8}.finance-metrics .income b,.payment-summary .income b,.money-income{color:var(--green)}.finance-metrics .expense b,.payment-summary .expense b,.money-expense,.money-due{color:#d15650}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;align-items:start}.payment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.payment-summary .status-text{font-size:14px}.payment-layout{grid-template-columns:1fr 1fr}.readonly-field{display:flex;align-items:center;min-height:39px;border:1px solid #dfe7ef;background:#f7f9fb;border-radius:9px;padding:11px 12px;margin-top:6px;color:#66768a;font-size:10px}.btn.danger{background:#fff0ef;color:#b74743;border-color:#f2cecc;margin-right:8px}.money-income,.money-expense{font-size:10px}.finance-grid table{min-width:620px}
@media(max-width:1180px){.finance-metrics{grid-template-columns:repeat(3,1fr)}.finance-grid{grid-template-columns:1fr}}
@media(max-width:720px){.finance-filter{flex-wrap:wrap}.finance-filter label{flex:1;min-width:130px}.finance-filter input,.finance-filter select{width:100%;min-width:0}.payment-summary{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.finance-metrics,.payment-summary{grid-template-columns:1fr}}
.btn[disabled],button[disabled],input[type="submit"][disabled]{opacity:.65;cursor:wait;pointer-events:none}

/* Fase 4: produtos, estoque e comandas */
.sidebar nav{flex:1;overflow-y:auto}.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.metrics article.expense b{color:var(--red)}.metrics small a{color:inherit}.inventory-metrics,.tab-metrics{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:14px}.tab-metrics{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:720px}.inventory-metrics article,.tab-metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:0 5px 20px #172c450a}.inventory-metrics span,.inventory-metrics b,.inventory-metrics small,.tab-metrics span,.tab-metrics b,.tab-metrics small{display:block}.inventory-metrics span,.tab-metrics span{font-size:9px;color:#8491a2}.inventory-metrics b,.tab-metrics b{font-size:20px;margin:7px 0}.inventory-metrics small,.tab-metrics small{font-size:8px;color:#8b98a8}.inventory-metrics .expense b{color:var(--red)}.inventory-metrics .income b{color:var(--green)}.product-filters label{min-width:160px}.product-filters label:first-child{min-width:280px}.inventory-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:14px;align-items:start}.form-grid.single{grid-template-columns:1fr}.tabs-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px}.tab-card{display:block;background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:13px;padding:16px;box-shadow:0 5px 20px #172c450a;transition:.18s}.tab-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #172c4514}.tab-card.closed{border-top-color:var(--green)}.tab-card.cancelled{border-top-color:#aeb7c1;opacity:.72}.tab-card-top,.tab-card-bottom{display:flex;align-items:center;justify-content:space-between}.tab-number{font-size:9px;font-weight:850;color:var(--orange);letter-spacing:.7px}.tab-card h3{font-size:15px;margin:17px 0 4px}.tab-card p{font-size:9px;color:#7d8b9c;margin:0;min-height:28px}.tab-card-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.tab-card-bottom span,.tab-card-bottom small{display:block}.tab-card-bottom span{font-size:9px;color:#66768a}.tab-card-bottom small{font-size:7px;color:#9aa5b2;margin-top:3px}.tab-card-bottom strong{font-size:16px}.wide-empty{grid-column:1/-1}.wide-empty a{color:var(--orange);font-weight:700}.pagination-wrap{margin-top:14px}.tab-status{font-size:9px;padding:8px 11px}.add-item-panel{margin-bottom:14px}.add-item-grid{display:grid;grid-template-columns:minmax(260px,2fr) 120px minmax(180px,1fr) auto;gap:10px;align-items:end}.add-item-grid label{font-size:9px;font-weight:700;color:#536177}.add-item-grid .btn{height:39px}.stock-hint{display:block;color:var(--green);font-size:8px;margin-top:8px}.tab-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.tab-summary{position:sticky;top:94px}.tab-summary>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px}.tab-summary>div span{color:#7e8b9b}.tab-summary .tab-total{margin-bottom:15px}.tab-summary .tab-total strong{font-size:22px;color:var(--orange)}.tab-summary>small{display:block;color:#8794a3;font-size:8px;margin-top:10px}.close-tab-form label{display:block;font-size:9px;font-weight:700;color:#536177;margin:10px 0}.close-tab-form+.btn,.tab-summary>form:last-child{margin-top:8px}.tab-summary form+.form-actions{margin:0}.inline-quantity{display:flex;align-items:center;gap:5px}.inline-quantity input{width:75px;margin:0;padding:7px}.inline-quantity button{border:0;background:#edf3f8;color:#506176;border-radius:6px;padding:7px;font-size:8px;cursor:pointer}
@media(max-width:1200px){.tabs-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}.add-item-grid{grid-template-columns:2fr 110px 1fr}.add-item-grid .btn{grid-column:1/-1}}
@media(max-width:900px){.inventory-layout,.tab-detail-layout{grid-template-columns:1fr}.tab-summary{position:static}.tabs-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}
@media(max-width:720px){.inventory-metrics,.tab-metrics{grid-template-columns:1fr}.tabs-grid{grid-template-columns:1fr}.add-item-grid{grid-template-columns:1fr 1fr}.add-item-grid label:first-child,.add-item-grid label:nth-child(3),.add-item-grid .btn{grid-column:1/-1}.product-filters label,.product-filters label:first-child{min-width:100%}.head-actions{flex-wrap:wrap}}
.tab-summary .btn.danger{margin-right:0}

/* Fase 6.2: monitoramento e auditoria do PIX */
.mp-monitor{margin-bottom:14px}.mp-state{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800}.mp-state.success{background:#e4f8ef;color:#087c55}.mp-state.waiting{background:#fff1e6;color:#bd5c20}.mp-state.danger{background:#feeceb;color:#b8423d}.mp-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.mp-data-grid>div{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:12px;min-width:0}.mp-data-grid small,.mp-data-grid b{display:block}.mp-data-grid small{font-size:8px;color:#8391a2;text-transform:uppercase;letter-spacing:.5px}.mp-data-grid b{font-size:9px;margin-top:5px;overflow-wrap:anywhere}.mp-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.mp-actions form{margin:0}.mp-timeline-panel{margin-top:14px}.mp-timeline{display:grid}.mp-event{display:grid;grid-template-columns:14px 1fr;gap:9px;position:relative;padding:0 0 14px}.mp-event:before{content:"";position:absolute;left:5px;top:10px;bottom:-2px;width:1px;background:var(--line)}.mp-event:last-child:before{display:none}.mp-event>span{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px #ff9e69;z-index:1;margin-top:2px}.mp-event b,.mp-event small{display:block}.mp-event b{font-size:10px}.mp-event small{font-size:8px;color:#8a97a7;margin-top:2px}.mp-event p{font-size:9px;color:#536177;margin:4px 0 0}.transaction-link{color:inherit;font-weight:700}.transaction-link:hover{color:var(--orange)}
@media(max-width:900px){.mp-data-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.mp-data-grid{grid-template-columns:1fr}.mp-actions{align-items:stretch;flex-direction:column}.mp-actions .btn{width:100%}}

/* Fase 7.1: central multiarenas */
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:14px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:0 5px 20px #172c450a}.metric-grid span,.metric-grid b,.metric-grid small{display:block}.metric-grid span{font-size:9px;color:#8491a2}.metric-grid b{font-size:19px;margin:7px 0}.metric-grid small{font-size:8px;color:#8b98a8}.two-cols{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:start;margin-bottom:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h3{margin:4px 0 0}.panel h3{font-size:14px}.panel>p{font-size:10px;color:#68778a}.form-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.page-head>.actions .btn{font-size:10px;color:#526176;padding:10px 14px}.page-head>.actions .btn.primary{color:#fff}.password-reset{position:relative}.password-reset summary{cursor:pointer;color:#e9671a;font-size:9px;font-weight:700;list-style:none}.password-reset form{position:absolute;right:0;top:22px;z-index:4;width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:0 12px 30px #172c4526}.password-reset input{margin:0 0 7px;padding:8px}.password-reset form button{background:var(--orange);color:#fff;padding:7px 9px;border-radius:7px;width:100%}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(3,1fr)}.two-cols{grid-template-columns:1fr}}
@media(max-width:620px){.metric-grid{grid-template-columns:1fr 1fr}.page-head>.actions{margin-top:13px;justify-content:flex-start}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}}

/* Fase 8: central de replays */
.replay-metrics{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:14px}.replay-metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 5px 20px #172c450a}.replay-metrics span,.replay-metrics b,.replay-metrics small{display:block}.replay-metrics span{font-size:9px;color:#8491a2}.replay-metrics b{font-size:21px;margin:7px 0}.replay-metrics small{font-size:8px;color:#8b98a8}.replay-filters{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin-bottom:14px}.replay-filters label{font-size:9px;font-weight:700;color:#536177;min-width:150px}.replay-filters .replay-search{flex:1;min-width:210px}.replay-filters input,.replay-filters select{margin-top:5px}.replay-filters>a{padding:10px 4px;color:var(--orange);font-size:9px;font-weight:700}.replay-setup{padding:0;margin-bottom:14px;overflow:hidden}.replay-setup>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:17px;list-style:none}.replay-setup>summary::-webkit-details-marker{display:none}.replay-setup>summary span b,.replay-setup>summary span small{display:block}.replay-setup>summary span b{font-size:12px}.replay-setup>summary span small{font-size:9px;color:#8290a1;margin-top:3px}.replay-setup>summary>strong{color:var(--orange);font-size:9px}.replay-setup[open]>summary{border-bottom:1px solid var(--line)}.replay-setup-content,.replay-upload-form{padding:17px}.replay-setup-content>p{margin:0 0 13px}.replay-setup code{background:#eff4f8;border-radius:6px;padding:5px 7px;font-size:9px;overflow-wrap:anywhere}.token-reveal{background:#fff5ed;border:1px solid #ffd8c1;border-radius:10px;padding:13px;margin-bottom:14px}.token-reveal b,.token-reveal small{display:block}.token-reveal b{font-size:11px;color:#a84916}.token-reveal small{font-size:8px;color:#8d725f;margin:3px 0 9px}.token-reveal>div{display:flex;align-items:center;gap:8px}.token-reveal code{flex:1;background:#fff;white-space:normal}.token-reveal button{border:0;border-radius:7px;background:var(--orange);color:#fff;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.replay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.replay-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #172c450a}.replay-preview{display:block;position:relative;aspect-ratio:16/9;background:#071f3a;overflow:hidden}.replay-preview video{width:100%;height:100%;object-fit:cover;opacity:.78}.replay-preview>span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:#ff6b1ae8;color:#fff;box-shadow:0 7px 22px #0006}.replay-preview>small{position:absolute;right:9px;bottom:8px;padding:4px 7px;border-radius:5px;background:#06172dcc;color:#fff;font-size:8px}.replay-card-body{padding:14px}.replay-card-body h3{font-size:14px;margin:6px 0}.replay-card-body p{font-size:9px;color:#7d8b9c;margin:0 0 10px}.replay-card-body>a{color:var(--orange);font-size:9px;font-weight:800}.replay-empty{grid-column:1/-1}.replay-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.replay-player{padding:10px;background:#06172d}.replay-player video{display:block;width:100%;max-height:72vh;border-radius:9px;background:#000}.replay-info{position:sticky;top:94px}.replay-info dl{margin:0 0 16px}.replay-info dl div{padding:10px 0;border-bottom:1px solid var(--line)}.replay-info dt{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#8b98a8}.replay-info dd{font-size:10px;font-weight:700;margin:3px 0 0;overflow-wrap:anywhere}.replay-info .btn{margin-top:8px}.replay-info form{margin:0}.replay-info small{display:block;color:#8391a2;font-size:8px;line-height:1.5;margin-top:10px}
@media(max-width:1050px){.replay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-view-layout{grid-template-columns:1fr}.replay-info{position:static}}
@media(max-width:720px){.replay-metrics{grid-template-columns:1fr}.replay-grid{grid-template-columns:1fr}.replay-filters label,.replay-filters .replay-search{min-width:100%}.token-reveal>div{align-items:stretch;flex-direction:column}.replay-setup>summary{gap:10px}.replay-upload-form .form-grid{grid-template-columns:1fr}}

/* Fase 8.1: monitoramento remoto */
.monitor-filter{display:flex;align-items:flex-end;gap:9px;margin-bottom:14px}.monitor-filter label{min-width:260px;font-size:9px;font-weight:700;color:#536177}.monitor-filter select{margin-top:5px}.monitor-filter>a{padding:10px 4px;color:var(--orange);font-size:9px;font-weight:700}.monitor-metrics{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:11px;margin-bottom:14px}.monitor-metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:0 5px 20px #172c450a}.monitor-metrics span,.monitor-metrics b,.monitor-metrics small{display:block}.monitor-metrics span{font-size:8px;color:#8491a2}.monitor-metrics b{font-size:19px;margin:6px 0}.monitor-metrics small{font-size:7px;color:#8b98a8}.monitor-metrics .healthy b{color:var(--green)}.monitor-metrics .attention b{color:#d15650}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.monitor-card{position:relative;overflow:hidden}.monitor-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#aab4c0}.monitor-card.state-online:before{background:var(--green)}.monitor-card.state-warning:before{background:#f59e0b}.monitor-card.state-offline:before{background:#dc514b}.monitor-card>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}.monitor-card h3{margin:4px 0 0}.monitor-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800}.monitor-badge i,.camera-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.monitor-badge.online{background:#e4f8ef;color:#087c55}.monitor-badge.warning{background:#fff1dc;color:#aa6810}.monitor-badge.offline{background:#feeceb;color:#b8423d}.monitor-badge.never{background:#eef1f5;color:#7a8796}.monitor-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.monitor-facts>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;padding:10px}.monitor-facts span,.monitor-facts b,.monitor-facts small{display:block}.monitor-facts span{font-size:7px;text-transform:uppercase;letter-spacing:.6px;color:#8a97a7}.monitor-facts b{font-size:9px;margin:4px 0;overflow-wrap:anywhere}.monitor-facts small{font-size:7px;color:#8b98a8}.monitor-facts .ok{color:var(--green)}.monitor-facts .bad{color:#c44944}.camera-health{margin-top:13px}.camera-health>span{display:block;font-size:8px;font-weight:750;color:#536177;margin-bottom:7px}.camera-health>div{display:flex;gap:6px;flex-wrap:wrap}.camera-pill{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:7px 9px;background:#f2f5f8;font-size:8px;font-weight:750}.camera-pill.ok{color:#087c55;background:#e9f8f1}.camera-pill.bad{color:#b8423d;background:#feeceb}.camera-health small{font-size:8px;color:#8b98a8}.disk-health{margin-top:13px}.disk-health>div{display:flex;justify-content:space-between;font-size:8px;margin-bottom:5px}.disk-health progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden}.disk-health progress::-webkit-progress-bar{background:#edf1f5}.disk-health progress::-webkit-progress-value{background:var(--orange)}.monitor-error{display:grid;gap:3px;margin-top:13px;background:#fff3f2;border:1px solid #f8d2cf;border-radius:9px;padding:10px;color:#a53f3b}.monitor-error b{font-size:8px;text-transform:uppercase}.monitor-error span{font-size:9px;overflow-wrap:anywhere}.monitor-error small{font-size:7px;opacity:.7}.monitor-events{margin-top:14px}.monitor-timeline{display:grid}.monitor-event{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.monitor-event:last-child{border-bottom:0}.monitor-event>i{width:9px;height:9px;border-radius:50%;background:#7e8c9d;margin-top:2px}.monitor-event.success>i{background:var(--green)}.monitor-event.warning>i{background:#f59e0b}.monitor-event.error>i{background:#dc514b}.monitor-event b,.monitor-event small{display:block}.monitor-event b{font-size:9px}.monitor-event small{font-size:7px;color:#8b98a8;margin-top:3px}
@media(max-width:1250px){.monitor-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.monitor-grid{grid-template-columns:1fr}.monitor-facts{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.monitor-metrics{grid-template-columns:1fr 1fr}.monitor-facts{grid-template-columns:1fr}.monitor-filter{align-items:stretch;flex-direction:column}.monitor-filter label{min-width:0}}

/* Login v2 */
.login-v2{display:block;padding:0;background:#07182c;overflow-x:hidden}.login-v2:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,#1c456d55,transparent 34%),radial-gradient(circle at 86% 84%,#ff6b1a18,transparent 26%);pointer-events:none}.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);width:100%;min-height:100vh}.login-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px clamp(42px,6vw,96px);color:#fff;background:linear-gradient(145deg,#07182c 0%,#0a2542 55%,#10385e 100%)}.login-showcase:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff0b;border-radius:50%;right:-220px;bottom:-250px;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff03}.login-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.login-orb.one{width:180px;height:180px;background:#ff6b1a12;top:17%;right:8%}.login-orb.two{width:90px;height:90px;background:#5f9fd52b;bottom:14%;left:8%}.login-logo{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:max-content}.login-logo .brand-icon,.login-mobile-brand .brand-icon{width:43px;height:43px;border-radius:13px}.login-logo b,.login-logo small,.login-mobile-brand b,.login-mobile-brand small{display:block}.login-logo b{font-size:20px}.login-logo small{font-size:8px;letter-spacing:1.8px;color:#91a9bf;margin-top:3px}.login-presentation{position:relative;z-index:2;max-width:680px;margin:auto 0}.login-kicker{display:flex;align-items:center;gap:8px;color:#9ab1c7;font-size:9px;font-weight:800;letter-spacing:1.7px}.login-kicker i{width:22px;height:2px;background:var(--orange)}.login-presentation h1{font-size:clamp(38px,4.4vw,68px);line-height:1.06;letter-spacing:-2.4px;margin:20px 0 22px}.login-presentation h1 em{color:var(--orange);font-style:normal}.login-presentation>p{max-width:610px;color:#a9bdd0;font-size:14px;line-height:1.8;margin:0}.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.login-benefits>div{position:relative;padding:17px 15px;border:1px solid #ffffff13;border-radius:13px;background:#ffffff08;backdrop-filter:blur(8px)}.login-benefits span,.login-benefits b,.login-benefits small{display:block}.login-benefits span{color:var(--orange);font-size:8px;font-weight:900;letter-spacing:1px}.login-benefits b{font-size:11px;margin:9px 0 5px}.login-benefits small{color:#8fa7bd;font-size:8px;line-height:1.5}.login-showcase-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:42px;color:#7894ad;font-size:8px}.login-showcase-footer>span{display:flex;align-items:center;gap:7px;color:#83a29b;font-weight:750}.login-showcase-footer i{width:7px;height:7px;border-radius:50%;background:#24c78a;box-shadow:0 0 0 5px #24c78a17}.login-access{margin:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:#fff;padding:46px clamp(35px,5vw,88px)}.login-card-v2{width:100%;max-width:460px;margin:auto}.login-card-v2>.eyebrow{color:var(--orange);letter-spacing:1.8px}.login-card-v2 h2{font-size:34px;letter-spacing:-1px;margin:9px 0}.login-card-v2>p{font-size:11px;color:#7c8a9a;line-height:1.65;margin:0 0 28px}.login-field{display:block;margin:16px 0}.login-field>span{display:block;font-size:9px;font-weight:800;color:#405169;margin-bottom:7px}.login-field>div{display:flex;align-items:center;height:50px;border:1px solid #dce5ee;border-radius:11px;background:#fbfcfe;transition:.18s}.login-field>div:focus-within{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #ff6b1a12}.login-field i{width:46px;text-align:center;color:#8a99aa;font-size:12px;font-style:normal}.login-field input{height:100%;border:0;background:transparent;border-radius:0;margin:0;padding:0 5px;font-size:11px;box-shadow:none}.login-field input:focus{box-shadow:none}.login-field button{align-self:stretch;border:0;background:none;color:#e86119;font-size:8px;font-weight:800;padding:0 14px;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.login-options>small{color:#94a1af;font-size:8px}.login-remember{display:flex;align-items:center;gap:7px;font-size:9px;color:#5c6b7d;cursor:pointer}.login-remember input{position:absolute;opacity:0;pointer-events:none}.login-remember>span{width:16px;height:16px;border:1px solid #ccd7e2;border-radius:5px;background:#fff;display:grid;place-items:center}.login-remember input:checked+span{background:var(--orange);border-color:var(--orange)}.login-remember input:checked+span:after{content:"✓";color:#fff;font-size:10px;font-weight:900}.login-submit{width:100%;height:51px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(90deg,#ff6412,#ff7a31);color:#fff;box-shadow:0 12px 28px #ff6b1a2e;font-size:10px;font-weight:850;cursor:pointer;transition:.18s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px #ff6b1a38}.login-submit b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#ffffff1c;font-size:14px}.login-submit:disabled{cursor:wait;opacity:.72}.login-security{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f5;margin-top:25px;padding-top:20px}.login-security>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e8f8f1;color:#15835e;font-weight:900}.login-security p{margin:0}.login-security b,.login-security small{display:block}.login-security b{font-size:9px}.login-security small{font-size:8px;color:#8a97a6;margin-top:2px}.login-error{display:flex;align-items:flex-start;gap:10px;border:1px solid #f4d0ce;border-radius:10px;background:#fff3f2;color:#a94340;padding:11px 12px;margin-bottom:18px}.login-error>span{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:#d9534f;color:#fff;font-size:10px;font-weight:900}.login-error b,.login-error small{display:block}.login-error b{font-size:9px}.login-error small{font-size:8px;margin-top:3px}.login-access>footer{text-align:center;color:#9aa6b3;font-size:8px;margin-top:auto;padding-top:30px}.login-access>footer span{margin:0 6px;color:#d1d8df}.login-mobile-brand{display:none}
@media(max-width:1050px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr)}.login-showcase{padding:40px}.login-benefits{grid-template-columns:1fr}.login-benefits>div{padding:12px 14px}.login-benefits small{display:none}.login-presentation h1{font-size:44px}}
@media(max-width:790px){.login-shell{display:block;background:#fff}.login-showcase{display:none}.login-access{padding:28px 22px;min-height:100vh}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:70px}.login-mobile-brand b{font-size:17px}.login-mobile-brand small{font-size:7px;color:#8290a1;letter-spacing:1.3px}.login-card-v2{margin:auto}.login-access>footer{margin-top:70px}}
@media(max-width:450px){.login-access{padding:23px 18px}.login-mobile-brand{margin-bottom:45px}.login-card-v2 h2{font-size:29px}.login-card-v2>p{margin-bottom:24px}}

/* Identidade Visual V2 — alinhada ao site principal Meu Replay */
:root{--navy:#06162a;--navy2:#0b2345;--orange:#0b7cff;--ink:#10233f;--muted:#71829a;--line:#dfe8f3;--bg:#f3f7fc;--green:#18a873;--red:#ef334e;--brand-blue:#0b7cff;--brand-blue-dark:#0068dd;--brand-cyan:#26a7ff}
.sidebar{background:linear-gradient(180deg,#030b18 0%,#061a32 58%,#071d38 100%);border-right:1px solid #1785ff1f}
.brand{height:82px;gap:12px;padding:0 18px;border-bottom-color:#ffffff12}
.brand-mark{display:block;width:43px;height:43px;flex:0 0 43px;border-radius:50%;object-fit:cover;background:#06162a;box-shadow:0 0 0 1px #ffffff12,0 10px 28px #006eff35}
.brand b,.login-logo b,.login-mobile-brand b{font-style:normal;font-weight:850;letter-spacing:-.25px}
.brand b>span,.login-logo b>span{color:#fff}.brand b>em,.login-logo b>em,.login-mobile-brand b>em{color:var(--brand-blue);font-style:normal}
.sidebar nav>a.active{background:linear-gradient(90deg,#0877ee,#1495ff);box-shadow:0 9px 24px #087cff35}
.sidebar nav>a:hover{background:#0b7cff14;color:#fff}
.avatar{background:linear-gradient(145deg,#0877ee,#14406c);box-shadow:0 0 0 1px #ffffff15}
.btn.primary{background:linear-gradient(90deg,#0877ee,#1495ff);box-shadow:0 8px 20px #087cff2b}
.panel-head>a,.actions a,.filters>a,.view-switch a.active,.calendar-title>a,.more-events,.day-add{color:var(--brand-blue)}
input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b7cff17}
.month-day.today{box-shadow:inset 0 0 0 2px var(--brand-blue)}.today .day-number{background:var(--brand-blue)}
.login-v2{background:#020916}.login-v2:before{background:radial-gradient(circle at 15% 18%,#087cff24,transparent 34%),radial-gradient(circle at 87% 84%,#0b7cff12,transparent 25%)}
.login-showcase{background:radial-gradient(circle at 86% 18%,#0b7cff1c,transparent 25%),linear-gradient(145deg,#020916 0%,#061a39 58%,#082957 100%)}
.login-showcase:after{border-color:#0b7cff17;box-shadow:0 0 0 75px #0b7cff0a,0 0 0 150px #0b7cff05}
.login-orb.one{background:#0b7cff20}.login-orb.two{background:#28a8ff20}
.login-logo .brand-mark,.login-mobile-brand .brand-mark{display:block;width:46px;height:46px;flex:0 0 46px;border-radius:50%;object-fit:cover;background:#06162a;box-shadow:0 0 0 1px #ffffff12,0 10px 30px #006eff36}
.login-logo b{font-size:19px;letter-spacing:-.25px}.login-logo small{color:#8da9c7}
.login-kicker{color:#79aee2}.login-kicker i{background:var(--brand-blue)}
.login-presentation h1 em{color:var(--brand-blue)}.login-benefits span{color:#3aa5ff}
.login-benefits>div{border-color:#248cff24;background:#0b7cff0a}
.login-card-v2>.eyebrow{color:var(--brand-blue)}
.login-field>div:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 4px #0b7cff12}.login-field button{color:var(--brand-blue)}
.login-remember input:checked+span{background:var(--brand-blue);border-color:var(--brand-blue)}
.login-submit{background:linear-gradient(90deg,#0877ee,#1495ff);box-shadow:0 12px 28px #087cff30}.login-submit:hover{box-shadow:0 16px 34px #087cff40}
.login-mobile-brand b>span{color:var(--navy)}
.badge.pending,.badge.partial{background:#fff5df;color:#9a6700}
@media(max-width:790px){.login-mobile-brand .brand-mark{box-shadow:0 0 0 1px #0b7cff1c,0 9px 24px #087cff22}}

/* Fase 8.2.1 — Identidade da arena */
.branding-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.branding-main{display:grid;gap:14px}.branding-section{padding:20px}.branding-section .section-title{margin-bottom:16px}.branding-section h3,.branding-preview-card h3{margin:3px 0;font-size:15px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.toggle-row:last-child{border-bottom:0}.toggle-row span b,.toggle-row span small{display:block}.toggle-row span b{font-size:11px}.toggle-row span small{font-size:8px;color:var(--muted);margin-top:3px}.toggle-row>input{width:38px;height:21px;margin:0;appearance:none;border:0;border-radius:20px;background:#cbd6e2;padding:0;position:relative;cursor:pointer;transition:.2s}.toggle-row>input:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:.2s}.toggle-row>input:checked{background:var(--brand-blue)}.toggle-row>input:checked:after{transform:translateX(17px)}.branding-colors{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branding-colors>label,.asset-field>label,.branding-section>label{display:block;font-size:9px;font-weight:750;color:#536177}.color-field{height:48px;display:flex;align-items:center;gap:10px;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fbfcfe}.color-field input[type=color]{width:55px;height:34px;border:0;border-radius:7px;padding:0;margin:0;background:transparent;cursor:pointer}.color-field code{font-size:10px;color:#536177;text-transform:uppercase}.branding-colors small,.asset-field small,.branding-section>label>small{display:block;color:var(--muted);font-size:8px;font-weight:400;margin-top:5px}.branding-assets{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;margin-bottom:16px}.asset-field{min-width:0}.asset-field input[type=file]{font-size:9px;padding:9px}.asset-preview{display:grid;place-items:center;overflow:hidden;margin-top:9px;border:1px dashed #c9d7e6;border-radius:12px;background:#f5f8fc;color:#8b99aa;font-size:9px}.asset-preview img{display:block;width:100%;height:100%;object-fit:contain}.logo-preview{width:120px;height:120px}.banner-preview{width:100%;height:120px}.remove-asset{display:flex!important;align-items:center;gap:7px;margin-top:8px!important;color:#aa4b49!important}.remove-asset input{width:auto;margin:0}.branding-save{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#f3f7fc 32%);padding:25px 0 4px}.branding-preview-card{position:sticky;top:94px;overflow:hidden}.mini-public-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px -18px 0;padding:14px 16px;background:var(--preview-secondary);color:#fff}.mini-public-header>span{font-size:11px;font-weight:850}.mini-public-header b{color:var(--preview-primary)}.mini-public-header small{font-size:8px;max-width:130px;text-align:right}.mini-public-body{text-align:center;padding:28px 5px 20px}.mini-public-body>span{color:var(--preview-primary);font-size:7px;font-weight:900;letter-spacing:1.4px}.mini-public-body h4{font-size:21px;line-height:1.15;margin:8px 0;color:var(--preview-secondary)}.mini-public-body p{font-size:9px;line-height:1.6;color:var(--muted)}.mini-public-body button{border:0;border-radius:9px;background:var(--preview-primary);color:#fff;padding:10px 17px;font-size:9px;font-weight:800}.preview-note{display:block;text-align:center;color:var(--muted);font-size:8px}.branding-preview-card{--preview-primary:#0b7cff;--preview-secondary:#06162a}
@media(max-width:1050px){.branding-layout{grid-template-columns:1fr}.branding-preview-card{position:static;order:-1}.mini-public-body{padding:20px 5px}.branding-assets{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.branding-colors,.branding-assets{grid-template-columns:1fr}.banner-preview{height:105px}.head-actions{flex-wrap:wrap}.toggle-row{align-items:flex-start}}