.cleaning-mobile-only{display:none}
@media(max-width:760px){
 .cleaning-mobile-only{display:block}
 #cleaningMobilePanel [hidden]{display:none!important}
 #cleaningDashboardPage{padding:16px 12px}
 #cleaningDashboardPage .cleaning-dashboard-heading{display:block}
 #cleaningDashboardPage .cleaning-dashboard-heading h1{font-size:25px}
 #cleaningDashboardPage .cleaning-dashboard-heading .subtitle{font-size:14px}
 #cleaningDashboardPage .cleaning-heading-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
 #cleaningDashboardPage .cleaning-heading-actions>button{flex:1;min-width:140px;min-height:46px;font-size:14px}
 #cleaningDashboardPage .cleaning-today{display:none}
 #cleaningDashboardPage .cleaning-workspace-tabs,#cleaningDashboardPage .cleaning-board,#cleaningDashboardPage .cleaning-history-panel{display:none}
 #cleaningDashboardPage:not([data-mobile-area="history"]) .cleaning-insights-grid{display:none}
 #cleaningDashboardPage[data-mobile-area="history"] .cleaning-insights-grid{display:block}
 #cleaningDashboardPage:not([data-mobile-area="loans"]) [data-cleaning-workspace-panel="loans"]{display:none}
 #cleaningDashboardPage .cleaning-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:14px}
 #cleaningDashboardPage .cleaning-search{grid-column:1/-1}
 #cleaningDashboardPage .cleaning-filter-field{min-width:0}
 #cleaningDashboardPage input,#cleaningDashboardPage select{font-size:16px;min-height:46px;max-width:100%;width:100%}
 #cleaningDashboardPage label,#cleaningDashboardPage .cleaning-filter-field>span{font-size:14px}
 #cleaningDashboardPage .cleaning-clear-filters{min-height:44px}
 .cm-areas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
 .cm-areas button,.cm-statuses button,.cm-card button,#cleaningMobileMore{font:inherit;min-height:46px;border:1px solid #ccdae6;border-radius:10px;background:white;color:#163e63;padding:11px;font-weight:600;cursor:pointer}
 .cm-areas button{font-size:14px}
 .cm-areas button[aria-pressed=true]{background:#163e63;color:white;border-color:#163e63}
 .cm-statuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .cm-statuses button{display:grid;gap:5px;padding:10px 3px;font-size:11px;line-height:1.4}
 .cm-statuses strong{font-size:21px}
 .cm-statuses button[aria-pressed=true]{background:#edf4fa;outline:2px solid #163e63;outline-offset:-2px}
 .cm-list-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 12px}
 .cm-list-heading h2{font-size:18px;margin:0}.cm-list-heading span{font-size:12px;color:#667d90}
 .cm-card{padding:16px;margin-bottom:12px;border:1px solid #d7e3ed;border-left:4px solid #9dc4e0;border-radius:14px;background:white}
 .cm-in-progress{border-left-color:#4b8cbb}.cm-completed{border-left-color:#91a3ae}
 .cm-card-head{display:flex;justify-content:space-between;align-items:start;gap:8px;flex-wrap:wrap}
 .cm-card h3{font-size:20px;margin:0;color:#163e63}
 .cm-badge{padding:5px 8px;font-size:12px;border-radius:7px;background:#eaf4fc;color:#305e80;font-weight:600}
 .cm-completed .cm-badge{background:#edf0f3;color:#526477}
 .cm-card>small{display:block;color:#6f7e8a;font-size:12px;margin:5px 0 12px}
 .cm-card p{font-size:14px;line-height:1.5;margin:6px 0;color:#5c7386}.cm-card p strong{color:#163e63}
 .cm-arrival{margin:12px 0;background:#f7f1e5;color:#78591e;border-radius:8px;padding:10px;font-size:14px;line-height:1.45}
 .cm-actions{display:grid;gap:8px;margin-top:13px}.cm-actions button.primary-button{background:#163e63;color:white}
 .cm-actions button.cm-secondary{font-size:13px;background:#f6f9fc}
 .cm-card summary{min-height:44px;font-size:14px;display:flex;align-items:center;cursor:pointer}.cm-card summary:before{content:'＋';margin-right:8px}.cm-card details[open]>summary:before{content:'−'}
 .cm-empty{padding:25px 16px;text-align:center;border:1px dashed #c9d8e4;border-radius:12px;color:#647b8d;font-size:14px}
 #cleaningMobileMore{width:100%;margin:8px 0 18px}
 #cleaningDashboardPage .cleaning-overdue-panel{padding:16px}#cleaningDashboardPage .cleaning-insight-heading{display:block}
 #cleaningDashboardPage .cleaning-overdue-row{display:flex;flex-wrap:wrap;gap:10px}#cleaningDashboardPage .cleaning-overdue-row button{min-height:44px}
 #cleaningDashboardPage .loan-summary{grid-template-columns:1fr}#cleaningDashboardPage .loan-toolbar{display:grid;grid-template-columns:1fr}
 #cleaningDashboardPage .item-loan-card{display:flex;flex-wrap:wrap;gap:12px}#cleaningDashboardPage .item-loan-main{min-width:0;flex:1}#cleaningDashboardPage .item-loan-main small{overflow-wrap:anywhere}
 #cleaningAssignmentBackdrop,#cleaningCompletionBackdrop,#cleaningRequestBackdrop,#cleaningHistoryDetailBackdrop{padding:0}
 #cleaningAssignmentBackdrop>.reservation-dialog,#cleaningCompletionBackdrop>.reservation-dialog,#cleaningRequestBackdrop>.reservation-dialog,#cleaningHistoryDetailBackdrop>.reservation-dialog{width:100%;max-width:none;max-height:100dvh;height:100dvh;border-radius:0;padding:24px 16px;overflow-y:auto}
 #cleaningAssignmentBackdrop input,#cleaningAssignmentBackdrop select,#cleaningAssignmentBackdrop textarea,#cleaningCompletionBackdrop input,#cleaningCompletionBackdrop textarea,#cleaningRequestBackdrop input,#cleaningRequestBackdrop select,#cleaningRequestBackdrop textarea{font-size:16px}
 #cleaningAssignmentBackdrop .dialog-actions,#cleaningCompletionBackdrop .dialog-actions,#cleaningRequestBackdrop .dialog-actions{position:sticky;bottom:-24px;background:white;display:flex;gap:8px;padding:14px 0 max(14px,env(safe-area-inset-bottom));z-index:2}
 #cleaningAssignmentBackdrop .dialog-actions button,#cleaningCompletionBackdrop .dialog-actions button,#cleaningRequestBackdrop .dialog-actions button{min-height:48px;flex:1;font-size:14px}
 #cleaningMobileCompletionInfo{display:grid;gap:14px;margin-bottom:16px}#cleaningMobileCompletionInfo h3{font-size:16px;margin:0 0 8px}#cleaningMobileCompletionInfo p{font-size:14px;line-height:1.5;margin:5px 0}#cleaningMobileCompletionInfo section{padding:13px;background:#f5f8fb;border-radius:10px}#cleaningMobileCompletionInfo summary{min-height:44px;font-size:14px;cursor:pointer}
 #cleaningCompletionBackdrop .bonus-room{gap:10px}#cleaningCompletionBackdrop .bonus-answer button{min-height:46px;min-width:64px;font-size:16px}
 #cleaningDashboardPage button:focus-visible,#cleaningCompletionBackdrop button:focus-visible{outline:3px solid #b28232;outline-offset:2px}
}