/* Shared deadline navigation and the approved full-width board preview. */
#view-deadlines { --dl-accent:#174bff; --dl-accent-hover:#0635da; --dl-on-accent:#fff; }
#view-deadlines .dl-head { margin-bottom:16px; }
#view-deadlines .dl-head h2 { font-size:30px; letter-spacing:-.03em; }
#view-deadlines .dl-summary { display:flex; flex-wrap:wrap; margin-bottom:14px; box-shadow:none; }
#view-deadlines .dl-sum { flex:1 1 180px; flex-direction:row; align-items:center; gap:8px; min-height:48px; padding:10px 18px; }
#view-deadlines .dl-sum-num { font-size:16px; order:-1; line-height:1.4; }
#view-deadlines .dl-sum-label { text-transform:none; letter-spacing:0; font-size:13px; color:var(--text); }
#view-deadlines .dl-sum-sub { display:none; }
#view-deadlines .dl-main { display:block; }
#view-deadlines .dl-week-card { padding:14px; margin-bottom:18px; box-shadow:none; }
#view-deadlines .dl-side-head { margin-bottom:10px; }
#view-deadlines #dlWeekRange { font-size:12px; text-align:right; }
#view-deadlines .dl-week { grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
#view-deadlines .dl-day { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:82px; padding:8px 4px; border:1px solid transparent; border-radius:9px; background:var(--surface); color:var(--text); }
#view-deadlines .dl-day-name { font-size:12px; color:var(--muted); }
#view-deadlines .dl-day-date { font-size:15px; font-weight:650; }
#view-deadlines .dl-day-count { display:inline-flex; justify-content:center; align-items:center; min-width:20px; height:20px; border-radius:999px; background:var(--surface-2); color:var(--muted); font-size:11px; }
#view-deadlines .dl-day.is-today { border-color:var(--dl-accent); background:var(--bg-info-light,var(--bg-primary-light)); }
#view-deadlines .dl-day.is-selected { background:var(--dl-accent); border-color:var(--dl-accent); color:var(--dl-on-accent); }
#view-deadlines .dl-day.is-selected :is(.dl-day-name,.dl-day-date,.dl-day-count) { color:var(--dl-on-accent); }
#view-deadlines .dl-day.is-selected .dl-day-count { background:rgb(255 255 255 / .16); }
#view-deadlines .dl-week-hint { font-size:11px; margin-top:8px; }
#view-deadlines .dl-week-empty { display:none; }
#view-deadlines .dl-table-card { border:0; background:none; box-shadow:none; overflow:visible; }
#view-deadlines .dl-toolbar { padding:0 0 10px; margin-bottom:12px; }
#view-deadlines .dl-tab { min-height:44px; display:inline-flex; align-items:center; padding:10px; }
#view-deadlines .dl-tab[aria-selected=true] { color:var(--blue); border-bottom-color:var(--blue); }
#view-deadlines .dl-view-btn { min-height:40px; min-width:72px; display:inline-flex; justify-content:center; align-items:center; }
#view-deadlines .dl-view-btn[aria-pressed=true] { background:var(--dl-accent); color:var(--dl-on-accent); }
#view-deadlines .dl-filter-note { border:0; border-radius:8px; background:var(--surface); margin-bottom:14px; font-size:12px; padding:10px 14px; }
#view-deadlines .dl-list-host { border:1px solid var(--border); border-radius:12px; overflow:auto; background:var(--surface); }
#view-deadlines .deadlines-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
#view-deadlines .deadline-col { --dl-tone:var(--blue); padding:0 12px 14px; border:1px solid var(--border); border-top:3px solid var(--dl-tone); border-radius:12px; background:var(--surface); box-shadow:none; min-width:0; }
#view-deadlines .dl-lane-red { --dl-tone:var(--red); }
#view-deadlines .dl-lane-amber { --dl-tone:var(--amber); }
#view-deadlines .deadline-col-head { padding:15px 5px; border:0; margin:0; }
#view-deadlines .dl-lane-heading { display:flex; align-items:flex-start; gap:10px; }
#view-deadlines .dl-lane-heading>.dl-group-icon { color:var(--dl-tone); width:24px; height:24px; flex:0 0 24px; margin-top:2px; }
#view-deadlines .dl-lane-heading h3 { display:flex; align-items:center; gap:8px; font-size:16px; margin:0; font-weight:650; }
#view-deadlines .dl-lane-heading p { font-size:12px; color:var(--muted); margin:5px 0 0; }
#view-deadlines .deadline-count { font-size:11px; padding:2px 7px; font-weight:500; }
#view-deadlines .deadline-list { gap:12px; }
#view-deadlines .deadline-item { display:flex; flex-direction:column; gap:9px; padding:12px 15px 15px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); min-width:0; }
#view-deadlines .deadline-item:focus-within { border-color:var(--blue); }
#view-deadlines .dl-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
#view-deadlines .dl-card-customer { color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
#view-deadlines .dl-card-edit { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; border:0; border-radius:6px; background:none; color:var(--muted); cursor:pointer; margin:-7px -10px -7px 0; }
#view-deadlines .dl-card-edit svg { width:16px; height:16px; }
#view-deadlines .dl-card-edit:hover { background:var(--surface); color:var(--text); }
#view-deadlines .dl-card-title { background:none; color:var(--text); border:0; padding:0; text-align:left; font:inherit; font-size:14px; font-weight:650; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
#view-deadlines .dl-card-title:hover { color:var(--blue); }
#view-deadlines .dl-card-status .pill { font-size:11px; padding:3px 8px; }
#view-deadlines .dl-card-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--border); padding-top:12px; margin-top:3px; }
#view-deadlines .dl-card-footer .dl-owner { min-width:0; white-space:normal; overflow-wrap:anywhere; font-size:12px; }
#view-deadlines .dl-card-footer .dl-avatar { background:var(--bg-info-light,var(--bg-primary-light)); color:var(--blue); width:28px; height:28px; flex:0 0 28px; }
#view-deadlines .dl-card-due { display:flex; align-items:flex-start; gap:6px; color:var(--muted); text-align:right; flex-shrink:0; }
#view-deadlines .dl-card-due .dl-group-icon { width:16px; height:16px; }
#view-deadlines .dl-card-due strong { display:block; font-size:11px; font-weight:550; }
#view-deadlines .dl-card-due time { display:block; font-size:11px; margin-top:3px; color:var(--muted); }
#view-deadlines .overdue .dl-card-due { color:var(--red); }
#view-deadlines .due-today .dl-card-due { color:var(--amber); }
#view-deadlines .deadline-empty { min-height:110px; justify-content:center; font-size:12px; line-height:1.6; text-align:center; }
#view-deadlines :is(.dl-card-title,.dl-card-edit,.dl-day,.dl-view-btn):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
@media(max-width:1150px) { #view-deadlines .deadlines-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) {
  #view-deadlines .dl-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  #view-deadlines .dl-sum { min-width:0; gap:4px; padding:10px 8px; border:0; flex-direction:column; }
  #view-deadlines .dl-sum-label { font-size:11px; text-align:center; }
  #view-deadlines .dl-week-card { padding:10px; }
  #view-deadlines .dl-week { gap:2px; }
  #view-deadlines .dl-day { padding:7px 1px; min-height:78px; }
  #view-deadlines .dl-day-name { font-size:10px; }
  #view-deadlines .dl-day-date { font-size:11px; }
  #view-deadlines .dl-side-head { flex-wrap:wrap; }
  #view-deadlines #dlWeekRange { font-size:11px; }
  #view-deadlines .dl-toolbar { gap:8px; }
  #view-deadlines .dl-tab { padding:8px 6px; font-size:12px; }
}