.day-plan-note { padding:15px 18px; border-radius:12px; background:#edf4ff; border:1px solid #dce8f9; font-size:10px; line-height:1.8; color:#7e98b8; margin-bottom:22px; }
.day-plan-toolbar { display:flex; align-items:center; gap:18px; margin-bottom:20px; }
.day-plan-toolbar label { font-size:10px; color:#8297b3; margin-left:10px; }
.day-plan-toolbar input { border:1px solid #dce5f2; background:#fff; border-radius:9px; padding:10px; font:inherit; font-size:11px; color:#56769f; }
.plan-week-controls { display:flex; gap:8px; }
.plan-week-controls button { font-size:10px; padding:10px; }
.day-plan-toolbar > .link-button { margin-right:auto; }
#week-strip .day-card { font:inherit; cursor:pointer; min-width:0; }
#week-strip .day-card small { font-size:8px; }
.plan-day-heading { display:flex; justify-content:space-between; align-items:center; margin:27px 0 16px; gap:12px; }
.plan-day-heading h2 { font-size:19px; color:#567394; margin:5px 0; }
.plan-worker-picks { display:flex; gap:10px; margin-bottom:22px; }
.plan-worker-pick { display:flex; flex:1; align-items:center; flex-wrap:wrap; padding:14px; border:1px solid #e2e9f3; border-radius:12px; background:#fff; gap:9px; cursor:pointer; }
.plan-worker-pick.selected { background:#f0f6ff; border-color:#d2e3fb; }
.plan-worker-pick input { accent-color:#4a8af0; width:15px; height:15px; }
.plan-worker-pick strong { font-size:12px; color:#54779f; }
.plan-worker-pick > span { flex-basis:100%; font-size:9px; color:#8da3bd; padding-right:24px; }
.worker-day-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.worker-day-column { border:1px solid #e1e8f3; border-radius:16px; background:#f5f8fd; padding:18px; min-width:0; display:flex; flex-direction:column; }
.worker-day-header { display:flex; gap:11px; align-items:center; margin-bottom:20px; }
.worker-day-header h3 { font-size:14px; color:#4e7099; margin:0 0 4px; }
.worker-day-header span { font-size:9px; color:#91a6c0; }
.worker-day-header > b { margin-right:auto; padding:5px 10px; border-radius:7px; background:#e6eefa; color:#7596bf; font-size:11px; }
.worker-day-tasks { flex:1; display:flex; flex-direction:column; gap:11px; }
.worker-day-task { padding:15px; border-radius:12px; border:1px solid #e1e9f6; background:#fff; min-width:0; }
.worker-day-task h4 { font-family:'Space Grotesk','IBM Plex Sans Arabic',sans-serif; font-size:13px; line-height:1.7; color:#6480a3; margin:12px 0 6px; overflow-wrap:anywhere; }
.worker-day-task p { color:#819ab7; font-size:10px; margin:5px 0; line-height:1.8; }
.worker-day-task small { display:block; font-size:9px; line-height:1.8; color:#9aadc5; overflow-wrap:anywhere; }
.worker-day-task .link-button { font-size:9px; margin-top:12px; }
.worker-day-empty { color:#a0b1c7; line-height:1.9; text-align:center; padding:24px 7px; font-size:10px; }
.worker-day-add { background:#e8f0fb; border:1px dashed #cbdcf3; border-radius:10px; color:#7395c0; padding:12px; font-size:10px; margin-top:18px; }
.plan-dashboard-row { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #eef3f8; }
.plan-dashboard-row > strong { color:#7692b4; font-size:10px; }
.plan-dashboard-row > div { flex:1; min-width:0; }
.plan-dashboard-row b { color:#7e98b8; font-size:11px; display:block; overflow-wrap:anywhere; }
.plan-dashboard-row small { color:#a2b2c7; font-size:9px; display:block; margin-top:5px; }
.plan-dashboard-row > span { font-size:9px; color:#93a7bf; }
@media(max-width:720px) { .day-plan-toolbar { flex-wrap:wrap; gap:12px; } .plan-week-controls { order:3; width:100%; } .plan-week-controls button { flex:1; } #week-strip { gap:4px; } #week-strip .day-card { padding:12px 4px; } #week-strip .day-card small { font-size:7px; } .plan-worker-picks { flex-direction:column; } .plan-worker-pick > span { flex-basis:auto; padding-right:0; margin-right:auto; } .worker-day-columns { grid-template-columns:1fr; } .plan-day-heading { flex-wrap:wrap; } }