:root{--bg:#f3f6fb;--surface:#fff;--surface2:#f8fafc;--ink:#172033;--muted:#6b768a;--line:#e5eaf1;--nav:#0b1220;--nav2:#111c31;--primary:#0B6089;--primary2:#05547C;--success:#15936f;--warning:#c77b11;--danger:#d84848;--info:#4d68d9;--radius:16px;--shadow:0 12px 35px rgba(27,39,66,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;margin:0;letter-spacing:-.025em}.muted{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0d1728);color:#d9e1ef;padding:22px 16px;display:flex;flex-direction:column;z-index:30;border-right:1px solid rgba(255,255,255,.04)}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 24px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2676ff,#48B593);display:grid;place-items:center;color:#fff;font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;font-weight:800;box-shadow:0 10px 25px rgba(11,96,137,.26)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font:800 1rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:#fff;letter-spacing:.04em}.brand-copy span{font-size:.72rem;color:#8d9bb3;margin-top:4px}.nav-caption{font-size:.68rem;font-weight:700;color:#63718c;letter-spacing:.14em;padding:0 12px 9px}.nav-menu{display:flex;flex-direction:column;gap:5px;flex:1}.nav-menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#9caac0;font-size:.9rem;font-weight:500;transition:.18s}.nav-menu a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.nav-menu a.active{background:linear-gradient(90deg,rgba(38,118,255,.22),rgba(38,118,255,.09));color:#fff;box-shadow:inset 3px 0 #4b8cff}.nav-icon{width:23px;text-align:center;font-size:1.08rem}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:16px 8px 0}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;background:#22314b;display:grid;place-items:center;color:#fff;font-weight:800}.user-info{min-width:0}.user-name{font-size:.86rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:#71809a;text-transform:uppercase;margin-top:2px}.logout-link{display:flex;justify-content:space-between;margin-top:13px;color:#7f8da4;font-size:.8rem}.logout-link:hover{color:#fff}.sidebar-close,.mobile-menu{display:none}.sidebar-overlay{display:none}
.content{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:28px 34px 12px}.eyebrow{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}.topbar h1{font-size:1.7rem;font-weight:800}.topbar-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 12px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(21,147,111,.12)}.page-body{padding:14px 34px 42px;flex:1}.page-footer{text-align:center;color:#929cad;font-size:.72rem;padding:16px 20px 24px}
.flash-stack{padding:0 34px;display:flex;flex-direction:column;gap:8px}.flash-stack-standalone{padding-top:20px;max-width:520px;margin:auto}.flash{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 14px;border-radius:12px;border:1px solid;font-size:.86rem;box-shadow:0 8px 20px rgba(0,0,0,.04);transition:.3s}.flash-close{border:0;background:transparent;color:inherit;cursor:pointer;font-size:1.1rem;line-height:1}.flash-fade{opacity:0;transform:translateY(-5px)}.flash-success{background:#ecfbf5;color:#0f7358;border-color:#c7efdf}.flash-danger{background:#fff1f1;color:#b73535;border-color:#f2cccc}.flash-warning{background:#fff8e9;color:#956115;border-color:#f3dfb6}.flash-info{background:#eef3ff;color:#3e58ba;border-color:#d9e2ff}
.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0e1930,#132744);color:#fff;border-radius:22px;padding:24px 28px;margin-bottom:18px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-110px;background:rgba(72,138,255,.16)}.hero-copy{position:relative;z-index:1}.hero h2{font-size:1.35rem}.hero p{margin:6px 0 0;color:#aebbd0;font-size:.88rem}.quick-actions{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}.quick-action{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);font-size:.82rem;color:#fff}.quick-action:hover{background:rgba(255,255,255,.15)}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 6px 24px rgba(25,38,67,.04);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#dfe6ef}.stat-card.accent:before{background:var(--primary)}.stat-card.success:before{background:var(--success)}.stat-card.warn:before{background:var(--danger)}.stat-value{font:800 1.85rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink)}.stat-label{font-size:.8rem;color:var(--muted);margin-top:5px}.stat-note{font-size:.72rem;color:#9aa3b2;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px}.stack{display:flex;flex-direction:column;gap:18px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 6px 24px rgba(25,38,67,.035);margin-bottom:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-header h2{font-size:1.05rem}.panel-header p,.panel-header .muted{font-size:.78rem;margin:3px 0 0}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:6px 0 10px}
.table-wrap{width:100%;overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:690px}thead th{text-align:left;padding:10px 12px;color:#7c8798;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-bottom:1px solid var(--line);background:#fbfcfe}tbody td{padding:12px;border-bottom:1px solid #edf0f5;vertical-align:middle}tbody tr:hover{background:#fafcff}tbody tr:last-child td{border-bottom:0}.table-title{font-weight:650;color:var(--ink)}.table-sub{font-size:.72rem;color:var(--muted);margin-top:3px}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.status-line{display:flex;align-items:center;gap:7px}.status-dot{width:8px;height:8px;border-radius:50%;background:#a8b0be}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px rgba(21,147,111,.1)}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 4px rgba(216,72,72,.09)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:.69rem;font-weight:700;white-space:nowrap}.badge-ok,.badge-facial{background:#e8f8f2;color:#107356}.badge-erro{background:#feecec;color:#b93636}.badge-nunca,.badge-indefinido{background:#eff2f6;color:#657083}.badge-entrada{background:#E9F5F3;color:#245fc3}.badge-saida{background:#fff2df;color:#a35f0b}.badge-manual{background:#f1edff;color:#6848bf}
.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar .spacer{flex:1}.filter-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;align-items:end}.search-box{position:relative}.search-box input{padding-left:36px}.search-box:before{content:"⌕";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#98a3b3;font-size:1.1rem}
label{display:block;font-size:.76rem;color:#606b7e;font-weight:650;margin-bottom:6px}.field small{display:block;margin-top:6px;line-height:1.4}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .span-2{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #dbe1ea;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;min-height:42px;font-size:.86rem;transition:.15s}input:hover,select:hover,textarea:hover{border-color:#c8d0dc}input:focus,select:focus,textarea:focus{outline:0;border-color:#6fa2ff;box-shadow:0 0 0 3px rgba(23,107,255,.1)}select[multiple]{min-height:125px}input[type="checkbox"],input[type="radio"]{appearance:auto;-webkit-appearance:checkbox;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;padding:0;margin:0;flex:0 0 16px;vertical-align:middle;accent-color:var(--primary);box-shadow:none;border-radius:3px;background:transparent}input[type="radio"]{-webkit-appearance:radio;appearance:auto;border-radius:50%}.checkbox-field{display:flex;align-items:center;gap:9px;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:11px}.checkbox-field input{width:auto;min-height:0}.checkbox-field label{margin:0}.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.form-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:9px 13px;min-height:38px;background:#fff;color:var(--ink);cursor:pointer;font-weight:650;font-size:.8rem;transition:.15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#25909E);color:#fff;box-shadow:0 7px 16px rgba(11,96,137,.18)}.btn-primary:hover{background:var(--primary2)}.btn-secondary{border-color:#dce2ea;background:#fff}.btn-secondary:hover{border-color:#bfc8d5;background:#fafbfc}.btn-danger{border-color:#f0caca;color:#b73b3b;background:#fff}.btn-danger:hover{background:#fff4f4}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:6px 9px;min-height:31px;font-size:.72rem}.btn-block{width:100%}.btn.is-loading{opacity:.7;pointer-events:none}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state h3{color:var(--ink);font-size:1rem;margin-bottom:5px}.empty-state p{font-size:.82rem;margin:0 0 14px}
.face-preview{display:flex;align-items:center;gap:9px;margin-top:9px}.face-preview img,.table-face{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:#eef1f5}.face-placeholder{width:42px;height:42px;border-radius:12px;background:#eef2f7;display:grid;place-items:center;color:#758094;font-weight:800}.face-operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-face-list,.historical-employee-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:8px;max-height:310px;overflow:auto;padding:2px}.employee-face-row,.historical-employee-row{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff}.employee-face-row:hover,.historical-employee-row:hover{border-color:#bfcbe0;background:#f9fbff}.employee-face-row input,.historical-employee-row input{width:auto;min-height:0}.employee-face-row span:not(.badge),.historical-employee-row span{display:flex;flex-direction:column;flex:1}.employee-face-row small,.historical-employee-row small{color:var(--muted);font-size:.7rem;margin-top:2px}
.device-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.device-mini{border:1px solid var(--line);border-radius:13px;padding:14px;background:linear-gradient(180deg,#fff,#fbfcff)}.device-mini-top{display:flex;justify-content:space-between;gap:10px}.device-mini h3{font-size:.88rem}.device-mini p{font-size:.73rem;color:var(--muted);margin:4px 0 0}.device-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:.72rem;color:#697487}.metric-list{display:flex;flex-direction:column}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:.8rem}.metric-item:last-child{border-bottom:0}.metric-item strong{font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;font-size:.9rem}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-visual{background:radial-gradient(circle at 20% 20%,#17366c 0,#0b1220 48%,#070d17 100%);color:#fff;padding:70px;display:flex;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-140px;bottom:-150px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.auth-clock{font:800 4.6rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:#6aa1ff;letter-spacing:-.06em}.auth-visual h2{font-size:2.2rem;max-width:470px;line-height:1.15}.auth-visual p{max-width:470px;color:#9daac0;line-height:1.6;font-size:.9rem}.auth-form-side{display:grid;place-items:center;padding:35px}.auth-form{width:min(100%,390px)}.auth-form h1{font-size:1.55rem}.auth-form .subtitle{color:var(--muted);font-size:.85rem;margin:7px 0 25px}.auth-form .field{margin-bottom:15px}
@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;width:270px;transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.22)}body.sidebar-open .sidebar{left:0}.sidebar-overlay{position:fixed;inset:0;background:rgba(5,10,20,.45);z-index:20}body.sidebar-open .sidebar-overlay{display:block}.sidebar-close,.mobile-menu{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.sidebar-close{font-size:1.4rem}.mobile-menu{width:39px;height:39px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--ink)}.topbar{padding:20px 18px 10px}.page-body{padding:12px 18px 32px}.flash-stack{padding:0 18px}.hero{align-items:flex-start;flex-direction:column}.filter-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.face-operation-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar-meta{display:none}.topbar h1{font-size:1.38rem}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-value{font-size:1.5rem}.panel{padding:14px}.form-grid,.filter-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.toolbar{align-items:stretch}.toolbar .spacer{display:none}.toolbar .btn{flex:1}.quick-actions{width:100%}.quick-action{flex:1;text-align:center}.auth-form-side{padding:24px}}

/* V11 — large dataset controls */
.result-summary{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:5px}.result-summary strong{color:var(--ink)}
.bulk-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;position:sticky;top:8px;z-index:5}.bulk-bar span{font-size:.78rem;color:var(--muted);margin-right:auto}.bulk-bar select{width:auto;min-width:210px;min-height:34px;padding:6px 10px}.check-col{width:42px}.bulk-check,[data-check-all]{width:16px;height:16px;min-height:0;accent-color:var(--primary)}
.pagination-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0 22px;font-size:.8rem;color:var(--muted)}.pagination-bar .disabled{opacity:.45;pointer-events:none}
.advanced-filters{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.advanced-filters summary{cursor:pointer;font-weight:700;font-size:.8rem;color:var(--ink);user-select:none}.advanced-filters summary::marker{color:var(--primary)}.filter-count{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#EEF8F6;color:#3568b8;font-size:.68rem}.records-advanced-grid{grid-template-columns:repeat(5,minmax(150px,1fr));margin-top:12px}.records-filter-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.compact-actions{margin-top:14px}.record-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.employee-filter-grid{grid-template-columns:2fr repeat(4,1fr) auto}
@media(max-width:1150px){.records-advanced-grid{grid-template-columns:repeat(3,1fr)}.employee-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.records-advanced-grid,.records-filter-grid,.employee-filter-grid{grid-template-columns:1fr}.record-stats{grid-template-columns:1fr 1fr}.bulk-bar{position:static}.bulk-bar select{width:100%}}

/* V12 - filtros organizacionais com multiseleção visual */
.multi-picker{border:1px solid var(--border, #d9e0ea);border-radius:10px;max-height:190px;overflow:auto;padding:6px;background:var(--surface, #fff)}
.multi-picker label{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:.9rem;margin:0}
.multi-picker label:hover{background:rgba(127,127,127,.08)}
.multi-picker input{width:16px;height:16px;flex:0 0 auto}
.multi-picker span{white-space:normal;line-height:1.2}

/* V13 — importação assistida */
.import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.import-layout-card{margin-bottom:0}.import-layout-card.selected{border-color:#9ebeff;box-shadow:0 0 0 3px rgba(23,107,255,.07)}.layout-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;background:#f5f7fb;border:1px solid var(--line);padding:10px;border-radius:9px;overflow:auto;white-space:nowrap;color:#46546a}.import-rules{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:13px 14px;border-radius:11px;background:#f7f9fc;border:1px solid var(--line);font-size:.78rem}.import-rules code{overflow:auto;white-space:nowrap;background:#fff;padding:8px;border:1px solid var(--line);border-radius:7px}.import-rules span{color:var(--muted)}.import-report.has-errors{border-color:#efcaca}.import-report.is-success{border-color:#bfe7d8}.validation-warning{background:#fff4f4;border:1px solid #f1cccc;color:#9e3333;border-radius:10px;padding:11px 13px;font-size:.82rem;margin-bottom:12px}.error-list{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px}.error-list>div{display:flex;gap:9px;padding:9px 11px;border-bottom:1px solid var(--line);font-size:.78rem}.error-list>div:last-child{border-bottom:0}.error-list span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#feecec;color:#b93636;font-weight:800}.success-box{background:#ecfbf5;border:1px solid #c7efdf;color:#0f7358;border-radius:10px;padding:14px;font-size:.84rem}.import-hero{margin-bottom:18px}@media(max-width:850px){.import-grid{grid-template-columns:1fr}}

/* V15 — tratamento completo */
.treatment-grid td{white-space:nowrap}.inline-treatment-form,.approval-actions{display:flex;align-items:center;gap:6px;min-width:360px}.inline-treatment-form input,.approval-actions input{min-height:32px;padding:6px 8px}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:70px}.signature-row>div{border-top:1px solid #555;padding-top:8px;text-align:center;font-size:.78rem}.mirror-sheet{max-width:1200px;margin:0 auto}.sidebar{overflow-y:auto}.nav-menu{flex:none}.nav-caption{margin-top:8px}.legal-warning{padding:12px 14px;border:1px solid #efd49c;background:#fff8e9;color:#805719;border-radius:10px;font-size:.8rem}.calculation-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media print{.sidebar,.topbar,.page-footer,.flash-stack,.btn{display:none!important}.app-shell{display:block}.page-body{padding:0}.panel{box-shadow:none;border:0}.mirror-sheet{max-width:none}body{background:#fff}.content{display:block}}

/* V16 - navegação por categorias */
.nav-categories { display:flex; flex-direction:column; gap:7px; }
.nav-home { margin-bottom:2px; }
.nav-group { border:1px solid rgba(255,255,255,.07); border-radius:12px; overflow:hidden; background:rgba(255,255,255,.025); }
.nav-group summary { list-style:none; cursor:pointer; padding:11px 12px; display:flex; align-items:center; justify-content:space-between; color:var(--sidebar-text,#dbe6f4); font-size:13px; font-weight:700; user-select:none; }
.nav-group summary::-webkit-details-marker { display:none; }
.nav-group summary > span { display:flex; align-items:center; gap:10px; }
.nav-group summary b { font-size:13px; opacity:.6; transition:transform .18s ease; }
.nav-group[open] summary b { transform:rotate(180deg); }
.nav-group[open] summary { background:rgba(255,255,255,.04); }
.nav-group-items { display:flex; flex-direction:column; padding:4px 7px 8px 41px; }
.nav-group-items a { min-height:auto !important; padding:7px 8px !important; border-radius:8px !important; font-size:12.5px !important; opacity:.88; }
.nav-group-items a:hover { opacity:1; background:rgba(255,255,255,.06) !important; }
.check-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; margin-top:6px; }
.check-card { display:flex; gap:8px; align-items:center; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2,#f8fafc); cursor:pointer; }
.form-action-end { display:flex; align-items:flex-end; }
/* V17 - fluxo de cadastro/apuração inspirado na organização funcional do RHiD */
.tabbar{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border,#dbe2ea);margin-bottom:18px}.tab{border:0;background:transparent;padding:11px 14px;border-bottom:2px solid transparent;cursor:pointer;color:var(--muted,#64748b);font-weight:650}.tab.active{color:var(--primary,#0B748B);border-bottom-color:currentColor}.tabpane{display:none}.tabpane.active{display:block}.sticky-actions{position:sticky;bottom:0;background:var(--panel,#fff);padding:14px 0 4px;border-top:1px solid var(--border,#e2e8f0);z-index:3}.section-pad{padding:14px 0}.info-box{padding:12px 14px;border-radius:10px;background:#f1f5f9;border:1px solid #dbe4ee}.info-box.warning{background:#fff7ed;border-color:#fed7aa}.action-row{display:flex;gap:8px;flex-wrap:wrap}.rhid-card{overflow:visible}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.punch-editor{display:grid;gap:10px}.punch-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.punch-line>span:not(.punch-label){padding:8px 12px;border-radius:8px;background:#eef2ff;font-weight:700}.punch-line.actual>span:not(.punch-label){background:#ecfdf5}.punch-label{min-width:90px;font-weight:700;color:#64748b}.punch-cells{display:flex;gap:5px;flex-wrap:wrap}.punch-cells span{padding:4px 7px;border-radius:6px;background:#eef2ff;font-weight:650}.wide-table{overflow:auto}.wide-table table{min-width:1100px}.day-link{font-weight:700}.badge-neutral{background:#eef2f7;color:#334155}.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mini-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit}.mini-card:hover{border-color:#94a3b8;box-shadow:0 6px 18px rgba(15,23,42,.06)}.mini-card small{display:block;color:#64748b}.mini-icon{font-size:24px}.columns-picker{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.wizard-grid{display:grid;gap:16px}.step-badge{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:800;margin-bottom:8px}.assignment-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.assignment-types label input{position:absolute;opacity:0}.assignment-types label span{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #dbe4ee;border-radius:12px;cursor:pointer}.assignment-types label input:checked+span{border-color:#0B748B;background:#F0F8F6}.assignment-types b{font-size:15px}.assignment-types small{color:#64748b}.btn-warning{background:#f59e0b;color:#111827}.big-icon{font-size:20px}@media(max-width:900px){.two-col{grid-template-columns:1fr}.tabbar{overflow:auto;flex-wrap:nowrap}.tab{white-space:nowrap}}

/* V18 - Horários e vínculos no fluxo operacional inspirado no RHiD */
.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.schedule-preview{max-width:620px;font-size:.86rem;line-height:1.55}.row-actions{display:flex;gap:6px;align-items:center}.row-actions form{margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none}.icon-btn:hover{background:var(--surface-2)}.icon-btn.danger{color:#c33}.schedule-editor{overflow:visible}.schedule-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);overflow:auto;padding:0 18px}.schedule-tab{border:0;background:transparent;padding:16px 18px;color:var(--muted);font-weight:600;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.schedule-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.schedule-pane{display:none}.schedule-pane.active{display:block}.schedule-head{padding:20px}.schedule-day-table{padding:0 20px 22px}.schedule-day-table table{min-width:1050px}.schedule-day-table input[type=time]{min-width:92px;padding:7px 8px}.schedule-day-table td:not(:first-child),.schedule-day-table th:not(:first-child){text-align:center}.schedule-day-table input[type=checkbox]{width:17px;height:17px}.day-total{font-variant-numeric:tabular-nums;font-weight:700}.cycle-field{display:none}.form-hint{padding:12px 14px;background:var(--surface-2);border-radius:9px;color:var(--muted);font-size:.9rem}.info-box.compact{margin:16px 0}.actions-col{width:92px}.rhid-link-wizard .panel{position:relative}.rhid-link-wizard .step-badge{position:absolute;top:16px;right:16px}.empty-state{text-align:center;color:var(--muted);padding:30px!important}
@media(max-width:800px){.schedule-tabs{padding:0}.schedule-tab{padding:13px 12px}.schedule-head{padding:16px}.schedule-day-table{padding:0 12px 18px}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}}
.compact-picker{max-height:150px}.rhid-link-wizard .form-grid{align-items:start}

/* V21 — Apuração no fluxo operacional do RHiD */
.rhid-apuracao-filter{padding:18px;margin-bottom:14px}.rhid-filter-form{display:grid;gap:14px}.rhid-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.rhid-filter-bottom{display:flex;align-items:end;justify-content:space-between;gap:16px}.check-inline{display:flex;align-items:center;gap:8px;font-size:.85rem}.rhid-search{min-width:240px}.rhid-apuracao-shell{padding:0;overflow:hidden}.rhid-apuracao-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.rhid-employee-nav{display:flex;align-items:center;gap:10px}.rhid-employee-nav>div{min-width:260px}.rhid-employee-nav strong{display:block;font-size:.95rem}.rhid-employee-nav span{display:block;color:var(--muted);font-size:.72rem}.rhid-position{font-size:.72rem!important;background:var(--surface-2);padding:5px 8px;border-radius:12px}.icon-btn.disabled{pointer-events:none;opacity:.3}.rhid-apuracao-actions{display:flex;align-items:center;gap:4px}.rhid-tool{border:0;background:transparent;text-decoration:none;color:var(--muted);display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:7px;cursor:pointer;font:inherit;font-size:.76rem}.rhid-tool:hover{background:var(--surface-2);color:var(--text)}.rhid-view-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:.75rem;color:var(--muted)}.rhid-view-line select{min-height:30px;padding:4px 28px 4px 8px}.rhid-grid-wrap{overflow:auto;max-height:calc(100vh - 330px);min-height:400px}.rhid-grid{border-collapse:separate;border-spacing:0;font-size:.69rem;min-width:max-content;width:100%}.rhid-grid th{position:sticky;top:0;z-index:4;background:#f6f7fb;color:#576174;font-weight:700;text-align:center;padding:7px 8px;border-bottom:1px solid #dfe3ea;border-right:1px solid #edf0f4;white-space:nowrap}.rhid-grid td{height:31px;padding:4px 7px;text-align:center;border-bottom:1px solid #edf0f4;border-right:1px solid #f1f3f6;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--surface)}.rhid-grid tr:hover td{background:#F7FBFA}.rhid-grid tr.has-issue td{background:#fffdf7}.rhid-grid tr.day-off td{background:#fafafa;color:#7b8493}.rhid-grid .sticky-col{position:sticky;z-index:3;background:var(--surface)}.rhid-grid th.sticky-col{z-index:6;background:#f6f7fb}.col-date{left:0;min-width:54px}.col-week{left:54px;min-width:48px}.col-issue{left:102px;min-width:36px}.rhid-day-button,.punch-cell button,.issue-button{border:0;background:transparent;cursor:pointer;font:inherit;color:inherit}.rhid-day-button{font-weight:700;color:#465a78}.punch-cell button{min-width:42px;color:#5667a8}.punch-cell button:hover{background:#eef2ff;border-radius:4px}.punch-empty{color:#c1c7d0}.issue-button{width:20px;height:20px;border-radius:50%;background:#e66a70;color:#fff;font-weight:900}.issue-button.ok{background:#47a86c}.planned-cell{color:#6b7280;font-size:.65rem}.check-cell{font-size:.9rem}.deleted-punch{text-decoration:line-through;color:#b15d5d}.positive-value{color:#237a51}.negative-value{color:#a44242}.rhid-treatment-dialog{width:min(960px,94vw);max-height:88vh;border:0;border-radius:12px;padding:0;box-shadow:0 24px 70px rgba(15,23,42,.28);color:var(--text);background:var(--surface)}.rhid-treatment-dialog::backdrop{background:rgba(15,23,42,.45)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.dialog-head h3{margin:0;font-size:1rem}.dialog-head p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.dialog-head>button{border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--muted)}.dialog-summary{display:flex;gap:18px;flex-wrap:wrap;padding:10px 18px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:.76rem}.dialog-summary span{display:flex;gap:5px}.dialog-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--border);padding:0 12px}.dialog-tabs button{border:0;background:transparent;padding:11px 12px;font-weight:650;font-size:.78rem;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.dialog-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.dialog-pane{display:none;padding:18px;max-height:58vh;overflow:auto}.dialog-pane.active{display:block}.dialog-pane h4{margin:0 0 12px;font-size:.88rem}.dialog-grid-two{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.compact-form{grid-template-columns:1fr}.compact-form .full{grid-column:1}.original-punches,.history-list{display:grid;gap:7px}.original-punch,.history-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.original-punch span,.history-list span{display:flex;flex-direction:column;gap:2px}.original-punch small,.history-list small{color:var(--muted);font-size:.7rem}.original-punch.excluded{opacity:.6;background:#fff5f5}.original-punch em{font-size:.7rem;color:#a44242}.day-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.day-option-card{width:100%;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;cursor:pointer;color:inherit}.day-option-card>span{grid-row:1/3;font-size:1.15rem}.day-option-card small{color:var(--muted)}.day-option-card.active{border-color:#72C8B4;background:#EEF8F6}.treatment-help{margin-top:14px;padding:10px 12px;background:var(--surface-2);border-radius:8px;font-size:.75rem;color:var(--muted)}.section-title{margin-top:20px!important}.inline-form{display:inline-flex;align-items:center;gap:6px;margin:0}
@media(max-width:1050px){.rhid-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rhid-apuracao-head{align-items:flex-start;flex-direction:column}.rhid-apuracao-actions{width:100%;overflow:auto}.dialog-grid-two{grid-template-columns:1fr}}
@media(max-width:650px){.rhid-filter-grid{grid-template-columns:1fr}.rhid-filter-bottom{align-items:stretch;flex-direction:column}.rhid-search{min-width:0;width:100%}.rhid-employee-nav>div{min-width:0}.rhid-tool span{display:none}.day-option-grid{grid-template-columns:1fr}}

/* V22 - Relatórios no fluxo RHiD */
.rhid-report-window{max-width:1180px;margin:0 auto}.report-filter-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.rhid-report-window select[multiple]{min-height:132px}.field-help{font-size:12px;color:var(--muted,#748095);margin-top:5px}.report-actions{margin-top:18px;border-top:1px solid var(--border,#e4e8ef);padding-top:16px}.report-columns-picker{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:8px 14px;margin-top:14px}.report-columns-picker label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border,#e4e8ef);border-radius:8px;background:var(--surface,#fff);font-size:13px}.report-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.report-shortcut{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--border,#e4e8ef);border-radius:14px;background:var(--surface,#fff);text-decoration:none;color:inherit}.report-shortcut strong{font-size:17px}.report-shortcut span{color:var(--muted,#748095);font-size:13px}@media(max-width:900px){.report-filter-grid,.report-columns-picker{grid-template-columns:1fr 1fr}}@media(max-width:600px){.report-filter-grid,.report-columns-picker,.report-shortcuts{grid-template-columns:1fr}}

/* V23 — envio em massa para faciais */
.scope-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.scope-card,.device-select-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border,#dfe4ea);border-radius:12px;padding:14px;background:var(--card,#fff);cursor:pointer}
.scope-card:has(input:checked),.device-select-card:has(input:checked){outline:2px solid rgba(64,108,255,.25);border-color:#5474e8}
.scope-card span,.device-select-card span{display:flex;flex-direction:column;gap:3px}.scope-card small,.device-select-card small{color:var(--muted,#6b7280)}
.scope-danger{border-style:dashed}.device-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mass-action-footer{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) auto;align-items:end;gap:16px}.mass-action-summary{padding:13px 14px;border-radius:10px;background:rgba(84,116,232,.08);font-weight:600}.send-filter-grid{grid-template-columns:repeat(5,minmax(180px,1fr))}
@media(max-width:1100px){.send-filter-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.device-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.scope-cards,.device-selection-grid,.mass-action-footer,.send-filter-grid{grid-template-columns:1fr}.mass-action-footer{align-items:stretch}}

/* V24 — faixas dinâmicas de marcações na apuração */
.punch-range-control,.punch-range-row-control{background:#f7f9fc!important;min-width:82px}.punch-range-buttons{display:flex;align-items:center;justify-content:center;gap:4px}.punch-range-btn{width:24px;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:15px;font-weight:800;line-height:1;cursor:pointer}.punch-range-btn.add{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.punch-range-btn:hover:not(:disabled){background:var(--surface-2)}.punch-range-btn:disabled{opacity:.3;cursor:not-allowed}.punch-range-count{font-size:.62rem;color:var(--muted);font-weight:700;white-space:nowrap}.more-punches-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:999px;background:#fff4dd;color:#8a5a12;border:1px solid #f0d69c;font-size:.62rem;font-weight:800}.extra-punch-column[hidden]{display:none!important}

/* V25 - persistência visual dos tratamentos na apuração */
.occurrence-cell{min-width:150px;max-width:240px}.occurrence-summary{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;cursor:pointer;max-width:220px;margin:auto}.occurrence-chip{display:inline-flex;align-items:center;max-width:145px;padding:3px 7px;border-radius:999px;font-size:.64rem;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#eef2f7;color:#475569;border:1px solid #dce3ec}.occurrence-chip.justify{background:#EEF8F6;border-color:#CFE8E3;color:#246B76}.occurrence-chip.leave{background:#f1f8ee;border-color:#d2e8c8;color:#456f35}.occurrence-chip.saved{background:#f6f2ff;border-color:#dfd2fb;color:#6949a0}.occurrence-more{font-size:.64rem;font-weight:800;color:var(--muted)}.occurrence-existing-list{display:grid;gap:8px}.occurrence-existing{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.occurrence-existing>div{display:flex;flex-direction:column;min-width:0}.occurrence-existing small{color:var(--muted);font-size:.72rem}.dialog-treatment-status{padding:2px 7px;border-radius:999px;background:#f1f8ee}

/* V28 — seleção e desconsideração em lote na apuração */
.original-punches-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.original-punches-head h4 { margin:0 0 2px; }
.original-punches-head small { color:var(--muted); }
.original-punch.selectable { cursor:pointer; grid-template-columns:28px minmax(0,1fr) auto; }
.original-punch.selectable input[type="checkbox"] { width:18px; height:18px; margin:0; accent-color:var(--primary); }
.punch-check-spacer { width:20px; text-align:center; font-weight:800; color:var(--success); }
.bulk-disregard-actions { margin-top:12px; padding-top:12px; border-top:1px solid var(--border); display:grid; gap:10px; }
.select-all-punches { display:inline-flex; align-items:center; gap:8px; width:max-content; font-size:.9rem; font-weight:650; }
.select-all-punches input { width:17px; height:17px; accent-color:var(--primary); }
.required-mark { color:var(--danger); }
.bulk-disregard-form textarea { resize:vertical; min-height:64px; }
.bulk-disregard-form .btn:disabled { opacity:.5; cursor:not-allowed; }


/* V29 — cadastro completo de empresas */
.company-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.company-two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.company-two-panels .panel{margin-bottom:18px}.company-active{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700}.company-active input{width:18px;height:18px;accent-color:var(--primary)}.sticky-form-actions{position:sticky;bottom:12px;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px rgba(23,32,51,.10)}
@media(max-width:1050px){.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-two-panels{grid-template-columns:1fr}.company-grid .span-4{grid-column:1/-1}}
@media(max-width:650px){.company-grid{grid-template-columns:1fr}.company-grid .span-2,.company-grid .span-4{grid-column:1}.sticky-form-actions{position:static}}

/* V36 - Ponto Diário no mesmo fluxo da Apuração */
.daily-group-grid .daily-employee-col{left:0;min-width:240px;max-width:300px;z-index:4;background:var(--card,#fff)}
.daily-group-grid .col-issue{left:240px;z-index:4}
.daily-employee-button{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:transparent;border:0;padding:0;color:inherit;cursor:pointer}
.daily-employee-button strong{font-size:12px}.daily-employee-button span{font-size:10px;color:var(--muted,#75809a);font-weight:500}
.daily-group-grid tbody tr:hover .daily-employee-col{background:#F7FBFA}
@media(max-width:900px){.daily-group-grid .daily-employee-col{min-width:190px;max-width:220px}.daily-group-grid .col-issue{left:190px}}

/* V122 — Loading global leve: relógio CSS simples, sem imagens/progresso/dots */
.vozze-loading-overlay{position:fixed;inset:0;z-index:2147483647;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.34);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .14s ease,visibility .14s ease}.vozze-loading-overlay:not([open]){display:none}.vozze-loading-overlay::backdrop{background:transparent}.vozze-loading-overlay[open]{display:flex}
.vozze-loading-overlay.is-visible{opacity:1;visibility:visible;pointer-events:all}
.vozze-loading-card{width:min(315px,calc(100vw - 28px));padding:26px 24px 24px;border:1px solid #e4eaf3;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.14);text-align:center;transform:translateY(5px);transition:transform .16s ease}
.vozze-loading-overlay.is-visible .vozze-loading-card{transform:translateY(0)}
.vozze-loading-spinner{position:relative;width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center}
.vozze-loading-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,#e6ebf3 0deg 176deg,#dfe6f0 176deg 208deg,#0B6089 208deg 230deg,#1C7F98 230deg 252deg,#25909E 252deg 274deg,#3FA99F 274deg 296deg,#48B593 296deg 318deg,transparent 318deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:vozze-light-spin 1.05s linear infinite;will-change:transform}
.vozze-loading-clock{position:relative;width:28px;height:28px;border-radius:50%}
.vozze-loading-clock::before,.vozze-loading-clock::after{content:"";position:absolute;left:13px;top:5px;border-radius:4px;background:#172033;transform-origin:2px 9px}
.vozze-loading-clock::before{width:4px;height:11px}
.vozze-loading-clock::after{top:14px;width:11px;height:4px;transform-origin:2px 2px}
.vozze-loading-copy{display:flex;flex-direction:column;gap:5px}.vozze-loading-copy strong{font:800 1rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:#172033;letter-spacing:-.018em}.vozze-loading-copy span{min-height:0;color:#8a94a6;font-size:.77rem;line-height:1.42}
body.vozze-is-loading{overflow:hidden;cursor:wait}body.vozze-is-loading .vozze-loading-overlay{cursor:wait}
@keyframes vozze-light-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.vozze-loading-card{width:min(292px,calc(100vw - 24px));padding:23px 18px 21px;border-radius:16px}.vozze-loading-spinner{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.vozze-loading-ring{animation-duration:2s}.vozze-loading-overlay,.vozze-loading-card{transition:none}}

/* V52 - destaque de feriados na apuração */
.occurrence-chip.holiday{background:rgba(11,96,137,.12);border:1px solid rgba(11,96,137,.26);color:#0B6089;font-weight:700}
.holiday-row td{background:rgba(23,107,255,.035)}
.holiday-row .sticky-col{background:#F2F8F6}
.holiday-note{font-size:9px;font-weight:700;color:#0B6089;margin-top:2px}

/* V55 — ausência integral destacada na apuração */
.occurrence-chip.absence {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c;
  font-weight: 700;
}


/* V56 — checkbox compacto na Apuração/Ponto Diário */
.rhid-filter-bottom .check-inline{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0;
  min-height:42px;
  font-size:.78rem;
  font-weight:650;
  color:var(--muted);
  cursor:pointer;
  white-space:nowrap;
}
.rhid-filter-bottom .check-inline input[type="checkbox"]{
  appearance:auto;
  -webkit-appearance:checkbox;
  width:18px;
  height:18px;
  min-height:0;
  padding:0;
  margin:0;
  flex:0 0 18px;
  border-radius:4px;
  accent-color:var(--primary);
  box-shadow:none;
}

/* V59 — gerenciamento dos visuais de colunas */
.column-view-list{display:grid;gap:10px}.column-view-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.column-view-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-decoration:none;color:var(--ink)}.column-view-main>div{display:flex;flex-direction:column;min-width:0}.column-view-main strong{font-size:.92rem}.column-view-main small{color:var(--muted);margin-top:2px}.column-view-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.column-view-actions form{margin:0}.column-view-readonly{font-size:.75rem;color:var(--muted);padding:0 4px}.btn-sm{min-height:34px;padding:7px 11px;font-size:.78rem}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background:#bd2130;border-color:#bd2130}@media(max-width:760px){.column-view-card{align-items:flex-start;flex-direction:column}.column-view-actions{width:100%}}

/* V60 — ações compactas para enquadramento de marcações noturnas */
.punch-day-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.mini-link{border:1px solid var(--line);background:var(--surface2);color:var(--primary2);border-radius:6px;padding:3px 6px;font-size:.68rem;font-weight:650;cursor:pointer;line-height:1.2}
.mini-link:hover{border-color:var(--primary);background:#EEF8F6}

/* V62 — modal de alteração do horário previsto mais compacto e responsivo */
.expected-schedule-dialog{width:min(860px,calc(100vw - 32px));max-height:min(86vh,760px);overflow:hidden}
.expected-schedule-head{position:sticky;top:0;z-index:4;background:var(--surface)}
.expected-schedule-body{max-height:calc(min(86vh,760px) - 74px);overflow:auto;padding:16px 18px 18px;display:grid;gap:12px}
.expected-schedule-intro{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.expected-schedule-intro strong{font-size:.84rem}.expected-schedule-intro span{font-size:.75rem;color:var(--muted);line-height:1.4}
.expected-schedule-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
.expected-schedule-card.primary-card{padding:14px}
.expected-schedule-card-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}
.expected-schedule-card-head .step-badge{position:static;flex:0 0 28px;margin:0;background:var(--primary)}
.expected-schedule-card-head h4{margin:1px 0 2px;font-size:.9rem}.expected-schedule-card-head p{margin:0;color:var(--muted);font-size:.73rem}
.expected-schedule-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:end}
.expected-schedule-form .full{grid-column:1/-1}.expected-schedule-form .field{margin:0}
.expected-schedule-form input,.expected-schedule-form select{min-height:40px}
.expected-schedule-actions{display:flex;justify-content:flex-end;padding-top:2px}
.expected-schedule-actions .btn{min-width:190px}
.restore-card>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;user-select:none}
.restore-card>summary::-webkit-details-marker{display:none}.restore-card>summary>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.restore-card>summary strong{font-size:.82rem}.restore-card>summary small{font-size:.7rem;color:var(--muted)}
.restore-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:16px}
.summary-chevron{color:var(--muted);transition:transform .16s ease}.restore-card[open] .summary-chevron{transform:rotate(180deg)}
.restore-card-body{padding:0 14px 14px;border-top:1px solid var(--border)}
.restore-card-body .expected-schedule-form{padding-top:12px}
@media(max-width:650px){.expected-schedule-dialog{width:calc(100vw - 18px);max-height:92vh}.expected-schedule-body{max-height:calc(92vh - 70px);padding:12px}.expected-schedule-form{grid-template-columns:1fr}.expected-schedule-form .full{grid-column:1}.expected-schedule-actions .btn{width:100%;min-width:0}.expected-schedule-card.primary-card{padding:12px}}
/* V63 — importação AFD */
.import-error-list{max-height:240px;overflow:auto;margin-top:8px;font-size:.82rem;line-height:1.55}
.afd-mapping-table td input{min-width:110px}
.afd-mapping-table code{font-size:.72rem;color:var(--muted)}

/* V66 — identidade visual Vozze Ponto com logo oficial */
.brand-logo{width:43px;height:43px;object-fit:contain;border-radius:11px;background:#fff;padding:3px;box-shadow:0 10px 25px rgba(23,107,255,.20)}
.brand-copy strong{letter-spacing:.055em}
.auth-vozze-logo{display:block;width:min(330px,72%);max-height:260px;object-fit:contain;margin:0 auto 22px;border-radius:24px;filter:drop-shadow(0 16px 32px rgba(5,27,65,.16))}
@media(max-width:900px){.auth-vozze-logo{width:min(250px,62%);margin-bottom:14px}}

/* V68 */
.compact-check{width:17px!important;height:17px!important;min-height:0!important;padding:0!important;accent-color:var(--primary)}
td.center,th.center{text-align:center}.muted{color:var(--muted)}

.expired-bank-top-alert{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#fff0f0;border:1px solid #ffc9c9;color:#b52a2a;text-decoration:none;font-size:.68rem;font-weight:750}.expired-bank-top-alert:hover{background:#ffe5e5}

/* ======================================================================
   V123 — Visual refinado, leve e humano
   Referência estrutural: softwares tradicionais de RH/ponto (ex.: RHiD),
   preservando identidade própria Vozze Ponto e sem copiar elementos visuais.
   ====================================================================== */
:root{
  --bg:#f5f7fa;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --surface-2:#f8fafc;
  --card:#ffffff;
  --panel:#ffffff;
  --ink:#243244;
  --text:#243244;
  --muted:#6f7c8d;
  --line:#e2e7ed;
  --border:#e2e7ed;
  --nav:#05547C;
  --nav2:#05547C;
  --sidebar-text:#dbe9f6;
  --primary:#0B6089;
  --primary2:#05547C;
  --success:#2e856c;
  --warning:#b47a26;
  --danger:#c95858;
  --info:#4a79a8;
  --radius:8px;
  --shadow:0 2px 8px rgba(31,50,73,.055);
}
html{scroll-behavior:auto}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;font-size:14px}
h1,h2,h3{font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:-.012em}

/* Estrutura principal mais compacta e convencional */
.app-shell{grid-template-columns:244px minmax(0,1fr)}
.sidebar{
  background:var(--nav);
  border-right:1px solid rgba(255,255,255,.08);
  padding:16px 12px;
  box-shadow:none;
}
.brand-row{padding:2px 7px 17px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:13px}
.brand{gap:9px}
.brand-logo{width:36px;height:36px;border-radius:7px;padding:2px;background:#fff;box-shadow:none}
.brand-copy strong{font:700 .92rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:.04em}
.brand-copy span{font-size:.68rem;color:#a9c2da;margin-top:3px}
.nav-caption{padding:1px 9px 7px;color:#91afca;font-size:.61rem;font-weight:600;letter-spacing:.11em}
.nav-menu{gap:2px;overflow:auto;padding-right:2px}
.nav-menu a{border-radius:6px;padding:8px 9px;font-size:.79rem;color:#c4d7e8;font-weight:500;transition:background .12s ease,color .12s ease}
.nav-menu a:hover{background:rgba(255,255,255,.07);color:#fff;transform:none}
.nav-menu a.active{background:rgba(72,181,147,.16);color:#fff;box-shadow:inset 3px 0 #48B593}
.nav-icon{width:19px;font-size:.95rem;color:#a7c9e5}
.nav-group{border:0;border-radius:6px;background:transparent;overflow:visible}
.nav-group summary{padding:8px 9px;border-radius:6px;color:#d5e4f2;font-size:.79rem;font-weight:600}
.nav-group summary:hover,.nav-group[open] summary{background:rgba(255,255,255,.055)}
.nav-group summary b{font-size:11px;opacity:.55}
.nav-group-items{padding:2px 5px 4px 31px;border-left:1px solid rgba(166,205,235,.18);margin-left:18px}
.nav-group-items a{padding:6px 7px!important;border-radius:5px!important;font-size:.74rem!important;color:#b7ccde!important;opacity:1}
.nav-group-items a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.sidebar-footer{padding:12px 7px 0;border-top-color:rgba(255,255,255,.09)}
.avatar{width:32px;height:32px;border-radius:50%;background:#21598c;font-size:.78rem}
.user-name{font-size:.78rem}.user-role{font-size:.61rem;color:#9db8d0}.logout-link{font-size:.72rem;color:#a9bfd3;margin-top:10px}

/* Cabeçalho horizontal, claro e discreto */
.topbar{
  min-height:68px;
  padding:13px 28px 11px;
  background:#fff;
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.eyebrow{margin-bottom:2px;color:#7b8999;font-size:.61rem;font-weight:600;letter-spacing:.055em;text-transform:none}
.topbar h1{font-size:1.35rem;font-weight:650;color:#26384a}
.topbar-meta{background:transparent;border:0;border-radius:0;padding:5px 0;font-size:.78rem;color:#758294}
.live-dot{width:7px;height:7px;box-shadow:none;background:#4c9a80}
.page-body{padding:21px 28px 36px}
.flash-stack{padding:12px 28px 0}
.page-footer{padding:13px 18px 20px;color:#97a2af;font-size:.68rem}

/* Superfícies sem aparência de "cards de IA" */
.panel,.filter-card,.stat-card,.device-mini,.column-view-card,.mini-card,.report-shortcut,.scope-card,.device-select-card{
  border-color:var(--line);
  border-radius:8px;
  box-shadow:none;
}
.panel{padding:17px;margin-bottom:15px}
.panel-header{margin-bottom:13px}.panel-header h2{font-size:.96rem;font-weight:650}.panel-header p,.panel-header .muted{font-size:.73rem}
.section-title{font-size:.72rem;font-weight:650;letter-spacing:.035em;text-transform:none;color:#687789}

/* Dashboard mais administrativo, com informação em primeiro plano */
.hero{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  border-left:3px solid #48B593;
  border-radius:8px;
  padding:16px 18px;
  margin-bottom:14px;
  box-shadow:none;
}
.hero:after{display:none}.hero h2{font-size:1rem;font-weight:650}.hero p{margin-top:4px;color:var(--muted);font-size:.78rem}
.quick-actions{gap:6px}.quick-action{padding:7px 10px;border-radius:6px;background:#f2f7fc;border:1px solid #dbe9f5;color:#1b5f96;font-size:.74rem;font-weight:600}
.quick-action:hover{background:#e9f2fa;border-color:#c9dfef}
.stat-grid{gap:10px;margin-bottom:14px}
.stat-card{padding:14px 15px;overflow:visible}
.stat-card:before{display:none}.stat-card.accent{border-left:3px solid #48B593}.stat-card.success{border-left:3px solid #69a892}.stat-card.warn{border-left:3px solid #d87a7a}
.stat-value{font:650 1.55rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:#26384a}.stat-label{font-size:.74rem;margin-top:3px}.stat-note{font-size:.67rem;margin-top:6px;color:#909aa6}
.dashboard-grid{gap:14px}.stack{gap:14px}.device-cards{gap:8px}.device-mini{padding:12px;background:#fff}.device-mini h3{font-size:.8rem}.device-meta{margin-top:8px;font-size:.67rem}
.metric-item{padding:9px 0;font-size:.75rem}.metric-item strong{font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;font-size:.78rem;font-weight:650}

/* Tabelas densas e legíveis, próximas de softwares corporativos clássicos */
.table-wrap{border:1px solid var(--line);border-radius:7px;background:#fff}
table{font-size:.78rem}
thead th{padding:8px 10px;background:#f7f9fb;color:#667587;font-size:.65rem;font-weight:650;letter-spacing:.025em;text-transform:none}
tbody td{padding:9px 10px;border-bottom-color:#e9edf1}
tbody tr:hover{background:#f7fafc}.table-title{font-weight:600}.table-sub{font-size:.67rem}
.badge{padding:3px 7px;border-radius:5px;font-size:.63rem;font-weight:650}
.status-dot{width:7px;height:7px}.status-dot.online,.status-dot.offline{box-shadow:none}

/* Formulários e filtros com menos volume visual */
.filter-card{padding:12px 14px;margin-bottom:14px}
.toolbar{gap:8px;margin-bottom:11px}
label{font-size:.71rem;color:#5f6d7d;font-weight:600;margin-bottom:5px}
input,select,textarea{border-color:#d7dfe7;border-radius:6px;padding:8px 10px;min-height:37px;font-size:.79rem;background:#fff}
input:hover,select:hover,textarea:hover{border-color:#bcc9d5}
input:focus,select:focus,textarea:focus{border-color:#25909E;box-shadow:0 0 0 2px rgba(37,144,158,.14)}
.checkbox-field{border-radius:6px;padding:9px;background:#f8fafb}.form-grid{gap:14px}.form-actions{margin-top:17px;gap:7px}
.multi-picker,.check-card{border-radius:6px}

/* Botões tradicionais: sem gradiente, sem salto, sem glow */
.btn{border-radius:6px;padding:7px 11px;min-height:34px;font-size:.74rem;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease;box-shadow:none}
.btn:hover{transform:none}.btn-primary{background:#0B6089;color:#fff;border-color:#0B6089;box-shadow:none}.btn-primary:hover{background:#05547C;border-color:#05547C}
.btn-secondary{border-color:#d4dde6;background:#fff;color:#405165}.btn-secondary:hover{border-color:#b9c7d4;background:#f7f9fb}
.btn-success{background:#347e69;border-color:#347e69}.btn-danger{background:#fff;border-color:#e5c7c7;color:#a94747}.btn-warning{background:#b98437;color:#fff;border-color:#b98437}
.btn-sm{min-height:29px;padding:5px 8px;font-size:.68rem}.icon-btn{border-radius:5px}

/* Componentes de tratamento / apuração */
.rhid-apuracao-filter{padding:13px}.rhid-filter-form{gap:10px}.rhid-filter-grid{gap:9px}.rhid-apuracao-shell{border-radius:7px}
.rhid-apuracao-head{padding:9px 11px}.rhid-view-line{padding:6px 11px;background:#fafbfc}.rhid-tool{border-radius:5px;padding:6px 8px;font-size:.71rem}
.rhid-grid th{background:#f4f6f8;color:#59697b;padding:6px 7px}.rhid-grid td{height:29px;padding:4px 6px}.rhid-grid tr:hover td{background:#f5f9fc}
.rhid-grid tr.has-issue td{background:#fffaf0}.rhid-position{border-radius:5px}.rhid-treatment-dialog{border-radius:8px;box-shadow:0 16px 42px rgba(25,43,63,.18)}
.dialog-head{padding:13px 15px}.dialog-summary{padding:8px 15px}.dialog-pane{padding:15px}.day-option-card{border-radius:6px;padding:10px}
.occurrence-chip{border-radius:5px}.punch-line>span:not(.punch-label),.punch-cells span{border-radius:5px}

/* Login corporativo, simples e acolhedor */
.auth-shell{grid-template-columns:minmax(360px,.82fr) minmax(420px,1.18fr);background:#f5f7fa}
.auth-visual{background:#05547C;padding:56px;color:#fff}
.auth-visual:after{display:none}.auth-vozze-logo{width:min(280px,70%);margin:0 auto 30px;border-radius:10px;filter:none}
.auth-clock{font:650 3.6rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:#8bc4f3;letter-spacing:-.04em}
.auth-visual h2{font-size:1.55rem;line-height:1.25;font-weight:600;max-width:430px}.auth-visual p{color:#c2d4e4;font-size:.82rem;line-height:1.55;max-width:430px}
.auth-form-side{place-items:center start;padding:48px 10vw;background:#fff}.auth-form{width:min(100%,360px)}.auth-form h1{font-size:1.35rem;font-weight:650}.auth-form .subtitle{font-size:.79rem;margin:6px 0 22px}

/* Alertas e modal de carregamento mais discretos */
.flash{border-radius:6px;padding:10px 12px;box-shadow:none;font-size:.79rem}
.vozze-loading-overlay{background:rgba(33,49,67,.26)}
.vozze-loading-card{width:min(290px,calc(100vw - 28px));padding:22px 21px 20px;border-radius:9px;box-shadow:0 12px 30px rgba(25,43,63,.13)}
.vozze-loading-spinner{width:56px;height:56px;margin-bottom:14px}.vozze-loading-ring{background:conic-gradient(from 210deg,#e5ebf0 0deg 205deg,#48B593 205deg 295deg,transparent 295deg 360deg)}
.vozze-loading-copy strong{font:650 .9rem "Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;color:#2a394a}.vozze-loading-copy span{font-size:.71rem}

/* Mobile */
@media(max-width:850px){
  .sidebar{width:244px;left:-260px;box-shadow:14px 0 35px rgba(20,37,54,.18)}
  .topbar{padding:12px 16px}.page-body{padding:16px}.flash-stack{padding:10px 16px 0}
  .mobile-menu{width:34px;height:34px;border-radius:6px}
  .auth-form-side{place-items:center;padding:30px 22px}
}
@media(max-width:560px){
  .topbar h1{font-size:1.18rem}.stat-grid{gap:7px}.stat-card{padding:11px}.stat-value{font-size:1.3rem}.panel{padding:12px}.hero{padding:13px}
}


/* ======================================================================
   V124 — Identidade oficial Vozze Ponto
   Paleta extraída da nova marca: azul profundo, azul oceano, teal e menta.
   Mantém o refinamento compacto da V123, sem efeitos futuristas ou excesso
   de gradientes/cartões.
   ====================================================================== */
:root{
  --bg:#f4f8f8;
  --surface:#ffffff;
  --surface2:#f7faf9;
  --surface-2:#f7faf9;
  --card:#ffffff;
  --panel:#ffffff;
  --ink:#23383f;
  --text:#23383f;
  --muted:#6b7d81;
  --line:#dfe9e7;
  --border:#dfe9e7;
  --nav:#05547C;
  --nav2:#064B70;
  --sidebar-text:#d9eef0;
  --primary:#0B6089;
  --primary2:#05547C;
  --brand-teal:#25909E;
  --brand-mint:#48B593;
  --success:#31876d;
  --info:#25909E;
}

.sidebar{background:var(--nav);border-right-color:rgba(255,255,255,.09)}
.brand-row{border-bottom-color:rgba(255,255,255,.10)}
.brand-logo{width:42px;height:34px;object-fit:contain;border-radius:0;padding:0;background:transparent;box-shadow:none}
.brand-copy strong{color:#fff}.brand-copy span{color:#a9d6d7}
.nav-caption{color:#8fc1c7}.nav-menu a{color:#c7e0e2}.nav-icon{color:#a7d6d8}
.nav-menu a:hover{background:rgba(72,181,147,.10);color:#fff}
.nav-menu a.active{background:rgba(72,181,147,.16);color:#fff;box-shadow:inset 3px 0 var(--brand-mint)}
.nav-group summary{color:#d5e8e9}.nav-group summary:hover,.nav-group[open] summary{background:rgba(72,181,147,.08)}
.nav-group-items{border-left-color:rgba(158,217,205,.22)}.nav-group-items a{color:#bbd8da!important}.nav-group-items a:hover{background:rgba(72,181,147,.08)!important}
.avatar{background:#0b6786}.user-role,.logout-link{color:#a4c8cc}

.topbar h1{color:#263d44}.live-dot{background:var(--brand-mint)}
.hero{border-left-color:var(--brand-teal)}
.quick-action{background:#f0f8f6;border-color:#d7ebe6;color:var(--primary)}
.quick-action:hover{background:#e8f4f1;border-color:#c5e2db}
.stat-card.accent{border-left-color:var(--brand-teal)}.stat-card.success{border-left-color:var(--brand-mint)}

input:focus,select:focus,textarea:focus{border-color:var(--brand-teal);box-shadow:0 0 0 2px rgba(37,144,158,.14)}
.mini-link:hover{border-color:var(--brand-teal);background:#eef8f6}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2);border-color:var(--primary2)}

/* Login: superfície clara para preservar integralmente as cores da marca. */
.auth-shell{background:#f4f8f8}
.auth-visual{background:#f0f8f6;color:#24434a;border-right:1px solid #d9e8e5}
.auth-vozze-logo{width:min(350px,78%);max-height:270px;object-fit:contain;margin:0 auto 26px;border-radius:0;filter:none}
.auth-clock{color:var(--primary)}
.auth-visual h2{color:#24434a}.auth-visual p{color:#60787d}

/* Loading leve com o mesmo azul/teal/menta da identidade. */
.vozze-loading-overlay{background:rgba(31,58,67,.24)}
.vozze-loading-card{border-color:#dce9e7}
.vozze-loading-ring{background:conic-gradient(from 210deg,#e5edec 0deg 205deg,#0B6089 205deg 245deg,#25909E 245deg 275deg,#48B593 275deg 300deg,transparent 300deg 360deg)}
.vozze-loading-clock::before,.vozze-loading-clock::after{background:#05547C}

/* Pequenos tons de interface alinhados à marca. */
.rhid-grid tr:hover td{background:#f3f9f7}.topbar-meta{color:#708187}
.badge-entrada{background:#e9f5f5;color:#176f7d}.badge-facial{background:#e9f7f1;color:#21765f}

@media(max-width:900px){.auth-vozze-logo{width:min(300px,76%);margin-bottom:18px}}

/* V126 - Correção visual dos botões (contraste, estados e consistência) */
.btn,
a.btn,
button.btn,
input[type="submit"].btn,
.op-btn,
.keypad button,
.quick-copy,
.mini-copy {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-shadow: none;
}

.btn,
.btn *,
.op-btn,
.keypad button,
.quick-copy,
.mini-copy {
  -webkit-text-fill-color: currentColor;
}

.btn-primary,
button.btn-primary,
a.btn-primary {
  background: linear-gradient(135deg,var(--primary),#25909E) !important;
  color: #fff !important;
  border-color: transparent !important;
  -webkit-text-fill-color: #fff !important;
}
.btn-primary:hover:not(:disabled),
button.btn-primary:hover:not(:disabled),
a.btn-primary:hover {
  background: #095274 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.btn-secondary,
button.btn-secondary,
a.btn-secondary {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: #d7dee8 !important;
  -webkit-text-fill-color: var(--ink) !important;
}
.btn-secondary:hover:not(:disabled),
button.btn-secondary:hover:not(:disabled),
a.btn-secondary:hover {
  background: #f7fafc !important;
  color: var(--ink) !important;
  border-color: #c2cddd !important;
}

.btn-danger,
button.btn-danger,
a.btn-danger {
  background: #dc3545 !important;
  color: #fff !important;
  border-color: #dc3545 !important;
  -webkit-text-fill-color: #fff !important;
}
.btn-danger:hover:not(:disabled),
button.btn-danger:hover:not(:disabled),
a.btn-danger:hover {
  background: #bd2130 !important;
  color: #fff !important;
  border-color: #bd2130 !important;
  -webkit-text-fill-color: #fff !important;
}

.btn-success,
button.btn-success,
a.btn-success {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.btn:disabled,
button.btn:disabled,
input[type="submit"].btn:disabled,
.quick-copy:disabled,
.mini-copy:disabled {
  opacity: .58 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  filter: none !important;
}


/* ======================================================================
   V127 — Tipografia mais nítida e legível
   Prioriza Segoe UI Variable/Segoe UI nativas do Windows para evitar a
   aparência fina/serrilhada observada com Inter em textos pequenos.
   ====================================================================== */
:root{
  --font-ui:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;
}
html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-family:var(--font-ui)!important;
  font-size:14.5px;
  line-height:1.42;
  font-kerning:normal;
  font-optical-sizing:auto;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font-family:var(--font-ui)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important}

/* Navegação: mantém compacta, mas sem texto abaixo do limiar confortável. */
.brand-copy strong{font-family:var(--font-display)!important;font-size:.96rem;font-weight:700}
.brand-copy span{font-size:.72rem}
.nav-caption{font-size:.68rem;font-weight:650;letter-spacing:.09em}
.nav-menu a{font-size:.83rem;font-weight:550;line-height:1.28}
.nav-group summary{font-size:.82rem;font-weight:600;line-height:1.28}
.nav-group-items a{font-size:.77rem!important;line-height:1.3}
.user-name{font-size:.81rem;font-weight:600}
.user-role{font-size:.66rem}.logout-link{font-size:.76rem}

/* Cabeçalhos e textos auxiliares. */
.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.04em}
.topbar h1{font-size:1.42rem;font-weight:650;letter-spacing:-.012em}
.topbar-meta{font-size:.82rem}
.page-footer{font-size:.72rem}
.panel-header h2{font-size:1rem}.panel-header p,.panel-header .muted{font-size:.78rem;line-height:1.4}
.section-title{font-size:.76rem}.hero h2{font-size:1.03rem}.hero p{font-size:.82rem;line-height:1.42}
.quick-action{font-size:.78rem}

/* Dashboard e indicadores. */
.stat-value{font-family:var(--font-display)!important;font-size:1.58rem;font-weight:650}
.stat-label{font-size:.79rem;line-height:1.35}.stat-note{font-size:.72rem;line-height:1.35}
.device-mini h3{font-size:.84rem}.device-mini p,.device-meta{font-size:.72rem;line-height:1.38}
.metric-item{font-size:.79rem}.metric-item strong{font-family:var(--font-ui)!important;font-size:.82rem}

/* Tabelas: melhora significativa na leitura em 100% de zoom. */
table{font-size:.82rem;line-height:1.35}
thead th{font-size:.71rem;font-weight:650;letter-spacing:.015em;line-height:1.25}
tbody td{font-size:.81rem}
.table-title{font-weight:600}.table-sub{font-size:.71rem;line-height:1.35}
.badge{font-size:.68rem;line-height:1.25}

/* Formulários e botões. */
label{font-size:.76rem;line-height:1.3}
.field small,.muted{line-height:1.4}
input,select,textarea{font-size:.83rem;line-height:1.35}
.btn{font-size:.78rem;font-weight:600;line-height:1.2}
.btn-sm{font-size:.72rem}

/* Apuração e componentes densos. */
.rhid-tool{font-size:.75rem}
.rhid-grid{font-size:.74rem;line-height:1.25}
.rhid-grid th{font-size:.70rem}.rhid-grid td{font-size:.74rem}
.rhid-position{font-size:.70rem!important}
.dialog-head p,.dialog-summary{font-size:.76rem}.dialog-tabs button{font-size:.78rem}
.occurrence-chip,.occurrence-more{font-size:.68rem}
.occurrence-existing small{font-size:.72rem}
.mini-link{font-size:.71rem}
.expected-schedule-intro strong{font-size:.86rem}.expected-schedule-intro span{font-size:.77rem}
.expected-schedule-card-head h4{font-size:.92rem}.expected-schedule-card-head p{font-size:.76rem}
.restore-card>summary strong{font-size:.84rem}.restore-card>summary small{font-size:.73rem}
.daily-employee-button strong{font-size:12.5px}.daily-employee-button span{font-size:11px}
.holiday-note{font-size:10px}
.punch-range-count{font-size:.68rem}.more-punches-badge{font-size:.67rem}

/* Login e loading. */
.auth-clock{font-family:var(--font-display)!important}
.auth-visual h2{font-size:1.58rem}.auth-visual p{font-size:.86rem}
.auth-form h1{font-size:1.4rem}.auth-form .subtitle{font-size:.83rem}
.vozze-loading-copy strong{font-family:var(--font-ui)!important;font-size:.94rem}.vozze-loading-copy span{font-size:.75rem}

@media(max-width:560px){
  body{font-size:14px}
  .nav-menu a{font-size:.82rem}
  table{font-size:.80rem}
}

/* V128 - Apuração com filtros avançados recolhíveis */
.rhid-filter-quick{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(250px,.9fr);gap:14px;align-items:end}
.rhid-filter-employee{min-width:0}
.rhid-filter-quick-actions{display:flex;justify-content:flex-end;align-items:end}
.rhid-filter-searchbar{display:flex;gap:10px;align-items:end;justify-content:flex-end;width:100%}
.rhid-filter-searchbar .rhid-search{width:min(100%,295px)}
.rhid-advanced-trigger-row{display:flex;justify-content:flex-end;margin-top:12px}
.rhid-advanced-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.rhid-filter-bottom-advanced{margin-top:14px}

@media(max-width:980px){
  .rhid-filter-quick{grid-template-columns:1fr}
  .rhid-filter-quick-actions,.rhid-filter-searchbar,.rhid-advanced-trigger-row{justify-content:stretch}
  .rhid-filter-searchbar{flex-wrap:wrap}
  .rhid-filter-searchbar .rhid-search,.rhid-filter-searchbar .btn{width:100%}
}


/* V131 - botão de sair refinado */
.logout-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d7ebef;font-size:.78rem;font-weight:700;letter-spacing:.01em;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.logout-link:hover{background:rgba(255,255,255,.09);border-color:rgba(121,226,199,.32);color:#fff;transform:translateX(2px);box-shadow:0 10px 22px rgba(4,18,32,.18)}
.logout-copy{display:inline-flex;align-items:center;gap:10px;min-width:0}
.logout-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:rgba(121,226,199,.12);border:1px solid rgba(121,226,199,.22);color:#bff7e2;font-size:.9rem;font-weight:800;line-height:1}
.logout-arrow{color:#9fdad2;font-size:.82rem;transition:transform .18s ease,color .18s ease}
.logout-link:hover .logout-arrow{transform:translateX(2px);color:#fff}


/* V132 - Dashboard compacto, priorizando todo o conteúdo acima da dobra */
.dashboard-compact{display:block}
.dashboard-actions-grid{display:grid;gap:7px}

@media (min-width:1160px) and (min-height:700px){
  .dashboard-compact .dashboard-hero{padding:10px 15px;margin-bottom:8px;min-height:52px}
  .dashboard-compact .dashboard-hero h2{font-size:.94rem}
  .dashboard-compact .dashboard-hero p{margin-top:2px;font-size:.72rem;line-height:1.25}
  .dashboard-compact .quick-actions{gap:5px}
  .dashboard-compact .quick-action{padding:5px 9px;font-size:.7rem;min-height:28px;display:inline-flex;align-items:center}

  .dashboard-compact .stat-grid{gap:8px;margin-bottom:8px}
  .dashboard-compact .stat-card{padding:9px 13px;min-height:70px}
  .dashboard-compact .stat-value{font-size:1.32rem;line-height:1.05}
  .dashboard-compact .stat-label{font-size:.7rem;margin-top:2px}
  .dashboard-compact .stat-note{font-size:.62rem;margin-top:3px;line-height:1.15}

  .dashboard-compact .dashboard-grid{gap:10px;grid-template-columns:minmax(0,1.62fr) minmax(300px,.82fr)}
  .dashboard-compact .stack{gap:9px}
  .dashboard-compact .panel{padding:10px 12px;margin-bottom:0}
  .dashboard-compact .panel-header{margin-bottom:7px;gap:10px}
  .dashboard-compact .panel-header h2{font-size:.88rem}
  .dashboard-compact .panel-header p,.dashboard-compact .panel-header .muted{font-size:.66rem;margin-top:1px;line-height:1.2}
  .dashboard-compact .btn-sm{min-height:27px;padding:4px 8px;font-size:.67rem}

  .dashboard-compact .dashboard-latest-panel .table-wrap{border-radius:6px}
  .dashboard-compact .dashboard-latest-panel table{font-size:.7rem}
  .dashboard-compact .dashboard-latest-panel thead th{padding:5px 8px;font-size:.6rem}
  .dashboard-compact .dashboard-latest-panel tbody td{padding:5px 8px;line-height:1.08}
  .dashboard-compact .dashboard-latest-panel .table-title{font-size:.7rem}
  .dashboard-compact .dashboard-latest-panel .table-sub{font-size:.59rem;margin-top:1px;line-height:1.05}
  .dashboard-compact .dashboard-latest-panel .badge{font-size:.58rem;padding:2px 6px}

  .dashboard-compact .dashboard-devices-panel .device-cards{gap:6px}
  .dashboard-compact .dashboard-devices-panel .device-mini{padding:7px 9px}
  .dashboard-compact .dashboard-devices-panel .device-mini h3{font-size:.72rem;line-height:1.15}
  .dashboard-compact .dashboard-devices-panel .device-mini p{font-size:.61rem;margin-top:2px}
  .dashboard-compact .dashboard-devices-panel .device-meta{margin-top:5px;gap:8px;font-size:.59rem;line-height:1.15}

  .dashboard-compact .dashboard-pending-panel .metric-item{padding:6px 0;font-size:.68rem;line-height:1.15}
  .dashboard-compact .dashboard-pending-panel .metric-item strong{font-size:.7rem}
  .dashboard-compact .dashboard-actions-panel .panel-header{margin-bottom:6px}
  .dashboard-compact .dashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .dashboard-compact .dashboard-actions-grid .btn{min-height:29px;padding:5px 7px;font-size:.66rem;border-radius:7px;white-space:normal;line-height:1.1}
  .dashboard-compact .dashboard-actions-grid .btn:last-child:nth-child(odd){grid-column:1/-1}
}

@media (min-width:1500px) and (min-height:800px){
  body:has(.dashboard-compact) .topbar{min-height:58px;padding:9px 28px 8px}
  body:has(.dashboard-compact) .topbar h1{font-size:1.22rem}
  body:has(.dashboard-compact) .page-body{padding:14px 28px 18px}
  body:has(.dashboard-compact) .page-footer{padding:6px 18px 8px;font-size:.62rem}
}

/* ======================================================================
   V133 — Dashboard realmente responsivo
   Adapta densidade, colunas e ações à largura/altura disponível sem
   usar zoom/transform (mantém a tipografia nítida).
   ====================================================================== */
.dashboard-responsive{
  width:100%;
  max-width:100%;
  min-width:0;
}
.dashboard-responsive .dashboard-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.dashboard-responsive .hero-copy{min-width:0}
.dashboard-responsive .quick-actions{justify-content:flex-end}
.dashboard-responsive .stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.dashboard-responsive .dashboard-grid{
  grid-template-columns:minmax(0,1.62fr) minmax(280px,.82fr);
  align-items:start;
}
.dashboard-responsive .dashboard-grid>*{min-width:0}
.dashboard-responsive .device-cards{
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
}
.dashboard-responsive .dashboard-latest-panel .table-wrap{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.dashboard-responsive .dashboard-latest-panel table{min-width:660px}
.dashboard-responsive .dashboard-actions-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.dashboard-responsive .dashboard-actions-grid .btn{
  min-width:0;
  white-space:normal;
}

/* Notebook / desktop médio */
@media (max-width:1365px){
  body:has(.dashboard-responsive) .page-body{padding-left:20px;padding-right:20px}
  .dashboard-responsive .dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}
  .dashboard-responsive .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .dashboard-responsive .quick-action{text-align:center;justify-content:center}
  .dashboard-responsive .dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,.75fr)}
}

/* Tablet horizontal / janela reduzida: conteúdo principal em uma coluna,
   mas pendências e ações continuam lado a lado para economizar altura. */
@media (max-width:1150px){
  .dashboard-responsive .dashboard-hero{grid-template-columns:1fr;gap:10px}
  .dashboard-responsive .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}
  .dashboard-responsive .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-responsive .dashboard-grid{grid-template-columns:1fr}
  .dashboard-responsive .dashboard-side{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .dashboard-responsive .dashboard-side .panel{height:100%}
}

/* Tablet vertical */
@media (max-width:850px){
  body:has(.dashboard-responsive) .page-body{padding:12px 14px 22px}
  .dashboard-responsive .dashboard-hero{padding:12px 14px}
  .dashboard-responsive .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-responsive .dashboard-side{grid-template-columns:1fr}
  .dashboard-responsive .dashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-responsive .device-cards{grid-template-columns:1fr}
}

/* Celular */
@media (max-width:560px){
  body:has(.dashboard-responsive) .page-body{padding:10px 10px 18px}
  .dashboard-responsive .dashboard-hero{gap:9px;padding:11px 12px;margin-bottom:8px}
  .dashboard-responsive .dashboard-hero h2{font-size:.94rem}
  .dashboard-responsive .dashboard-hero p{font-size:.72rem;line-height:1.3}
  .dashboard-responsive .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .dashboard-responsive .quick-action{padding:7px 6px;font-size:.7rem}
  .dashboard-responsive .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .dashboard-responsive .stat-card{min-width:0;padding:10px}
  .dashboard-responsive .stat-value{font-size:1.25rem}
  .dashboard-responsive .stat-label{font-size:.69rem}
  .dashboard-responsive .stat-note{font-size:.61rem}
  .dashboard-responsive .panel{padding:11px}
  .dashboard-responsive .panel-header{align-items:flex-start;gap:8px}
  .dashboard-responsive .dashboard-actions-grid{grid-template-columns:1fr}
  .dashboard-responsive .dashboard-actions-grid .btn:last-child:nth-child(odd){grid-column:auto}
  .dashboard-responsive .dashboard-latest-panel table{min-width:610px}
}

/* Celulares estreitos */
@media (max-width:390px){
  .dashboard-responsive .stat-grid{grid-template-columns:1fr}
  .dashboard-responsive .quick-actions{grid-template-columns:1fr}
}

/* Telas desktop com pouca altura: reduz somente espaçamentos, sem reduzir
   o tamanho do texto a ponto de prejudicar a leitura. */
@media (min-width:1160px) and (max-height:820px){
  body:has(.dashboard-responsive) .topbar{min-height:54px;padding-top:7px;padding-bottom:7px}
  body:has(.dashboard-responsive) .page-body{padding-top:10px;padding-bottom:12px}
  .dashboard-responsive .dashboard-hero{min-height:48px;padding-top:8px;padding-bottom:8px;margin-bottom:7px}
  .dashboard-responsive .stat-grid{margin-bottom:7px}
  .dashboard-responsive .stat-card{min-height:64px;padding-top:8px;padding-bottom:8px}
  .dashboard-responsive .dashboard-grid{gap:8px}
  .dashboard-responsive .stack{gap:7px}
  .dashboard-responsive .panel{padding-top:8px;padding-bottom:8px}
  .dashboard-responsive .panel-header{margin-bottom:6px}
  .dashboard-responsive .dashboard-pending-panel .metric-item{padding:5px 0}
  .dashboard-responsive .dashboard-actions-grid{gap:5px}
  .dashboard-responsive .dashboard-actions-grid .btn{min-height:27px;padding-top:4px;padding-bottom:4px}
}


/* V137 - Control iD Push + Monitor */
#controlid-cloud-fields{padding:12px;border:1px solid rgba(37,144,158,.22);border-radius:10px;background:rgba(37,144,158,.045)}
.cloud-endpoint-preview{margin-top:9px;padding:9px 10px;border-radius:8px;background:rgba(5,84,124,.055);font-size:.72rem;line-height:1.55;word-break:break-all}


/* V139 - Diagnóstico Control iD Push + Monitor */
.controlid-diag-page{display:grid;gap:14px}
.controlid-diag-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px}
.controlid-diag-hero h2{margin:3px 0 4px;font-size:1.15rem}
.controlid-diag-hero p{margin:0;color:var(--muted);font-size:.78rem}
.controlid-diag-actions{display:flex;gap:8px;flex-wrap:wrap}
.controlid-diag-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.controlid-diag-card{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;min-height:66px}
.controlid-diag-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.controlid-diag-card strong{font-size:.79rem}
.controlid-diag-card span:not(.controlid-diag-dot){font-size:.7rem;color:var(--muted)}
.controlid-diag-dot{width:9px;height:9px;border-radius:50%;background:#9aa8b3;box-shadow:0 0 0 4px rgba(154,168,179,.11);flex:0 0 auto}
.controlid-diag-card.ok .controlid-diag-dot{background:#36a875;box-shadow:0 0 0 4px rgba(54,168,117,.12)}
.controlid-diag-card.warn .controlid-diag-dot{background:#d69931;box-shadow:0 0 0 4px rgba(214,153,49,.12)}
.controlid-diag-card.error .controlid-diag-dot{background:#dc5b65;box-shadow:0 0 0 4px rgba(220,91,101,.12)}
.controlid-diag-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}
.controlid-diag-kv{padding:0 16px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.controlid-diag-kv>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}
.controlid-diag-kv span{font-size:.71rem;color:var(--muted)}
.controlid-diag-kv strong{font-size:.73rem;text-align:right;word-break:break-word}
.controlid-diag-endpoints{padding:0 16px 15px;display:grid;gap:8px}
.controlid-diag-endpoints>div{display:grid;grid-template-columns:95px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border)}
.controlid-diag-endpoints span{font-size:.7rem;color:var(--muted)}
.controlid-diag-endpoints code,.controlid-diag-table code{font:600 .69rem ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;background:#f5f8f9;padding:3px 5px;border-radius:5px}
.diag-good{font-size:.66rem;color:#24845d}.diag-bad{font-size:.66rem;color:#b94b55}
.controlid-diag-table td,.controlid-diag-table th{font-size:.72rem}
.controlid-diag-alert{padding:10px 13px;border-radius:9px;font-size:.74rem;border:1px solid}
.controlid-diag-alert.error{background:#fff4f4;border-color:#f0caca;color:#a73943}
.controlid-diag-alert.warn{background:#fff9ed;border-color:#eed7a4;color:#8b631b}
.controlid-diag-help{padding-bottom:14px}
.controlid-diag-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 16px}
.controlid-diag-steps>div{display:flex;gap:10px;padding:10px;border:1px solid var(--border);border-radius:9px;background:#fbfcfc}
.controlid-diag-steps>b{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(37,144,158,.10);color:#176c79;font-size:.7rem}
.controlid-diag-steps span{display:flex;flex-direction:column;gap:2px}
.controlid-diag-steps strong{font-size:.73rem}.controlid-diag-steps small{font-size:.68rem;color:var(--muted);line-height:1.35}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
@media(max-width:1050px){
  .controlid-diag-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .controlid-diag-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .controlid-diag-hero{align-items:flex-start;flex-direction:column}
  .controlid-diag-cards{grid-template-columns:1fr}
  .controlid-diag-kv{grid-template-columns:1fr}
  .controlid-diag-steps{grid-template-columns:1fr}
  .controlid-diag-endpoints>div{grid-template-columns:1fr}
}


/* V145 - Vozze Bridge / Comunicadores */
.communicator-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:14px}
.communicator-hero h2{margin:3px 0 4px;font-size:1.15rem}
.communicator-hero p{margin:0;max-width:780px;color:var(--muted);font-size:.79rem;line-height:1.45}
.communicator-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);gap:14px;margin-bottom:14px}
.communicator-form{padding:0 16px 16px;display:grid;gap:11px}
.bridge-flow{padding:8px 16px 14px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px}
.bridge-flow>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fbfcfc;text-align:center;display:grid;gap:3px}
.bridge-flow strong{font-size:.76rem}.bridge-flow span{font-size:.68rem;color:var(--muted)}.bridge-flow>b{color:#25909E}
.bridge-install-steps{padding:0 16px 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.bridge-install-steps>div{display:flex;gap:9px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fbfcfc}
.bridge-install-steps>b{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(37,144,158,.11);color:#176c79;font-size:.7rem;flex:0 0 auto}
.bridge-install-steps span{display:grid;gap:2px}.bridge-install-steps strong{font-size:.72rem}.bridge-install-steps small{font-size:.67rem;color:var(--muted);line-height:1.35}
.communicator-settings{position:relative}.communicator-settings>summary{list-style:none;cursor:pointer}.communicator-settings>summary::-webkit-details-marker{display:none}
.communicator-settings[open]{z-index:10}.communicator-inline-form{position:absolute;right:0;top:36px;width:330px;background:#fff;border:1px solid var(--border);box-shadow:0 16px 42px rgba(12,35,50,.14);border-radius:10px;padding:12px;display:grid;gap:8px}
.communicator-inline-form+form{position:absolute;right:12px;top:180px}
#bridge-fields{padding:12px;border:1px solid rgba(37,144,158,.22);border-radius:10px;background:rgba(37,144,158,.045)}
@media(max-width:1000px){.communicator-layout{grid-template-columns:1fr}.bridge-install-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.communicator-hero{align-items:flex-start;flex-direction:column}.bridge-flow{grid-template-columns:1fr}.bridge-flow>b{transform:rotate(90deg)}.bridge-install-steps{grid-template-columns:1fr}.communicator-inline-form{position:fixed;left:12px;right:12px;top:18vh;width:auto}}

/* V154 — refinamento visual isolado para layouts de folha, AFD e envio para faciais */
.builder-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}
.builder-intro strong{display:block;font-size:.82rem;color:var(--ink);margin-bottom:3px}
.builder-intro span{display:block;font-size:.74rem;color:var(--muted);line-height:1.45}
.selection-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d8e4eb;border-radius:999px;background:#f7fbfd;color:#355264;white-space:nowrap}
.selection-pill strong{font-size:.92rem;color:var(--primary)}
.selection-pill span{font-size:.73rem;color:#5e7280}
.compact-pill{padding:6px 10px}
.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.builder-section{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}
.builder-section + .builder-section{margin-top:2px}
.builder-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.builder-section-head h3{margin:0;font-size:.9rem;font-weight:650;color:var(--ink)}
.builder-section-head p{margin:3px 0 0}
.builder-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.builder-extension-field{max-width:220px}
.payroll-layout-form .form-actions{margin-top:0}
.payroll-field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.payroll-field-card{align-items:flex-start;gap:10px;min-height:78px;padding:12px 13px;background:#fff}
.payroll-field-card input[type="checkbox"]{width:18px;height:18px;min-height:0;padding:0;margin-top:2px;flex:0 0 18px;accent-color:var(--primary)}
.payroll-field-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.payroll-field-copy strong{font-size:.8rem;color:var(--ink)}
.payroll-field-copy small{font-size:.69rem;color:var(--muted);line-height:1.4}
.payroll-field-card:has(input:checked){border-color:#8dc2cf;background:#f5fbfc}
.compact-panel-head{margin-bottom:10px}

.afd-note{margin-bottom:14px}
.device-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:10px;margin-bottom:8px}
.device-choice-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.device-choice-card input{margin-top:2px}
.device-choice-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.device-choice-main strong{font-size:.8rem;color:var(--ink)}
.device-choice-main small{font-size:.7rem;color:var(--muted);line-height:1.45}
.device-choice-card:has(input:checked){border-color:#8dc2cf;background:#f5fbfc}
.afd-builder-grid{margin-top:14px}
.validation-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.validation-card{padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#fff}
.validation-card strong{display:block;font-size:.8rem;margin-bottom:4px;color:var(--ink)}
.validation-card span{display:block;font-size:.72rem;color:var(--muted);line-height:1.45}

.facial-page .page-intro{margin-bottom:14px}
.facial-page .scope-cards{margin-top:8px}
.facial-page .scope-card,
.facial-page .device-select-card{padding:13px 14px;border-radius:8px}
.facial-page .scope-card input[type="radio"],
.facial-page .scope-card input[type="checkbox"]{margin-top:2px}
.facial-device-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.facial-device-card small{line-height:1.45}
.facial-device-card:has(input:checked){border-color:#8dc2cf;background:#f5fbfc}
.facial-employee-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:420px}
.facial-employee-card{align-items:flex-start;padding:12px}
.facial-employee-card .table-face{margin-top:1px}
.facial-employee-card .badge{align-self:flex-start}
.facial-employee-card:has(input:checked){border-color:#8dc2cf;background:#f5fbfc}
.facial-footer-panel{grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr) minmax(280px,1.25fr) auto;padding:16px}
.facial-replace-card{max-width:none;margin:0;height:100%}
.facial-replace-card span{justify-content:center;min-height:100%}

@media(max-width:1100px){
  .builder-section-grid,
  .validation-card-list,
  .facial-footer-panel{grid-template-columns:1fr 1fr}
  .facial-footer-panel > .btn{grid-column:1/-1}
}
@media(max-width:760px){
  .builder-intro,
  .builder-section-head,
  .builder-section-head-split{flex-direction:column;align-items:stretch}
  .builder-section-grid,
  .validation-card-list,
  .facial-footer-panel{grid-template-columns:1fr}
  .selection-pill{white-space:normal}
  .payroll-field-grid,
  .device-choice-grid,
  .facial-device-grid,
  .facial-employee-list{grid-template-columns:1fr}
}

/* V157 — Relatórios cadastrais */
.cadastral-report-intro{margin-bottom:14px}
.cadastral-report-form{padding:0;overflow:hidden}
.report-step{padding:16px 18px;border-bottom:1px solid var(--line)}
.report-step:last-of-type{border-bottom:0}
.report-step-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.report-step-head h3{margin:1px 0 2px;font-size:.9rem;font-weight:650}
.report-step-head p{margin:0;font-size:.72rem}
.report-step-number{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#eaf3f7;color:var(--primary);font-size:.72rem;font-weight:750}
.report-step-head-actions{justify-content:space-between;gap:16px}
.report-step-head-copy{display:flex;align-items:flex-start;gap:10px}
.report-type-field{max-width:420px}
.cadastral-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.cadastral-column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.cadastral-column-card{display:flex;align-items:center;gap:8px;margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer;min-height:40px}
.cadastral-column-card input{width:17px;height:17px;min-height:0;padding:0;margin:0;flex:0 0 17px;accent-color:var(--primary)}
.cadastral-column-card span{font-size:.74rem;color:#405165}
.cadastral-column-card:has(input:checked){border-color:#8dc2cf;background:#f5fbfc}
.cadastral-report-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:#f8fafc;border-top:1px solid var(--line)}
.cadastral-action-copy{display:flex;flex-direction:column;gap:2px}.cadastral-action-copy strong{font-size:.82rem}.cadastral-action-copy span{font-size:.7rem;color:var(--muted)}
.cadastral-action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.cadastral-preview-panel{margin-top:14px}.cadastral-preview-table{max-height:520px;overflow:auto}.cadastral-preview-table table{min-width:max-content}
@media(max-width:1050px){.cadastral-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cadastral-filter-grid{grid-template-columns:1fr}.cadastral-filter-grid .span-2{grid-column:1}.report-step-head-actions,.cadastral-report-actions{flex-direction:column;align-items:stretch}.cadastral-action-buttons{justify-content:flex-start}.cadastral-column-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.cadastral-column-grid{grid-template-columns:1fr}}

/* V158 — Ponto Mobile */
.mobile-geofence-form .input-suffix{max-width:320px}.mobile-employee-picker{max-height:220px}.mobile-employee-picker label{padding:7px 9px}