/* frmAttendance.Designer.vb: toolbar, paired header, code/name filters and grid. */
#attendance-desktop.attendance-desktop.attendance-voucher{display:flex;flex-direction:column;gap:0;padding:0;min-width:0;min-height:520px;height:min(780px,calc(100dvh - 170px));font-family:Arial,"Microsoft Sans Serif",sans-serif;font-size:12px;background:#f0f0f0;color:#111}
#attendance-desktop.attendance-desktop :is(button,input,select){font:inherit;color:inherit;box-sizing:border-box;border-radius:2px;min-height:0}
#attendance-desktop.attendance-desktop button{padding:2px 9px;border:1px solid #aaa;background:linear-gradient(#fff,#e8e8e8);height:24px}
#attendance-desktop.attendance-desktop button:disabled{color:#888;opacity:.65}
.attendance-desktop-toolbar{display:flex;gap:3px;align-items:center;height:27px;flex:none;padding:1px 4px;background:linear-gradient(#fafafa,#e5e5e5);border-bottom:1px solid #bbb}
.attendance-desktop-toolbar button{border-color:transparent;background:transparent}
.attendance-desktop-toolbar button:hover{border-color:#80a8d5;background:#e4effa}
.attendance-desktop-header{position:relative;flex:none;height:77px;margin:0 12px}
.attendance-desktop-header label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.attendance-department{position:absolute;left:0;top:6px}
.attendance-department select{width:267px;height:23px;padding:1px 3px;border:1px solid #999;background:white}
.attendance-voucher-number{position:absolute;right:0;top:6px;justify-content:space-between;width:242px}
.attendance-voucher-number input{width:100px;height:23px;text-align:center;background:#fff;border:1px solid #999;padding:1px 4px}
.attendance-date{position:absolute;right:0;top:32px;justify-content:space-between;width:242px}
.attendance-date>span{width:200px}
.attendance-date input{height:23px!important;min-height:23px!important;padding:1px 4px!important;border-radius:1px!important}
.attendance-desktop-search{position:absolute;left:35px;top:51px;display:flex}
.attendance-desktop-search input{height:22px;border:1px solid #999;background:#fff;padding:1px 3px;width:85px}
.attendance-desktop-search input+input{width:150px;border-left:0}
.attendance-desktop-grid{flex:1;min-height:120px;overflow:auto;margin:0 12px;background:#ababab;outline-offset:1px}
.attendance-desktop-grid table{border-collapse:collapse;table-layout:fixed;width:1570px;font-size:12px;white-space:nowrap}
.attendance-desktop-grid :is(th,td){border:1px solid silver;height:25px;box-sizing:border-box;padding:2px 3px;text-align:left;overflow:hidden;text-overflow:ellipsis}
.attendance-desktop-grid th{position:sticky;top:0;z-index:2;background:#f5f5f5;color:#111;font-weight:400;height:29px;white-space:normal}
.attendance-desktop-grid td{background:white}
.attendance-desktop-grid tr.attendance-selected td{background:#d9e9fb}
.attendance-desktop-grid td:first-child{background:#eee;text-align:center;padding:0}
.attendance-desktop-grid td:first-child button{height:23px;width:100%;padding:0;border:0;background:transparent}
.attendance-desktop-grid :is(input,select){width:100%;min-width:0;height:23px;padding:0 2px;border:1px solid transparent;background:transparent;font-size:11px}
.attendance-desktop-grid :is(input,select):focus{border-color:#1674c6;background:white}
.attendance-desktop-grid input[type=checkbox]{width:14px;height:14px;display:block;margin:auto}
.attendance-desktop-grid input[type=datetime-local]{font-size:10px;letter-spacing:-.3px;padding:0}
.attendance-desktop-grid input[type=number]{appearance:textfield;text-align:right}
.attendance-desktop-grid input::-webkit-inner-spin-button{appearance:none}
.attendance-desktop-grid td.attendance-review{background:#ffffc8}
.attendance-desktop-grid td.attendance-absent{background:#ffe4e1;color:#8b0000}
.attendance-desktop-grid .attendance-row-message{margin:2px 0;color:#a00;white-space:normal;width:100%;max-width:none;font-size:11px}
.attendance-desktop-footer{flex:none;display:flex;align-items:center;gap:12px;min-height:39px;padding:5px 12px;font-size:11px}
.attendance-desktop-footer>.attendance-footer-actions{display:flex;gap:6px;margin-left:auto}
.attendance-desktop-footer>.attendance-footer-actions button{width:75px}
.attendance-lunch-menu{position:relative;margin-left:0}
.attendance-lunch-menu summary{cursor:pointer}
.attendance-lunch-menu[open]{display:block;z-index:4}
.attendance-lunch-menu[open] button{display:block;width:180px}
#attendance-desktop.attendance-desktop>.error,#attendance-desktop.attendance-desktop>p[role=status]{margin:0 12px 6px;padding:7px;font-size:12px;flex:none}
.attendance-saved{margin:0 12px 8px;background:white;border:1px solid #999;padding:8px;overflow:auto;max-height:180px;flex:none}
.attendance-saved>button{float:right}.attendance-saved table{width:100%;border-collapse:collapse}.attendance-saved :is(td,th){padding:3px 8px;text-align:left}
@media(max-width:850px){.attendance-desktop-header{height:111px}.attendance-department{right:0}.attendance-department select{width:min(267px,55vw)}.attendance-voucher-number{left:0;right:auto;top:35px;width:195px}.attendance-date{top:35px;width:242px}.attendance-desktop-search{top:85px}.attendance-desktop-footer{flex-wrap:wrap}.attendance-desktop-footer>.attendance-footer-actions{margin-left:0;gap:4px;flex-wrap:wrap}.attendance-desktop-footer>.attendance-footer-actions button{width:60px}#attendance-desktop.attendance-desktop{height:calc(100dvh - 150px)}}
@media(max-width:520px){.attendance-date{left:0;right:auto;top:61px}.attendance-desktop-toolbar{gap:0}.attendance-desktop-toolbar button{padding:2px 8px}.attendance-desktop-header{margin:0 7px}.attendance-desktop-grid{margin:0 7px}.attendance-desktop-footer{padding:5px 7px}}

#attendance-desktop.attendance-desktop{height:calc(100dvh - 190px);max-height:calc(100dvh - 190px);min-height:380px;background:#f0f0f0;color:#111}
#attendance-desktop>.entry-window-body{display:flex;flex-direction:column;overflow:hidden;padding:0;min-height:0;background:#f0f0f0}
#attendance-desktop :is(input,select,button){min-height:0;border-radius:2px;font-size:12px}
#attendance-desktop :is(label,th,td){color:#111}
#attendance-desktop .attendance-desktop-grid :is(th,td){padding:2px 3px;height:25px;vertical-align:middle;border-color:silver}
#attendance-desktop .attendance-desktop-grid th{background:#f5f5f5;font-weight:400;height:29px}
#attendance-desktop .attendance-desktop-grid :is(input,select){min-width:0;height:23px;padding:0 2px;font-size:11px;background:transparent;border-color:transparent}
#attendance-desktop .attendance-desktop-grid input[type=datetime-local]{font-size:10px}
#attendance-desktop .attendance-desktop-grid input[type=checkbox]{width:14px;min-width:14px;height:14px;min-height:14px}
#attendance-desktop .attendance-desktop-toolbar button{border-color:transparent;background:transparent;border-radius:0}
#attendance-desktop .attendance-desktop-footer button{height:24px;background:linear-gradient(#fff,#e8e8e8);border-color:#aaa}
#attendance-desktop .attendance-footer-actions button{width:75px}
#attendance-desktop .attendance-lunch-menu{flex:0 0 auto;max-width:100%}
#attendance-desktop .attendance-lunch-menu summary{white-space:nowrap}
#attendance-desktop .attendance-lunch-menu[open] button{width:180px;max-width:100%;height:auto;min-height:28px;margin-top:4px;white-space:nowrap;text-align:left}
#attendance-desktop .attendance-date .app-date-input{padding:0;height:23px;min-height:23px;border-radius:1px}
@media(max-width:520px){#attendance-desktop .attendance-footer-actions button{width:60px}}
#attendance-desktop .attendance-context-menu{position:fixed;z-index:100;background:#f5f5f5;padding:3px;border:1px solid #888;box-shadow:2px 3px 8px #0003;width:177px}
#attendance-desktop .attendance-context-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;height:24px}
#attendance-desktop .attendance-context-menu button:hover{background:#d9e9fb}