/* Action-first office workspace. Isolated from ticket, field and print layouts. */
#view-overview { --dash-ink:#172d48; --dash-accent:#176b91; display:none; }
#view-overview.active { display:block; }
#view-overview .dashboard-heading {display:flex; justify-content:space-between; align-items:center; gap:20px; margin:4px 0 22px;}
#view-overview .dashboard-heading h2 {font-size:clamp(24px,3vw,34px); letter-spacing:-.035em; margin:5px 0 8px; color:var(--dash-ink);}
#view-overview p {margin:0; font-size:14px; line-height:1.55; color:#52657c;}
#view-overview .dashboard-heading-actions {display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
#view-overview button {min-height:44px; font-size:14px;}
#view-overview .dashboard-schedule {display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:16px 20px; background:#eaf1f8; border:1px solid #cddae8; border-left:4px solid #267c9b; border-radius:12px; margin-bottom:20px;}
#view-overview .dashboard-schedule strong {color:var(--dash-ink); font-size:20px;}
#view-overview .dashboard-schedule span {font-size:14px; color:#425873;}
#view-overview .dashboard-schedule button {margin-left:auto;}
#view-overview .dashboard-freshness {min-height:22px; margin-bottom:12px; font-size:13px;}
#view-overview .dashboard-freshness[data-stale=true] {color:#924316; font-weight:600;}
#view-overview .dashboard-filters {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:22px;}
#view-overview .dashboard-filter {min-width:0; text-align:left; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; padding:15px; border:1px solid #d3dce8; border-radius:12px; background:#fff; color:var(--dash-ink); box-shadow:0 2px 5px #18365405;}
#view-overview .dashboard-filter[aria-pressed=true] {border-color:#266f99; background:#edf6fc; box-shadow:inset 0 3px #266f99;}
#view-overview .dashboard-filter strong {font-size:24px; grid-column:2; grid-row:1/3; align-self:center;}
#view-overview .dashboard-filter span {font-weight:750; line-height:1.4; min-width:0; overflow-wrap:anywhere;}
#view-overview .dashboard-filter small {font-size:12px; line-height:1.4; color:#52657c;}
#view-overview .dashboard-work-panel {background:#fff; border:1px solid #cdd8e5; border-radius:14px; overflow:hidden; margin-bottom:24px;}
#view-overview .dashboard-list-heading {display:flex; align-items:center; gap:16px; justify-content:space-between; padding:20px; border-bottom:1px solid #dce4ee;}
#view-overview h3 {font-size:20px; color:var(--dash-ink); margin:0 0 5px;}
#view-overview .dashboard-search {max-width:330px; width:100%; font-size:13px; color:#52657c;}
#view-overview .dashboard-search input {width:100%; min-height:44px; margin-top:5px; font-size:16px; border:1px solid #b9c9db; border-radius:8px;}
#view-overview .dashboard-task {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto; gap:18px; align-items:center; padding:18px 20px; border-bottom:1px solid #e6ebf2;}
#view-overview .dashboard-task:last-child {border:0;}
#view-overview .dashboard-task > div {min-width:0; overflow-wrap:anywhere;}
#view-overview .dashboard-task strong {display:block; font-size:16px; color:var(--dash-ink); line-height:1.45;}
#view-overview .dashboard-task small {display:block; color:#52657c; font-size:13px; line-height:1.5; margin-top:4px;}
#view-overview .dashboard-task .dashboard-task-label {display:inline-block; color:#1d5f80; background:#edf4f9; font-size:12px; padding:3px 8px; border-radius:5px; margin:0 0 6px; font-weight:700;}
#view-overview .dashboard-task[data-category=cancellation] {border-left:3px solid #c68438;}
#view-overview .dashboard-task-action {border:1px solid #b5cadc; background:#f6faff; border-radius:8px; color:#155a7e; padding:10px 14px; font-weight:750; white-space:normal; max-width:175px;}
/* Keep primary actions left of the persistent Messages launcher. */
@media(min-width:1001px) {#view-overview .dashboard-task {padding-right:124px;}}
#view-overview button:focus-visible, #view-overview input:focus-visible {outline:3px solid #2589b9; outline-offset:3px;}
#view-overview .dashboard-empty {padding:36px 20px; text-align:center;}
#view-overview .dashboard-empty strong {display:block; font-size:18px; color:var(--dash-ink); margin-bottom:8px;}
#view-overview .dashboard-list-foot {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:14px 20px; background:#f7f9fc; border-top:1px solid #e6ebf2;}
#view-overview .dashboard-list-foot p {font-size:13px;}
#view-overview .dashboard-secondary {padding:18px 20px; border:1px solid #d3dce8; border-radius:12px; background:#fff;}
#view-overview .dashboard-secondary summary {cursor:pointer; min-height:44px; font-size:16px; font-weight:700; color:var(--dash-ink);}
#view-overview .tech-load-grid {margin-top:12px;}
#view-overview .tech-load-card h4 {font-size:16px;}
@media(max-width:1100px) {#view-overview .dashboard-filters {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:700px) {
  #view-overview .dashboard-heading, #view-overview .dashboard-list-heading {align-items:stretch; flex-direction:column;}
  #view-overview .dashboard-filters {grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  #view-overview .dashboard-filter {padding:12px; gap:5px;}
  #view-overview .dashboard-filter strong {font-size:22px;}
  #view-overview .dashboard-task {grid-template-columns:minmax(0,1fr); gap:10px; padding:17px 16px;}
  #view-overview .dashboard-task-action {width:fit-content; max-width:calc(100% - 96px); text-align:left;}
  #view-overview .dashboard-search {max-width:none;}
  #view-overview .dashboard-schedule {padding:12px; gap:8px 14px;}
  #view-overview .dashboard-schedule button {margin-left:0;}
  #view-overview .dashboard-filter small {display:none;}
}
@media(prefers-reduced-motion:reduce) {#view-overview * {scroll-behavior:auto; transition:none;}}
@media(max-width:380px) {#view-overview .dashboard-filter strong {grid-column:1;grid-row:2;} #view-overview .dashboard-filter {grid-template-columns:minmax(0,1fr);}}
