.ti-clock:before{content:"◷"}.ti-cash:before{content:"$"}
.ponto-clock{text-align:center;font-size:38px;font-weight:800;letter-spacing:.04em;margin:22px 18px 6px}
.ponto-summary{text-align:center;color:var(--muted);font-size:13px;margin-bottom:14px}
.module-form{margin-top:14px}.module-form select{width:100%;min-height:48px;background:var(--elev);border:1px solid var(--border);border-radius:12px;color:var(--text);font:inherit;padding:0 13px}
.module-form-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.module-form-actions .ghostbtn,.module-form-actions .cta{margin:0;width:100%}.shared-mode-note{margin-top:0}
@media(max-width:390px){.module-form-actions{grid-template-columns:1fr}.strip{min-width:0}.stat{min-width:0}.stat .v{overflow-wrap:anywhere}}
.ponto-date{text-align:center;color:var(--muted);font-size:14px}.ponto-punch{display:block;width:min(66vw,260px);aspect-ratio:1;margin:22px auto 12px;border:0;border-radius:50%;font-weight:900;font-size:23px;color:#06131f;background:linear-gradient(145deg,#7be2ac,#20c982);box-shadow:0 18px 42px rgba(32,201,130,.24)}.ponto-punch.pause{background:linear-gradient(145deg,#ffd274,#ffad22)}.ponto-punch.done{background:#52627b;color:#dce6f7;box-shadow:none}.ponto-punch small{display:block;font-size:11px;margin-top:8px}.ponto-evidence{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.ponto-evidence span{background:var(--elev);border:1px solid var(--border);border-radius:999px;padding:8px 10px;color:var(--muted);font-size:11px}.ponto-notice{border:1px solid rgba(251,191,36,.48);background:rgba(251,191,36,.08);border-radius:14px;padding:12px;margin:12px 18px;color:var(--warn)}.ponto-notice.error{border-color:rgba(248,113,113,.55);color:var(--bad)}.ponto-notice button{display:block;margin-top:10px;border:0;border-radius:10px;padding:0 13px;background:var(--elev);color:var(--text);font-weight:800}.ponto-eyebrow{color:var(--muted);font-size:11px;letter-spacing:.12em;font-weight:800}.ponto-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px}.ponto-metrics>div{background:var(--elev);border-radius:12px;padding:12px 5px;text-align:center}.ponto-metrics b{display:block;font-size:18px}.ponto-metrics small{color:var(--muted);font-size:10.5px}.ponto-view .row{display:grid;grid-template-columns:12px 50px 1fr auto;align-items:center;gap:8px;padding:13px 0;border-top:1px solid var(--border)}.ponto-view .dot{width:9px;height:9px;border-radius:50%;background:var(--mint)}.ponto-view .row.pause .dot{background:var(--warn)}.ponto-view .row button{border:0;background:none;color:var(--info);font-size:11px;font-weight:800;padding:0}.ponto-tabs{margin:12px 18px}.ponto-dialog{width:min(calc(100% - 32px),408px);border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:18px}.ponto-dialog::backdrop{background:rgba(0,0,0,.72)}.ponto-dialog textarea{width:100%;min-height:110px;margin:12px 0;background:var(--elev);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px}.correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.correction-grid span{color:var(--muted);font-size:11px}.ponto-dialog input,.ponto-dialog select{width:100%;min-height:48px;margin:7px 0 12px;background:var(--elev);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px}.mirror-day{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border)}.audit-row{padding:10px 0;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.journey{color:var(--muted);font-size:12px;line-height:1.45}.audit-heading{margin-top:18px}.module-boundary{margin:12px 18px;color:var(--muted);font-size:11.5px;line-height:1.45}
@media(max-width:390px){.ponto-view .row{grid-template-columns:10px 46px 1fr}.ponto-view .row button{grid-column:3;text-align:left}.ponto-metrics{gap:6px}.ponto-metrics b{font-size:16px}}
