.worktime-center{display:grid;gap:18px}.worktime-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:26px;border-radius:24px;background:#111;color:#fff}.worktime-hero h2{margin:7px 0 8px;font-size:clamp(25px,3vw,40px);line-height:1.05}.worktime-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.72)}.worktime-hero .caps{color:rgba(255,255,255,.62)}.worktime-tabs{display:flex;gap:6px;padding:6px;border:1px solid #e5e5e5;border-radius:16px;background:#fff;overflow:auto}.worktime-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;border:0;border-radius:11px;background:transparent;color:#666;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.worktime-tabs button.active{background:#111;color:#fff}.worktime-tabs b{min-width:20px;padding:2px 6px;border-radius:999px;background:#fff;color:#111;font-size:11px}.worktime-tab-content{min-width:0}.worktime-kpis{margin-bottom:18px}.worktime-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.worktime-explainer>div,.worktime-immediate-note,.worktime-approval-note{display:grid;gap:5px;padding:16px 18px;border-radius:16px}.worktime-explainer>div:first-child,.worktime-immediate-note{background:#111;color:#fff}.worktime-explainer>div:last-child,.worktime-approval-note{border:1px solid #dedede;background:#f8f8f8}.worktime-explainer span,.worktime-immediate-note span,.worktime-approval-note span{font-size:13px;line-height:1.5;opacity:.72}.worktime-card{padding:20px}.worktime-card .dashboard-card-head{align-items:flex-start}.worktime-people,.worktime-entry-list,.worktime-change-list{display:grid;gap:10px}.worktime-person,.worktime-entry,.worktime-change,.worktime-employee-approval{border:1px solid #e6e6e6;border-radius:18px;background:#fff}.worktime-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px}.worktime-person-main{min-width:0}.worktime-person-main strong{display:block}.worktime-person-main small{display:block;margin-top:3px;color:#777}.worktime-person-main p{margin:5px 0 0;font-size:13px;color:#555}.worktime-person-actions,.worktime-entry-actions,.worktime-change-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.worktime-filters{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:12px;margin:16px 0}.worktime-filters label,.aora-worktime-dialog label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#555}.worktime-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:15px;padding:15px}.worktime-entry>div:first-child{min-width:0}.worktime-entry strong,.worktime-entry small{display:block}.worktime-entry small{margin-top:4px;color:#666}.worktime-entry p{margin:5px 0 0;color:#777;font-size:12px}.worktime-entry>b{font-size:14px}.worktime-change-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.worktime-change{padding:15px}.worktime-change-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.worktime-change-head strong,.worktime-change-head small{display:block}.worktime-change-head small{margin-top:3px;color:#777}.worktime-change>p{margin:12px 0;color:#555;font-size:13px;line-height:1.5}.worktime-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.worktime-diff>div{padding:11px;border-radius:12px;background:#f5f5f5}.worktime-diff span,.worktime-diff strong{display:block}.worktime-diff span{margin-bottom:4px;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.worktime-diff strong{font-size:13px;line-height:1.4}.aora-worktime-dialog{width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.aora-worktime-dialog::backdrop{background:rgba(0,0,0,.5)}.aora-worktime-dialog form{display:grid;gap:16px;padding:22px}.aora-worktime-dialog textarea{min-height:100px;resize:vertical}.aora-worktime-dialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.worktime-employee-approvals{display:grid;gap:12px;margin-bottom:18px;padding:18px;border:2px solid #111;border-radius:20px;background:#fafafa}.worktime-employee-approvals-head h2{margin:5px 0}.worktime-employee-approvals-head p{margin:0;color:#666}.worktime-employee-approval{padding:15px}.worktime-employee-approval>div:first-child strong,.worktime-employee-approval>div:first-child small{display:block}.worktime-employee-approval>div:first-child small{margin-top:3px;color:#777}.worktime-employee-approval>p{margin:12px 0;color:#555}.worktime-center .docsign-hero,.worktime-center .aora-report-toolbar{margin-top:0}
@media(max-width:900px){.worktime-change-columns{grid-template-columns:1fr}.worktime-entry{grid-template-columns:minmax(0,1fr) auto}.worktime-entry>b{grid-column:2}.worktime-entry-actions{grid-column:1/-1;justify-content:stretch}.worktime-entry-actions .btn{flex:1}.worktime-person{grid-template-columns:auto minmax(0,1fr)}.worktime-person-actions{grid-column:1/-1;justify-content:stretch}.worktime-person-actions .btn{flex:1}}
@media(max-width:640px){.worktime-hero{display:grid;padding:21px;border-radius:20px}.worktime-hero .btn{width:100%}.worktime-tabs{margin-inline:-4px}.worktime-tabs button{padding-inline:13px}.worktime-explainer{grid-template-columns:1fr}.worktime-card{padding:15px}.worktime-card .dashboard-card-head{display:grid;gap:12px}.worktime-card .dashboard-card-head>.btn{width:100%}.worktime-filters{grid-template-columns:1fr}.worktime-person{grid-template-columns:auto minmax(0,1fr);padding:13px}.worktime-person-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.worktime-person-actions .btn:only-child{grid-column:1/-1}.worktime-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:13px}.worktime-entry>.status-chip{justify-self:end}.worktime-entry>b{grid-column:1/2}.worktime-entry-actions{grid-column:1/-1}.worktime-diff{grid-template-columns:1fr}.worktime-change-head{display:grid}.aora-worktime-dialog{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.aora-worktime-dialog form{padding:18px}.aora-worktime-dialog .form-grid{grid-template-columns:1fr}.aora-worktime-dialog .dialog-actions{display:grid;grid-template-columns:1fr}.worktime-employee-approvals{padding:14px;border-radius:17px}}