:root{--bg: #f4f7f6;--surface: #ffffff;--ink: #1d2a2e;--muted: #5f7276;--line: #dce6e4;--brand: #123b45;--brand-2: #1d5964;--accent: #f4b844;--ok-bg: #e3f4ea;--ok-ink: #22684f;--warn-bg: #fff4d6;--warn-ink: #855c00;--bad-bg: #fde9e5;--bad-ink: #9c3f33;--info-bg: #e5f0f2;--info-ink: #24525c;--radius: 14px;--tap: 52px;--on-brand: #ffffff;--accent-ink: #3b2a00;--focus: var(--accent);--bar: #123b45;--topbar-bg: color-mix(in srgb, var(--surface) 94%, transparent);--toast-bg: #173e45;--login-bg: var(--brand);--heading-font: inherit;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1a1d;--surface: #172529;--ink: #e6efee;--muted: #9db2b4;--line: #2a3c40;--brand: #4fa3ad;--brand-2: #79c0c8;--ok-bg: #173a2c;--ok-ink: #9fe0c0;--warn-bg: #3a3014;--warn-ink: #f2d27a;--bad-bg: #42211c;--bad-ink: #f3b1a6;--info-bg: #1c3238;--info-ink: #a9d3da;--on-brand: #08262b;--bar: #0f1a1d;color-scheme:dark}}:root[data-brand=costa-azul]{--bg: #f6efe3;--surface: #fffcf6;--ink: #22303f;--muted: #73695b;--line: #e6dbc8;--brand: #30486c;--brand-2: #3f6190;--accent: #c8b38e;--accent-ink: #2e2618;--info-bg: #e4e9f1;--info-ink: #30486c;--on-brand: #fffcf6;--focus: #3f6190;--bar: #f6edde;--topbar-bg: #f6edde;--toast-bg: #22364f;--login-bg: linear-gradient(165deg, #30486c 0%, #1f3149 100%);--heading-font: "Marcellus", Georgia, serif}@media(prefers-color-scheme:dark){:root[data-brand=costa-azul]{--bg: #111925;--surface: #19232f;--ink: #ece5d8;--muted: #b2a793;--line: #2b3848;--brand: #93b1d8;--brand-2: #b7cbe6;--accent: #c9b48f;--accent-ink: #231c10;--info-bg: #1e2c40;--info-ink: #b7cbe6;--on-brand: #0f1b2b;--focus: #b7cbe6;--bar: #19232f;--topbar-bg: #19232f;--toast-bg: #2b3f5c;--login-bg: linear-gradient(165deg, #1b2a40 0%, #111925 100%)}}:root[data-brand] h1,:root[data-brand] h2{font-family:var(--heading-font);font-weight:400;letter-spacing:0}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.45 DM Sans,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}h1{font-size:28px;line-height:1.1;letter-spacing:-.8px;margin:4px 0 6px}h2{font-size:22px;line-height:1.15;letter-spacing:-.4px;margin:0 0 6px}h3{font-size:16px;margin:0 0 8px}p{margin:0 0 12px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--muted)}.center{text-align:center}.small-text{font-size:13px}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:18px 0 8px;display:block}.empty{text-align:center;color:var(--muted);padding:32px 12px}.brand{display:flex;align-items:center;gap:9px;color:var(--brand);font-size:18px}.brand-mark{width:24px;height:24px;border:2.5px solid currentColor;border-radius:7px;transform:rotate(-7deg);display:inline-grid;place-items:center}.brand-mark:after{content:"";width:12px;height:10px;background:linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 4.5px,var(--accent) 4.5px 7.5px,transparent 7.5px 9px,var(--accent) 9px 12px)}.splash{min-height:100dvh;display:grid;place-items:center;color:var(--brand)}.splash .brand-mark{width:48px;height:48px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.primary,.secondary,.ghost,.danger{border-radius:12px;border:1px solid transparent;padding:10px 16px;font-weight:700;min-height:44px}.primary{background:var(--brand);color:var(--on-brand)}.secondary{background:var(--surface);border-color:var(--line);color:var(--brand)}.ghost{background:transparent;color:var(--muted);width:100%;margin-top:8px}.danger{background:var(--bad-bg);color:var(--bad-ink)}.big{width:100%;min-height:var(--tap);font-size:17px}.small{min-height:36px;padding:6px 12px;font-size:14px}.link{background:none;border:0;color:var(--brand-2);font-weight:700;padding:6px}.shell{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--topbar-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .ghost{width:auto;margin:0}.condo-logo{height:40px;width:auto;max-width:62vw;object-fit:contain;display:block}.login-logo{display:block;width:min(300px,100%);height:auto;margin:0 auto 6px}.condo-name{flex:1;text-align:right;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{max-width:640px;margin:0 auto;padding:18px 16px 24px}.tabbar{position:fixed;inset:auto 0 0 0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.tabbar button{position:relative;background:none;border:0;border-radius:12px;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}.tabbar button span{font-size:22px;line-height:1;filter:grayscale(1);opacity:.7}.tabbar button small{font-size:12px;font-weight:600}.tabbar button.active{color:var(--brand);background:var(--info-bg)}.tabbar button.active span{filter:none;opacity:1}.badge{position:absolute;top:2px;left:calc(50% + 6px);background:var(--accent);color:var(--accent-ink);font-size:11px;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 5px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.banner{border-radius:12px;padding:12px 14px;margin:12px 0;font-size:15px}.shell>.banner{margin:12px 16px 0}.banner.bad{background:var(--bad-bg);color:var(--bad-ink)}.banner.warn{background:var(--warn-bg);color:var(--warn-ink)}.banner.ok{background:var(--ok-bg);color:var(--ok-ink)}.login{min-height:100dvh;display:grid;grid-template-columns:minmax(0,420px);justify-content:center;align-content:center;padding:24px 16px;background:var(--login-bg)}.login-card{width:100%;background:var(--surface);border-radius:20px;padding:28px 22px}.login-card h1{margin-top:26px}label{display:block;font-size:14px;font-weight:600;margin:14px 0;color:var(--muted)}label input,.search-input{display:block;width:100%;height:50px;margin-top:6px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:16px;color:var(--ink)}.search-input{margin:14px 0}.password{position:relative;display:block}.password input{padding-right:84px}.password .link{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin-top:3px}.home h1{margin-top:6px}.camera-button{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 8px;color:var(--on-brand);background:var(--brand);border-radius:20px;font-weight:700;font-size:18px;min-height:64px;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 28%,transparent);-webkit-user-select:none;user-select:none}.camera-button.big{min-height:168px;flex-direction:column;font-size:21px}.camera-button.big span{font-size:46px}.camera-button:active{transform:scale(.98)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.stats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.stats strong{display:block;font-size:30px;line-height:1;color:var(--brand)}.stats small{color:var(--muted)}.pending-row,.pickup-row,.unit-option{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:8px;min-height:var(--tap)}.pending-row{border-color:color-mix(in srgb,var(--warn-ink) 35%,var(--line))}.pending-row small,.pickup-row small,.unit-option small{color:var(--muted);font-size:14px}.flow{display:flex;flex-direction:column;gap:4px}.label-photo{width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);margin-top:12px}.reading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;font-size:18px;font-weight:600}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{border-radius:18px;padding:20px}.result.ok{background:var(--ok-bg);color:var(--ok-ink)}.result.warn{background:var(--warn-bg);color:var(--warn-ink)}.result.bad{background:var(--bad-bg);color:var(--bad-ink)}.result.info{background:var(--info-bg);color:var(--info-ink)}.result h2{font-size:30px}.result p:last-child{margin-bottom:0}.result .section-label{margin-top:0;color:inherit;opacity:.75}.result .names{font-size:18px;font-weight:600}.result .muted{color:inherit;opacity:.8}.countdown{margin-top:14px;padding:10px 12px;border-radius:10px;font-weight:700;color:var(--ok-ink);background:linear-gradient(90deg,color-mix(in srgb,var(--ok-ink) 22%,transparent) var(--progress),color-mix(in srgb,var(--ok-ink) 8%,transparent) var(--progress))}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.unit-picker{margin-top:4px}.unit-option strong{font-size:18px}.unit-option.suggested{border:2px solid var(--brand)}.list{margin-top:6px}.pickup-row{flex-direction:row;align-items:center;justify-content:space-between}.pickup-row>div{display:flex;flex-direction:column;gap:2px}.pickup-row strong{font-size:18px}.count{min-width:44px;height:44px;border-radius:22px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:18px}.chips{display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:2px;scrollbar-width:none}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:8px 14px;font-weight:600;font-size:14px;color:var(--muted)}.chip.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.package-row{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:8px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--info-bg);color:var(--info-ink);display:grid;place-items:center;font-size:13px;font-weight:700}.package-main{display:flex;flex-direction:column;min-width:0}.package-main small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.package-title{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px}.package-action{grid-column:2 / -1}.timeline-toggle{align-self:flex-start;padding:6px 0 0;font-size:14px}.timeline{grid-column:2 / -1;border-top:1px solid var(--line);padding-top:10px}.timeline ol{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:6px 0;position:relative}.timeline li:not(:last-child):before{content:"";position:absolute;left:12px;top:30px;bottom:-6px;width:2px;background:var(--line)}.timeline li>div{display:flex;flex-direction:column}.timeline li strong{font-size:14px;font-weight:600}.timeline li small{color:var(--muted);font-size:13px}.timeline-total{margin:8px 0 0;font-weight:700;color:var(--brand);font-size:14px}.package-action button{width:100%}.whatsapp.ok{color:var(--ok-ink)}.whatsapp.wait{color:var(--warn-ink)}.whatsapp.bad{color:var(--bad-ink)}.pill{font-size:12px;font-weight:700;border-radius:20px;padding:4px 10px;white-space:nowrap;background:var(--warn-bg);color:var(--warn-ink)}.pill.notificada{background:var(--info-bg);color:var(--info-ink)}.pill.retirada{background:var(--ok-bg);color:var(--ok-ink)}.pill.pendencia{background:var(--bad-bg);color:var(--bad-ink)}.pill.cancelada{background:var(--line);color:var(--muted)}.unit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:8px}.resident-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.resident-line>div{display:flex;flex-direction:column}.resident-line small{color:var(--muted);font-size:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#06191d80;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(560px,100%);max-height:92dvh;overflow:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));animation:up .18s ease-out}@keyframes up{0%{transform:translateY(30px);opacity:0}}.sheet-list{padding-left:18px;color:var(--muted)}.sheet .row{margin-top:10px}.broadcast-button{margin-top:18px}.kind-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kind-option{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:72px;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-weight:700;color:var(--ink)}.kind-option span{font-size:24px;line-height:1}.kind-option.active{border:2px solid var(--brand);background:var(--info-bg);color:var(--brand)}.message-preview{margin:14px 0 10px;padding:12px 14px;border-radius:4px 14px 14px;background:var(--ok-bg);color:var(--ok-ink);font-size:15px}.broadcast-line{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--line)}.broadcast-line small{color:var(--muted);font-size:14px}.toast{position:fixed;left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:20;margin:0 auto;max-width:520px;padding:13px 16px;border-radius:12px;background:var(--toast-bg);color:#fff;font-weight:600;text-align:center;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast.ok{background:#1f5f47}.toast.bad{background:#8a3328}@media(min-width:900px){.content{padding-top:28px}.tabbar{inset:auto 0 0 0;max-width:640px;margin:0 auto;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}