*{box-sizing:border-box}body{margin:0;background:#eaf0f3;font-family:Arial,sans-serif;color:#17212b}.app{max-width:430px;min-height:100vh;margin:auto;background:#f8fafb;padding:22px 18px 90px}header,.row{display:flex;justify-content:space-between;align-items:center}small{color:#77838f;font-weight:700;letter-spacing:1.3px}h1{margin:3px 0;font-size:27px}.avatar{width:44px;height:44px;border-radius:14px;background:#163d59;color:white;display:grid;place-items:center;font-weight:800}.hero{margin-top:22px;background:#163d59;color:white;padding:20px;border-radius:22px}.hero p{margin:0;opacity:.7}.hero h2{margin:5px 0 0;text-transform:capitalize}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.stats article,.money,.card{background:white;padding:14px;border-radius:16px;box-shadow:0 3px 14px #1b31400b}.stats b{display:block;font-size:23px}.stats span,.card span,.money span{font-size:11px;color:#687580}.money{display:flex;justify-content:space-between;margin-bottom:20px}.money b{color:#a43d35}.row button,.primary{border:0;background:#d8eadf;color:#185c39;padding:10px 13px;border-radius:12px;font-weight:700}.card{margin:9px 0}.card b{display:block;margin-bottom:4px}.tag{float:right!important;padding:5px 7px;border-radius:8px;background:#fff1cc;color:#765500!important}.late{background:#ffe1de;color:#a62f27!important}.done{background:#dcefe3;color:#17603a!important}.search,input,select,textarea{width:100%;padding:12px;border:1px solid #dbe1e5;border-radius:11px;margin:6px 0;background:white}textarea{min-height:65px}.view{display:none}.activeView{display:block}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:430px;width:100%;display:flex;justify-content:space-around;background:white;border-top:1px solid #e6e9eb;padding:10px 5px 18px}nav button{border:0;background:none;color:#87919a;font-size:19px}nav span{display:block;font-size:10px;margin-top:3px}nav .active{color:#163d59}dialog{border:0;border-radius:20px;width:min(390px,92%);padding:20px}dialog::backdrop{background:#17212b99}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.actions button{padding:10px;border:0;border-radius:10px}label{font-size:12px;color:#66727c}label input[type=checkbox]{width:auto}.empty{text-align:center;color:#7d8790;padding:28px}.back{border:0;background:none;color:#17603a;font-weight:700;padding:8px 0}.profileHero{background:#163d59;color:#fff;padding:20px;border-radius:20px;margin:12px 0}.profileHero h2{margin:0 0 6px}.profileHero p{margin:3px 0;opacity:.8;font-size:13px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.quick button{border:0;padding:12px;border-radius:12px;font-weight:700;background:#dcefe3;color:#17603a}.tech{margin-top:8px;padding-top:8px;border-top:1px solid #edf0f2;font-size:12px;color:#586773}.cert{background:#163d59!important;color:white!important}hr{border:0;border-top:1px solid #e7eaec;margin:12px 0}
/* Agenda compacta */
#serviceList .card{padding:9px 10px;margin:5px 0;border-radius:11px;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}
#serviceList .card b{font-size:14px;margin:0;line-height:1.2}#serviceList .card>span:not(.tag){font-size:11px;line-height:1.25}
#serviceList .tag{float:none!important;grid-column:2;grid-row:1;padding:3px 6px;font-size:9px!important}
#serviceList .actions{grid-column:1/-1;margin-top:5px;gap:5px}#serviceList .actions button{padding:6px 9px;font-size:10px;border-radius:8px}
#serviceList .tech{grid-column:1/-1;margin-top:5px;padding-top:5px;font-size:10px}.row h3{margin:10px 0}.money{margin-bottom:12px}
@media(min-width:700px){.app{max-width:760px}nav{max-width:760px}#serviceList .card{grid-template-columns:90px 1fr auto auto}.stats{gap:12px}}

.moneySplit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:10px 0}.moneySplit article{background:white;padding:10px 8px;border-radius:12px;box-shadow:0 3px 14px #1b31400b}.moneySplit span{display:block;font-size:10px;color:#687580;margin-bottom:4px}.moneySplit b{font-size:13px}.moneySplit .total{background:#163d59;color:white}.moneySplit .total span{color:#d9e5ec}

/* Tema oscuro SERVIX */
body{background:#080b0e;color:#edf2f5}.app{background:#0d1115}.avatar,.hero,.profileHero{background:#17232c}.stats article,.money,.card,.moneySplit article{background:#151b20;box-shadow:none;border:1px solid #222c33}.stats span,.card span,.money span,.moneySplit span{color:#93a0a9}.moneySplit .total{background:#202a32;border-color:#34414a}.moneySplit .total span{color:#b9c3ca}.money b{color:#ffcc4d}.row button,.primary{background:#27343d;color:#f4f7f8}.search,input,select,textarea{background:#151b20;color:#edf2f5;border-color:#2c3740}input::placeholder,textarea::placeholder{color:#71808a}dialog{background:#11171c;color:#edf2f5}label{color:#a5b0b7}hr,.tech{border-color:#29333a!important}.empty{color:#7f8c95}.back{color:#ffcc4d}.quick button{background:#202a32;color:#edf2f5}nav{background:#10161b;border-color:#252e35}nav button{color:#74818a}nav .active{color:#ffcc4d}.cert{background:#26343e!important}.tag{background:#27313a;color:#c9d2d8!important}.late{background:#3a2020;color:#ff8c82!important}.done{background:#ffcc4d!important;color:#2b2200!important}.actions button{background:#263139;color:#dbe3e8}.actions button:first-child{background:#1f6b45;color:#eafff3}.actions .primary{background:#ffcc4d!important;color:#2b2200!important}

/* Marca Fumigadora Chascomús */
.brandHeader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0 10px;text-align:center}
.brandLogo{display:block;width:min(330px,88%);height:auto;max-height:180px;object-fit:contain}
.servixMini{margin-top:-4px;display:flex;flex-direction:column;align-items:center;gap:3px}
.servixMini span{font-size:14px;font-weight:800;letter-spacing:5px;color:#d9e0e4}
.servixMini small{font-size:8px;letter-spacing:2px;color:#6f7c84}

/* Integración del logo sobre fondo oscuro */
.brandLogo{mix-blend-mode:screen;background:transparent}

/* Cabecera horizontal */
.brandHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:6px 4px 14px;text-align:left}
.brandLogo{width:190px;max-height:115px;object-fit:contain;object-position:left center;flex:0 0 auto}
.servixMini{margin:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex:1}
.servixMini span{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:2px;line-height:1;color:#f2f5f7}
.servixMini small{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#84939d}
@media(max-width:480px){.brandHeader{gap:10px}.brandLogo{width:155px;max-height:95px}.servixMini span{font-size:23px;letter-spacing:1.5px}.servixMini small{font-size:7px;letter-spacing:1px}}

[hidden]{display:none!important}.syncBox{border:1px solid #2c3740;border-radius:12px;padding:12px;margin-bottom:12px;font-size:13px}.syncBox p{margin:0 0 8px;line-height:1.5}.syncBox button{background:#27343d;color:#edf2f5;border:0;border-radius:8px;padding:10px;margin:3px}.syncBox [data-kind=error],#loginError{color:#ffada4}.syncBox [data-kind=ok]{color:#8de0b2}.loginPanel{padding:20px 0;line-height:1.5}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,select,textarea{font-size:16px}nav{padding-bottom:max(18px,env(safe-area-inset-bottom))}.app{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:110px}.actions{flex-wrap:wrap}.brandLogo{max-width:46%}#pendingPanel{border-top:1px solid #495660;margin-top:10px;padding-top:10px}

/* Resumen contable mensual */
.periodLabel{margin:14px 2px 6px;text-transform:capitalize;color:#9eabb4;font-size:12px;font-weight:700}.moneyStatus{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 14px}.moneyStatus article{background:#151b20;padding:10px 8px;border-radius:12px;border:1px solid #222c33}.moneyStatus span{display:block;font-size:10px;color:#93a0a9;margin-bottom:4px}.moneyStatus b{font-size:13px}.moneyStatus article:nth-child(2) b,.moneyStatus article:nth-child(3) b{color:#ffcc4d}@media(max-width:380px){.moneyStatus{grid-template-columns:1fr}.moneyStatus article{display:flex;justify-content:space-between;align-items:center}.moneyStatus span{margin:0}}