.deadline-count { margin-left:auto; min-width:18px; padding:0 4px; border-radius:4px; color:var(--caution); font-size:11px; text-align:center; }
.app[data-sidebar="collapsed"] .deadline-count { display:none; }
.workspace-header { display:flex; align-items:center; gap:16px; }
#workspace-title { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.deadline-context { margin-left:auto; min-width:0; max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 0; background:transparent; color:var(--text-secondary); font-size:12px; text-align:right; }
.deadline-context[data-urgency="soon"] { color:var(--caution); }
.deadline-context[data-urgency="overdue"] { color:var(--danger); }
.deadline-agenda { width:min(1080px,calc(100% - 40px)); height:min(820px,calc(100dvh - 48px)); max-height:calc(100dvh - 48px); padding:0; overflow:hidden; border:1px solid var(--line-strong); border-radius:16px; background:var(--bg); color:var(--text-primary); box-shadow:var(--shadow); }
.deadline-agenda[open] { display:flex; flex-direction:column; }
.deadline-agenda::backdrop { background:rgba(0,0,0,.7); }
.deadline-agenda__header { display:flex; flex:none; align-items:center; gap:12px; padding:20px 24px; border-bottom:1px solid var(--line); }
.deadline-agenda__header h1 { margin:0 auto 0 0; font-size:22px; font-weight:600; letter-spacing:-.025em; }
.deadline-agenda__header select { max-width:145px; }
.deadline-agenda__body { display:grid; flex:1; min-height:0; grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr); overflow:hidden; }
.deadline-agenda__body:has(#deadline-detail:empty) { grid-template-columns:1fr; }
.deadline-agenda[data-detail="true"][data-empty="true"] .deadline-agenda__body { grid-template-columns:1fr; }
.deadline-agenda[data-detail="true"][data-empty="true"] .deadline-list { display:none; }
.deadline-agenda[data-detail="true"][data-empty="true"] { width:min(740px,calc(100% - 40px)); }
.deadline-list { overflow:auto; min-height:180px; padding:10px 16px 24px; }
.deadline-group h3 { margin:18px 8px 10px; color:var(--text-muted); font-size:12px; font-weight:500; }
.deadline-row { display:flex; align-items:center; gap:14px; width:100%; padding:14px 10px; border-radius:8px; background:transparent; text-align:left; }
.deadline-row:hover,.deadline-row[data-active="true"] { background:var(--surface-2); }
.deadline-row__date { flex:0 0 86px; color:var(--text-muted); font-size:12px; }
.deadline-row[data-urgency="soon"] .deadline-row__date { color:var(--caution); }
.deadline-row[data-urgency="overdue"] .deadline-row__date { color:var(--danger); }
.deadline-row__text { flex:1; min-width:0; }
.deadline-row__text strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:500; }
.deadline-row__text small { display:block; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-muted); font-size:11px; }
.deadline-row__labels { flex:none; color:var(--text-muted); font-size:10px; }
.deadline-detail { min-width:0; overflow:auto; border-left:1px solid var(--line); padding:22px 26px 32px; font-size:13px; line-height:1.65; }
.deadline-detail:empty { display:none; }
.deadline-detail h2 { margin:8px 0 10px; font-size:22px; line-height:1.35; font-weight:600; letter-spacing:-.025em; }
.deadline-detail h3,.deadline-form h3 { margin:24px 0 8px; font-size:13px; font-weight:600; }
.deadline-detail__date { margin:14px 0 0; color:var(--text-primary); font-size:25px; font-weight:500; letter-spacing:-.025em; }
.deadline-zone,.deadline-eyebrow { display:block; color:var(--text-muted); font-size:11px; }
.deadline-eyebrow { margin-top:16px; }
.deadline-detail__body,.deadline-calculation { margin:10px 0; color:var(--text-secondary); overflow-wrap:anywhere; }
.deadline-caution { margin:16px 0; padding-left:12px; border-left:2px solid var(--caution); color:var(--text-secondary); font-size:12px; }
.deadline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:18px 0; }
.deadline-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 12px; border:1px solid var(--line-strong); border-radius:7px; background:transparent; color:var(--text-primary); font-size:12px; font-weight:500; text-align:center; }
.deadline-button:hover { background:var(--surface-2); }
.deadline-button--primary { border-color:var(--text-primary); background:var(--text-primary); color:var(--text-inverse); }
.deadline-button--primary:hover { opacity:.85; background:var(--text-primary); }
.deadline-button:disabled,.deadline-link:disabled { opacity:.5; }
.deadline-link,.deadline-back { padding:6px 0; min-height:32px; background:transparent; color:var(--text-secondary); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.deadline-back { margin-bottom:12px; color:var(--text-muted); text-decoration:none; }
.deadline-link:hover,.deadline-back:hover { color:var(--text-primary); }
.deadline-source,.deadline-history { margin:12px 0; color:var(--text-secondary); }
.deadline-source summary,.deadline-history summary { cursor:pointer; font-size:12px; }
.deadline-source blockquote { margin:12px 0; padding-left:12px; border-left:1px solid var(--line-strong); white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
.deadline-history p { font-size:11px; color:var(--text-muted); }
.deadline-form { display:flex; flex-direction:column; gap:12px; }
.deadline-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.deadline-field { display:flex; flex-direction:column; gap:6px; min-width:0; color:var(--text-secondary); font-size:12px; }
.deadline-field input,.deadline-field textarea,.chat-page .deadline-agenda .deadline-field select,.chat-page .deadline-agenda .deadline-agenda__header select { width:100%; min-height:38px; padding:9px 10px; border:1px solid var(--line-strong); border-radius:7px; background:var(--field); color:var(--text-primary); font:inherit; }
.deadline-field textarea { min-height:66px; resize:vertical; line-height:1.5; }
.deadline-field input:focus,.deadline-field textarea:focus,.deadline-field select:focus { border-color:var(--text-muted); outline:none; }
.deadline-check { display:flex; align-items:flex-start; gap:9px; margin:8px 0; color:var(--text-secondary); font-size:12px; cursor:pointer; }
.deadline-check input { flex:none; width:16px; height:16px; margin:2px 0 0; accent-color:var(--text-primary); }
.deadline-task-edit { display:grid; grid-template-columns:1fr 145px; gap:8px; padding:10px 0; border-bottom:1px solid var(--line); }
.deadline-task-edit .deadline-link { grid-column:1/-1; justify-self:start; }
.deadline-empty { margin:24px; color:var(--text-muted); font-size:13px; }
.deadline-status { flex:none; margin:0; padding:0 24px; color:var(--text-secondary); font-size:12px; }
.deadline-status:not(:empty) { padding-block:12px; }
.deadline-status[data-error="true"] { color:var(--danger); }
.deadline-inbox { flex:none; padding:8px 24px; border-bottom:1px solid var(--line); max-height:145px; overflow:auto; }
.deadline-notification { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:6px 0; }
.deadline-notification__open { flex:1; min-width:160px; padding:4px 0; background:transparent; color:var(--caution); font-size:12px; text-align:left; }
.deadline-suggestions { margin:24px 0 12px; padding-left:16px; border-left:2px solid var(--caution); }
.deadline-suggestions h3 { margin:0 0 12px; color:var(--text-secondary); font-size:12px; font-weight:500; }
.deadline-suggestion { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:9px 0; }
.deadline-suggestion strong { display:block; font-size:14px; font-weight:500; }
.deadline-suggestion > span { flex:1; }
.deadline-suggestion > input { flex:none; width:16px; height:16px; accent-color:var(--text-primary); }
.deadline-suggestion small { display:block; margin-top:4px; color:var(--text-muted); font-size:11px; }
.deadline-suggestion .deadline-link { flex:none; color:var(--caution); }
@media(max-width:700px) {
  .deadline-agenda,.deadline-agenda[data-detail="true"][data-empty="true"] { width:calc(100% - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:12px; }
  .deadline-agenda__header { display:grid; grid-template-columns:1fr auto auto; gap:8px; padding:14px; }
  .deadline-agenda__header h1 { font-size:20px; }
  #deadline-close { grid-column:3; grid-row:1; }
  #deadline-filter { grid-column:1; grid-row:2; max-width:120px; }
  #deadline-new { grid-column:2/4; grid-row:2; }
  .deadline-agenda__body { grid-template-columns:1fr; }
  .deadline-agenda[data-detail="true"] .deadline-list { display:none; }
  .deadline-agenda[data-detail="false"] .deadline-detail { display:none; }
  .deadline-detail { border-left:0; padding:16px 18px 28px; }
  .deadline-row { gap:10px; padding:14px 6px; }
  .deadline-row__date { flex-basis:72px; font-size:11px; }
  .deadline-row__labels { max-width:48px; }
  .deadline-button,.deadline-back,.deadline-link { min-height:40px; }
  .deadline-task-edit { grid-template-columns:1fr; }
  .deadline-task-edit .deadline-link { grid-column:auto; }
  .deadline-suggestion { align-items:flex-start; gap:8px; flex-direction:column; }
  .deadline-context { max-width:48%; font-size:10px; }
  .deadline-inbox { padding:8px 16px; }
}