.day-planner-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.day-planner-heading h1 { margin:0; font-size:2rem; letter-spacing:-.035em; }
.day-planner-heading p { margin:6px 0 0; color:var(--bs-muted,#647180); }
.day-planner-heading-actions { display:flex; gap:9px; flex-wrap:wrap; }

.day-planner-navigation { display:flex; align-items:center; gap:9px; margin-bottom:18px; padding:10px 12px; }
.day-planner-navigation form { min-width:210px; }
.day-planner-date { display:grid; min-height:44px; align-content:center; justify-items:center; border:1px solid var(--bs-line,#dfe4e8); border-radius:10px; background:#f8fafc; padding:3px 11px; }
.day-planner-date span { color:#647180; font-size:.68rem; text-transform:capitalize; }
.day-planner-date input { width:100%; border:0; outline:0; background:transparent; color:#18202a; font:inherit; font-weight:750; text-align:center; }
.day-planner-team-switch { display:grid; grid-template-columns:repeat(2,1fr); gap:3px; border-radius:10px; background:#edf1f5; padding:3px; }
.day-planner-team-switch a { display:flex; min-height:38px; align-items:center; justify-content:center; gap:7px; border-radius:8px; color:#5a6571; padding:0 13px; text-decoration:none; font-size:.78rem; font-weight:720; }
.day-planner-team-switch a span { width:8px; height:8px; border-radius:50%; background:#0a84ff; }
.day-planner-team-switch .team-23 span { background:#7c5cff; }
.day-planner-team-switch a.active { background:#fff; box-shadow:0 2px 8px rgba(27,36,50,.12); color:#152235; }
.day-planner-summary { display:flex; align-items:center; gap:7px; margin-left:auto; }
.day-planner-summary span { border-radius:999px; background:#edf3f9; color:#52606d; padding:7px 11px; font-size:.75rem; white-space:nowrap; }
.day-planner-summary strong { color:#071a33; }

.day-planner-quick-create { margin-bottom:18px; padding:16px 18px; }
.day-planner-quick-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:13px; }
.day-planner-quick-heading h2 { margin:0; font-size:1.03rem; letter-spacing:-.015em; }.day-planner-quick-heading p { margin:3px 0 0; color:#647180; font-size:.78rem; }
.day-planner-quick-heading > span { border-radius:999px; background:#eef4fb; color:#305478; padding:6px 10px; font-size:.7rem; font-weight:700; }
.day-planner-quick-fields { display:grid; grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(320px,2.3fr) minmax(190px,.9fr); gap:10px; align-items:start; }
.day-planner-quick-fields label { display:grid; gap:5px; min-width:0; }.day-planner-quick-fields label > span { color:#455363; font-size:.7rem; font-weight:750; }
.day-planner-quick-fields input,.day-planner-quick-fields select { width:100%; min-height:43px; box-sizing:border-box; border:1px solid #cbd6e2; border-radius:9px; background:#fff; color:#18202a; padding:9px 11px; font:inherit; font-size:.82rem; }
.day-planner-quick-fields input:focus,.day-planner-quick-fields select:focus { border-color:#0a78ef; outline:3px solid rgba(10,120,239,.12); }
.day-planner-quick-fields button { min-height:43px; border:0; border-radius:9px; background:#0759d3; color:#fff; padding:0 17px; font:inherit; font-size:.78rem; font-weight:750; white-space:nowrap; cursor:pointer; }.day-planner-quick-fields button:disabled { opacity:.55; }
.day-planner-time-field > span { display:flex; align-items:baseline; gap:5px; }
.day-planner-time-field > span small { color:#738191; font-size:.65rem; font-weight:600; }
.day-planner-time-field { position:relative; display:grid; gap:5px; min-width:0; }
.day-planner-quick-fields .day-planner-time-trigger { display:flex; width:100%; min-height:48px; align-items:center; justify-content:space-between; border:1px solid #cbd6e2; background:#fff; color:#18202a; padding:0 13px; font-size:.82rem; }
.day-planner-quick-fields .day-planner-time-trigger:hover,.day-planner-quick-fields .day-planner-time-trigger[aria-expanded=true] { border-color:#0a78ef; background:#f8fbff; }
.day-planner-time-trigger > span { color:#526578; font-size:1.25rem; }
.day-planner-time-popover { position:absolute; z-index:20; top:67px; right:0; display:grid; grid-template-columns:minmax(110px,1fr) 104px; gap:12px; width:260px; border:1px solid #cbd7e3; border-radius:12px; background:#fff; box-shadow:0 14px 36px rgba(7,26,51,.2); padding:12px; }
.day-planner-time-popover > div > span { display:block; margin-bottom:7px; color:#657587; font-size:.68rem; font-weight:750; text-transform:uppercase; }
.day-planner-hour-list { display:grid; gap:4px; max-height:164px; overflow-y:auto; overscroll-behavior:contain; padding-right:4px; scrollbar-width:thin; scroll-snap-type:y proximity; }
.day-planner-quick-fields .day-planner-hour-list button { min-height:38px; border:1px solid #d5dfe8; background:#f7f9fc; color:#20364f; padding:0 10px; scroll-snap-align:start; }
.day-planner-minute-list { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.day-planner-quick-fields .day-planner-minute-list button { min-height:38px; border:1px solid #d5dfe8; background:#f7f9fc; color:#20364f; padding:0; }
.day-planner-quick-fields .day-planner-hour-list button.selected,.day-planner-quick-fields .day-planner-minute-list button.selected { border-color:#0759d3; background:#e8f2ff; color:#0759b8; }
.day-planner-quick-fields .day-planner-time-popover button:disabled { opacity:.38; }
.day-planner-quick-fields .day-planner-time-clear { grid-column:1/-1; min-height:36px; border:1px solid #d5dfe8; background:#fff; color:#566678; }
.day-planner-time-hint { color:#738191; font-size:.66rem; line-height:1.25; }
.day-planner-quick-actions { display:flex; grid-column:1/-1; align-items:stretch; justify-content:flex-end; gap:7px; padding-top:2px; }
.day-planner-quick-actions .secondary { border:1px solid #c8d4e0; background:#fff; color:#24405f; }
.day-planner-quick-message { margin-top:10px; border-radius:8px; padding:8px 10px; font-size:.75rem; font-weight:650; }.day-planner-quick-message.success { background:#e9f8ee; color:#176b36; }.day-planner-quick-message.error { background:#fff0ee; color:#a92a20; }

.day-planner-team-view { overflow:hidden; padding:0; border-radius:15px; }
.day-planner-table-heading { display:flex; min-height:64px; align-items:center; justify-content:space-between; padding:12px 18px; border-bottom:1px solid #dfe6ed; background:#fff; }
.day-planner-table-heading > div { display:flex; align-items:center; gap:10px; }
.day-planner-table-heading h2 { margin:0; font-size:1.1rem; }
.day-planner-table-heading small { color:#647180; font-size:.72rem; text-transform:capitalize; }
.day-planner-team-dot { width:11px; height:11px; border-radius:50%; background:#0a84ff; box-shadow:0 0 0 4px rgba(10,132,255,.12); }
.team-23 .day-planner-team-dot { background:#7c5cff; box-shadow:0 0 0 4px rgba(124,92,255,.12); }
.day-planner-table-wrap { overflow-x:auto; }
.day-planner-table { width:100%; min-width:900px; border-collapse:collapse; table-layout:fixed; }
.day-planner-table th { background:#f3f6f9; color:#596777; padding:11px 12px; border-bottom:1px solid #dae2ea; text-align:left; font-size:.7rem; font-weight:750; letter-spacing:.02em; text-transform:uppercase; }
.day-planner-table th:nth-child(1){width:19%}.day-planner-table th:nth-child(2){width:13%}.day-planner-table th:nth-child(3){width:42%}.day-planner-table th:nth-child(4){width:10%}.day-planner-table th:nth-child(5){width:16%}
.day-planner-table td { padding:13px 12px; border-bottom:1px solid #e2e8ef; vertical-align:top; font-size:.78rem; }
.day-planner-table tr:last-child td { border-bottom:0; }
.day-planner-table tr td:first-child { border-left:3px solid #0a84ff; }
.team-23 .day-planner-table tr td:first-child { border-left-color:#7c5cff; }
.day-planner-table tr.reported td:first-child { border-left-color:#2e9b50; }
.day-planner-table tr.completed td:first-child { border-left-color:#e5a325; }
.day-planner-order-cell > *,.day-planner-window-cell > *,.day-planner-crew-cell > * { display:block; margin-bottom:3px; }
.day-planner-order-cell strong { color:#0c3f78; font-size:.9rem; overflow-wrap:anywhere; }
.day-planner-order-cell span { color:#202d3c; font-weight:650; }
.day-planner-order-cell small,.day-planner-window-cell small,.day-planner-start-cell small { color:#718090; font-size:.68rem; }
.day-planner-note-cell p { min-height:52px; margin:0; border-radius:9px; background:#f6f9fc; padding:10px 12px; color:#18202a; font-size:.82rem; line-height:1.45; overflow-wrap:anywhere; }
.day-planner-crew-cell span { color:#344252; line-height:1.35; }
.day-planner-crew-cell b { display:inline-block; min-width:29px; color:#718090; font-size:.65rem; }
.day-planner-state { display:inline-flex; border-radius:999px; background:#eaf3ff; color:#0759b8; padding:5px 8px; font-size:.67rem; font-weight:750; white-space:nowrap; }
.reported .day-planner-state { background:#e8f7ed; color:#176b36; }.completed .day-planner-state { background:#fff2d9; color:#805000; }
.day-planner-actions-cell { display:grid; gap:6px; }
.day-planner-actions-cell a { display:flex; min-height:40px; align-items:center; justify-content:center; border-radius:8px; background:#0969d8; color:#fff; padding:0 12px; text-align:center; text-decoration:none; font-size:.74rem; font-weight:750; }
.day-planner-actions-cell > button { min-height:34px; border:1px solid #c8d5e2; border-radius:8px; background:#fff; color:#0759b8; font:inherit; font-size:.72rem; font-weight:750; cursor:pointer; }
.day-planner-order-buttons { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.day-planner-order-buttons button { min-height:32px; border:1px solid #ccd7e3; border-radius:8px; background:#f5f8fb; color:#24405f; font:inherit; font-size:1rem; font-weight:800; cursor:pointer; }
.day-planner-order-buttons button:disabled { cursor:default; opacity:.35; }

.day-planner-empty { display:grid; justify-items:center; gap:6px; padding:42px 20px; color:#647180; text-align:center; }
.day-planner-empty strong { color:#26384a; }.day-planner-empty span { max-width:300px; font-size:.8rem; }.day-planner-empty a { margin-top:6px; color:#0759d3; text-decoration:none; font-weight:700; }
.day-planner-unassigned { margin-top:18px; }.day-planner-unassigned .panel-heading > div { display:grid; gap:3px; }.day-planner-unassigned .panel-heading small { color:#647180; }
.day-planner-unassigned > div:last-child { display:grid; gap:6px; }.day-planner-unassigned a { display:grid; grid-template-columns:130px minmax(0,1fr) auto; gap:12px; align-items:center; border:1px solid #e1e7ee; border-radius:9px; color:#18202a; padding:10px 12px; text-decoration:none; font-size:.8rem; }.day-planner-unassigned a b { color:#0759d3; }

@media(max-width:1180px){.day-planner-navigation{flex-wrap:wrap}.day-planner-summary{width:100%;margin-left:0;overflow-x:auto}.day-planner-quick-fields{grid-template-columns:1fr 1fr}.day-planner-quick-task{grid-column:1/-1}.day-planner-quick-actions{align-self:end}}
@media(max-width:760px){.day-planner-heading{align-items:stretch;flex-direction:column}.day-planner-heading-actions>*{flex:1}.day-planner-navigation form{min-width:0;flex:1}.day-planner-team-switch{order:10;width:100%}.day-planner-summary{order:11}.day-planner-quick-heading{display:grid}.day-planner-quick-heading>span{justify-self:start}.day-planner-quick-fields{grid-template-columns:1fr}.day-planner-quick-fields button{grid-column:auto;width:100%}.day-planner-unassigned a{grid-template-columns:100px minmax(0,1fr)}}