/* Attendance-only adjustments; shared system-setting controls retain their layout. */
.attendance-page .attendance-settings-error,.attendance-page .attendance-settings-conflict{padding:10px 12px;border:1px solid #e8c5a1;background:#fff8ef;border-radius:6px;color:#7a431b;line-height:1.5;}
.attendance-page .attendance-settings-error button,.attendance-page .attendance-settings-conflict button{width:auto;margin:4px 6px 0 0;}
.attendance-page .attendance-settings-conflict ul{padding-left:20px;margin:6px 0;}
.attendance-page .attendance-settings-state,.attendance-page .attendance-submit-state{line-height:1.5;margin:0;grid-column:1/-1;white-space:pre-wrap;}
.attendance-page .attendance-submit-state:empty,.attendance-page .attendance-settings-state:empty{display:none;}
.attendance-page .attendance-list-toolbar{min-width:0;}
@media(min-width:769px){
 body.pc-ui-preview .attendance-page.support-attendance-page{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;align-content:start;}
 body.pc-ui-preview .attendance-page.support-attendance-page>*{grid-column:1/-1;min-width:0;}
 body.pc-ui-preview .attendance-page.support-attendance-page>h3{grid-row:1;grid-column:1;margin:0;align-self:center;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.attendance-admin-tools:not([open]){grid-row:1;grid-column:2;align-self:center;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.attendance-admin-tools{margin:0;padding:0;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.attendance-admin-tools>summary{padding:7px 10px;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.cards{margin:0;gap:8px;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.cards .stat{padding:8px 10px;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:12px;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.cards .stat strong{margin:0;}
 body.pc-ui-preview .attendance-page.support-attendance-page>.attendance-summary-line{margin:0;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-filter-strip{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-end;margin:0;padding:8px 10px;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-filter-strip>.support-attendance-date{flex:0 0 133px;width:133px;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-filter-strip>select{flex:1 1 105px;width:105px;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-filter-strip>button{flex:none;width:auto;min-width:0;white-space:nowrap;padding:7px 10px;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-filter-strip input,body.pc-ui-preview .attendance-page.support-attendance-page .attendance-filter-strip select{height:34px;}
 body.pc-ui-preview .attendance-page.support-attendance-page .app-list-sort-summary{margin:0;min-height:34px;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-photo-inline{margin-top:4px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-photo-inline .voucher-thumb-link{width:36px;height:36px;min-height:0;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-photo-inline .voucher-thumb{width:34px;height:34px;object-fit:cover;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-photo-inline .voucher-thumbs{gap:5px;margin:0;}
 body.pc-ui-preview .attendance-page.support-attendance-page #attendanceMainTable td{padding-top:5px;padding-bottom:5px;line-height:1.4;}
 body.pc-ui-preview .attendance-page.support-attendance-page #attendanceMainTable .attendance-subtext{margin-top:2px;line-height:1.4;}
 body.pc-ui-preview .attendance-page.support-attendance-page .attendance-settings-shell{margin:8px 0;}
}

/* Mobile attendance management; personal check-in keeps its own layout. */
body.mobile-ui-active #content>.cw-attendance-toolbar.mam-toolbar{display:flex!important;gap:6px;padding:0;margin:0 0 7px;border:0;background:none;flex-wrap:nowrap;}
body.mobile-ui-active #content>.mam-toolbar>span{display:none;}
body.mobile-ui-active #content>.mam-toolbar>button{flex:1;min-width:0;width:auto;min-height:36px;padding:6px;font-size:12px;line-height:18px;margin:0;}
body.mobile-ui-active #content>.attendance-management-page.mam-page{display:block;padding:10px;margin:0;min-width:0;}
body.mobile-ui-active #content>.mam-page>h3{display:none;}
body.mobile-ui-active #content>.mam-page>.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;margin:0 0 7px;}
body.mobile-ui-active #content>.mam-page>.cards .stat{padding:0;border:0;border-radius:0;box-shadow:none;background:none;min-height:0;font-size:10px;line-height:16px;color:#66758b;}
body.mobile-ui-active #content>.mam-page>.cards .stat .num{font-size:14px;line-height:20px;margin:0;color:#20344b;}
body.mobile-ui-active #content .mam-page .mam-tools{display:flex;gap:6px;align-items:center;margin:0 0 6px;}
body.mobile-ui-active #content .mam-page .mam-tools>.mam-rules{order:-1;margin-right:auto;}
body.mobile-ui-active #content .mam-page .mam-original-strip{display:none!important;}
body.mobile-ui-active #content .mam-page .attendance-list-toolbar{margin:0 0 5px;padding:0;font-size:11px;line-height:17px;}
body.mobile-ui-active #content .mam-page .attendance-filter-note{font-size:11px;line-height:17px;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup{margin:0;padding:0;flex:none;border:0;background:none;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup>summary{display:flex;align-items:center;list-style:none;cursor:pointer;min-height:36px;box-sizing:border-box;padding:5px 8px;border:1px solid #d7e3f3;border-radius:7px;background:white;color:#175cc3;font-size:12px;line-height:20px;white-space:nowrap;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup>summary::after{content:'⌄';margin-left:4px;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup:not([open])>.mam-popup-body{display:none!important;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup-body,body.mobile-ui-active #content .mam-page .mad-extra-body{position:fixed!important;inset:auto;z-index:1850;box-sizing:border-box;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;padding:9px 10px;background:#fff;border:1px solid #d7e3f3;border-radius:8px;box-shadow:0 8px 24px #17365d26;font-size:12px;line-height:18px;color:#28445f;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-filter>.mam-popup-body{display:grid;gap:7px;}
body.mobile-ui-active #content .mam-page .mam-filter-field,body.mobile-ui-active #content .mam-page .support-attendance-date{display:grid;gap:3px;margin:0;font-size:11px;line-height:17px;color:#66758b;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup-body :is(input:not([type=checkbox]),select){width:100%;min-width:0;min-height:36px;box-sizing:border-box;font-size:13px;line-height:20px;padding:6px 8px;margin:0;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .mam-popup-body button{width:auto;min-height:32px;padding:5px 8px;font-size:12px;line-height:20px;margin:0;}
body.mobile-ui-active #content .mam-page .mam-more>.mam-popup-body{display:grid;gap:7px;}
body.mobile-ui-active #content .mam-page .mam-more .attendance-summary-line{font-size:11px;line-height:17px;margin:0;}
body.mobile-ui-active #content .mam-page .app-list-sort-summary{display:flex;flex-wrap:wrap;gap:5px;margin:0;}
body.mobile-ui-active #content .mam-page .table-scroll{min-height:0!important;height:auto!important;max-height:none;overflow:visible;}
body.mobile-ui-active #content .mam-page #attendanceMainTable{display:block;width:100%;min-width:0!important;margin:0;}
body.mobile-ui-active #content .mam-page #attendanceMainTable>tbody{display:grid;gap:7px;}
body.mobile-ui-active #content .mam-page #attendanceMainTable>thead{display:none;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;padding:8px 10px;border:1px solid #dce5ef;border-radius:9px;background:white;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row:is([hidden],.hidden,.customer-page-hidden,.list-page-hidden){display:none!important;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>td{position:static!important;z-index:auto!important;padding:0;border:0;min-width:0;width:auto;background:none;box-shadow:none;overflow-wrap:anywhere;font-size:11px;line-height:17px;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>td:is(:nth-child(1),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(9)){display:none;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>td:nth-child(2){display:block;grid-column:1;grid-row:1;font-size:14px;line-height:20px;font-weight:600;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>td:nth-child(3){display:block;grid-column:1/-1;grid-row:2;font-size:12px;line-height:18px;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>td:nth-child(4){display:block;grid-column:2;grid-row:1;text-align:right;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>td:nth-child(8){display:block;grid-column:1;grid-row:3;align-self:end;font-size:11px;line-height:17px;text-align:left;white-space:normal;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row>.mad-attendance-actions{display:flex;grid-column:2;grid-row:3;justify-content:flex-end;align-items:end;}
body.mobile-ui-active #content .mam-page #attendanceMainTable tbody>.mam-row .mad-extra-summary{padding:4px 0;min-height:28px;border:0;font-size:12px;line-height:20px;}
body.mobile-ui-active #content .mam-page .mam-info-field+.mam-info-field{margin-top:7px;padding-top:7px;border-top:1px solid #edf1f5;}
body.mobile-ui-active #content .mam-page .mam-info-label{display:block;font-size:11px;line-height:16px;color:#66758b;margin-bottom:2px;}
body.mobile-ui-active #content .mam-page .mam-info-value{font-size:12px;line-height:18px;overflow-wrap:anywhere;}
body.mobile-ui-active #content .mam-page .attendance-settings-shell,body.mobile-ui-active #content .mam-page .attendance-settings{margin:0;padding:0;border:0;background:none;}
body.mobile-ui-active #content .mam-page .attendance-settings-toggle{width:100%;min-height:36px;padding:6px;text-align:left;}
body.mobile-ui-active #content .mam-page .attendance-settings-toggle-copy{min-width:0;}
body.mobile-ui-active #content .mam-page .attendance-settings-title-row{display:flex;justify-content:space-between;align-items:center;gap:6px;}
body.mobile-ui-active #content .mam-page .attendance-settings-title-row h4{font-size:13px;line-height:19px;margin:0;}
body.mobile-ui-active #content .mam-page .attendance-settings-toggle .muted{font-size:11px;line-height:17px;margin:3px 0;}
body.mobile-ui-active #content .mam-page .attendance-settings-chip-row{display:flex;flex-wrap:wrap;gap:3px;margin:3px 0 0;}
body.mobile-ui-active #content .mam-page .attendance-settings-chip-row .page-chip{font-size:10px;padding:2px 4px;}
body.mobile-ui-active #content .mam-page .attendance-settings-head{margin:7px 0 4px;}
body.mobile-ui-active #content .mam-page .attendance-settings-head h4{font-size:13px;line-height:19px;margin:0;}
body.mobile-ui-active #content .mam-page .attendance-settings-head .muted{font-size:11px;line-height:17px;}
body.mobile-ui-active #content .mam-page .attendance-settings-form{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:0;}
body.mobile-ui-active #content .mam-page .attendance-settings-form>.form-span-2{grid-column:1;}
body.mobile-ui-active #content .mam-page .attendance-settings-switches{display:flex;flex-wrap:wrap;gap:5px 12px;padding:0;}
body.mobile-ui-active #content .mam-page :is(.attendance-switch,.attendance-range-switch){display:flex;align-items:center;gap:5px;font-size:12px;margin:0;}
body.mobile-ui-active #content .mam-page .attendance-range-list{display:grid;gap:7px;}
body.mobile-ui-active #content .mam-page .attendance-range-row{display:block;padding:8px;border:1px solid #dce5ef;border-radius:7px;margin:0;}
body.mobile-ui-active #content .mam-page .attendance-range-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
body.mobile-ui-active #content .mam-page .attendance-range-field{display:grid;gap:3px;margin:0;font-size:11px;line-height:17px;}
body.mobile-ui-active #content .mam-page .attendance-range-field-address{grid-column:1/-1;}
body.mobile-ui-active #content .mam-page .attendance-range-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px;}
body.mobile-ui-active #content .mam-page .attendance-settings-actions{display:flex;gap:6px;align-items:center;position:sticky;bottom:-9px;background:white;padding:8px 0 0;}
body.mobile-ui-active #content .mam-page .attendance-settings-actions>button{flex:1;min-height:36px;}
body.mobile-ui-active #content .mam-page .attendance-settings-actions>button[type=submit]{background:#1d5fd1;color:white;border-color:#1d5fd1;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-fixed-pagination{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:5px;margin:6px 0 0;padding:0;min-height:0;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-fixed-pagination>.customer-page-summary,body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-page-jump{display:none!important;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-page-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-page-controls :is(button,select){width:auto;min-height:30px;margin:0;font-size:11px;padding:4px 6px;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-page-size{font-size:0;gap:0;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-page-info{font-size:11px;white-space:nowrap;}

@media(min-width:769px){
 body.pc-ui-preview .cw-modal:is([data-workflow-kind="workHours"],[data-workflow-kind="hrRequests"],[data-workflow-kind="attendanceMonths"],[data-workflow-kind="leaveBalances"]) .cw-form{gap:12px 14px;}
 body.pc-ui-preview .cw-modal:is([data-workflow-kind="workHours"],[data-workflow-kind="hrRequests"],[data-workflow-kind="attendanceMonths"],[data-workflow-kind="leaveBalances"]) .cw-field{margin:0;}
 body.pc-ui-preview .cw-modal:is([data-workflow-kind="workHours"],[data-workflow-kind="hrRequests"],[data-workflow-kind="attendanceMonths"],[data-workflow-kind="leaveBalances"]) .cw-footer{bottom:-10px;margin:16px -16px -16px;padding:12px 16px;}
}

/* Management-owned workflow dialogs use the same compact visual grammar. */
body.mobile-ui-active .cw-modal.mam-scope .hr-business-table{height:auto!important;min-height:0!important;max-height:none;overflow:visible;}
body.mobile-ui-active .cw-modal.mam-scope .hr-business-table>table{display:block;min-width:0!important;border:0;width:100%;}
body.mobile-ui-active .cw-modal.mam-scope .hr-business-table>table>thead{display:none;}
body.mobile-ui-active .cw-modal.mam-scope .hr-business-table>table>tbody{display:grid;gap:7px;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;padding:8px 10px;border:1px solid #dce5ef;border-radius:9px;background:#fff;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row:is([hidden],.hidden,.customer-page-hidden,.list-page-hidden){display:none!important;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row>td{position:static!important;z-index:auto!important;min-width:0!important;width:auto;max-width:none;padding:0;border:0;background:none;box-shadow:none;font-size:12px;line-height:17px;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row strong{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;line-height:20px;font-weight:600;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row small{display:block;margin:0;font-size:11px;line-height:16px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row>td:first-child{grid-column:1/-1;grid-row:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 5px;padding-right:54px;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row>td.mam-row-status,body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(5){grid-column:2;grid-row:1;text-align:right;font-size:11px;color:#376391;}
body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(2){grid-column:1;grid-row:2;}
body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(2)::before{content:'出勤 ';font-size:11px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(3){grid-column:2;grid-row:2;text-align:right;}
body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(3)::before{content:'请假 / 加班 ';font-size:10px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(4){grid-column:1;grid-row:3;align-self:end;font-size:11px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .mam-month-row>td:nth-child(6){grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:flex-end;gap:9px;}
body.mobile-ui-active .cw-modal.mam-scope .mam-request-row>td:nth-child(2){grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:1px 5px;font-size:11px;line-height:16px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .mam-request-row>td:nth-child(3){grid-column:1;grid-row:4;align-self:end;font-size:11px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .mam-request-row>td:nth-child(3)::before{content:'审批人 ';}
body.mobile-ui-active .cw-modal.mam-scope .mam-request-row>td:nth-child(4){grid-column:1/-1;grid-row:3;font-size:12px;line-height:18px;}
body.mobile-ui-active .cw-modal.mam-scope .mam-request-row>td:nth-child(5){grid-column:2;grid-row:4;display:flex;align-items:center;justify-content:flex-end;gap:9px;}
body.mobile-ui-active .cw-modal.mam-scope .mam-cw-row [data-cw-action]{min-height:28px;padding:4px 0;font-size:12px;line-height:20px;border:0;background:none;margin:0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-field:has([type=datetime-local],[type=file],[name=externalNo],[name=externalApprovalEvidence]){grid-column:1/-1;}
body.mobile-ui-active .cw-modal.mam-scope [data-hr-preview]{font-size:11px;line-height:17px;}
body.mobile-ui-active .cw-modal.mam-scope [data-hr-preview] table{font-size:11px;min-width:0;width:100%;border-collapse:collapse;}
body.mobile-ui-active .cw-modal.mam-scope [data-hr-preview] :is(td,th){padding:5px;border-bottom:1px solid #e5ebf3;text-align:left;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mam-scope{position:fixed!important;inset:auto 0!important;top:var(--mam-vv-top,0px)!important;height:var(--mam-vv-height,100dvh)!important;display:flex!important;align-items:center;justify-content:center;z-index:1800;padding:8px;box-sizing:border-box;background:#15263b88;color:#20344b;}
body.mobile-ui-active .cw-modal.mam-scope>.cw-shell{display:flex;flex-direction:column;width:100%;max-width:680px;height:auto;max-height:100%;min-height:0;min-width:0;overflow:hidden;border-radius:9px;background:#fff;}
body.mobile-ui-active .cw-modal.mam-scope .cw-header{display:flex;align-items:center;gap:8px;flex:none;padding:8px 10px;border-bottom:1px solid #e0e7f0;background:#fff;}
body.mobile-ui-active .cw-modal.mam-scope .cw-header>div{min-width:0;flex:1;}
body.mobile-ui-active .cw-modal.mam-scope .cw-header h2{font-size:14px;line-height:20px;margin:0;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mam-scope .cw-kicker{display:none;}
body.mobile-ui-active .cw-modal.mam-scope .cw-header>[data-cw-action=close]{order:-1;flex:none;min-width:0;width:auto;min-height:36px;padding:5px 8px;margin:0;background:#fff;color:#175cc3;border:1px solid #d7e3f3;border-radius:7px;font-size:12px;line-height:20px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-message{flex:none;padding:0 10px;font-size:12px;line-height:18px;white-space:pre-wrap;color:#216a4a;}
body.mobile-ui-active .cw-modal.mam-scope .cw-message:not(:empty){padding:7px 10px;border-bottom:1px solid #e0e7f0;max-height:25vh;overflow:auto;}
body.mobile-ui-active .cw-modal.mam-scope .cw-message.cw-error{color:#b42318;background:#fff5f3;}
body.mobile-ui-active .cw-modal.mam-scope .cw-body{display:block;flex:1 1 auto;padding:10px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;font-size:13px;line-height:20px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-body:has(>form.mam-form){display:flex;flex-direction:column;overflow:hidden;padding:0;}
body.mobile-ui-active .cw-modal.mam-scope button{width:auto;min-height:32px;padding:5px 8px;margin:0;background:#fff;color:#175cc3;border:1px solid #d7e3f3;border-radius:7px;font-size:12px;line-height:20px;}
body.mobile-ui-active .cw-modal.mam-scope button:disabled{opacity:.5;}
body.mobile-ui-active .cw-modal.mam-scope .cw-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center;overflow:visible;margin:0 0 7px;padding:0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-actions button{flex:0 1 auto;white-space:normal;}
body.mobile-ui-active .cw-modal.mam-scope :is(h3,h4){font-size:14px;line-height:20px;margin:8px 0 5px;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mam-scope .cw-status{font-size:11px;line-height:17px;padding:1px 5px;background:#edf3fa;color:#376391;border-radius:4px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:7px 0;margin:0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-summary>span{display:block;min-width:0;font-size:11px;line-height:16px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .cw-summary strong{display:block;font-size:14px;line-height:20px;margin:1px 0 0;color:#20344b;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mam-scope :is(.cw-muted,.hr-attendance-preview){font-size:11px;line-height:17px;color:#66758b;margin:5px 0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-warning{font-size:12px;line-height:18px;color:#855c18;background:#fff8e6;padding:8px;border-radius:6px;margin:6px 0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:7px 0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-detail>div{min-width:0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-wide{grid-column:1/-1;}
body.mobile-ui-active .cw-modal.mam-scope .cw-detail dt{font-size:11px;line-height:16px;color:#66758b;margin:0 0 2px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-detail dd{font-size:12px;line-height:18px;color:#20344b;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
body.mobile-ui-active .cw-modal.mam-scope .mam-fold{border-top:1px solid #e0e7f0;padding:0;margin:7px 0 0;}
body.mobile-ui-active .cw-modal.mam-scope .mam-fold>summary{font-size:12px;line-height:18px;color:#175cc3;min-height:34px;padding:8px 0;cursor:pointer;}
body.mobile-ui-active .cw-modal.mam-scope .mam-original-title{display:none;}
body.mobile-ui-active .cw-modal.mam-scope .cw-history{padding-left:18px;font-size:11px;line-height:17px;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope .cw-history li{margin:0 0 7px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-history p{margin:2px 0;font-size:12px;color:#20344b;white-space:pre-wrap;}
body.mobile-ui-active .cw-modal.mam-scope form.mam-form{display:flex;flex-direction:column;min-height:0;max-height:100%;width:100%;margin:0;overflow:hidden;}
body.mobile-ui-active .cw-modal.mam-scope .mam-form-scroll{order:1;padding:10px;overflow:auto;min-height:0;flex:1 1 auto;}
body.mobile-ui-active .cw-modal.mam-scope form[data-mode=action]>h3{flex:none;margin:7px 10px 0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-footer{order:2;position:static;flex:none;display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:8px 10px;border-top:1px solid #e0e7f0;background:#fff;}
body.mobile-ui-active .cw-modal.mam-scope .cw-footer>button{min-height:36px;flex:1;}
body.mobile-ui-active .cw-modal.mam-scope button[type=submit],body.mobile-ui-active .cw-modal.mam-scope [data-cw-action=new]{background:#1d5fd1;color:white;border-color:#1d5fd1;}
body.mobile-ui-active .cw-modal.mam-scope .mobile-return-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 7px;}
body.mobile-ui-active .cw-modal.mam-scope .mam-duplicate-return{display:none;}
body.mobile-ui-active .cw-modal.mam-scope form>.mobile-return-row{order:-1;flex:none;padding:7px 10px 0;margin:0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-field{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0;font-size:12px;line-height:18px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-field>span{font-size:12px;font-weight:400;}
body.mobile-ui-active .cw-modal.mam-scope :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;box-sizing:border-box;min-height:36px;margin:0;padding:6px 8px;border:1px solid #ced9e6;border-radius:6px;background:#fff;color:#20384f;font-size:13px;line-height:20px;font-weight:400;}
body.mobile-ui-active .cw-modal.mam-scope input[type=checkbox]{width:16px;height:16px;min-height:16px;flex:none;margin:0;}
body.mobile-ui-active .cw-modal.mam-scope textarea{min-height:64px;max-height:180px;resize:vertical;}
body.mobile-ui-active .cw-modal.mam-scope :is(input,select,textarea):disabled{background:#f3f6fa;color:#66758b;}
body.mobile-ui-active .cw-modal.mam-scope [data-hr-draft-state]{font-size:11px;line-height:17px;margin:5px 0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-filters{display:flex;align-items:center;gap:5px;margin:6px 0;}
body.mobile-ui-active .cw-modal.mam-scope .cw-filters>input{flex:1!important;width:0!important;min-width:0;font-size:12px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-filters>button{flex:none!important;min-height:36px;}
body.mobile-ui-active .cw-modal.mam-scope .cw-table-wrap{overflow:auto;max-width:100%;}
body.mobile-ui-active .bf-modal.mam-scope{position:fixed;inset:auto 0;top:var(--mam-vv-top,0px);height:var(--mam-vv-height,100dvh);display:flex;align-items:center;justify-content:center;z-index:1900;padding:8px;box-sizing:border-box;}
body.mobile-ui-active .bf-modal.mam-scope>.bf-shell{width:100%;max-width:520px;height:auto;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
body.mobile-ui-active .bf-modal.mam-scope .bf-header{display:flex;gap:8px;align-items:center;padding:8px 10px;flex:none;}
body.mobile-ui-active .bf-modal.mam-scope .bf-header>[data-action=close]{order:-1;min-height:36px;font-size:12px;}
body.mobile-ui-active .bf-modal.mam-scope .bf-header h2{font-size:14px;line-height:20px;margin:0;}
body.mobile-ui-active .bf-modal.mam-scope .bf-content{padding:10px;min-height:0;overflow:auto;}
body.mobile-ui-active .bf-modal.mam-scope .system-dialog-actions{display:flex;gap:6px;flex-wrap:nowrap;}
body.mobile-ui-active .bf-modal.mam-scope .system-dialog-actions>button{min-height:36px;flex:1;font-size:12px;line-height:18px;padding:6px;}



body.mobile-ui-active .cw-modal.mam-scope .cw-filters>.mam-filter{flex:none!important;min-width:0;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .customer-fixed-pagination>[data-page-summary],body.mobile-ui-active :is(.mam-page,.mam-scope) .list-page-jump,body.mobile-ui-active :is(.mam-page,.mam-scope) .list-page-size>span{display:none!important;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .list-pagination-controls{flex-wrap:nowrap;gap:5px;}
body.mobile-ui-active :is(.mam-page,.mam-scope) .list-page-size select{width:76px;min-width:0;min-height:30px;font-size:12px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page>.cards{gap:6px!important;}
body.mobile-ui-active #content>.attendance-management-page.mam-page>.cards>.stat{padding:0!important;min-height:0!important;gap:0;display:flex;flex-direction:column;align-items:flex-start;}
body.mobile-ui-active #content>.attendance-management-page.mam-page>.cards>.stat .stat-label{font-size:11px;line-height:16px;white-space:nowrap;}
body.mobile-ui-active #content>.attendance-management-page.mam-page>.cards>.stat .num{font-size:14px;line-height:20px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-filter-note{margin:0!important;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .table-scroll{padding:0!important;border:0!important;background:transparent;box-shadow:none;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendanceMainTable{border:0;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendanceMainTable tbody>.mam-row>.mad-attendance-actions{grid-column:2!important;grid-row:3!important;align-self:end;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendanceMainTable tbody>.mam-row .badge{font-size:11px;line-height:17px;padding:1px 5px;min-height:0;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendanceSettingsToggle{display:block!important;min-height:0!important;padding:6px!important;border:0;background:#f7f9fc;text-align:left;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-toggle-copy{display:block!important;text-align:left;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-title-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;margin:0!important;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-title-row h4{font-size:13px!important;line-height:19px;margin:0!important;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-toggle-text{display:inline;padding:0;border:0;background:none;border-radius:0;min-width:0;font-size:12px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendanceSettingsToggle .muted{margin:4px 0!important;font-size:11px;line-height:17px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-chip-row{margin:0!important;gap:3px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendancePhotoModal.mam-scope{position:fixed;inset:auto 0!important;top:var(--mam-vv-top,0px)!important;height:var(--mam-vv-height,100dvh)!important;z-index:1950;padding:8px;box-sizing:border-box;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendancePhotoModal .preview-modal-card{position:relative;width:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px;border-radius:9px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendancePhotoModalClose{position:static;align-self:flex-start;min-height:36px;width:auto;padding:5px 8px;margin:0 0 6px;color:#175cc3;background:white;border:1px solid #d7e3f3;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendancePhotoModalTitle{font-size:14px;line-height:20px;margin:0 0 6px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendancePhotoModalImage{flex:1;min-height:0;max-height:calc(var(--mam-vv-height,100dvh) - 116px);max-width:100%;object-fit:contain;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>td:first-child{display:block;grid-column:1;grid-row:1;font-size:14px;line-height:20px;font-weight:600;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>td:first-child strong{font-size:14px;line-height:20px;font-weight:600;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>td:nth-child(2){display:block;grid-column:1/-1;grid-row:2;font-size:12px;line-height:18px;font-weight:400;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>td:is(:nth-child(3),:nth-child(4)){display:none;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>.mam-row-date{display:block;grid-column:1;grid-row:3;align-self:end;text-align:left;font-size:11px;line-height:17px;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>.mam-row-status{display:block;grid-column:2;grid-row:1;text-align:right;padding:0;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column>.mam-row-actions{display:flex;grid-column:2;grid-row:3;justify-content:flex-end;}
body.mobile-ui-active #content .attendance-management-page.mam-page #attendanceMainTable tbody>.mam-four-column .mam-row-info>summary{min-height:28px;padding:4px 0;border:0;font-size:12px;line-height:20px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-actions{flex-direction:row!important;flex-wrap:nowrap!important;gap:6px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .attendance-settings-actions>button{width:auto;flex:1;min-width:0;white-space:normal;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .mam-rule-editor[open]>.mam-popup-body{box-shadow:0 0 0 100vmax #15263b88;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .mam-rule-head{position:sticky;top:-9px;z-index:2;display:flex;align-items:center;gap:8px;margin:-9px -10px 8px;padding:8px 10px;background:white;border-bottom:1px solid #e0e7f0;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .mam-rule-head button{width:auto;min-height:36px;padding:5px 8px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page .mam-rule-head strong{font-size:14px;line-height:20px;}
body.mobile-ui-active #content>.attendance-management-page.mam-page :is(.attendance-switch,.attendance-range-switch){display:flex!important;flex-direction:row!important;justify-content:flex-start;align-items:center;width:auto!important;min-height:26px;margin:0!important;gap:6px;font-size:12px;line-height:18px;font-weight:400;}
body.mobile-ui-active #content>.attendance-management-page.mam-page #attendanceSettingsForm input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px;flex:0 0 16px;margin:0!important;padding:0!important;}