.att-page{color:var(--color-text)}
body:has(.att-backdrop){overflow:hidden}
.att-analysis-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.att-analysis-intro h2{font-size:20px;margin:8px 0}.att-analysis-intro p{font-size:12px;color:var(--color-text-secondary);line-height:1.7}.att-analysis-controls{display:flex;justify-content:space-between;gap:18px;margin:20px 0}.att-analysis-controls nav{display:flex;gap:5px}.att-analysis-controls button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:8px;padding:9px 16px;cursor:pointer}.att-analysis-controls button.active{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand)}.att-analysis-controls label{display:flex;align-items:center;gap:10px;font-size:11px}.att-analysis-controls select{width:190px}.att-analysis-basis{padding:20px 23px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:12px;font-size:11px;line-height:1.9;color:var(--color-text-secondary)}.att-analysis-basis strong{color:var(--color-text)}.att-analysis-basis a{margin-right:20px;color:var(--color-brand)}.att-badge.att-risk-exceeded{color:var(--color-danger);background:var(--color-danger-soft)}.att-badge.att-risk-warning,.att-badge.att-risk-limit,.att-badge.att-risk-extended{color:var(--color-warning);background:var(--color-warning-soft)}.att-badge.att-risk-within{color:var(--color-success);background:var(--color-success-soft)}.att-table td small.att-risk-note{color:var(--color-warning)}
@media(max-width:560px){.att-analysis-intro{align-items:flex-start;flex-direction:column}.att-analysis-controls{align-items:flex-start;flex-direction:column}.att-analysis-controls label{align-self:flex-end}.att-analysis-intro h2{font-size:18px}}
.att-today{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid var(--color-brand-border);border-radius:18px;background:var(--color-brand-soft)}
.att-today h2{font-size:23px;letter-spacing:-.6px;margin:12px 0 8px}.att-today p{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.7}
.att-punch{display:flex;align-items:center;gap:25px}.att-punch>div{display:grid;gap:9px}.att-punch span{display:flex;gap:15px;color:var(--color-text-secondary);font-size:12px}.att-punch b{color:var(--color-text);font-variant-numeric:tabular-nums}.att-punch .btn{min-height:48px;min-width:135px;justify-content:center}
.att-policy{display:flex;flex-wrap:wrap;gap:20px;padding:13px 2px;color:var(--color-text-secondary);font-size:11px}.att-policy span+span{border-left:1px solid var(--color-border);padding-left:20px}
.att-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 18px}.att-toolbar nav{display:flex;gap:5px;padding:4px;background:var(--color-surface-subtle);border-radius:11px}.att-toolbar nav button{border:0;background:transparent;color:var(--color-text-secondary);border-radius:8px;padding:10px 15px;font-size:12px;cursor:pointer}.att-toolbar nav button.active{background:var(--color-surface);color:var(--color-brand);box-shadow:0 1px 4px var(--color-shadow-alpha-8-0)}.att-toolbar nav b{margin-left:5px}.att-toolbar>label{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--color-text-secondary)}.att-toolbar input{width:160px}
.att-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.att-metric{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:21px;display:grid;gap:10px}.att-metric small{font-size:11px;color:var(--color-text-secondary)}.att-metric strong{font-size:19px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.att-metric span{font-size:10px;color:var(--color-text-muted)}
.att-panel{border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface);margin-bottom:22px;overflow:hidden}.att-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid var(--color-border)}.att-panel h2{font-size:15px;margin:0}.att-panel>header>span{font-size:11px;color:var(--color-text-muted)}
.att-table-wrap{overflow-x:auto}.att-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.att-table th{font-size:10px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-subtle);text-align:left;padding:13px 20px}.att-table td{padding:15px 20px;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.att-table tr:last-child td{border-bottom:0}.att-table td small{display:block;color:var(--color-text-muted);font-size:10px;margin-top:5px}.att-table td strong{font-weight:600}.att-table tr:hover{background:var(--color-surface-subtle)}.att-weekend td:first-child{color:var(--color-text-muted)}.att-overtime{color:var(--color-brand)}.att-row-actions .link+.link{margin-left:15px}.att-badge{display:inline-block;font-size:10px;padding:5px 8px;border-radius:6px;background:var(--color-surface-muted);color:var(--color-text-secondary)}.att-badge.pending{color:var(--color-warning);background:var(--color-warning-soft)}.att-badge.done,.att-badge.approved{color:var(--color-success);background:var(--color-success-soft)}.att-badge.rejected{color:var(--color-danger);background:var(--color-danger-soft)}
.att-footnote{font-size:10px;line-height:1.8;color:var(--color-text-muted);padding:15px 22px;margin:0;border-top:1px solid var(--color-border)}.att-empty{padding:35px;text-align:center;color:var(--color-text-muted);font-size:12px}
.att-requests{padding:0 23px}.att-request{padding:22px 0;border-bottom:1px solid var(--color-border)}.att-request:last-child{border:0}.att-request header{display:flex;justify-content:space-between;align-items:center;gap:15px}.att-request header strong{font-size:13px}.att-request header strong span{font-size:11px;font-weight:400;color:var(--color-text-secondary);margin-left:8px}.att-request header small{display:block;color:var(--color-text-muted);font-size:10px;margin-top:5px}.att-change{display:flex;align-items:center;gap:25px;margin:17px 0;padding:15px 18px;background:var(--color-surface-subtle);border-radius:9px}.att-change>span{color:var(--color-text-muted)}.att-change>div{display:grid;gap:6px}.att-change small{font-size:10px;color:var(--color-text-secondary)}.att-change strong{font-size:12px;font-variant-numeric:tabular-nums}.att-reason{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.att-review-note{font-size:11px;color:var(--color-text-secondary)}.att-decision{display:flex;align-items:end;gap:16px;margin-top:15px}.att-decision>label{flex:1;font-size:11px}.att-decision .actions{flex-shrink:0}
.att-backdrop{position:fixed;inset:0;z-index:240;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:24px}.att-dialog{width:540px;max-width:100%;max-height:85vh;overflow:auto;border:1px solid var(--color-border);border-radius:17px;background:var(--color-surface);padding:26px;box-shadow:0 15px 50px var(--color-shadow-alpha-20-0)}.att-dialog>header{display:flex;align-items:center;justify-content:space-between}.att-dialog h2{font-size:20px;margin:8px 0}.att-dialog>p{font-size:12px;line-height:1.7;color:var(--color-text-secondary)}.att-dialog form{display:grid;gap:17px;margin-top:23px}.att-dialog label{font-size:11px}.att-form-times{display:grid;grid-template-columns:1fr 1fr;gap:15px}.att-form-times input{min-width:0}.att-form-error{color:var(--color-danger);font-size:12px}.att-history article{padding:18px 0;border-bottom:1px solid var(--color-border)}.att-history small{display:block;color:var(--color-text-muted);font-size:10px;margin:9px 0}.att-history p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.att-page button:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}
@media(max-width:850px){.att-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.att-today{padding:24px;align-items:flex-start}.att-punch{align-items:stretch;flex-direction:column;gap:15px}.att-punch .btn{min-width:125px}.att-decision{align-items:stretch;flex-direction:column}}
@media(max-width:560px){.att-today{flex-direction:column;gap:22px}.att-today h2{font-size:21px}.att-punch{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.att-policy{gap:8px 12px;font-size:10px}.att-policy span+span{padding-left:12px}.att-toolbar{align-items:flex-start;flex-direction:column}.att-toolbar nav{width:100%}.att-toolbar nav button{flex:1;padding:10px 6px;font-size:11px}.att-toolbar>label{align-self:flex-end}.att-metric{padding:17px 14px}.att-metric strong{font-size:16px}.att-table td,.att-table th{padding:13px 14px}.att-request header{align-items:flex-start}.att-request header strong span{display:block;margin:6px 0}.att-change{gap:12px;padding:12px}.att-change strong{font-size:11px}.att-form-times{grid-template-columns:1fr}.att-dialog{padding:22px}.att-backdrop{padding:14px}}