.completed-work-settings-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.completed-work-settings-heading h3 { margin:0; }
.completed-work-settings-toolbar { display:flex; gap:18px; align-items:end; flex-wrap:wrap; margin:24px 0 18px; }
.completed-work-settings-toolbar .field { min-width:190px; flex:1; }
.completed-work-settings-toolbar #completedWorkSiteField { flex:0 1 220px; }
.completed-work-settings-toolbar #completedWorkSiteField[hidden] { display:none; }
.completed-work-settings-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
.completed-work-settings-section { min-width:0; border:1px solid var(--color-border,var(--border)); border-radius:var(--radius,12px); padding:20px; }
.completed-work-settings-section h4 { margin:0 0 8px; font-size:16px; }
.completed-work-settings-section p { line-height:1.5; }
.completed-work-employees { display:grid; align-content:start; gap:10px; max-height:420px; overflow:auto; margin:16px 0; padding:2px; }
.completed-work-employee { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:12px; align-items:center; padding:12px; border:1px solid var(--color-border,var(--border)); border-radius:var(--radius,10px); }
.completed-work-include { display:flex; gap:12px; align-items:center; min-width:0; cursor:pointer; }
.completed-work-include input { width:18px; height:18px; flex:0 0 18px; margin:0; accent-color:var(--color-primary,var(--accent)); }
.completed-work-include span { min-width:0; }
.completed-work-include strong,.completed-work-include small { display:block; overflow-wrap:anywhere; }
.completed-work-include small { color:var(--muted); font-size:11px; margin-top:4px; line-height:1.4; }
.completed-work-include .completed-work-employee-username { font-size:12px; }
.completed-work-minutes { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; margin:20px 0; }
.completed-work-minute-field { min-width:0; }
.completed-work-minute-field small { color:var(--muted); font-size:11px; line-height:1.4; }
.completed-work-settings-section .input { box-sizing:border-box; width:100%; min-width:0; }
.completed-work-settings-message { overflow-wrap:anywhere; line-height:1.5; margin:16px 0 0; }
.completed-work-settings-message:empty { margin:0; }
.completed-work-settings-message.is-error { color:var(--danger,#b91c1c); }
.completed-work-counts-note { padding:12px 16px; margin-top:20px; border-left:3px solid var(--color-primary,var(--accent)); background:color-mix(in srgb,var(--color-primary,var(--accent)) 8%,transparent); border-radius:6px; line-height:1.5; }
@media(max-width:1100px) { .completed-work-settings-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .completed-work-settings-heading { align-items:start; gap:12px; } .completed-work-settings-section { padding:16px; } .completed-work-settings-toolbar { gap:14px; } .completed-work-settings-toolbar #completedWorkSiteField { flex:1 1 100%; } .completed-work-employee { grid-template-columns:minmax(0,1fr); } .completed-work-employee select { max-width:180px; margin-left:30px; } .completed-work-minutes { gap:14px; } }