.time-workspace{display:grid;gap:18px}.time-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:18px}.time-filters>div{flex:1 1 150px;min-width:0}.time-filters label{display:block;margin-bottom:7px;font-size:12px;font-weight:600}.time-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.time-metrics .card{padding:18px}.time-metrics small{display:block;color:var(--muted);margin-bottom:10px}.time-metrics strong{font-size:26px}.time-metrics strong span{font-size:14px}.time-metrics a{font-weight:600}.time-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;align-items:start}.time-register,.time-statistics{padding:20px;min-width:0}.time-explanation{font-size:12px;line-height:1.6;margin:10px 0 16px}.time-table-wrap{overflow:auto;max-height:500px}.time-table-wrap table{width:100%}.time-table-wrap th{position:sticky;top:0;background:var(--surface);z-index:1}.time-table-wrap th,.time-table-wrap td{padding:12px 8px;text-align:left;font-size:12px;border-bottom:1px solid var(--border)}.time-table-wrap td:first-child{min-width:180px;max-width:320px;overflow-wrap:anywhere}.time-table-wrap small,.ticket-time-entry small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}.time-review-button{padding:8px 12px;min-height:36px;font-size:12px}.time-state{font-size:12px;color:var(--muted);white-space:nowrap}.time-state.approved{color:var(--green)}.time-day{padding:14px 0;border-bottom:1px solid var(--border)}.time-day header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.time-day time{color:var(--muted);white-space:nowrap}.time-day>div{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:10px}.time-review-card{max-width:620px;margin:0 auto;padding:26px}.time-review-card h2{margin-bottom:12px;overflow-wrap:anywhere}.time-review-card p{line-height:1.6}.time-review-card label{display:block;font-weight:600;margin-bottom:7px}.time-review-card input,.time-review-card textarea{width:100%}.time-reported{padding:18px;margin:20px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised);display:flex;justify-content:space-between;gap:12px;align-items:center}.time-reported strong{font-size:23px}.ticket-time-entry+.ticket-time-entry{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.ticket-time-entry p{font-size:12px;margin:10px 0}
@media(max-width:1050px){.time-columns{grid-template-columns:1fr}}@media(max-width:650px){.time-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.time-filters{padding:14px}.time-filters>div{flex-basis:40%}.time-register,.time-statistics,.time-review-card{padding:16px}.time-metrics .card{padding:14px}.time-metrics strong{font-size:21px}}

.time-workspace .card{margin:0}.time-review-card{padding:22px}.time-filters{padding:16px}.time-metrics .card{padding:16px}

@media(max-width:650px){.time-table-wrap{max-height:none;overflow:visible}.time-table-wrap table,.time-table-wrap tbody,.time-table-wrap tr,.time-table-wrap td{display:block;width:100%;box-sizing:border-box}.time-table-wrap thead{display:none}.time-table-wrap tbody{display:grid;gap:12px}.time-table-wrap tr{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-raised)}.time-table-wrap td{border:0;padding:5px 2px;min-width:0!important;max-width:none!important}.time-table-wrap td:first-child{padding-bottom:10px;font-weight:600}.time-table-wrap td:nth-child(2):before{content:'День виконання: '}.time-table-wrap td:nth-child(3):before{content:'Час, хв: '}.time-table-wrap td:nth-child(4):before{content:'Погодження: '}.time-table-wrap td:before{font-size:11px;color:var(--muted);margin-right:6px}.time-table-wrap td.empty:before{content:none}.time-day header{flex-wrap:wrap}}

/* Time workspace: compact decisions and a vertical record of each workday. */
.time-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface);width:fit-content}
.time-tabs a{padding:11px 18px;border-radius:10px;color:var(--muted);font-weight:700}
.time-tabs a[aria-current=page]{color:var(--text);background:var(--accent-soft,var(--surface-raised));box-shadow:inset 0 0 0 1px var(--border)}
.time-filters{gap:12px;align-items:end}.time-filters>div{flex:1 1 135px}.time-filters .time-filter-actions{flex:0 0 auto;display:flex;gap:8px}
.time-filters input,.time-filters select{width:100%}.time-metrics strong{font-size:24px;line-height:1.4}.time-metrics strong+small{margin:6px 0 0;font-size:11px}
.time-scope{font-size:12px;line-height:1.6;margin:0}.time-scope a{margin-left:12px;font-weight:600}.time-register{padding:22px}
.time-table-wrap{max-height:none}.time-table-wrap td{vertical-align:middle}.time-table-wrap th{white-space:nowrap}
.time-table-wrap td:nth-child(3){white-space:nowrap}.time-table-wrap td:nth-child(4){min-width:280px}
.time-entry-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.time-entry-actions form{margin:0}
.time-entry-actions .time-review-button{font-size:12px;padding:8px 11px;min-height:36px;white-space:nowrap;margin:0}
.time-reject-button{color:var(--red)!important}.time-state.rejected{color:var(--red)}.time-state.approved{color:var(--green)}
.time-people-section{min-width:0}.time-people-section .section-heading{flex-wrap:wrap;gap:12px}
.time-people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px}
.time-person-summary{padding:18px;display:grid;gap:9px;color:var(--text);transition:transform .15s,box-shadow .15s}
.time-person-summary:hover{transform:translateY(-2px)}.time-person-summary>span,.time-person-summary>small{font-size:12px;color:var(--muted)}
.time-person-summary b{font-size:21px}.time-person-summary b small{font-size:11px;font-weight:500;color:var(--muted)}
.time-person-summary .time-person-link{color:var(--accent);font-weight:600}
.time-timeline{display:grid;gap:20px;padding-left:22px;border-left:2px solid var(--border);margin-left:9px}
.time-timeline-day{position:relative;padding:22px}.time-timeline-day:before{content:'';position:absolute;left:-31px;top:28px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--surface)}
.time-day-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:15px}
.time-day-heading time{font-size:22px;font-weight:750}.time-day-heading span{margin-left:12px;font-size:13px;color:var(--muted)}
.time-day-heading a{font-size:12px;font-weight:600}.time-day-totals{display:flex;gap:12px 24px;flex-wrap:wrap;padding:16px 0;font-size:12px}
.time-day-totals strong{font-size:16px}.time-person-day{padding:13px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.time-person-day a{font-weight:650}.time-person-day small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.time-person-values{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.time-day-records{border-top:1px solid var(--border)}
.time-day-records article{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--border)}
.time-day-records article>div{min-width:0}.time-day-records article>div:last-child{text-align:right;flex-shrink:0}
.time-day-records small,.time-day-records .time-state{display:block;font-size:11px;margin-top:6px;color:var(--muted)}
.time-day-records article a{font-weight:600;font-size:12px;overflow-wrap:anywhere}.time-day-records article p{font-size:12px;overflow-wrap:anywhere}
.time-day-records article>div:last-child>a{display:block;margin-top:9px}.time-empty{padding:28px}
.time-review-card h3{margin:20px 0 14px}.time-review-card .errorlist{color:var(--red)}.time-review-card .form-actions{gap:10px;justify-content:flex-end;flex-wrap:wrap}
.notification-footer{justify-content:flex-start;gap:10px 22px}.notification-footer .notification-actions{margin-left:0;flex-wrap:wrap}
@media(max-width:700px){
.time-tabs{width:100%;box-sizing:border-box}.time-tabs a{flex:1;text-align:center;font-size:12px;padding:10px 9px}
.time-filters .time-filter-actions{flex-basis:100%}.time-filter-actions>*{flex:1}
.time-metrics strong{font-size:19px}.time-register{padding:15px}.time-table-wrap td:nth-child(4){min-width:0}
.time-entry-actions{margin-top:8px}.time-entry-actions .time-review-button{font-size:11px}
.time-timeline{padding-left:13px;margin-left:6px}.time-timeline-day{padding:16px}.time-timeline-day:before{left:-22px;width:10px;height:10px}
.time-day-heading time{font-size:19px}.time-day-heading span{display:block;margin:5px 0 0}.time-day-totals{gap:10px;font-size:11px}.time-day-totals strong{font-size:14px}
.time-day-records article{flex-wrap:wrap}.time-day-records article>div:last-child{text-align:left;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.time-day-records article>div:last-child>a,.time-day-records .time-state{margin:0}
.notification-footer{align-items:center}.notification-footer .notification-actions{margin-left:0}.notification-meta time{margin-left:0}
}
.time-day-bar{display:flex;height:8px;overflow:hidden;border-radius:10px;background:var(--red-bg);margin-top:17px}.time-day-bar>span{display:block;flex-shrink:0}.time-day-bar .approved{background:var(--green)}.time-day-bar .pending{background:var(--deadline-orange,var(--accent))}
.time-review-modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.time-review-modes a{padding:9px 12px;border:1px solid var(--border);border-radius:9px;font-size:12px}.time-review-modes a[aria-current=page]{background:var(--surface-raised);font-weight:700;box-shadow:inset 0 0 0 1px var(--border)}

/* Seven dates, all people: spreadsheet-style overview. */
.time-week{padding:18px;min-width:0}.time-week-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.time-week-heading h2{font-size:18px;margin:0}.time-week-heading p{color:var(--muted);font-size:12px;margin:6px 0 0}.time-week-heading nav{display:flex;gap:7px;flex-wrap:wrap}.time-week-heading .button{min-height:34px;padding:7px 11px;font-size:11px}
.time-week-scroll{overflow:auto;max-width:100%;border:1px solid var(--border);border-radius:11px;max-height:65vh;isolation:isolate}
.time-week-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.time-week-table th,.time-week-table td{padding:9px 10px;text-align:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border);line-height:1.4;white-space:nowrap}
.time-week-table thead th{background:var(--surface-raised);font-weight:700;color:var(--text);position:sticky;z-index:2;top:0}
.time-week-table thead tr:nth-child(2) th{top:44px;font-size:11px;color:var(--muted)}
.time-week-table thead tr:first-child th{height:44px;box-sizing:border-box}
.time-week-table .time-week-person{min-width:118px;max-width:170px;padding:8px 11px;border-bottom:1px solid var(--border)}
.time-week-person a{display:block;overflow:hidden;text-overflow:ellipsis;max-width:165px;color:var(--text)}
.time-week-table .week-tasks{min-width:44px}.time-week-table .week-hours{min-width:64px;border-right-width:2px}
.time-week-table .time-week-date{position:sticky;left:0;z-index:1;min-width:78px;background:var(--surface);text-align:left;border-right-width:2px}
.time-week-table thead .time-week-date{z-index:3;background:var(--surface-raised)}
.time-week-date small{font-weight:400;color:var(--muted);margin-left:7px;font-size:10px}
.time-week-table tbody tr:nth-child(even)>*{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.time-week-table tbody .is-weekend>*{background:var(--surface-raised)}
.time-week-table tbody .is-today>.time-week-date{box-shadow:inset 3px 0 var(--accent)}
.time-week-table td a{display:inline-flex;gap:4px;align-items:center;justify-content:center;color:var(--text);font-weight:600}
.time-week-table td a:hover{color:var(--accent);text-decoration:underline}
.time-week-table .time-week-team{background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-weight:700}
.time-week-table tfoot th,.time-week-table tfoot td{background:var(--surface-raised);font-weight:750;border-bottom:0}
.time-week-pending{font-size:9px}.time-week-rejected{display:inline-grid;place-items:center;color:var(--red);font-size:10px;border:1px solid currentColor;border-radius:50%;width:12px;height:12px}
.time-week-empty{color:var(--muted);font-weight:400}
.time-week-legend{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@media(max-width:700px){.time-week{padding:12px}.time-week-heading nav{gap:5px}.time-week-heading .button{font-size:10px;padding:6px 9px}.time-week-table th,.time-week-table td{padding:8px}.time-week-table .time-week-date{min-width:66px}.time-week-date small{display:block;margin:2px 0 0}.time-week-scroll{max-height:70vh}.time-week-heading p{font-size:11px}}
.time-week-table tbody th{font-size:12px;font-weight:600}.time-week-table th,.time-week-table td{padding:6px 10px}.time-week-table .time-week-date small{display:inline;margin:0 0 0 6px;font-size:10px}.time-week-table thead tr:first-child th{height:35px}.time-week-table thead tr:nth-child(2) th{top:35px}.time-week-table tfoot th,.time-week-table tfoot td{padding-top:8px;padding-bottom:8px}
.time-week-table th,.time-week-table td{padding-left:8px;padding-right:8px}
/* Monthly totals stay visible while scrolling calendar dates. */
.time-week-table tfoot th,.time-week-table tfoot td{position:sticky;bottom:0;z-index:2;box-shadow:0 -1px 0 var(--border)}.time-week-table tfoot .time-week-date{z-index:3}

/* Application month picker uses Ukrainian labels regardless of browser locale. */
.uk-month{min-width:0}.uk-month-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;min-height:46px;font-size:13px;font-weight:600;padding:10px 13px}
.uk-month-trigger[hidden]{display:none}.uk-month-trigger .icon{flex-shrink:0;width:16px;height:16px}.uk-month-trigger[aria-expanded=true]{outline:2px solid var(--accent);outline-offset:2px}
.uk-month-popup{position:fixed;z-index:2000;padding:14px;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.uk-month-year{display:flex;align-items:center;gap:10px;margin-bottom:12px}.uk-month-year>button{width:34px;min-height:34px;padding:5px;flex-shrink:0}.uk-month-year>label{flex:1;min-width:0;font-size:11px;color:var(--muted)}
.uk-month-year input{width:100%;min-height:34px;padding:6px 8px;text-align:center;font-size:14px;color:var(--text)}
.uk-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.uk-month-grid button{min-height:38px;padding:7px 3px;font-size:11px;font-weight:600;box-shadow:none;border:1px solid transparent;background:var(--surface-raised);color:var(--text);transform:none}
.uk-month-grid button:hover{border-color:var(--accent);transform:none}.uk-month-grid button[aria-pressed=true]{background:var(--accent-soft,var(--surface-raised));border-color:var(--accent);color:var(--text)}
.uk-month-popup button:focus-visible,.uk-month-popup input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.uk-month-actions{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.uk-month-actions button{font-size:11px;padding:8px 10px;min-height:34px}

/* Batch time approval: review the complete employee set before an atomic decision. */
.time-bulk-review{max-width:960px;margin:0 auto;padding:22px;min-width:0}.time-bulk-review h2{font-size:22px;margin:6px 0 16px}.time-bulk-review p{font-size:12px;line-height:1.6}.time-bulk-review .section-heading{align-items:center;flex-wrap:wrap}
.time-bulk-scope{padding:11px 14px;border-radius:10px;background:var(--accent-soft,var(--surface-raised));border:1px solid var(--border)}
.time-bulk-totals{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin:18px 0}.time-bulk-totals>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px}.time-bulk-totals span,.time-bulk-totals small{font-size:11px;color:var(--muted)}.time-bulk-totals strong{font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}
.time-bulk-list{max-height:340px;overflow:auto;border:1px solid var(--border);border-radius:12px}.time-bulk-list table{width:100%;border-collapse:separate;border-spacing:0}.time-bulk-list th,.time-bulk-list td{text-align:left;padding:11px 13px;font-size:12px;border-bottom:1px solid var(--border);min-width:0;max-width:none;vertical-align:middle}.time-bulk-list th{position:sticky;top:0;background:var(--surface-raised);white-space:normal}.time-bulk-list td:first-child{width:55%;overflow-wrap:anywhere}.time-bulk-list td:last-child{white-space:nowrap}.time-bulk-list small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.time-bulk-list tr:last-child td{border-bottom:0}
.time-bulk-confirm{margin-top:18px}.time-bulk-checkbox{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border);border-radius:10px;font-size:13px;line-height:1.5;cursor:pointer}.time-bulk-checkbox input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:1px 0 0}.time-bulk-confirm .form-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.time-bulk-confirm .errorlist{font-size:12px;line-height:1.6;color:var(--red);padding:12px 12px 12px 30px;background:color-mix(in srgb,var(--red) 7%,var(--surface));border-radius:10px}
.time-bulk-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}.time-bulk-person{display:grid;gap:9px;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);color:var(--text)}.time-bulk-person>strong{font-size:15px}.time-bulk-person>span{font-size:12px;color:var(--muted)}.time-bulk-person>b{font-size:22px}.time-bulk-person .time-bulk-next{color:var(--accent)}
.time-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.time-toolbar .time-bulk-trigger{font-size:12px;min-height:42px;padding:9px 13px}
@media(max-width:650px){.time-bulk-review{padding:15px}.time-bulk-review h2{font-size:18px}.time-bulk-totals{grid-template-columns:1fr 1fr;gap:8px}.time-bulk-totals>div:last-child{grid-column:1/-1}.time-bulk-totals strong{font-size:21px}.time-bulk-list th,.time-bulk-list td{font-size:11px;padding:9px 8px}.time-bulk-list td:first-child{width:auto}.time-bulk-confirm .form-actions>*{width:100%;justify-content:center;text-align:center}.time-toolbar .time-bulk-trigger{flex-basis:100%}.time-bulk-checkbox{font-size:12px}}