:root{--bg:#f5f5f8;--panel:#fff;--ink:#17151c;--muted:#74717b;--line:#e9e7ed;--purple:#6f37d8;--purple2:#8a55ec;--purpleSoft:#f1eafe;--green:#17885f;--greenSoft:#e7f7f0;--red:#c4414d;--redSoft:#fff0f1;--orange:#aa6b0d;--orangeSoft:#fff5dc;--shadow:0 10px 30px rgba(32,24,48,.06)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#17131f;color:#ddd7e9;padding:24px 14px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 24px}.brand-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--purple2),#4b1aa8);display:grid;place-items:center;color:#fff;font-weight:900;font-size:26px;box-shadow:0 10px 30px rgba(111,55,216,.35)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:18px}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:16px;color:#fff}.brand small{color:#928b9f}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;color:#aaa3b6;transition:.15s}.nav-link span{width:20px;text-align:center;font-weight:800}.nav-link:hover,.nav-link.active{background:#282131;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--purple2)}.sidebar-foot{margin-top:auto;border-top:1px solid #2e2836;padding:18px 8px 0;display:flex;align-items:end;justify-content:space-between}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot small{color:#77717f}.sidebar-foot a{color:#b89af1;font-weight:700;font-size:12px}.main{min-width:0;padding:0 30px 50px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar>div:first-child{display:flex;align-items:center;gap:12px}.topbar h1{font-size:17px;margin:0}.today{color:var(--muted);font-weight:600}.menu-btn{display:none;border:0;background:none;font-size:22px}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.page-head h2{margin:2px 0 4px;font-size:28px;letter-spacing:-.6px}.page-head p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase!important;letter-spacing:.12em;font-size:10px!important;color:var(--purple)!important;font-weight:800}.month-picker label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.month-picker input{background:#fff;border:1px solid var(--line);padding:9px 11px;border-radius:10px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpis.three{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-16px;top:-16px;width:68px;height:68px;border-radius:50%;background:currentColor;opacity:.05}.kpi small{display:block;color:var(--muted);font-weight:600;margin-bottom:11px}.kpi strong{display:block;font-size:24px;letter-spacing:-.5px}.kpi span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.kpi.good{color:var(--green)}.kpi.warn{color:var(--orange)}.kpi.bad{color:var(--red)}.kpi.purple{color:var(--purple)}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#211a2b;color:#fff;border-radius:16px;padding:14px 20px;margin-bottom:16px}.quick-strip>div{padding:4px 16px;border-right:1px solid #3a3146}.quick-strip>div:last-child{border-right:0}.quick-strip small{display:block;color:#9e96a9;font-size:11px;margin-bottom:3px}.quick-strip strong{font-size:16px}.grid{display:grid;gap:16px;margin-bottom:16px}.grid.two-thirds{grid-template-columns:2fr 1fr}.grid.split{grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);align-items:start}.grid.two{grid-template-columns:1fr 1fr}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.card.compact{margin-top:16px}.card h3{margin:0 0 15px;font-size:16px}.card-head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:14px}.card-head h3{margin:0 0 3px}.card-head p{margin:0;color:var(--muted);font-size:12px}.card-head a{font-size:12px;color:var(--purple);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.one{grid-template-columns:1fr}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#55515d;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.inline-form input{border:1px solid #ddd9e3;background:#fbfbfc;border-radius:10px;padding:11px 12px;outline:none;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.inline-form input:focus{border-color:#9b73e6;box-shadow:0 0 0 3px var(--purpleSoft);background:#fff}.form-grid .full{grid-column:1/-1}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;box-shadow:0 7px 18px rgba(111,55,216,.2)}.btn.secondary{background:var(--purpleSoft);color:var(--purple)}.btn.ghost{background:#eee;color:#777}.btn.tiny{padding:7px 9px;font-size:11px}.inline-form{display:flex;gap:9px}.inline-form input{flex:1}.live-result{background:#f8f6fb;border:1px dashed #d8cbed;border-radius:11px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.live-result strong{font-size:16px;color:var(--green)}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #efedf2;white-space:nowrap}th{text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:#87828d}td{font-size:12px}.tag{display:inline-flex;padding:4px 7px;border-radius:7px;background:var(--purpleSoft);color:var(--purple);font-weight:800;font-size:10px}.tag.gray{background:#f0eff2;color:#5f5b64}.positive{color:var(--green);font-weight:800}.negative{color:var(--red);font-weight:800}.delete-form button{width:27px;height:27px;border-radius:8px;border:0;background:#fff0f1;color:var(--red);font-size:17px;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:35px 10px;font-size:12px}.empty.small{padding:15px 4px}.alert{margin:0 0 16px;padding:12px 15px;border-radius:10px;font-weight:700;font-size:12px}.alert.success{background:var(--greenSoft);color:var(--green)}.alert.error{background:var(--redSoft);color:var(--red)}.bars{height:220px;display:flex;align-items:stretch;gap:5px;border-bottom:1px solid var(--line);padding-top:10px}.bar-day{flex:1;min-width:14px;display:flex;flex-direction:column;align-items:center;justify-content:end}.bar-values{height:180px;width:100%;display:flex;align-items:end;justify-content:center;gap:2px}.bar{width:32%;border-radius:5px 5px 0 0;min-height:3px}.bar.revenue{background:#7650ca}.bar.cost{background:#dccdf7}.bar-day small{font-size:8px;color:#96909d;margin:5px 0}.legend{display:flex;gap:14px;justify-content:center;padding-top:10px;color:var(--muted);font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%}.dot.rev{background:#7650ca}.dot.out{background:#dccdf7}.rank-list{display:flex;flex-direction:column}.rank-item{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.rank-item:last-child{border:0}.rank-item div{display:flex;flex-direction:column}.rank-item strong{font-size:12px}.rank-item small{font-size:10px;color:var(--muted);margin-top:2px}.rank-item .right{text-align:right}.reserve-card{background:linear-gradient(135deg,#24182f,#312044);color:#fff;display:flex;justify-content:space-between;align-items:center;border:0}.reserve-card h3{font-size:26px;margin:4px 0}.reserve-card p:not(.eyebrow){color:#afa4b9;margin:0;font-size:12px}.reserve-card .eyebrow{color:#c3a7f4!important}.fixed-list{display:flex;flex-direction:column}.fixed-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.fixed-item:last-child{border-bottom:0}.fixed-item .due{width:42px;height:42px;border-radius:10px;background:#f6f4f8;display:grid;place-items:center;line-height:1}.fixed-item .due small{font-size:8px;color:var(--muted)}.fixed-item .due strong{font-size:15px}.fixed-item .grow{flex:1;display:flex;flex-direction:column}.fixed-item .grow strong{font-size:12px}.fixed-item .grow small{font-size:10px;color:var(--muted);margin-top:3px}.status-btn{border:0;border-radius:20px;padding:7px 10px;font-weight:800;font-size:10px;cursor:pointer}.status-btn.paid{background:var(--greenSoft);color:var(--green)}.status-btn.pending{background:var(--orangeSoft);color:var(--orange)}.server-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.server-card{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.server-card h4{margin:7px 0 2px}.server-card small{color:var(--muted);font-size:9px}.server-card.disabled{opacity:.5}.category-list{display:flex;flex-direction:column;gap:13px}.category-row>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.category-row i{height:6px;background:#f1eef5;border-radius:10px;display:block;overflow:hidden}.category-row i b{height:100%;display:block;background:linear-gradient(90deg,var(--purple),#a680e8);border-radius:10px}.backup-card{display:flex;align-items:center;gap:22px;padding:28px}.backup-card p{color:var(--muted);max-width:650px}.backup-icon{width:70px;height:70px;border-radius:22px;background:var(--purpleSoft);color:var(--purple);display:grid;place-items:center;font-size:32px;font-weight:900}.muted{color:var(--muted)}code{background:#f0eef4;padding:3px 6px;border-radius:6px}.auth-body{min-height:100vh;background:radial-gradient(circle at 15% 10%,#f1eafe 0,transparent 35%),radial-gradient(circle at 90% 80%,#eee4ff 0,transparent 35%),#f7f6f9;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 30px 70px rgba(45,31,66,.12);text-align:center}.auth-card .brand-mark{margin:0 auto 18px}.auth-card h1{margin:0;font-size:24px}.auth-card>p{color:var(--muted);margin:8px 0 24px}.auth-card form{text-align:left}.auth-card small{display:block;color:var(--muted);margin-top:16px}
@media(max-width:1050px){.kpis{grid-template-columns:1fr 1fr}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip>div:nth-child(2){border-right:0}.grid.two-thirds,.grid.split,.grid.two{grid-template-columns:1fr}.sticky-card{position:static}.server-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;left:-260px;z-index:20;width:240px;transition:.2s}.sidebar.open{left:0}.main{padding:0 15px 35px}.menu-btn{display:block}.topbar{height:62px}.today{font-size:11px}.page-head{align-items:start;flex-direction:column}.month-picker{width:100%}.month-picker input{width:100%}.kpis,.kpis.three{grid-template-columns:1fr 1fr}.quick-strip{grid-template-columns:1fr 1fr;padding:10px}.quick-strip>div{padding:8px;border-right:0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.server-cards{grid-template-columns:1fr}.reserve-card{align-items:start;flex-direction:column;gap:16px}.bars{overflow-x:auto}.bar-day{min-width:22px}}
@media(max-width:460px){.kpis,.kpis.three{grid-template-columns:1fr}.quick-strip{grid-template-columns:1fr 1fr}.card{padding:15px}.page-head h2{font-size:24px}}


/* === Responsive hardening v1.1 === */
html,body{max-width:100%;overflow-x:hidden}
.layout,.main,.grid,.grid>*{min-width:0}
.grid.split>div,.card,.form-grid,.form-grid>*{min-width:0;max-width:100%}
.card{width:100%;overflow:hidden}
.form-grid input,.form-grid select,.inline-form input{width:100%;min-width:0;max-width:100%}
.form-grid select{display:block}
.inline-form{min-width:0;flex-wrap:wrap}
.inline-form input{flex:1 1 180px}
.inline-form .btn{flex:0 0 auto}
.table-wrap{max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.page-head>*,.card-head>*,.reserve-card>*{min-width:0}
.page-head h2,.page-head p,.card-head p{overflow-wrap:anywhere}
.server-card>div,.fixed-item .grow{min-width:0}
.server-card h4,.server-card small,.fixed-item .grow strong,.fixed-item .grow small{overflow-wrap:anywhere}
.topbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-backdrop{display:none}

@media(max-width:1280px){
  .grid.split{grid-template-columns:1fr}
  .grid.split>div{width:100%}
  .sticky-card{position:static}
}

@media(max-width:1050px){
  .grid.two-thirds,.grid.two{grid-template-columns:1fr}
  .backup-card{align-items:flex-start;flex-wrap:wrap}
}

@media(max-width:760px){
  .sidebar{left:-260px;box-shadow:18px 0 45px rgba(0,0,0,.22)}
  .sidebar.open{left:0}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,10,22,.46);z-index:19;opacity:0;pointer-events:none;transition:opacity .2s}
  .sidebar-backdrop.show{opacity:1;pointer-events:auto}
  .main{width:100%;max-width:100%;padding:0 12px 30px}
  .topbar{gap:10px;margin-bottom:20px}
  .topbar>div:first-child{min-width:0;flex:1}
  .today{flex:0 0 auto}
  .page-head{width:100%;gap:14px}
  .card{padding:16px}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .live-result{gap:14px;flex-wrap:wrap}
  .live-result strong{margin-left:auto}
  .fixed-item{align-items:flex-start;flex-wrap:wrap}
  .fixed-item form{margin-left:auto}
  .server-card{align-items:flex-start;flex-wrap:wrap}
  .server-card form{margin-left:auto}
  .backup-card{padding:20px}
  .backup-icon{width:56px;height:56px;border-radius:17px;font-size:26px}
}

@media(max-width:560px){
  .main{padding-left:10px;padding-right:10px}
  .topbar{height:58px}
  .today{font-size:10px}
  .page-head h2{font-size:23px}
  .page-head p{font-size:12px}
  .kpis,.kpis.three{grid-template-columns:1fr}
  .quick-strip{grid-template-columns:1fr 1fr}
  .quick-strip>div{min-width:0}
  .quick-strip strong{font-size:14px;overflow-wrap:anywhere}
  .card{border-radius:14px;padding:14px}
  .card-head{flex-direction:column;gap:7px}
  .form-grid{gap:11px}
  .btn{max-width:100%}
  .inline-form{flex-direction:column}
  .inline-form .btn{width:100%}
  table{min-width:560px}
  th,td{padding:10px 8px}
  .reserve-card h3{font-size:22px}
  .auth-card{padding:24px 18px}
}

@media(max-width:380px){
  .quick-strip{grid-template-columns:1fr}
  .today{display:none}
  .main{padding-left:8px;padding-right:8px}
  .card{padding:12px}
}

/* === Layout + fixed accounts hardening v1.2 === */
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip;min-height:100vh}
.layout{display:block;min-height:100vh;width:100%}
.sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:240px;
  height:100vh;
  height:100dvh;
  overflow-y:auto;
  z-index:30;
}
.main{
  margin-left:240px;
  width:calc(100% - 240px);
  min-width:0;
  min-height:100vh;
}
.fixed-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.fixed-actions form{margin:0}
.fixed-delete-btn{
  border:1px solid #f1cfd3;
  background:var(--redSoft);
  color:var(--red);
  border-radius:20px;
  padding:7px 10px;
  font-weight:800;
  font-size:10px;
  cursor:pointer;
  white-space:nowrap;
}
.fixed-delete-btn:hover{filter:brightness(.98);border-color:#e7aeb4}

@media(max-width:760px){
  .layout{display:block}
  .sidebar{
    position:fixed;
    inset:0 auto 0 -260px;
    width:240px;
    min-width:240px;
    max-width:240px;
    height:100vh;
    height:100dvh;
    z-index:30;
  }
  .sidebar.open{left:0}
  .main{
    margin-left:0;
    width:100%;
    max-width:100%;
    min-height:100vh;
  }
  .sidebar-backdrop{z-index:29}
  .fixed-item{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start}
  .fixed-item .grow{min-width:0}
  .fixed-actions{grid-column:1/-1;width:100%;justify-content:flex-end;padding-top:2px}
}

@media(max-width:420px){
  .fixed-actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
  .fixed-actions form,.fixed-actions button{width:100%}
}


/* === Editable catalogs v1.3 === */
.catalog-list{display:flex;flex-direction:column;gap:10px}
.catalog-edit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfafc}
.catalog-edit.product-edit{grid-template-columns:minmax(150px,1.4fr) minmax(110px,.8fr) minmax(110px,.8fr) auto}
.catalog-edit label,.mini-edit-form label{display:flex;flex-direction:column;gap:5px;color:#55515d;font-size:10px;font-weight:700;min-width:0}
.catalog-edit input,.mini-edit-form input{width:100%;min-width:0;border:1px solid #ddd9e3;background:#fff;border-radius:9px;padding:9px 10px;outline:none;color:var(--ink)}
.catalog-edit input:focus,.mini-edit-form input:focus{border-color:#9b73e6;box-shadow:0 0 0 3px var(--purpleSoft)}
.editable-server-cards{grid-template-columns:1fr}
.editable-server-cards .server-card{align-items:flex-start}
.server-summary{min-width:0;flex:1}
.server-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.server-actions>form{margin:0}
.edit-details{position:relative}
.edit-details summary{list-style:none;user-select:none}
.edit-details summary::-webkit-details-marker{display:none}
.edit-details[open] .mini-edit-form{display:grid}
.mini-edit-form{position:absolute;right:0;top:38px;z-index:10;width:280px;display:grid;grid-template-columns:1fr;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(32,24,48,.16)}

@media(max-width:760px){
  .catalog-edit,.catalog-edit.product-edit{grid-template-columns:1fr}
  .catalog-edit .btn{width:100%}
  .server-actions{width:100%;justify-content:stretch}
  .server-actions .edit-details,.server-actions>form{flex:1 1 130px}
  .server-actions summary,.server-actions>form .btn{width:100%}
  .mini-edit-form{position:fixed;left:12px;right:12px;top:50%;transform:translateY(-50%);width:auto;max-height:80vh;overflow:auto;z-index:60}
  .edit-details[open]:before{content:"";position:fixed;inset:0;background:rgba(15,10,22,.45);z-index:59}
  .edit-details[open] .mini-edit-form{z-index:60}
}


/* v1.4 - Dashboard por dia */
.dashboard-head{align-items:center}.day-nav{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.day-picker label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.day-picker input{min-height:39px;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:10px;color:var(--ink);outline:none}.day-picker input:focus{border-color:#9b73e6;box-shadow:0 0 0 3px var(--purpleSoft)}.day-arrow,.day-today{min-width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink)}.day-arrow{font-size:22px;line-height:1}.day-today{padding:0 12px;font-size:11px;color:var(--purple)}.day-today.active{background:var(--purpleSoft);border-color:#ddcff7}.day-arrow.disabled{opacity:.35;cursor:not-allowed}.day-quick strong.positive-on-dark{color:#74e0b7}.day-quick strong.negative-on-dark{color:#ff9ca5}.day-card{margin-bottom:16px}.day-card .card-head{align-items:center}.day-balance{flex:0 0 auto;border-radius:999px;padding:8px 11px;background:#f8f6fb;font-size:12px;font-weight:900}.day-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:16px}.movement-column{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fcfbfd}.movement-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.movement-title>div{display:flex;align-items:center;gap:8px}.movement-title>strong{font-size:14px}.movement-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-weight:900}.income-column .movement-icon{background:var(--greenSoft);color:var(--green)}.outflow-column .movement-icon{background:var(--redSoft);color:var(--red)}.movement-list{padding:0 14px;max-height:340px;overflow:auto}.movement-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.movement-row:last-child{border-bottom:0}.movement-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.movement-row>div strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}.movement-row small{font-size:10px;color:var(--muted);white-space:normal}.movement-row>b{font-size:11px;white-space:nowrap}.day-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:14px}.day-totals>div{min-width:0;background:#fff;padding:12px 13px;display:flex;flex-direction:column;gap:4px}.day-totals small{color:var(--muted);font-size:9px}.day-totals strong{font-size:12px}.bar-day>a{font-size:8px;color:#96909d;margin:5px 0;display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:6px}.bar-day.selected-day>a{background:var(--purple);color:#fff;font-weight:900}
@media(max-width:1050px){.day-totals{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.dashboard-head{align-items:stretch}.day-nav{width:100%;display:grid;grid-template-columns:39px minmax(0,1fr) auto 39px;align-items:end}.day-picker,.day-picker label,.day-picker input{width:100%;min-width:0}.day-breakdown{grid-template-columns:1fr}.day-card .card-head{align-items:flex-start;flex-direction:column}.day-balance{align-self:flex-start}.movement-list{max-height:none}}
@media(max-width:460px){.day-nav{grid-template-columns:38px minmax(0,1fr) 38px}.day-today{grid-column:1/-1;grid-row:2;width:100%;height:38px}.day-totals{grid-template-columns:1fr}.movement-row{align-items:flex-start}}


/* v1.5 - KPI total com contas fixas */
.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpi.total-cost{color:#7b4b12}
@media(max-width:1280px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.dashboard-kpis{grid-template-columns:1fr}}


/* v1.7 - Recargas de revendedores */
.recharge-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfafc}
.recharge-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.recharge-summary small{font-size:10px;color:var(--muted)}
.recharge-summary strong{font-size:16px;overflow-wrap:anywhere}
.reseller-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.reseller-edit-row.disabled{opacity:.58}
.reseller-edit-row .catalog-edit{grid-template-columns:minmax(0,1fr) auto}
.reseller-toggle{margin:0}
.reseller-toggle .btn{height:100%}
.day-totals{grid-template-columns:repeat(5,minmax(0,1fr))}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1050px){.day-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.reseller-edit-row{grid-template-columns:1fr}.reseller-toggle .btn{width:100%}}
@media(max-width:560px){.recharge-summary,.day-totals{grid-template-columns:1fr}}

/* v1.8 - Visualização de observações */
.note-btn{
  width:28px;
  height:28px;
  min-width:28px;
  border:1px solid #ddd4ea;
  border-radius:50%;
  background:#f7f2ff;
  color:var(--purple);
  display:inline-grid;
  place-items:center;
  padding:0;
  font-size:12px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.note-btn:hover{background:#efe5ff;border-color:#cbb6ee}
.note-btn:focus-visible{outline:3px solid #d8c4f5;outline-offset:2px}
.note-empty{color:#b6b0bc;font-size:12px}
.movement-value{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.movement-value b{white-space:nowrap}
.fixed-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fixed-name-line .note-btn{width:24px;height:24px;min-width:24px;font-size:11px}
.note-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
}
.note-modal[hidden]{display:none}
.note-modal-backdrop{position:absolute;inset:0;background:rgba(19,13,28,.58)}
.note-modal-card{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  max-height:80vh;
  overflow:auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 26px 70px rgba(25,17,37,.28);
  padding:20px;
}
.note-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.note-modal-head small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.note-modal-head h3{margin:0;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.note-modal-close{
  width:36px;
  height:36px;
  min-width:36px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.note-modal-text{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:#faf8fc;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  color:var(--ink);
  font-size:14px;
  line-height:1.55;
}
body.note-modal-open{overflow:hidden}
@media(max-width:560px){
  .movement-row{gap:8px}
  .movement-value{gap:6px}
  .note-modal{padding:10px}
  .note-modal-card{padding:16px;border-radius:14px;max-height:86vh}
}

.record-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.record-actions .delete-form{margin:0}.edit-mode-note{grid-column:1/-1;background:var(--purpleSoft);color:var(--purple);border:1px solid #ddcff7;border-radius:11px;padding:10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:3px;font-size:11px}.edit-mode-note strong{font-size:12px}.edit-mode-note span{color:#6d5b87}

/* v2.1 - Agenda e linha do tempo */
.agenda-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);align-items:start}
.agenda-day-nav{flex:0 0 auto}
.agenda-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.agenda-summary>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px;min-width:0}
.agenda-summary small{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.agenda-summary strong{font-size:24px;line-height:1.05}
.agenda-summary span{color:var(--muted);font-size:11px}
.agenda-timeline{display:flex;flex-direction:column;min-width:0}
.agenda-item{display:grid;grid-template-columns:66px 18px minmax(0,1fr);gap:10px;min-width:0}
.agenda-time{padding:12px 0 18px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.agenda-time strong{font-size:15px;font-variant-numeric:tabular-nums}
.agenda-time span{width:24px;height:24px;border-radius:8px;background:var(--purpleSoft);color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:900}
.agenda-line{position:relative;display:flex;justify-content:center}
.agenda-line:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#e8e2f1}
.agenda-line i{position:relative;z-index:1;width:10px;height:10px;border-radius:50%;margin-top:18px;background:var(--purple2);border:2px solid #fff;box-shadow:0 0 0 2px #ded1f5}
.agenda-item:first-child .agenda-line:before{top:18px}
.agenda-item:last-child .agenda-line:before{bottom:calc(100% - 18px)}
.agenda-content{padding:10px 0 18px;border-bottom:1px solid var(--line);min-width:0}
.agenda-item:last-child .agenda-content{border-bottom:0}
.agenda-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.agenda-title-row>div{min-width:0}
.agenda-title-row h4{margin:4px 0 0;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.agenda-category{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f3f1f6;color:#69636f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.agenda-item-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.agenda-item-actions form{margin:0}
.agenda-item.done{opacity:.62}
.agenda-item.done .agenda-title-row h4{text-decoration:line-through}
.agenda-item.done .agenda-time span{background:var(--greenSoft);color:var(--green)}
.agenda-item.done .agenda-line i{background:var(--green);box-shadow:0 0 0 2px #ccebdd}
.agenda-empty{display:flex;flex-direction:column;gap:5px}
.agenda-empty strong{color:var(--ink)}
.upcoming-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.upcoming-item{border:1px solid var(--line);border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;background:#fbfafc;min-width:0}
.upcoming-item:hover{border-color:#d9cbed;background:#fff}
.upcoming-date{width:50px;height:50px;border-radius:11px;background:var(--purpleSoft);color:var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.upcoming-date strong{font-size:18px}
.upcoming-date small{font-size:8px;margin-top:4px}
.upcoming-item>div:last-child{display:flex;flex-direction:column;min-width:0}
.upcoming-item>div:last-child strong{font-size:12px;overflow-wrap:anywhere}
.upcoming-item>div:last-child small{color:var(--muted);font-size:10px;margin-top:4px}

@media(max-width:1180px){
  .agenda-grid{grid-template-columns:1fr}
  .upcoming-list{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .agenda-day-nav{width:100%}
  .agenda-summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .agenda-summary>div{padding:13px}
  .agenda-summary strong{font-size:20px}
  .agenda-item{grid-template-columns:52px 14px minmax(0,1fr);gap:7px}
  .agenda-time strong{font-size:13px}
  .upcoming-list{grid-template-columns:1fr}
}
@media(max-width:520px){
  .agenda-summary{grid-template-columns:1fr}
  .agenda-summary>div{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}
  .agenda-summary>div small,.agenda-summary>div span{grid-column:1}
  .agenda-summary>div strong{grid-column:2;grid-row:1/3}
  .agenda-item-actions .btn{flex:1 1 auto}
  .agenda-title-row{gap:7px}
}

/* === v2.2: pagamentos do cofrinho não duplicam saída === */
.cofrinho-payments{
  margin-top:14px;
  border:1px solid #e8def7;
  border-radius:14px;
  overflow:hidden;
  background:#fbf8ff;
}
.cofrinho-payments-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border-bottom:1px solid #e8def7;
}
.cofrinho-payments-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cofrinho-payments-head strong{font-size:12px;color:var(--purple)}
.cofrinho-payments-head small{font-size:9px;color:var(--muted);line-height:1.45}
.cofrinho-payments-head>b{white-space:nowrap;font-size:13px;color:var(--purple)}
.cofrinho-payments-list{padding:0 14px}
.cofrinho-payment-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eee7f7}
.cofrinho-payment-row:last-child{border-bottom:0}
.cofrinho-payment-row>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.cofrinho-payment-row>div:first-child strong{font-size:11px;overflow-wrap:anywhere}
.cofrinho-payment-row>div:first-child small{font-size:9px;color:var(--muted)}
.cofrinho-payment-row>div:last-child{display:flex;align-items:center;gap:8px;white-space:nowrap}
.cofrinho-payment-row>div:last-child b{font-size:11px;color:var(--purple)}
@media(max-width:560px){
  .cofrinho-payments-head,.cofrinho-payment-row{align-items:flex-start;flex-direction:column}
  .cofrinho-payment-row>div:last-child{width:100%;justify-content:space-between}
}