*{box-sizing:border-box;margin:0;padding:0}:root{--esmalte: #f4f7f5;--tile: #fdfefd;--cobalto: #1e3e8f;--cobalto-vivo: #2a55c4;--tinta: #152647;--tinta-2: #5c6c8c;--linha: #c7d3e8;--linha-forte: rgba(30, 62, 143, .4);--agua: #0e8a96;--agua-clara: #e1f4f5;--barro: #b4451f;--barro-claro: #f7e8e1}body{font-family:system-ui,-apple-system,sans-serif;background:var(--esmalte);color:var(--tinta);min-height:100vh;font-variant-numeric:tabular-nums}h1,h2,h3,.marca{font-family:Bricolage Grotesque,system-ui,sans-serif;letter-spacing:-.01em}.tile{background:var(--tile);border:1px solid var(--linha-forte);border-radius:4px;position:relative}.tile:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid var(--linha);border-radius:2px;pointer-events:none}.gota{display:inline-block;width:12px;height:12px;background:var(--agua);border-radius:0 50% 50%;transform:rotate(45deg);flex-shrink:0}button{font:inherit;border:none;border-radius:3px;padding:12px 16px;cursor:pointer;color:var(--tinta);background:var(--tile);border:1px solid var(--linha-forte);touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--cobalto-vivo);outline-offset:2px}button.ligar{background:var(--cobalto);border-color:var(--cobalto);color:#fff;font-weight:600}button.ligar:not(:disabled):active{background:var(--cobalto-vivo)}button.desligar{font-weight:600}button.ghost{background:transparent;border-color:var(--linha);color:var(--tinta-2)}button.mini{padding:6px 10px;font-size:14px}button.apagar{background:transparent;border-color:var(--linha);color:var(--barro)}button.chip{padding:6px 12px;font-size:14px;border-radius:3px;background:var(--tile);border:1px solid var(--linha)}button.chip.ativo{background:var(--cobalto);border-color:var(--cobalto);color:#fff;font-weight:700}input,select{font:inherit;background:var(--tile);color:var(--tinta);border:1px solid var(--linha-forte);border-radius:3px;padding:10px 12px;width:100%}input:focus-visible,select:focus-visible{outline:2px solid var(--cobalto-vivo);outline-offset:1px}.erro{color:var(--barro);font-size:14px;margin-top:6px}.meta{color:var(--tinta-2);font-size:13px}.vazio{color:var(--tinta-2);text-align:center;padding:40px 16px;line-height:1.6}.login{display:grid;place-items:center;min-height:100vh;padding:16px}.login form{display:grid;gap:14px;width:100%;max-width:340px;text-align:center;padding:32px 24px}.login .marca{font-size:44px;font-weight:700;color:var(--cobalto);display:flex;align-items:center;justify-content:center;gap:10px}.login .marca .gota{width:18px;height:18px}.painel{max-width:1100px;margin:0 auto;padding:16px 16px 60px}header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px}header .marca{font-size:30px;font-weight:700;color:var(--cobalto);display:flex;align-items:center;gap:10px}.global{padding:16px;display:grid;gap:12px}.duracao{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.duracao span{color:var(--tinta-2);font-size:14px}.botoes-globais{display:grid;grid-template-columns:1fr 1fr;gap:10px}.botoes-globais button{padding:16px;font-size:16px}.grupo-bloco{margin-top:20px}.grupo-cabeca{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;border-bottom:1px solid var(--linha);padding-bottom:8px}.grupo-cabeca h2{font-size:19px;font-weight:600;color:var(--cobalto)}.grupo-botoes{display:flex;gap:8px}.grupo-input{margin:8px 0 4px}.cartoes{display:grid;gap:12px}@media(min-width:700px){.cartoes{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.cartao{padding:16px}.cartao.aberto{border-color:var(--agua);background:linear-gradient(115deg,#f0fafb,#b5e2e7 35%,#f0fafb 65%,#b5e2e7);background-size:250% 100%;animation:fluir 2.5s linear infinite;box-shadow:0 0 0 3px #0e8a962e}.cartao.aberto:after{border-color:#0e8a9673}@keyframes fluir{to{background-position:-250% 0}}.cartao.offline{opacity:.6}.badge-regar{background:var(--agua);color:#fff;font-weight:700;font-size:13px;padding:4px 10px;border-radius:3px;letter-spacing:.02em;white-space:nowrap;animation:pulsar 1.6s ease-in-out infinite}@keyframes pulsar{0%,to{box-shadow:0 0 #0e8a9680}50%{box-shadow:0 0 0 8px #0e8a9600}}.cartao.aberto .estado.on{animation:pingar 1.2s ease-in infinite}@keyframes pingar{0%{transform:rotate(45deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(45deg) translate(7px,7px);opacity:0}}@media(prefers-reduced-motion:reduce){.cartao.aberto,.badge-regar,.cartao.aberto .estado.on{animation:none}}.cartao .topo{display:flex;align-items:center;gap:10px}.cartao h2{font-size:18px;font-weight:600;cursor:pointer;flex:1}.cartao .meta{margin:6px 0 12px}.estado{width:12px;height:12px;flex-shrink:0;border-radius:0 50% 50%;transform:rotate(45deg)}.estado.on{background:var(--agua)}.estado.off{background:var(--linha)}.estado.sem-rede{background:var(--barro)}.acoes{display:flex;gap:8px;flex-wrap:wrap}.acoes .ligar,.acoes .desligar{flex:1;min-width:110px}.agenda{border-top:1px solid var(--linha);margin-top:12px;padding-top:12px;display:grid;gap:10px}.agenda h3{font-size:15px}.agenda ul{list-style:none;display:grid;gap:6px}.agenda li{display:flex;justify-content:space-between;align-items:center;background:var(--esmalte);border-radius:3px;padding:8px 12px;font-size:14px}.agenda .nova{display:grid;gap:8px;grid-template-columns:1fr 1fr}.agenda .nova .dias{grid-column:1 / -1;display:flex;gap:6px}.agenda .nova .ligar{grid-column:1 / -1}.calendario{padding:16px;margin-top:20px;display:grid;gap:12px}.cal-cabeca{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.cal-cabeca h2{font-size:19px;font-weight:600;color:var(--cobalto)}.cal-nav{display:flex;align-items:center;gap:10px}.cal-nav span{min-width:130px;text-align:center;font-weight:600}.cal-grelha{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-dia-semana{text-align:center;font-size:12px;color:var(--tinta-2);padding:4px 0}.cal-celula{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--tile);border:1px solid var(--linha);border-radius:2px;padding:2px;font-size:14px;color:var(--tinta)}.cal-celula.vazia{background:transparent;border-color:transparent}.cal-celula.hoje{border-color:var(--cobalto);box-shadow:inset 0 0 0 1px var(--cobalto)}.cal-celula.selecionado{background:var(--cobalto);border-color:var(--cobalto);color:#fff;font-weight:700}.cal-celula.selecionado .gotas i{background:#fff}.cal-celula.com-rega{border-color:var(--agua)}.cal-celula.com-rega-feita .gotas i{background:var(--linha)}.gotas{display:flex;gap:2px;height:6px}.gotas i{width:5px;height:5px;background:var(--agua);border-radius:0 50% 50%;transform:rotate(45deg)}@media(min-width:700px){.cal-celula{aspect-ratio:auto;min-height:56px}}.dia-detalhe{border-top:1px solid var(--linha);padding-top:12px;display:grid;gap:10px}.dia-detalhe h3{font-size:15px}.dia-detalhe ul{list-style:none;display:grid;gap:6px}.dia-detalhe li{display:flex;justify-content:space-between;align-items:center;background:var(--esmalte);border-radius:3px;padding:8px 12px;font-size:14px}.dia-detalhe li.feita{opacity:.55}.feita-tag{font-style:normal;font-size:12px;color:var(--agua);font-weight:600;margin-right:8px}.dia-detalhe .nova{display:grid;gap:8px;grid-template-columns:1fr 1fr}.dia-detalhe .nova select:last-of-type,.dia-detalhe .nova .ligar{grid-column:1 / -1}.adicionar{margin-top:24px;display:grid;gap:12px}.form-adicionar{padding:16px;display:grid;gap:12px}.encontrado{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--esmalte);border-radius:3px;padding:10px 12px;flex-wrap:wrap}.registar-linha{display:flex;gap:8px;flex:1;min-width:220px}.manual{display:grid;gap:8px;border-top:1px solid var(--linha);padding-top:12px}.recomendacao{padding:14px 16px;margin-top:16px;display:grid;gap:8px}.rec-cabeca{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}.rec-cabeca h2{font-size:16px;font-weight:600;color:var(--cobalto)}.rec-grupos{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.rec-grupo strong{color:var(--agua)}.rec-saltar{font-size:14px;color:var(--agua);font-weight:600}
