:root{
  --bg:#f4f6f8;--panel:#fff;--ink:#172033;--muted:#667085;--line:#d8dee8;--line2:#edf0f4;--grid-line:#c4ccd7;--row-line:#98a4b3;
  --brand:#b91c1c;--brand2:#111827;--danger:#b42318;--warn:#b54708;--shadow:0 18px 50px rgba(16,24,40,.14);
  --namew:240px;--cell:25px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)
}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg)}body{font-size:14px}.hidden{display:none!important}
button,input,select,textarea{font:inherit}button{cursor:pointer}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;border-radius:9px;font-weight:700;transition:.15s}.btn:hover{border-color:#98a2b3;background:#f9fafb}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{border-color:#fda29b;color:var(--danger);background:#fff}.btn.small{padding:5px 8px;font-size:12px}.btn.wide{width:100%}.icon-btn{width:34px;height:34px;border:0;border-radius:9px;background:#fff;font-size:22px;color:var(--brand2)}
label{display:grid;gap:6px;color:#344054;font-weight:700;font-size:12px}input,select,textarea{width:100%;border:1px solid #cfd6e1;border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.12)}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.muted{color:var(--muted)}.error{min-height:18px;color:var(--danger);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);font-weight:800}
.login-wrap{min-height:100%;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top right,#fee2e2,transparent 35%),var(--bg)}.login-card{width:min(460px,100%);background:#fff;padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);text-align:center}.login-logo{max-width:260px;max-height:90px;object-fit:contain;margin-bottom:16px}.login-card h1{margin:0 0 6px;font-size:24px}.login-card form,.bootstrap{display:grid;gap:14px;text-align:left;margin-top:24px}.bootstrap{border-top:1px solid var(--line);padding-top:20px}.bootstrap h2{margin:0;font-size:16px}.bootstrap p{margin:0;color:var(--muted);line-height:1.5}
.app-shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);min-height:68px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand img{width:112px;height:40px;object-fit:contain}.brand div{display:grid}.brand strong{font-size:14px}.brand span{font-size:11px;color:var(--muted)}.period-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.period-nav span{font-weight:800;min-width:180px;text-align:center}.chips{display:flex;gap:3px;background:#f2f4f7;padding:4px;border-radius:11px;flex-wrap:wrap}.chips button,.tabs button{border:0;background:transparent;padding:7px 10px;border-radius:8px;color:#475467;font-weight:700;font-size:12px}.chips button.on,.tabs button.on{background:var(--brand2);color:#fff}.top-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.userchip{border:1px solid var(--line);padding:7px 10px;border-radius:10px;background:#f9fafb;font-size:12px}.userchip b{color:var(--brand);margin-left:4px}
.legend{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#fff;border-bottom:1px solid var(--line2);font-size:11px;color:var(--muted);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.swatch{width:12px;height:12px;border-radius:3px;border:1px solid #d0d5dd}.swatch.weekend{background:#f2f4f7}.swatch.holiday{background:#fff1f3}.swatch.today{background:#fef0c7;border-color:#f79009}.swatch.approved{background:linear-gradient(135deg,#2563eb 0 33%,#0f766e 33% 66%,#c2410c 66%)}.swatch.enjoyed{display:inline-grid!important;place-items:center;background:#64748b;color:#fff;font-size:8px;font-weight:950}.swatch.exception{background:#fff;border:2px solid #7c3aed}.read-hint{margin-left:auto;font-weight:700;color:#475467}.selection-hint{padding:8px 16px;background:#fffaeb;border-bottom:1px solid #fedf89;display:flex;align-items:center;justify-content:center;gap:14px;color:#7a2e0e;font-weight:700}
.calendar-wrap{flex:1;overflow:auto;position:relative;background:#fff;scrollbar-gutter:stable both-edges}.calendar-wrap table{border-collapse:separate;border-spacing:0;table-layout:fixed}.employee-col{width:var(--namew)}.calendar-wrap th,.calendar-wrap td{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.calendar-wrap tbody th,.calendar-wrap tbody td{border-bottom:1px solid var(--row-line)}.calendar-wrap thead th{position:sticky;top:0;z-index:4;background:#fff;border-color:var(--row-line)}.calendar-wrap thead tr.months th{height:31px;text-align:center;color:#344054;text-transform:uppercase;letter-spacing:.05em;font-size:10px;border-top:1px solid var(--row-line);border-bottom:1px solid var(--row-line)}.calendar-wrap thead tr.days th{top:31px;height:38px;text-align:center;font-size:10px;padding:1px;overflow:hidden;border-bottom:1px solid var(--row-line)}.calendar-wrap thead tr.days th span,.calendar-wrap thead tr.days th small{display:block;line-height:1.05}.calendar-wrap thead tr.days th small{font-size:7px;color:#667085}.sticky{position:sticky!important;left:0;z-index:6!important;background:#fff!important}.name-head{width:var(--namew);min-width:var(--namew);text-align:center!important;padding:0 8px!important;text-transform:uppercase;letter-spacing:.08em;font-size:10px!important;font-weight:900;border-top:1px solid var(--row-line)!important;border-right:1px solid var(--row-line)!important;border-bottom:1px solid var(--row-line)!important}.emp-cell{width:var(--namew);min-width:var(--namew);height:36px;padding:5px 7px;text-align:left;white-space:nowrap;box-shadow:2px 0 4px rgba(16,24,40,.10);border-right:1px solid var(--row-line)!important}.employee-label{display:flex;align-items:center;gap:4px;max-width:100%;min-width:0;vertical-align:middle}.emp-name{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin:0 1px;font-size:11px;font-weight:700}.day-cell{height:36px;background:#fff;position:relative;overflow:hidden}.weekend{background:#f7f8fa!important}.holiday{background:#fff3f4!important}.today{box-shadow:inset 2px 0 #f79009,inset -2px 0 #f79009}.day-cell:hover{background:#eef2f6}.day-cell.selecting{background:#fde2e2!important}.day-cell.vac{background-color:var(--vac-bg)!important;background-image:none!important;border-right-color:var(--vac-border)!important;border-bottom-color:var(--vac-border)!important;box-shadow:inset 0 0 0 1px var(--vac-border)!important;opacity:1!important}.day-cell.vac:hover{background-color:var(--vac-bg)!important}.day-cell.vac-excecao{outline:2px solid #7c3aed;outline-offset:-2px}.day-cell.vac-pendente_excecao{outline:2px dashed #f59e0b;outline-offset:-2px}.day-cell.vac-gozada::after{content:"X";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:950;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.65);pointer-events:none}.dense-grid thead tr.days th small{display:none}.dense-grid thead tr.days th{height:28px;top:31px;font-size:8px}.dense-grid .day-cell,.dense-grid .emp-cell{height:32px}.all-period .emp-cell,.all-period .day-cell{height:30px}.badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;padding:3px 5px;border:1px solid #475569;border-radius:5px;background:#475569;color:#fff;font-size:9px;font-weight:950;letter-spacing:.04em;vertical-align:middle;box-shadow:0 0 0 1px rgba(15,23,42,.12)}.sector-badge{border-radius:4px}.category-badge{border-radius:999px}.admin-badge{background:#111827!important;border-color:#111827!important;color:#fff!important}.status-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-left:2px}.status-dot.afastado{background:#f79009}.empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted)}
.overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;padding:22px;z-index:50}.overlay.on{display:flex}.modal{width:min(600px,100%);max-height:92vh;background:#fff;border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:min(1040px,100%)}.settings-modal{width:min(1180px,100%);height:min(850px,94vh)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:17px}.close{border:0;background:transparent;font-size:26px;color:#667085}.modal-body{padding:20px;overflow:auto;display:grid;gap:14px}.modal footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.two-col{grid-template-columns:1fr 1fr}.callout{padding:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#7c2d12}.callout ul{margin:8px 0 0;padding-left:20px}.detail-grid{display:grid;grid-template-columns:150px 1fr;gap:9px 14px}.detail-grid span{color:var(--muted)}.rule{padding:12px;border:1px solid var(--line);border-radius:10px;display:grid;gap:5px}.rule.off{opacity:.55}.rule small{color:var(--muted)}
.report-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.report-controls label{min-width:150px}.table-scroll{overflow:auto;max-height:58vh}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{border:1px solid var(--line);padding:7px;text-align:left;white-space:nowrap}.data-table th{background:#f2f4f7;position:sticky;top:0}
.tabs{display:flex;gap:3px;padding:8px 12px;border-bottom:1px solid var(--line);background:#f9fafb}.settings-body{padding:0;display:block;overflow:auto}.setting-pane{padding:18px;display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f9fafb}.form-actions{display:flex;gap:8px;align-items:end}.catalog-form{display:grid;grid-template-columns:100px 2fr 100px 100px auto auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f9fafb}.admin-list{display:grid;gap:7px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.admin-row.off{opacity:.58;background:#f9fafb}.admin-row>div:first-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-row>div:last-child{display:flex;gap:5px;flex-wrap:wrap}.admin-row small{display:block;width:100%;color:var(--muted);font-size:10px;margin-top:2px}
.toasts{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:100}.toast{min-width:250px;max-width:420px;padding:12px 14px;border-radius:10px;background:#101828;color:#fff;box-shadow:var(--shadow);font-weight:700}.toast.err{background:#b42318}.toast.warn{background:#b54708}
code{display:block;padding:12px;border-radius:8px;background:#111827;color:#fff;word-break:break-all;font-size:13px}
@media(max-width:1100px){:root{--namew:220px}.topbar{gap:8px}.brand div{display:none}.top-actions{width:100%;justify-content:flex-end}.period-nav{margin-left:auto}.form-grid{grid-template-columns:1fr 1fr}.catalog-form{grid-template-columns:1fr 2fr 90px 90px}.catalog-form button{width:100%}}
@media(max-width:720px){:root{--namew:190px;--cell:22px}.topbar{position:relative}.brand img{width:90px}.period-nav{order:2;margin:0}.chips{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.top-actions{order:4;justify-content:flex-start}.legend{gap:8px}.read-hint{width:100%;margin:0}.two-col,.form-grid,.catalog-form{grid-template-columns:1fr}.modal{max-height:96vh}.settings-modal{height:96vh}.tabs{overflow:auto}.emp-name{max-width:none}.admin-row{align-items:flex-start;flex-direction:column}}
