/* SynTime — Hora Extra / Banco v4: foco em leitura, decisão e consistência */
.app-frame.workspace-v3{
 --w-bg:#f2f5fa;--w-surface:#fff;--w-ink:#152339;--w-muted:#64748b;--w-border:#dce4ee;--w-soft:#f3f6fb;--w-accent:#245ddb;--w-accentSoft:#eaf1ff;
 font-size:13px;
}
.app-frame.workspace-v3 .workspace-sidebar{background:#102136;flex-basis:226px;width:226px}
.app-frame.workspace-v3 .workspace-top{min-height:72px}
.app-frame.workspace-v3 .workspace-main{max-width:1840px}
.app-frame.workspace-v3 .workspace-heading h1{font-size:28px}
.app-frame.workspace-v3 .workspace-heading p{font-size:12px}
.app-frame.workspace-v3 .side-link{font-size:12px}
.app-frame.workspace-v3 .ot-summary,.app-frame.workspace-v3 .ot-table-shell,.app-frame.workspace-v3 .ot-employee-header{
 border:1px solid var(--w-border);border-radius:18px;background:var(--w-surface);
 box-shadow:0 5px 20px #15264108;overflow:hidden;
}
.app-frame.workspace-v3 .ot-summary{margin-bottom:18px;padding:24px 25px 0}
.app-frame.workspace-v3 .ot-summary-header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}
.app-frame.workspace-v3 .ot-summary-header h2{font-size:22px;letter-spacing:-.75px;margin:6px 0 7px;font-weight:850;color:var(--w-ink)}
.app-frame.workspace-v3 .ot-summary-header p{font-size:12px;color:var(--w-muted);margin:0;line-height:1.65}
.app-frame.workspace-v3 .ot-eyebrow{font-size:10px;color:#356ed2;letter-spacing:1.55px;font-weight:850}
.app-frame.workspace-v3 .ot-summary-counter{border:1px solid var(--w-border);border-radius:999px;white-space:nowrap;padding:9px 13px;font-size:11px;font-weight:850;color:var(--w-muted);background:var(--w-soft)}
.app-frame.workspace-v3 .ot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:21px}
.app-frame.workspace-v3 .ot-metric{min-height:140px;background:var(--w-soft);border:1px solid var(--w-border);border-radius:13px;padding:17px 18px;transition:transform .15s}
.app-frame.workspace-v3 .ot-metric.featured{background:#e7f0ff;border-color:#c6d8ff}
.app-frame.workspace-v3 .ot-metric.good{background:#ecf9f2;border-color:#c9ebd9}
.app-frame.workspace-v3 .ot-metric.bad{background:#fff0f0;border-color:#f4d3d5}
.app-frame.workspace-v3 .ot-metric.premium{background:#eff2ff;border-color:#dce1ff}
.app-frame.workspace-v3 .ot-metric-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--w-muted);font-size:12px;font-weight:800}
.app-frame.workspace-v3 .ot-metric-icon{color:#50729b;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff9c}
.app-frame.workspace-v3 .ot-metric strong{display:block;color:var(--w-ink);font-size:29px;letter-spacing:-1.1px;line-height:1.18;margin:15px 0 9px;font-weight:850;font-variant-numeric:tabular-nums}
.app-frame.workspace-v3 .ot-metric.featured strong,.app-frame.workspace-v3 .ot-metric.premium strong{color:#194fa9}
.app-frame.workspace-v3 .ot-metric.good strong{color:#07845d}
.app-frame.workspace-v3 .ot-metric.bad strong{color:#b33942}
.app-frame.workspace-v3 .ot-metric small{font-size:10px;line-height:1.5;color:var(--w-muted)}
.app-frame.workspace-v3 .ot-summary-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--w-border);margin:0 -25px;padding:0 25px}
.app-frame.workspace-v3 .ot-summary-bottom>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 14px 20px 0}
.app-frame.workspace-v3 .ot-summary-bottom>div+div{border-left:1px solid var(--w-border);padding-left:26px}
.app-frame.workspace-v3 .ot-summary-bottom span{font-size:12px;font-weight:800;color:var(--w-muted)}
.app-frame.workspace-v3 .ot-summary-bottom strong{font-size:22px;color:var(--w-ink);font-weight:850;letter-spacing:-.7px}
.app-frame.workspace-v3 .ot-summary-bottom strong.good{color:#06825b}
.app-frame.workspace-v3 .ot-summary-bottom strong.bad{color:#c04750}
.app-frame.workspace-v3 .ot-summary-bottom small{font-size:10px;color:var(--w-muted);flex-basis:100%}
.app-frame.workspace-v3 .ot-attention{display:flex;gap:13px;align-items:center;padding:16px 19px;background:#fff9e9;border:1px solid #f0deb3;border-radius:13px;margin-bottom:20px}
.app-frame.workspace-v3 .ot-attention>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;background:#fff0c9;color:#a97217;border-radius:11px}
.app-frame.workspace-v3 .ot-attention>div{flex:1}
.app-frame.workspace-v3 .ot-attention strong{display:block;font-size:13px;color:#7b551c}
.app-frame.workspace-v3 .ot-attention p{font-size:11px;color:#947446;line-height:1.5;margin:5px 0 0}
.app-frame.workspace-v3 .ot-action-button{border:1px solid #ead1a4;background:#fff;color:#7b551c;border-radius:10px;font-weight:800;font-size:12px;display:flex;align-items:center;gap:7px;padding:11px 14px}
.app-frame.workspace-v3 .ot-action-button:hover{background:#fff5db}
.app-frame.workspace-v3 .ot-table-shell{margin-bottom:19px}
.app-frame.workspace-v3 .ot-table-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 23px 17px}
.app-frame.workspace-v3 .ot-table-title h2{font-size:17px;letter-spacing:-.4px;color:var(--w-ink);margin:0 0 7px}
.app-frame.workspace-v3 .ot-table-title p{font-size:11px;color:var(--w-muted);margin:0;line-height:1.6}
.app-frame.workspace-v3 .ot-edit-team{font-weight:750;font-size:11px;border:1px solid var(--w-border);border-radius:8px;padding:9px 11px;background:var(--w-soft);color:var(--w-muted)}
.app-frame.workspace-v3 .ot-filter-list{display:flex;gap:7px;flex-wrap:wrap;padding:0 22px 18px}
.app-frame.workspace-v3 .ot-filter-list button{padding:9px 12px;background:var(--w-soft);border:1px solid var(--w-border);border-radius:9px;color:var(--w-muted);font-size:11px;font-weight:800}
.app-frame.workspace-v3 .ot-filter-list button.active{color:#fff;background:#193658;border-color:#193658}
.app-frame.workspace-v3 .ot-table{width:100%;border-collapse:collapse;min-width:1030px}
.app-frame.workspace-v3 .ot-table th{text-align:left;padding:14px 14px;background:var(--w-soft);color:var(--w-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.25px;white-space:nowrap}
.app-frame.workspace-v3 .ot-table td{padding:16px 14px;border-top:1px solid var(--w-border);font-size:12px;color:var(--w-ink);vertical-align:middle}
.app-frame.workspace-v3 .ot-table tr:hover td{background:var(--w-soft)}
.app-frame.workspace-v3 .ot-table .ot-number{font-variant-numeric:tabular-nums;white-space:nowrap}
.app-frame.workspace-v3 .ot-table .ot-accent{color:#245dcc}
.app-frame.workspace-v3 .ot-table .ot-pay{color:#304cb2;background:#e9edff;padding:5px 8px;border-radius:8px;font-weight:850;white-space:nowrap}
.app-frame.workspace-v3 .ot-table .ot-debt{color:#b63e44}
.app-frame.workspace-v3 .ot-positive{color:#07865e!important}
.app-frame.workspace-v3 .ot-negative{color:#c63b4a!important}
.app-frame.workspace-v3 .ot-person{display:flex;gap:11px;align-items:center;min-width:155px}
.app-frame.workspace-v3 .ot-person strong{display:block;font-size:12px;color:var(--w-ink)}
.app-frame.workspace-v3 .ot-person small{display:block;margin-top:5px;font-size:10px;color:var(--w-muted)}
.app-frame.workspace-v3 .ot-inline-alert{display:inline-flex;padding:7px 9px;background:#fff2dc;border:0;border-radius:8px;color:#99681f;font-size:10px;font-weight:800;white-space:nowrap}
.app-frame.workspace-v3 .ot-ok{font-size:10px;color:#148357;white-space:nowrap;font-weight:800}
.app-frame.workspace-v3 .ot-muted{color:var(--w-muted);font-size:10px}
.app-frame.workspace-v3 .ot-open{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--w-border);border-radius:9px;background:var(--w-surface);color:#1f5cba;padding:10px 11px;font-weight:800;font-size:11px;white-space:nowrap}
.app-frame.workspace-v3 .ot-open:hover{background:var(--w-accentSoft)}
.app-frame.workspace-v3 .ot-table-foot{padding:16px 22px;border-top:1px solid var(--w-border);font-size:11px;line-height:1.7;color:var(--w-muted);background:var(--w-soft)}
.app-frame.workspace-v3 .ot-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:25px;background:var(--w-surface);border:1px solid var(--w-border);padding:16px 20px;border-radius:13px}
.app-frame.workspace-v3 .ot-quick-links>div{flex:1;min-width:170px}
.app-frame.workspace-v3 .ot-quick-links strong,.app-frame.workspace-v3 .ot-quick-links small{display:block}
.app-frame.workspace-v3 .ot-quick-links strong{font-size:13px}
.app-frame.workspace-v3 .ot-quick-links small{font-size:10px;color:var(--w-muted);margin-top:4px}
.app-frame.workspace-v3 .ot-quick-links button{display:flex;align-items:center;gap:8px;background:var(--w-soft);border:1px solid var(--w-border);border-radius:9px;color:var(--w-ink);font-weight:800;font-size:11px;padding:12px}
.app-frame.workspace-v3 .ot-employee-header{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.app-frame.workspace-v3 .ot-employee-ident{display:flex;align-items:center;gap:14px}
.app-frame.workspace-v3 .ot-large-avatar{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;background:var(--w-accentSoft);border-radius:16px;font-size:24px;color:#275fc5;font-weight:850}
.app-frame.workspace-v3 .ot-employee-ident h2{font-size:22px;color:var(--w-ink);letter-spacing:-.7px;margin:0 0 8px}
.app-frame.workspace-v3 .ot-employee-ident p{font-size:11px;color:var(--w-muted);margin:0;line-height:1.5}
.app-frame.workspace-v3 .ot-employee-select label{font-size:10px;font-weight:800;color:var(--w-muted)}
.app-frame.workspace-v3 .ot-employee-select select{display:block;max-width:300px;min-width:195px;border:1px solid var(--w-border);background:var(--w-surface);color:var(--w-ink);border-radius:9px;padding:12px 13px;font-size:12px;margin-top:7px}
.app-frame.workspace-v3 .ot-employee-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.app-frame.workspace-v3 .ot-fact{background:var(--w-surface);border:1px solid var(--w-border);padding:18px 19px;border-radius:13px}
.app-frame.workspace-v3 .ot-fact>span{font-weight:750;color:var(--w-muted);font-size:11px}
.app-frame.workspace-v3 .ot-fact strong{display:block;color:var(--w-ink);font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.9px;margin:12px 0 8px}
.app-frame.workspace-v3 .ot-fact small{font-size:10px;color:var(--w-muted);line-height:1.4}
.app-frame.workspace-v3 .ot-fact.overtime strong{color:#225ac0}
.app-frame.workspace-v3 .ot-fact.pay strong{color:#3a51b9}
.app-frame.workspace-v3 .ot-fact.positive strong{color:#0a8e5e}
.app-frame.workspace-v3 .ot-fact.negative strong,.app-frame.workspace-v3 .ot-fact.alert strong{color:#c54d48}
.app-frame.workspace-v3 .ot-explain{display:flex;gap:10px;padding:16px 18px;background:#edf4ff;border:1px solid #d5e5fc;border-radius:13px;color:#2c5ba2;margin-bottom:18px}
.app-frame.workspace-v3 .ot-explain p{font-size:11px;color:#47658a;line-height:1.75;margin:0}
.app-frame.workspace-v3 .ot-explain strong{color:#244d88}
.app-frame.workspace-v3 .ot-daily-table{min-width:1260px}
.app-frame.workspace-v3 .ot-punches{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:210px}
.app-frame.workspace-v3 .ot-punches span{font-weight:850;border:1px solid var(--w-border);padding:5px 6px;color:var(--w-ink);border-radius:7px;background:var(--w-soft);font-size:10px;font-variant-numeric:tabular-nums}
.app-frame.workspace-v3 .ot-row-note{display:block;font-size:10px;line-height:1.55;color:var(--w-muted);margin-top:7px;max-width:205px}
.app-frame.workspace-v3 .ot-type{font-size:10px;color:var(--w-muted);font-weight:700;white-space:nowrap}
.app-frame.workspace-v3 .ot-type.ot-type-bank{color:#16764f}
.app-frame.workspace-v3 .ot-type.ot-type-pay{color:#3155b6}
.app-frame.workspace-v3 .ot-status{display:block;font-size:10px;font-weight:800;line-height:1.4;color:var(--w-muted);min-width:100px}
.app-frame.workspace-v3 .ot-status.done{color:#138258}
.app-frame.workspace-v3 .ot-status.review{color:#ac741b}
.app-frame.workspace-v3 .ot-row-actions{min-width:128px}
.app-frame.workspace-v3 .ot-row-actions button{display:block;width:100%;margin-bottom:5px}
.app-frame.workspace-v3 .ot-small-primary,.app-frame.workspace-v3 .ot-small-secondary{border:1px solid var(--w-border);border-radius:8px;padding:8px 9px;text-align:center;font-size:10px;font-weight:850;white-space:nowrap;background:var(--w-surface);color:var(--w-ink)}
.app-frame.workspace-v3 .ot-small-primary{background:#e9f0ff;border-color:#cbdcf8;color:#2056a7}
.app-frame.workspace-v3 .ot-small-secondary:hover,.app-frame.workspace-v3 .ot-small-primary:hover{background:var(--w-accentSoft)}
.app-frame.workspace-v3 .ot-dialog{max-width:560px}
.app-frame.workspace-v3 .ot-modal-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 18px;background:var(--w-soft);margin-bottom:19px;border-radius:11px}
.app-frame.workspace-v3 .ot-modal-details span{font-size:11px;color:var(--w-muted)}
.app-frame.workspace-v3 .ot-modal-details b{display:block;font-size:17px;color:var(--w-ink);margin-top:4px}
.app-frame.workspace-v3 .ot-radio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:19px}
.app-frame.workspace-v3 .ot-radio{display:flex;align-items:start;gap:9px;border:1px solid var(--w-border);border-radius:10px;padding:13px 11px;cursor:pointer;background:var(--w-surface)}
.app-frame.workspace-v3 .ot-radio:has(input:checked){border-color:#5890ea;background:var(--w-accentSoft)}
.app-frame.workspace-v3 .ot-radio input{margin-top:3px;accent-color:#2968d8}
.app-frame.workspace-v3 .ot-radio strong,.app-frame.workspace-v3 .ot-radio small{display:block}
.app-frame.workspace-v3 .ot-radio strong{font-size:12px;color:var(--w-ink)}
.app-frame.workspace-v3 .ot-radio small{font-size:10px;color:var(--w-muted);line-height:1.5;margin-top:5px}
.app-frame.workspace-v3 .ot-reason{display:block;font-weight:750;color:var(--w-ink);font-size:12px}
.app-frame.workspace-v3 .ot-reason textarea{display:block;margin-top:8px;min-height:80px;width:100%;background:var(--w-surface);border:1px solid var(--w-border);padding:11px;border-radius:9px;font-size:12px;color:var(--w-ink);resize:vertical}
.app-frame.workspace-v3 .ot-modal-notice{font-size:11px;line-height:1.6;color:var(--w-muted);margin:13px 0 16px;padding:12px 14px;background:var(--w-soft);border-radius:9px}
.app-frame.workspace-v3.dark-mode .ot-summary,.app-frame.workspace-v3.dark-mode .ot-table-shell,.app-frame.workspace-v3.dark-mode .ot-metric,.app-frame.workspace-v3.dark-mode .ot-fact,.app-frame.workspace-v3.dark-mode .ot-employee-header{box-shadow:none}
.app-frame.workspace-v3.dark-mode .ot-metric.featured,.app-frame.workspace-v3.dark-mode .ot-metric.premium{background:#21375a;border-color:#325682}
.app-frame.workspace-v3.dark-mode .ot-metric.good{background:#173e32;border-color:#285e4a}
.app-frame.workspace-v3.dark-mode .ot-metric.bad{background:#462831;border-color:#69404a}
.app-frame.workspace-v3.dark-mode .ot-metric strong,.app-frame.workspace-v3.dark-mode .ot-metric.featured strong{color:var(--w-ink)}
.app-frame.workspace-v3.dark-mode .ot-metric.good strong{color:#7bd4ad}
.app-frame.workspace-v3.dark-mode .ot-metric.bad strong{color:#f2a5a6}
.app-frame.workspace-v3.dark-mode .ot-metric-icon{background:#1c304b}
.app-frame.workspace-v3.dark-mode .ot-attention{background:#382d1c;border-color:#66522d}
.app-frame.workspace-v3.dark-mode .ot-attention strong{color:#f0d6a8}
.app-frame.workspace-v3.dark-mode .ot-attention p{color:#bea77c}
.app-frame.workspace-v3.dark-mode .ot-attention>span{background:#4d3b1f}
.app-frame.workspace-v3.dark-mode .ot-action-button{background:#24344d;color:#e9d1a4;border-color:#5c4c30}
.app-frame.workspace-v3.dark-mode .ot-filter-list button.active{background:#3b6bba;color:#fff;border-color:#3b6bba}
.app-frame.workspace-v3.dark-mode .ot-explain{background:#1b3653;border-color:#31567a;color:#aaccff}
.app-frame.workspace-v3.dark-mode .ot-explain p{color:#acc4e0}
.app-frame.workspace-v3.dark-mode .ot-explain strong{color:#d0e3ff}
.app-frame.workspace-v3.dark-mode .ot-type.ot-type-pay{color:#a4b7ff}
.app-frame.workspace-v3.dark-mode .ot-type.ot-type-bank{color:#8de4b9}
.app-frame.workspace-v3.dark-mode .ot-status.done{color:#7fe0b2}
.app-frame.workspace-v3.dark-mode .ot-status.review{color:#f0c37e}
.app-frame.workspace-v3.dark-mode .ot-small-primary{background:#223f6b;color:#d1e5ff;border-color:#3c659c}
.app-frame.workspace-v3.dark-mode .ot-table .ot-pay{background:#273b64;color:#bfc9ff}
.app-frame.workspace-v3.dark-mode .ot-radio:has(input:checked){background:#1f3c63}
@media(max-width:1360px){
 .app-frame.workspace-v3 .ot-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .app-frame.workspace-v3 .ot-employee-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1000px){
 .app-frame.workspace-v3 .ot-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-frame.workspace-v3 .ot-employee-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-frame.workspace-v3 .ot-summary{padding:18px 15px 0}
 .app-frame.workspace-v3 .ot-summary-bottom{margin:0 -15px;padding:0 15px}
}
@media(max-width:640px){
 .app-frame.workspace-v3 .ot-summary-header{display:block;margin-bottom:16px}
 .app-frame.workspace-v3 .ot-summary-header h2{font-size:20px}
 .app-frame.workspace-v3 .ot-summary-counter{display:inline-block;margin-top:14px}
 .app-frame.workspace-v3 .ot-metrics{gap:8px}
 .app-frame.workspace-v3 .ot-metric{padding:13px 11px;min-height:134px}
 .app-frame.workspace-v3 .ot-metric-heading{font-size:10px}
 .app-frame.workspace-v3 .ot-metric strong{font-size:24px}
 .app-frame.workspace-v3 .ot-summary-bottom{grid-template-columns:1fr}
 .app-frame.workspace-v3 .ot-summary-bottom>div+div{border-left:0;border-top:1px solid var(--w-border);padding-left:0}
 .app-frame.workspace-v3 .ot-attention{flex-wrap:wrap}
 .app-frame.workspace-v3 .ot-action-button{width:100%;justify-content:center}
 .app-frame.workspace-v3 .ot-table-title{display:block;padding:18px 13px}
 .app-frame.workspace-v3 .ot-table-title h2{font-size:16px}
 .app-frame.workspace-v3 .ot-filter-list{padding:0 10px 13px}
 .app-frame.workspace-v3 .ot-filter-list button{font-size:10px;padding:8px}
 .app-frame.workspace-v3 .ot-table th,.app-frame.workspace-v3 .ot-table td{padding:11px 10px}
 .app-frame.workspace-v3 .ot-employee-header{display:block;padding:15px}
 .app-frame.workspace-v3 .ot-employee-select{margin-top:18px}
 .app-frame.workspace-v3 .ot-employee-select select{max-width:none;width:100%}
 .app-frame.workspace-v3 .ot-employee-facts{gap:8px}
 .app-frame.workspace-v3 .ot-fact{padding:14px 11px}
 .app-frame.workspace-v3 .ot-fact strong{font-size:21px}
 .app-frame.workspace-v3 .ot-quick-links button{flex:1;justify-content:center}
 .app-frame.workspace-v3 .ot-radio-list{grid-template-columns:1fr}
 .app-frame.workspace-v3 .ot-modal-details{grid-template-columns:1fr;gap:6px}
 .app-frame.workspace-v3 .ot-modal-details span{display:flex;gap:7px}
 .app-frame.workspace-v3 .ot-modal-details b{display:inline;margin:0}
}
@media print{
 .app-frame.workspace-v3 .ot-attention,.app-frame.workspace-v3 .ot-quick-links,.app-frame.workspace-v3 .ot-filter-list,.app-frame.workspace-v3 .ot-row-actions{display:none!important}
 .app-frame.workspace-v3 .ot-table{min-width:0}
 .app-frame.workspace-v3 .ot-metrics{grid-template-columns:repeat(3,1fr)}
 .app-frame.workspace-v3 .ot-employee-facts{grid-template-columns:repeat(4,1fr)}
}