:root{--primary: #0a0a0a;--secondary: #7c3aed;--secondary-hover: #6d28d9;--surface: #eef2f7;--border: #e2e8f0;--muted: #64748b;--success: #20a66a;--danger-text: #b91c1c;--radius-lg: 1.25rem;--shadow: 0 16px 45px rgba(15, 23, 42, .08);--shadow-brand: 0 18px 40px rgba(124, 58, 237, .22);--totem-max: 520px;--totem-pad-x: 1.15rem;--totem-pad-y: 1rem;--totem-touch-min: 3rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--primary);background:var(--surface)}*,*:before,*:after{box-sizing:border-box;touch-action:manipulation}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;min-height:100%;min-height:100dvh;overflow-x:hidden}#app{min-height:100dvh}.totem{min-height:100dvh;width:100%;max-width:var(--totem-max);margin:0 auto;padding:max(var(--totem-pad-y),env(safe-area-inset-top,0px)) max(var(--totem-pad-x),env(safe-area-inset-right,0px)) max(1.5rem,env(safe-area-inset-bottom,0px)) max(var(--totem-pad-x),env(safe-area-inset-left,0px));display:flex;flex-direction:column}.totem__main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;width:100%}.totem__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.totem__logo{height:2rem;width:auto}.totem__badge{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--secondary);background:#7c3aed1a;padding:.35rem .55rem;border-radius:999px}.totem__branch{margin:0 0 1rem;font-size:.9rem;color:var(--muted);line-height:1.4}.totem__branch strong{display:block;color:var(--primary);font-size:1rem}.clock-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:1.35rem 1.25rem;color:#fff;background:linear-gradient(135deg,#0f172a,#312e81);box-shadow:var(--shadow-brand)}.clock-card__watermark{position:absolute;right:-.25rem;top:50%;width:5.5rem;opacity:.12;transform:translateY(-50%);pointer-events:none}.clock-card__label{margin:0;font-size:.875rem;opacity:.78}.clock-card__time{margin:.35rem 0 0;font-size:clamp(2.4rem,10vw,3.2rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.clock-card__date{margin:.5rem 0 0;font-size:.95rem;opacity:.88;text-transform:capitalize}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.85rem;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:1rem 1.15rem;font-size:1.05rem;background:var(--secondary);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--secondary-hover)}.btn-ghost{width:100%;padding:.85rem 1rem;background:#fff;border-color:var(--border);color:var(--primary)}.btn-ghost--sm,.btn-sm{width:auto;max-width:100%;padding:.5rem .85rem;font-size:.85rem;min-height:var(--totem-touch-min)}.field-textarea{width:100%;margin-top:.75rem;padding:.75rem 1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(.8rem,2.8vw,.9rem);line-height:1.45;border-radius:.75rem;border:1px solid var(--border);background:var(--surface);color:var(--primary);resize:vertical;min-height:5.5rem}.field-textarea:focus{outline:2px solid rgba(124,58,237,.45);outline-offset:1px;border-color:var(--secondary)}.idle-page{flex:1 1 auto;display:flex;flex-direction:column;gap:.65rem;min-height:0;width:100%}.idle-page__aside{display:flex;flex-direction:column;gap:.65rem;min-width:0}.idle-page__capture{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0}.idle-status{display:flex;align-items:center;gap:.45rem;margin:0;font-size:clamp(.85rem,2.5vw,.95rem);color:var(--muted)}.idle-status__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--success);flex-shrink:0}.idle-page__footer{margin-top:auto;padding-top:.75rem}.idle-unpair{margin-top:0}.idle-context{display:flex;flex-direction:column;gap:.75rem;min-width:0}.idle-company{padding:1rem 1.05rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.idle-company__eyebrow{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.idle-company__title{margin:.3rem 0 0;font-size:clamp(1.05rem,3.5vw,1.25rem);font-weight:800;line-height:1.25}.idle-company__doc{margin:.35rem 0 0;font-size:.82rem;color:var(--muted)}.idle-company__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .85rem;margin:.85rem 0 0;padding:0}.idle-company__fact{min-width:0}.idle-company__fact dt{margin:0;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.idle-company__fact dd{margin:.2rem 0 0;font-size:.88rem;font-weight:600;line-height:1.35;word-break:break-word}.idle-company__fact code{font-size:.8rem;font-weight:600;padding:.1rem .35rem;border-radius:.35rem;background:var(--surface)}.idle-status--inline{font-size:.88rem;font-weight:600;color:var(--primary)}.idle-recent{padding:.9rem 1rem 1rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);min-width:0}.idle-recent__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.idle-recent__title{margin:0;font-size:.95rem;font-weight:800}.idle-recent__hint{font-size:.72rem;color:var(--muted)}.idle-recent__state{margin:.65rem 0 0;font-size:.88rem;color:var(--primary)}.idle-recent__state--muted{color:var(--muted)}.idle-recent__list{list-style:none;margin:.65rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.idle-recent__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border-radius:.75rem;background:var(--surface);border:1px solid rgba(226,232,240,.85)}.idle-recent__item-main{min-width:0;flex:1 1 auto}.idle-recent__name{margin:0;font-size:.9rem;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idle-recent__meta{margin:.15rem 0 0;font-size:.78rem;color:var(--muted)}.idle-recent__type{font-weight:600;color:var(--secondary)}.idle-recent__origin{flex-shrink:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:.2rem .4rem;border-radius:999px;background:#fff;border:1px solid var(--border)}.idle-page__capture .clock-card{flex-shrink:0;margin-bottom:.75rem;padding:.9rem 1.1rem}.idle-page__capture .clock-card__time{margin-top:.15rem;font-size:clamp(2rem,8vw,2.75rem)}.idle-page__capture .clock-card__date{margin-top:.25rem;font-size:.88rem}.idle-capture-hint{margin:0 0 .5rem;text-align:center;font-size:clamp(.9rem,2.8vw,1rem);font-weight:600;color:var(--muted);line-height:1.35}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem;box-shadow:var(--shadow)}.card__title{margin:0 0 .35rem;font-size:1.15rem}.card__hint{margin:0 0 1rem;color:var(--muted);font-size:.9rem;line-height:1.45}.field-display{font-size:1.35rem;font-weight:700;letter-spacing:.08em;min-height:2.5rem;padding:.65rem .85rem;border-radius:.75rem;background:var(--surface);border:1px dashed var(--border);font-variant-numeric:tabular-nums}.field-display--pin{letter-spacing:.35em;text-align:center}.alert{margin:.75rem 0 0;padding:.65rem .85rem;border-radius:.65rem;font-size:.88rem;background:#fef2f2;color:var(--danger-text)}.alert--info{background:#7c3aed14;color:#5b21b6}.demo-banner{margin-top:auto;padding-top:1rem;font-size:.75rem;color:var(--muted);text-align:center;line-height:1.4}.avatar{width:4.5rem;height:4.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.35rem;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);margin:0 auto .75rem}.person-card{text-align:center;margin-bottom:1rem}.person-card__name{margin:0;font-size:1.35rem}.person-card__meta{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.punch-type{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.45rem .75rem;border-radius:999px;background:#7c3aed1f;color:#5b21b6;font-weight:700;font-size:.9rem}.success-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 0}.feedback-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem}.feedback-screen--error .feedback-screen__icon{background:#dc26261f;color:var(--danger-text)}.feedback-screen__icon{width:4.5rem;height:4.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feedback-screen__title{margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.feedback-screen__message{margin:.75rem 0 0;font-size:1rem;line-height:1.45;color:var(--text);max-width:22rem}.feedback-screen__person{margin:.65rem 0 0;font-size:1.05rem;font-weight:700}.feedback-screen__hint{margin:.75rem 0 0;font-size:.92rem;color:var(--muted)}.feedback-screen__now{margin-top:1.25rem}.countdown__bar--error{background:linear-gradient(90deg,#dc2626,#f87171)}.register-status{margin:1.25rem 0 .5rem;font-size:1.05rem;font-weight:700;text-align:center}.register-status--busy{color:#5b21b6}.success-screen__icon{width:4.5rem;height:4.5rem;border-radius:999px;background:#20a66a26;color:var(--success);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.success-screen__title{margin:0;font-size:1.5rem}.success-screen__text{margin:.5rem 0 0;color:var(--muted);max-width:18rem;line-height:1.45}.search-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.search-list__item{width:100%;text-align:left;padding:.85rem 1rem;border-radius:.75rem;border:1px solid var(--border);background:#fff;cursor:pointer}.search-list__item strong{display:block}.search-list__item small{color:var(--muted)}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs__btn{flex:1;padding:.65rem;border-radius:.65rem;border:1px solid var(--border);background:#fff;font-weight:600;cursor:pointer}.tabs__btn--active{border-color:var(--secondary);background:#7c3aed1a;color:#5b21b6}.spacer{flex:1;min-height:.75rem}.card--register,.totem-register-card{text-align:center;width:100%;max-width:32rem;margin-left:auto;margin-right:auto}.register-employee{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.register-matricula{margin:.35rem 0 0;font-size:.95rem;font-weight:600;color:var(--muted);letter-spacing:.04em}.register-date{margin:.75rem 0 0;font-size:.9rem;color:var(--muted);text-transform:capitalize}.register-clock{margin:.25rem 0 1rem;font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums}.countdown{height:.35rem;margin:1rem 0 .5rem;border-radius:999px;background:var(--surface);overflow:hidden}.countdown__bar{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:transform .05s linear}.countdown--done{max-width:18rem;margin:1.25rem auto .5rem}.countdown__label{margin:0 0 1rem;font-size:.88rem;color:var(--muted)}.done-summary{margin-top:1rem;padding:1rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);width:100%;max-width:18rem}.done-summary__name{margin:0;font-weight:800;font-size:1.1rem}.done-summary__matricula{margin:.25rem 0 0;font-size:.9rem;font-weight:600;color:var(--muted)}.done-summary__type{margin:.35rem 0 0;color:var(--muted);font-size:.92rem}.done-summary__hint{margin:1.25rem 0 0;font-size:.85rem;color:var(--muted)}@media (max-width: 380px){:root{--totem-pad-x: .85rem}.totem__badge{font-size:.62rem;padding:.3rem .45rem}.card{padding:1rem}}@media (min-width: 600px){:root{--totem-max: 580px;--totem-pad-x: 1.5rem}.btn-primary{min-height:var(--totem-touch-min);font-size:1.1rem}.card__title{font-size:1.25rem}}@media (min-width: 768px){:root{--totem-max: 720px}.clock-card{padding:1.5rem 1.35rem}.register-employee{font-size:1.5rem}}@media (min-width: 720px) and (orientation: landscape){:root{--totem-max: 1120px;--totem-pad-x: 1.75rem}.idle-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);grid-template-rows:minmax(0,1fr) auto auto;column-gap:1.5rem;row-gap:.75rem;align-items:stretch;min-height:min(82dvh,44rem)}.idle-page__capture{grid-column:1;grid-row:1;justify-content:flex-start}.idle-page__aside{grid-column:2;grid-row:1 / span 2;max-height:min(82dvh,44rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem}.idle-page__alerts{grid-column:1;grid-row:2;align-self:end}.idle-page__footer{grid-column:1 / -1;grid-row:3}.card--register{max-width:28rem;margin:0 auto;width:100%}.success-screen{padding:3rem 1rem}}@media (min-width: 1024px) and (orientation: portrait){:root{--totem-max: 640px}}@media (min-width: 1200px){:root{--totem-max: 960px}}@media (max-height: 520px) and (orientation: landscape){:root{--totem-max: 100%;--totem-pad-y: .5rem}.totem__logo{height:1.5rem}.clock-card{padding:.85rem 1rem}.clock-card__time{font-size:clamp(1.75rem,8vw,2.25rem)}.clock-card__watermark{width:4rem}.idle-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;column-gap:1rem}.idle-page__capture{grid-column:1;grid-row:1}.idle-page__aside{grid-column:2;grid-row:1 / span 2;max-height:86dvh;overflow-y:auto}.idle-page__alerts{grid-column:1;grid-row:2}.idle-page__footer{grid-column:1 / -1;grid-row:3}}@media (min-width: 720px) and (orientation: landscape){.bio-overlay.bio-overlay--totem .bio-overlay__stage{aspect-ratio:4 / 3;max-height:min(72dvh,30rem)}}@media (max-height: 520px) and (orientation: landscape){.bio-overlay.bio-overlay--totem .bio-overlay__stage{aspect-ratio:16 / 10;max-height:min(58dvh,16rem);min-height:9rem}}