.ib-seg-n { font-size: 10.5px; font-weight: 600; color: var(--text-3); margin-inline-start: 6px; font-variant-numeric: tabular-nums; }
.segmented input:checked + span .ib-seg-n { color: var(--text-2); }
.review-prose { white-space: normal; line-height: 1.6; color: var(--text); overflow-wrap: anywhere; }

.review-strip { display: flex; align-items: center; gap: 8px; padding: 8px 14px; font-size: 12.5px; color: var(--text-2); background: var(--surface-2); border-bottom: 1px solid var(--border); }
.review-strip .i { color: var(--text-3); }
.review-flag { display: inline-flex; color: var(--amber); cursor: help; }
.review-filterbar .toolbar { border-bottom: 0; }

.review-card { overflow: hidden; scroll-margin-top: calc(var(--topbar-h) + 16px); }
.review-card:target { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-ring); }
.review-card.is-done { background: var(--surface-2); }
.review-card-head { display: flex; align-items: center; gap: 14px; padding: 14px 18px; flex-wrap: wrap; }
.review-card-meta { margin-inline-start: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.review-engagement { border-inline-start: 3px solid var(--rose); }
.review-quote { margin: 0 18px 14px; padding: 10px 14px; border-inline-start: 3px solid var(--border-strong); background: var(--surface-2); border-radius: 0 var(--radius) var(--radius) 0; color: var(--text); white-space: pre-wrap; font-size: 13px; overflow-wrap: anywhere; }
.review-quote:dir(rtl) { border-radius: var(--radius) 0 0 var(--radius); }
.review-card-body { padding: 0 18px 14px; }
.review-diff-wrap { border-top: 1px solid var(--border); border-radius: 0; }
.review-diff th { background: var(--surface-2); }
.review-diff td { vertical-align: top; padding-top: 9px; padding-bottom: 9px; height: auto; }
.review-diff tr.is-same td { color: var(--text-3); }
.review-diff .input-sm, .review-diff .select-sm { max-width: 100%; }
.review-diff .textarea { min-height: 54px; font-size: 13px; }
.review-old { color: var(--text-2); overflow-wrap: anywhere; }
.review-new { font-weight: 500; overflow-wrap: anywhere; }
.review-warn { display: flex; align-items: center; gap: 5px; margin-top: 4px; font-size: 11.5px; color: var(--amber); }
.review-card-foot { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-top: 1px solid var(--border); background: var(--surface-2); flex-wrap: wrap; }
.review-card-foot > .textarea { flex: 1; min-width: 220px; min-height: 34px; height: 34px; padding-top: 7px; resize: none; }
.review-card-foot.review-decided { flex-direction: column; align-items: flex-start; gap: 4px; }
.review-hint { padding: 0 18px 12px; background: var(--surface-2); font-size: 11.5px; color: var(--text-3); margin-top: -4px; }
.review-engage { display: flex; align-items: center; gap: 18px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); flex-wrap: wrap; }
.review-engage-couple { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.review-engage-couple > .i { color: var(--rose); flex: none; }
.review-engage-couple .strong { font-size: 14.5px; }
.review-engage-date { padding-inline-start: 18px; border-inline-start: 1px solid var(--border); }

.review-title { font-size: 24px; font-weight: 650; letter-spacing: -.02em; line-height: 1.2; }
.review-more > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 12.5px; font-weight: 500; color: var(--primary); user-select: none; }
.review-more > summary::-webkit-details-marker { display: none; }
.review-more[open] > summary { color: var(--text-2); }
.review-approve-card { border-color: var(--border-strong); box-shadow: var(--shadow-sm); }
.review-approve-card .card-head { background: var(--surface-2); border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
.review-anyway { padding: 8px 10px; border-radius: var(--radius-sm); background: var(--amber-soft); color: var(--text); font-size: 12.5px; }
.review-dup { align-items: flex-start; padding: 10px 16px; }
.review-dup .btn { margin-top: 2px; }
.review-strong { color: var(--amber); font-weight: 600; }
.review-steps { list-style: none; margin: 0; padding: 12px 14px; display: flex; flex-direction: column; gap: 9px; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius); font-size: 13px; }
.review-steps li { display: flex; gap: 10px; align-items: flex-start; }
.review-steps .i { margin-top: 2px; color: var(--primary); }
.review-internal { padding: 12px 14px; border-radius: var(--radius); border: 1px dashed var(--border-strong); background: var(--surface-2); }

.review-side .card-head h3 { min-width: 0; }
.review-side-registry { padding: 12px 18px 16px; border-top: 1px solid var(--border); background: var(--surface-2); border-radius: 0 0 var(--radius-lg) var(--radius-lg); }
.review-linked { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.review-suggest { margin: 0 -6px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.review-suggest .list-row { padding: 8px 10px; }

.content.ib-content { padding-bottom: 16px; }
.ib-head { margin-bottom: 14px; }
.ib-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--primary); display: inline-block; flex: none; }
.ib-desk { display: grid; grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); height: calc(100vh - var(--topbar-h) - 118px); min-height: 540px; overflow: hidden; }
.ib-list-col { display: flex; flex-direction: column; min-height: 0; border-inline-end: 1px solid var(--border); background: var(--surface); }
.ib-filters { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-bottom: 1px solid var(--border); background: var(--surface-2); }
.ib-desk-portal .ib-filters { flex-direction: row; align-items: center; flex-wrap: wrap; }
.ib-desk-portal .ib-filters .select { width: auto; margin-inline-start: auto; }
.ib-filter-row { display: flex; gap: 8px; align-items: center; }
.ib-filter-row > .select { flex: 1; min-width: 0; }
.ib-seg label span { height: 24px; padding: 0 9px; font-size: 12px; }
.ib-unread-toggle { margin-inline-start: auto; color: var(--text-2); }
.ib-list { flex: 1; overflow-y: auto; min-height: 0; scrollbar-width: thin; }
.ib-list .pager { border-radius: 0; }
.ib-row { position: relative; display: flex; gap: 10px; padding: 11px 14px 11px 12px; border-bottom: 1px solid var(--border); color: var(--text); transition: background .08s; }
.ib-row:hover { background: var(--surface-hover); }
.ib-row.is-active { background: color-mix(in srgb, var(--primary-soft) 70%, var(--surface)); }
.ib-row.is-active::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 3px; background: var(--primary); }
.ib-row-dot { width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; flex: none; background: transparent; }
.ib-row.is-unread .ib-row-dot { background: var(--primary); }
.ib-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ib-row-top { display: flex; align-items: baseline; gap: 8px; }
.ib-row-subject { flex: 1; font-size: 13px; font-weight: 500; color: var(--text); }
.ib-row.is-unread .ib-row-subject { font-weight: 700; }
.ib-row-time { font-size: 11px; color: var(--text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ib-row.is-unread .ib-row-time { color: var(--primary); font-weight: 600; }
.ib-row-who { font-size: 12px; color: var(--text-2); }
.ib-row-preview { font-size: 12px; color: var(--text-3); }
.ib-row-tags { display: flex; align-items: center; gap: 5px; margin-top: 4px; flex-wrap: wrap; }
.ib-row-tags .code-chip { font-size: 10.5px; padding: 1px 5px; }
.ib-row-assignee { margin-inline-start: auto; display: inline-flex; }
.ib-row-assignee .avatar { width: 20px; height: 20px; font-size: 9px; }

.ib-pane-col { position: relative; min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--surface); }
.ib-pane-col.is-loading, #ib-pane.is-loading { opacity: .6; transition: opacity .15s; }
.ib-pane-empty { flex: 1; display: flex; align-items: center; justify-content: center; background: var(--surface-2); }
.ib-shortcuts { display: flex; gap: 16px; font-size: 11.5px; color: var(--text-3); justify-content: center; flex-wrap: wrap; }
.ib-pane { position: relative; flex: 1; display: flex; flex-direction: column; min-height: 0; }
.ib-pane-head { padding: 14px 20px 12px; border-bottom: 1px solid var(--border); display: flex; flex-direction: column; gap: 6px; }
.ib-back { display: none; align-self: flex-start; margin: -4px 0 2px -8px; }
.ib-title-row { display: flex; align-items: center; gap: 10px; }
.ib-subject { font-size: 17px; font-weight: 650; letter-spacing: -.01em; line-height: 1.3; min-width: 0; overflow-wrap: anywhere; }
.ib-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-2); flex-wrap: wrap; }
.ib-controls { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.ib-control { display: flex; flex-direction: column; gap: 3px; min-width: 120px; }
.ib-control > span { font-size: 10.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); }
.ib-control .select { width: auto; min-width: 130px; }
.ib-resolve { margin-inline-start: auto; }
.ib-cand-strip { display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); }
.ib-cand-strip:hover { border-color: var(--border-strong); }

.ib-pane-body { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 290px; }
.ib-pane-body-single { grid-template-columns: minmax(0, 1fr); }
.ib-thread-col { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.ib-thread { flex: 1; overflow-y: auto; min-height: 0; padding: 8px 0 16px; background: var(--surface-2); scrollbar-width: thin; }
.ib-day { display: flex; align-items: center; gap: 12px; padding: 14px 20px 6px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.ib-day::before, .ib-day::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.ib-msg { display: flex; gap: 12px; padding: 8px 20px; align-items: flex-start; }
.ib-msg > .avatar { margin-top: 2px; }
.ib-msg-main { flex: 1; min-width: 0; max-width: 760px; padding: 10px 14px 12px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-xs); }
.ib-msg-staff .ib-msg-main { background: color-mix(in srgb, var(--primary-soft) 55%, var(--surface)); border-color: color-mix(in srgb, var(--primary) 16%, var(--border)); }
.ib-msg-note .ib-msg-main { background: var(--amber-soft); border: 1px dashed color-mix(in srgb, var(--amber) 50%, transparent); box-shadow: none; }
.ib-msg-mine { flex-direction: row-reverse; }
.ib-msg-mine .ib-msg-main { background: var(--surface); }
.ib-desk-portal .ib-msg-staff .ib-msg-main { background: color-mix(in srgb, var(--primary-soft) 55%, var(--surface)); }
.ib-msg-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; font-size: 12.5px; }
.ib-role { font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: var(--radius-pill); background: var(--primary-soft); color: var(--primary); }
.ib-role-req { background: var(--gray-soft); color: var(--gray); }
.ib-note-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: var(--amber); }
.ib-msg-time { margin-inline-start: auto; font-size: 11px; color: var(--text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ib-msg-body { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13.5px; line-height: 1.55; color: var(--text); }
.ib-waiting { display: flex; align-items: center; gap: 6px; justify-content: center; padding: 10px 20px 0; font-size: 12px; color: var(--text-3); }

.ib-composer { flex: none; padding: 10px 16px 12px; border-top: 1px solid var(--border); background: var(--surface); display: flex; flex-direction: column; gap: 8px; }
.ib-composer-tabs { display: flex; gap: 2px; }
.ib-composer-tabs button { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border: 0; border-radius: var(--radius); background: none; color: var(--text-2); font-size: 12.5px; font-weight: 500; cursor: pointer; }
.ib-composer-tabs button:hover { background: var(--surface-3); color: var(--text); }
.ib-composer-tabs button.active { background: var(--surface-3); color: var(--text); }
.ib-composer.is-note .ib-composer-tabs button.active { background: var(--amber-soft); color: var(--amber); }
.ib-input { min-height: 72px; max-height: 260px; resize: none; }
.ib-composer.is-note .ib-input { background: var(--amber-soft); border-color: color-mix(in srgb, var(--amber) 45%, var(--border)); }
.ib-composer-foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ib-composer-foot .spacer { flex: 1; }
.ib-composer-note { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-2); }

.ib-aside { border-inline-start: 1px solid var(--border); overflow-y: auto; background: var(--surface); scrollbar-width: thin; }
.ib-aside-sec { padding: 14px 16px; border-bottom: 1px solid var(--border); }
.ib-aside-sec:last-child { border-bottom: 0; }
.ib-contact { list-style: none; margin: 10px 0 8px; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; }
.ib-contact li { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ib-contact .i { color: var(--text-3); }
.ib-related { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); }
.ib-dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 12px; margin: 0; font-size: 12.5px; align-items: center; }
.ib-dl dt { color: var(--text-3); }
.ib-dl dd { margin: 0; min-width: 0; }

@media (max-width: 1320px) {
  .ib-pane-body { grid-template-columns: minmax(0, 1fr) 250px; }
}
@media (max-width: 1180px) {
  .ib-pane-body { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
  .ib-aside { border-inline-start: 0; border-top: 1px solid var(--border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 200px; }
  .ib-aside-sec { border-bottom: 0; border-inline-end: 1px solid var(--border); }
  .ib-aside-sec:last-child { border-inline-end: 0; }
}
@media (max-width: 900px) {
  .ib-desk { grid-template-columns: minmax(0, 1fr); height: calc(100vh - var(--topbar-h) - 108px); }
  .ib-desk.has-conv .ib-list-col { display: none; }
  .ib-desk:not(.has-conv) .ib-pane-col { display: none; }
  .ib-back { display: inline-flex; }
  .ib-aside { display: none; }
  .ib-msg { padding: 8px 12px; }
  .ib-control { min-width: 0; flex: 1; }
  .ib-control .select { min-width: 0; width: 100%; }
  .ib-pane-head { padding: 12px 16px; }
}
@media (max-width: 640px) {
  .ib-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .ib-controls > .btn { grid-column: 1 / -1; }
  .ib-composer-foot { gap: 8px; }
  .ib-composer-foot > .check, .ib-composer-foot > span.small { flex: 1 1 100%; min-width: 0; overflow-wrap: anywhere; }
  .ib-composer-foot > .spacer { display: none; }
  .ib-composer-foot > .select { flex: 1 1 0; min-width: 0; width: auto !important; }
  .ib-composer-foot > .btn { flex: none; }
  .ib-list-col .ib-filters { padding: 12px; }
}
@media (max-width: 900px) {
  .content:has(> .ib-desk.has-conv) > .page-head { display: none; }
  .ib-desk.has-conv { height: calc(100vh - var(--topbar-h) - 32px); height: calc(100dvh - var(--topbar-h) - 32px); min-height: 460px; }
}

.task-card .table-wrap { border-top: 1px solid var(--border); }
.task-card .toolbar { border-bottom: 0; }
.task-actions { display: inline-flex; gap: 2px; opacity: .55; transition: opacity .12s; }
.task-row:hover .task-actions, .task-actions:focus-within { opacity: 1; }
.task-sub-alert { display: inline-flex; align-items: center; gap: 4px; color: var(--red); font-weight: 600; }
.task-table td { vertical-align: middle; }
.task-check { width: 16px; height: 16px; accent-color: var(--green); cursor: pointer; margin: 0; }
.task-title { display: block; max-width: 100%; padding: 0; border: 0; background: none; text-align: start; font: inherit; font-weight: 600; color: var(--text); cursor: pointer; line-height: 1.35; overflow-wrap: anywhere; }
.task-title:hover { color: var(--primary); }
.task-details { font-size: 12px; color: var(--text-3); margin-top: 2px; max-width: 440px; }
.task-row.is-done .task-title, .task-focus-title.is-done { text-decoration: line-through; color: var(--text-3); font-weight: 500; }
.task-row.is-done td { color: var(--text-3); }
.task-row.is-overdue td:first-child { box-shadow: inset 3px 0 0 var(--red); }
.task-row.is-overdue:dir(rtl) td:first-child { box-shadow: inset -3px 0 0 var(--red); }
.task-row.is-focus td { background: var(--primary-soft); }
.task-due { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; }
.task-due.is-overdue { color: var(--red); font-weight: 600; }
.task-due.is-today { color: var(--amber); font-weight: 600; }
.task-low { font-size: 12px; color: var(--text-3); }
.task-normal { font-size: 12px; color: var(--text-2); }
.task-chip { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 7px; border-radius: var(--radius-xs); border: 1px solid var(--border); background: var(--surface-2); font-size: 12px; color: var(--text-2); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-chip:hover { border-color: var(--border-strong); color: var(--text); }
.task-chip .i { flex: none; color: var(--text-3); }
.task-cand-filter { width: 220px; }
.task-cand-filter .filter-chip { height: 28px; max-width: 220px; }
.task-cand-filter .filter-chip strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-quick { display: flex; gap: 2px; margin-top: 4px; flex-wrap: wrap; }
.task-focus { border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); box-shadow: 0 0 0 3px var(--primary-ring); }
.task-focus-title { font-size: 17px; font-weight: 650; letter-spacing: -.01em; }
.task-focus-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px 20px; font-size: 13px; }

.ib-cal-toolbar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.ib-cal-toolbar .spacer { flex: 1; }
.ib-cal-month { font-size: 17px; font-weight: 650; letter-spacing: -.01em; }
.ib-cal-heb { color: var(--text-3); font-size: 13px; }
.ib-cal-sw-task { background: var(--blue); }
.ib-cal-sw-followup { background: var(--violet); }
.ib-cal-sw-engagement { background: var(--green); }
.ib-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.ib-cal-dow { padding: 8px 10px; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); background: var(--surface-2); border-bottom: 1px solid var(--border); }
.ib-cal-cell { min-height: 118px; padding: 6px 6px 8px; border-bottom: 1px solid var(--border); border-inline-end: 1px solid var(--border); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ib-cal-cell:nth-child(7n) { border-inline-end: 0; }
.ib-cal-cell.is-out { background: var(--surface-2); }
.ib-cal-cell.is-out .ib-cal-num, .ib-cal-cell.is-out .ib-cal-ev { opacity: .55; }
.ib-cal-cell.is-shabbos { background: color-mix(in srgb, var(--accent-soft) 45%, var(--surface)); }
.ib-cal-cell.is-out.is-shabbos { background: color-mix(in srgb, var(--accent-soft) 30%, var(--surface-2)); }
.ib-cal-day { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 2px; }
.ib-cal-num { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; border-radius: var(--radius-pill); font-size: 12.5px; font-weight: 600; color: var(--text-2); font-variant-numeric: tabular-nums; }
.ib-cal-cell.is-today .ib-cal-num { background: var(--primary); color: #fff; }
.ib-cal-hday { font-size: 11px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ib-cal-evs { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ib-cal-more-wrap { display: flex; flex-direction: column; gap: 2px; }
.ib-cal-ev { display: flex; align-items: center; gap: 6px; padding: 3px 6px; border-radius: var(--radius-sm); font-size: 11.5px; line-height: 1.3; color: var(--text); min-width: 0; background: var(--surface-3); transition: background .1s; }
.ib-cal-ev:hover { background: var(--surface-hover); box-shadow: inset 0 0 0 1px var(--border-strong); }
.ib-cal-ev-dot { width: 6px; height: 6px; border-radius: 50%; flex: none; background: var(--blue); }
.ib-cal-ev-task { background: var(--blue-soft); }
.ib-cal-ev-followup { background: var(--violet-soft); }
.ib-cal-ev-followup .ib-cal-ev-dot { background: var(--violet); }
.ib-cal-ev-engagement { background: var(--green-soft); font-weight: 600; }
.ib-cal-ev-engagement .ib-cal-ev-dot { background: var(--green); }
.ib-cal-ev.is-overdue { background: var(--red-soft); }
.ib-cal-ev.is-overdue .ib-cal-ev-dot { background: var(--red); }
.ib-cal-ev-title { flex: 1; min-width: 0; }
.ib-cal-more { align-self: flex-start; border: 0; background: none; padding: 1px 6px; font-size: 11.5px; font-weight: 600; color: var(--primary); cursor: pointer; border-radius: var(--radius-sm); }
.ib-cal-more:hover { background: var(--surface-3); }
.ib-cal-agenda { padding: 4px 0 8px; }
.ib-cal-overdue { margin: 12px 16px 4px; border: 1px solid color-mix(in srgb, var(--red) 25%, var(--border)); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--red-soft) 50%, var(--surface)); overflow: hidden; }
.ib-cal-ag-day { padding: 0 16px; }
.ib-cal-ag-day.is-past { opacity: .72; }
.ib-cal-ag-head { display: flex; align-items: center; gap: 10px; padding: 14px 4px 8px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.ib-cal-overdue .ib-cal-ag-head { padding: 10px 14px; }
.ib-cal-ag-date { display: inline-flex; align-items: center; gap: 6px; font-weight: 650; font-size: 13.5px; }
.ib-cal-ag-day.is-today .ib-cal-ag-date { color: var(--primary); }
.ib-cal-ag-list { display: flex; flex-direction: column; gap: 4px; padding: 8px 0 6px; }
.ib-cal-overdue .ib-cal-ag-list { padding: 6px 10px 10px; }
.ib-cal-ag-list .ib-cal-ev { font-size: 13px; padding: 7px 10px; gap: 10px; }
.ib-cal-ev-date { font-size: 12px; font-weight: 600; color: var(--red); min-width: 52px; font-variant-numeric: tabular-nums; }
.ib-cal-ev-sub { font-size: 12px; color: var(--text-3); max-width: 200px; flex: none; }
@media (max-width: 900px) {
  .ib-cal-cell { min-height: 74px; padding: 4px; }
  .ib-cal-hday, .ib-cal-ev-title { display: none; }
  .ib-cal-ev { padding: 3px; justify-content: center; }
  .ib-cal-ag-list .ib-cal-ev-title { display: block; }
  .ib-cal-dow { padding: 6px 4px; font-size: 10px; }
}
@media (max-width: 640px) {
  .table.task-table.table-cards > tbody > tr > td.col-actions { order: 3; flex: 1 1 100%; display: flex; justify-content: flex-end; margin-top: -4px; }
  .task-table .task-actions { opacity: 1; gap: 4px; }
  .task-table .task-check { width: 20px; height: 20px; }
  .task-table .task-title { font-size: 14px; }
  .task-table .task-details { white-space: normal; max-width: none; }
  .task-row.is-overdue td:first-child, .task-row.is-overdue:dir(rtl) td:first-child { box-shadow: none; }
  .task-row.is-overdue { box-shadow: inset 3px 0 0 var(--red); }
  .task-row.is-overdue:dir(rtl) { box-shadow: inset -3px 0 0 var(--red); }
  .task-row.is-focus { background: var(--primary-soft); }
}
.ib-cal-dow-short { display: none; }
@media (max-width: 640px) {
  .ib-cal-dow { text-align: center; letter-spacing: .02em; font-size: 10.5px; }
  .ib-cal-dow-full { display: none; }
  .ib-cal-dow-short { display: inline; }
}