.attendance-workspace[hidden]{display:none}main[data-view="attendance"]>.workspace-columns{display:none}.attendance-workspace{color:#294e3e;font-size:13px;min-width:0}.aw-head,.aw-actions,.aw-tabs,.aw-filters,.aw-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.aw-head,.aw-inline{justify-content:space-between}.aw-head{margin-bottom:18px}.aw-head h1{font-size:25px;margin:7px 0}.aw-head p,.aw-hint{color:#748674;line-height:1.8}.aw-head>div>span{font-size:10px;letter-spacing:2px}.attendance-workspace button,.attendance-workspace input,.attendance-workspace select,.attendance-workspace textarea{font:inherit;border:1px solid #dce5dc;border-radius:7px;padding:9px 11px;color:inherit;background:#fafcf7}.attendance-workspace button{cursor:pointer}.attendance-workspace button:disabled{opacity:.5;cursor:wait}.attendance-workspace .aw-primary,.aw-tabs .active{background:#355e50;color:white}.aw-tabs{margin:16px 0}.aw-filters{padding:14px;background:white;border-radius:10px;margin-bottom:16px}.aw-filters label{display:flex;align-items:center;gap:7px}.aw-filters input[type=number]{width:95px}.aw-card{background:white;border:1px solid #dce5dc;border-radius:13px;padding:20px;margin-bottom:16px;min-width:0}.aw-card h2{font-size:16px;margin:0 0 14px}.aw-card h3{font-size:14px}.aw-card small{display:block;color:#80937c;font-size:11px}.aw-table-wrap{overflow-x:auto}.attendance-workspace table{border-collapse:collapse;width:100%;text-align:left}.attendance-workspace th,.attendance-workspace td{padding:10px;border-bottom:1px solid #e8eee2;vertical-align:top;white-space:nowrap}.attendance-workspace th{font-weight:600;background:#f4f7ef}.attendance-workspace td input[type=number]{width:80px}.attendance-workspace td form{display:flex;gap:5px;flex-wrap:wrap}.attendance-workspace [role=alert]{color:#b23e38;white-space:normal;max-width:320px}.aw-balance{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;background:#e9f1e5;border-radius:10px;padding:16px;margin-bottom:16px}.aw-request{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e8eee2;flex-wrap:wrap}.aw-request span{display:block;margin:6px 0}.aw-request form{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.aw-request form input{width:80px}.aw-note{display:block;margin-top:18px}.aw-note textarea{width:100%;display:block;margin-top:8px;box-sizing:border-box}.aw-empty{color:#8c9c86;padding:14px}.annual-leave-badge{font-size:11px;color:#54725a;white-space:nowrap}.basic-attendance-dialog:has(.attendance-workspace){width:min(1100px,calc(100vw - 32px));max-width:1100px}.basic-attendance-dialog .attendance-workspace{padding:10px}.aw-card p{overflow-wrap:anywhere}@media(max-width:700px){.aw-head h1{font-size:21px}.aw-head,.aw-actions{align-items:flex-start}.aw-card{padding:14px}.aw-filters label{flex:1;min-width:130px}.aw-filters select{max-width:180px}.aw-balance{gap:8px}.aw-request{display:block}.aw-request form{margin-top:10px}}
.aw-plan-builder{padding:14px;margin:14px 0;background:#f4f7ef;border:1px solid #e2eadd;border-radius:10px}.aw-entry-modes{display:flex;gap:6px;margin-bottom:12px}.aw-entry-modes button[aria-pressed=true]{background:#355e50;color:white}.aw-range-fields{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.aw-range-fields label{display:grid;gap:6px;min-width:0}.aw-exclude{display:flex;align-items:center;gap:7px;margin-top:12px}.aw-exclude input{accent-color:#355e50}.aw-range-result{font-size:12px;color:#54725a;max-height:120px;overflow:auto}.aw-plan-builder p:empty{display:none}@media(max-width:700px){.aw-range-fields label{flex:1 1 140px}.aw-range-fields input,.aw-range-fields select{width:100%;box-sizing:border-box}.aw-range-fields>button{width:100%}.aw-exclude{align-items:flex-start}}
.attendance-quick-panel{font-size:13px;color:#35574a}.attendance-quick-date{margin:0 0 14px;color:#7a8e83;font-size:12px}.attendance-quick-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;padding:18px;background:#f2f6f0;border-radius:12px}.attendance-quick-summary>div{min-width:0;display:grid;gap:8px}.attendance-quick-summary span{font-size:11px;color:#7a8e83}.attendance-quick-summary strong{font-size:19px;font-weight:650;overflow-wrap:anywhere}.attendance-quick-records{margin:20px 0 14px;display:flex;gap:8px;flex-wrap:wrap}.attendance-quick-records:empty{display:none}.attendance-quick-records button{flex:1;background:#355e50;color:white;border:1px solid #355e50;border-radius:9px;padding:12px!important}.attendance-quick-requests{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance-quick-requests button{padding:11px!important;border:1px solid #dce5dc;border-radius:9px;background:white;color:#35574a}.attendance-quick-panel .attendance-quick-history{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:15px 0 0!important;border:0;border-top:1px solid #e1e8df;border-radius:0;background:transparent;color:#748674;font-size:12px;text-align:left}.attendance-quick-hint{color:#748674;font-size:12px;margin:0}.v3-record-editor:has(.attendance-quick-panel),.basic-attendance-dialog:has(.attendance-quick-panel){width:min(520px,calc(100vw - 32px));max-width:520px}@media(max-width:460px){.attendance-quick-summary{gap:8px;padding:14px}.attendance-quick-summary strong{font-size:16px}.attendance-quick-records button{font-size:12px}}
.workspace-dialog:has(.attendance-quick-panel),
.basic-attendance-dialog:has(.attendance-quick-panel){
  width:min(520px,calc(100vw - 32px));max-width:520px;
}
.workspace-dialog:has(.attendance-admin-panel),
.basic-attendance-dialog:has(.attendance-admin-panel),
.basic-attendance-dialog:has(.dialog-body > .attendance-workspace){
  width:min(860px,calc(100vw - 32px));max-width:860px;
  height:min(680px,85dvh);max-height:85dvh;box-sizing:border-box;
}
dialog[open]:has(.attendance-admin-panel),
.basic-attendance-dialog[open]:has(.dialog-body > .attendance-workspace){
  display:flex;flex-direction:column;
}
dialog:has(.attendance-admin-panel) > header,
.basic-attendance-dialog:has(.dialog-body > .attendance-workspace) > header{flex:none}
dialog:has(.attendance-admin-panel) > .dialog-body,
.basic-attendance-dialog:has(.dialog-body > .attendance-workspace) > .dialog-body{
  flex:1;min-height:0;max-height:none;overflow:auto;
}