/* Update 50: compact list headers, department identity and considered task controls. */
#seafix-demo #sf-layover-tasks-panel > .sf-planning-heading { margin-bottom:18px; }
#seafix-demo #sf-layover-back { display:none!important; }
#seafix-demo #sf-layover-current .sf-layover-heading { margin:0 0 16px; align-items:center; }
#seafix-demo .sf-task-list-heading-copy { min-width:0; }
#seafix-demo #sf-layover-current .sf-layover-heading h3 { font-size:21px; line-height:1.35; font-weight:600; letter-spacing:-.4px; }
#seafix-demo .sf-layover-scope {
  display:inline-flex; align-items:center; gap:7px; width:fit-content; max-width:100%; box-sizing:border-box;
  margin:0 0 9px; padding:5px 8px; border:1px solid var(--sf-line); border-radius:8px;
  background:var(--sf-surface-raised); color:var(--sf-muted); font-size:11px; font-weight:550; line-height:1.4;
}
#seafix-demo .sf-layover-scope > span { font-size:inherit; line-height:inherit; overflow-wrap:anywhere; }
#seafix-demo .sf-layover-scope[data-department=engine] { color:light-dark(#ad3444,#f5a1ad); background:light-dark(#fcf0f1,#38282e); border-color:light-dark(#efd8dc,#64404a); }
#seafix-demo .sf-layover-scope[data-department=deck] { color:light-dark(#286398,#9ac7f0); background:light-dark(#edf5fc,#233442); border-color:light-dark(#d1e3f2,#3c5972); }
#seafix-demo .sf-layover-scope[data-department=hotel] { color:light-dark(#2d7550,#a1d4b5); background:light-dark(#eef7f1,#233a2e); border-color:light-dark(#d3e8db,#3f6651); }
#seafix-demo .sf-layover-scope svg { width:15px!important; height:15px!important; flex:none; color:inherit; }
#seafix-demo #sf-layover-current .sf-task-list-date { display:flex; align-items:center; gap:7px; margin-top:8px; font-size:12px; line-height:1.5; }
#seafix-demo .sf-task-list-date svg { width:14px!important; height:14px!important; flex:none; }
#seafix-demo #sf-layover-current .sf-layover-participant-summary { display:flex; align-items:flex-start; gap:8px; margin:0 0 14px; font-size:11px; }
#seafix-demo #sf-layover-current .sf-layover-participant-summary > span { min-width:0; font-size:inherit; line-height:inherit; }
#seafix-demo #sf-layover-current .sf-layover-participant-summary > svg { width:14px!important; height:14px!important; flex:none; margin-top:2px; }
#seafix-demo .sf-task-progress { display:grid; grid-template-columns:1fr auto; align-items:center; gap:9px; margin:0 0 19px; color:var(--sf-muted); }
#seafix-demo .sf-task-progress > span { font-size:11px; line-height:1.4; }
#seafix-demo .sf-task-progress > strong { font-size:11px; line-height:1.4; font-weight:600; color:var(--sf-heading); font-variant-numeric:tabular-nums; }
#seafix-demo #sf-layover-current .sf-task-progress progress { grid-column:1/-1; height:4px; margin:0; }
#seafix-demo #sf-layover-tasks-panel .sf-task-list-card { display:flex; flex-direction:column; align-items:stretch; gap:13px; padding:17px 18px; border-radius:15px; box-shadow:0 2px 8px rgb(0 0 0 / .02); }
#seafix-demo .sf-task-list-card-top { display:flex; align-items:center; gap:12px; min-width:0; }
#seafix-demo .sf-task-list-card-top > svg { width:16px!important; height:16px!important; color:var(--sf-muted); flex:none; }
#seafix-demo .sf-task-list-card-top .sf-planning-row-icon { width:37px; height:37px; border-radius:11px; border:1px solid var(--sf-line); }
#seafix-demo .sf-task-list-card-top .sf-planning-row-icon svg { width:18px!important; height:18px!important; }
#seafix-demo .sf-task-list-card-top .sf-planning-row-copy small { display:flex; align-items:center; gap:5px; margin-top:5px; font-size:11px; }
#seafix-demo .sf-task-list-card-top .sf-planning-row-copy small svg { width:12px!important; height:12px!important; flex:none; }
#seafix-demo .sf-task-list-card-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid var(--sf-line); }
#seafix-demo .sf-task-list-card-bottom .sf-layover-scope { margin:0; }
#seafix-demo .sf-task-list-total { color:var(--sf-muted); font-size:11px; line-height:1.5; font-variant-numeric:tabular-nums; }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-tasks { gap:9px; }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task {
  display:flex; align-items:flex-start; gap:12px; padding:14px; min-width:0; border:1px solid var(--sf-line); border-radius:14px;
  background:var(--sf-surface); box-shadow:0 2px 7px rgb(0 0 0 / .018); transition:background-color .15s,border-color .15s,box-shadow .15s;
}
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task label { display:flex; align-items:flex-start; gap:10px; min-height:23px; padding:2px 0; font-size:13px; line-height:1.55; font-weight:500; }
#seafix-demo #sf-layover-current .sf-layover-task label > span { font-size:inherit; line-height:inherit; }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task input { width:21px; height:21px; min-height:21px; margin:0; border-radius:7px; border-color:light-dark(#acb1bb,#6a737e); transition:background-color .15s,border-color .15s; }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task input:checked { background:light-dark(#397455,#8ac5a2); border-color:light-dark(#397455,#8ac5a2); }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task input:checked::after { top:2px; left:6px; }
#seafix-demo #sf-layover-current .sf-task-meta { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; margin:5px 0 0 31px; }
#seafix-demo #sf-layover-current .sf-task-meta:empty { display:none; }
#seafix-demo #sf-layover-current .sf-task-assignee { display:inline-flex; align-items:center; gap:5px; width:fit-content; max-width:100%; box-sizing:border-box; margin:0; padding:4px 7px; border:1px solid var(--sf-line); border-radius:6px; background:var(--sf-surface-raised); color:var(--sf-muted); font:inherit; font-size:10px; line-height:1.5; }
#seafix-demo #sf-layover-current .sf-task-assignee > span { min-width:0; font-size:inherit; line-height:inherit; }
#seafix-demo #sf-layover-current .sf-task-assignee svg { width:12px!important; height:12px!important; }
#seafix-demo #sf-layover-current .sf-task-completed-by { margin:0; font-size:10px; line-height:1.5; }
#seafix-demo .sf-task-row-tools { display:flex; flex-direction:column; align-items:flex-end; align-self:stretch; justify-content:space-between; gap:8px; flex:none; }
#seafix-demo .sf-task-number { color:var(--sf-muted); font-size:10px; line-height:19px; font-variant-numeric:tabular-nums; letter-spacing:.6px; padding-right:6px; opacity:.7; }
#seafix-demo #sf-layover-current .sf-layover-actions { gap:3px; }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-actions button { width:30px; min-width:30px; height:30px; padding:0; border:1px solid transparent; border-radius:8px; }
#seafix-demo #sf-layover-current .sf-layover-actions svg { width:14px!important; height:14px!important; }
#seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task.is-complete { background:light-dark(#f7faf8,#222a26); box-shadow:none; }
#seafix-demo #sf-layover-current .sf-layover-task.is-complete label > span { text-decoration-color:light-dark(#a7b2aa,#6c7c72); font-weight:400; }
#seafix-demo #sf-layover-task-form { margin-top:20px; padding:18px; border:1px solid var(--sf-line); border-radius:14px; background:var(--sf-surface); }
#seafix-demo #sf-layover-task-form > label { margin:0 0 9px; font-size:12px; font-weight:600; }
#seafix-demo #sf-layover-task-form .sf-task-create-assignee { margin-top:15px; }
#seafix-demo #sf-layover-task-form .sf-task-assignee-hint { font-size:10px; line-height:1.6; }
#seafix-demo #sf-layover-current :is(.sf-layover-actions button,input):focus-visible { outline:2px solid var(--sf-heading); outline-offset:3px; }
@media(hover:hover) {
  #seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task:hover { border-color:light-dark(#b7bec6,#5d6671); box-shadow:0 4px 15px rgb(0 0 0 / .045); }
  #seafix-demo #sf-layover-current button.sf-task-assignee:hover { color:var(--sf-heading); border-color:var(--sf-muted); }
  #seafix-demo #sf-layover-current [data-layover-delete]:hover { background:light-dark(#fbefef,#40292d); color:light-dark(#af3948,#f0a3ab); }
}
@media(max-width:600px) {
  #seafix-demo #sf-layover-tasks-panel .sf-task-list-card { padding:14px; }
  #seafix-demo #sf-layover-current .sf-layover-heading { align-items:flex-start; gap:8px; }
  #seafix-demo #sf-layover-current .sf-layover-heading h3 { font-size:19px; }
  #seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task { padding:12px; gap:6px; }
  #seafix-demo .sf-layovers-page #sf-layover-current .sf-layover-task .sf-layover-actions { flex-direction:column; }
  #seafix-demo .sf-task-row-tools { gap:5px; }
  #seafix-demo .sf-task-number { padding-right:7px; }
  #seafix-demo #sf-layover-task-form { padding:14px; }
  #seafix-demo #sf-layover-task-form :is(input,select) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  #seafix-demo .sf-layovers-page #sf-layover-current :is(.sf-layover-task,input) { transition:none; }
}
@media(max-width:759px) {
  #seafix-demo .sf-layovers-page .sf-layovers-tile { grid-template-columns:20px minmax(0,1fr); gap:8px; padding:12px; }
  #seafix-demo .sf-layovers-page .sf-layovers-tile > svg:first-child { width:20px!important; height:20px!important; }
  #seafix-demo .sf-layovers-page .sf-layovers-tile strong { font-size:13px; line-height:1.4; word-break:normal; overflow-wrap:normal; hyphens:none; }
  #seafix-demo .sf-layovers-page .sf-layovers-tile:last-child { grid-template-columns:20px minmax(0,1fr) 18px; }
}