/* Acréscimos ao CSS original do Radar (que veio do HTML de referência): peças que ele não tinha por ser uma página só. */
form.inline{display:inline}
.quem{font-size:12px;color:var(--muted);font-weight:600}
a{color:var(--accent)}
.app-nav a.btn{text-decoration:none}
a.stat{display:block;color:inherit;text-decoration:none;cursor:pointer;outline:2px solid transparent;transition:outline-color .12s}
a.stat:hover{outline-color:var(--line)}a.stat.on{outline-color:var(--accent);background:var(--accent-soft)}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details.menu>summary.btn{display:inline-flex}
.menu-pop a{display:block;padding:9px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:500}
.menu-pop a:hover{background:var(--hover)}
.menu-pop.editar{display:grid;gap:8px;min-width:260px;padding:12px}
.menu-pop.editar label{display:grid;gap:4px;font-size:12px;font-weight:600}
.multi{position:relative}
.multi>summary{background:var(--input);border:1px solid var(--line);border-radius:10px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multi>summary::after{content:" ▾";color:var(--muted)}
.multi-pop{position:absolute;z-index:30;left:0;top:calc(100% + 6px);min-width:220px;max-height:320px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:grid;gap:2px}
.multi-pop label{display:flex;gap:8px;align-items:center;padding:5px 6px;border-radius:6px;cursor:pointer}
.multi-pop label:hover{background:var(--hover)}
.multi-pop input[type=checkbox]{padding:0}
.periodos{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.periodos .rotulo{font-size:12px;font-weight:600;color:var(--muted)}
.periodos .btn.ativo{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.periodos a.btn{text-decoration:none}
.date-nav{display:inline-flex;align-items:center;gap:4px;margin-left:8px}
.dia-atual{font-size:12px;font-weight:600;padding:0 6px}.dia-atual.ativo{color:var(--accent)}
.intervalo{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.intervalo input[type=date]{padding:5px 8px}.intervalo.ativo{color:var(--text)}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--text);text-decoration:none;border:0;cursor:pointer}
.chip b{color:var(--muted)}.chip.limpar{background:transparent;border:1px solid var(--line);color:var(--muted)}
details.salvos{position:relative}details.salvos>summary.chip{background:var(--card2);border:1px solid var(--line)}
.salvo{display:flex;justify-content:space-between;align-items:center;gap:8px}.salvo a{text-decoration:none;color:var(--text);padding:4px 6px}
.salvar{display:flex;gap:6px;margin-top:6px}
.paginacao{display:inline-flex;gap:10px;align-items:center}
.ordenar{color:inherit;text-decoration:none}.ordenar:hover{color:var(--text)}
.hoje{color:var(--accent)}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--accent);font-weight:600}
a.day{text-decoration:none;color:inherit}
#modal:empty{display:none}
.dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;margin:10px 0 0}
.dados div{min-width:0}.dados dt{font-size:11px;color:var(--muted);font-weight:600}.dados dd{margin:2px 0 0;overflow-wrap:anywhere}
.titulo-historico{margin:0 0 10px;font-size:14px;font-weight:600}
.form-actions{align-items:center;justify-content:space-between}
.texto-obs{white-space:pre-wrap;word-break:break-word;min-width:260px}
.obs-filtros{grid-template-columns:2fr 1fr 1fr auto auto}
.senha-nova code{font-size:18px;padding:2px 8px;background:var(--card2);border-radius:6px}
.toast.hidden{display:none}
body.entrada{display:grid;place-items:center;min-height:100vh;padding:16px}
.cartao-entrada{width:min(420px,100%)}
.form-entrada{display:grid;gap:12px;margin-top:18px}
.form-entrada label{display:grid;gap:4px;font-size:12px;font-weight:600}
.empty{text-align:center;color:var(--muted);padding:28px}
.sync-chip .err{color:var(--bad)}
.panel-title h2{font-size:14px}
@media(max-width:600px){.obs-filtros{grid-template-columns:1fr}.periodos{gap:6px}.quem{width:100%}}