/* 记录、提醒、接入检查。 */

/* 一条记录 */
.feed-row { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 11px 16px; }
.feed-row + .feed-row::before { content: ""; position: absolute; top: 0; left: 52px; right: 0; height: .5px; background: var(--sep); }
.feed-row.row-open { cursor: pointer; }
.feed-row.row-open:hover { background: var(--fill-soft); }
.feed-main { flex: 1; min-width: 0; }
.feed-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
.feed-line strong { font-weight: 600; }
.feed-verb { color: var(--label-2); }
.feed-object { color: var(--accent-text); font-weight: 500; text-align: left; overflow-wrap: anywhere; }
.feed-object:hover { text-decoration: underline; }
.feed-object.plain { color: var(--label); }
.feed-object.plain:hover { text-decoration: none; }
.feed-line .capsule { align-self: center; }
.feed-change { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; margin-top: 3px; font-size: 14px; overflow-wrap: anywhere; }
.feed-before { color: var(--label-3); text-decoration: line-through; }
.feed-arrow { color: var(--label-3); }
.feed-after { color: var(--label); font-weight: 500; }
.feed-note { margin-top: 3px; font-size: 14px; color: var(--label-2); white-space: pre-wrap; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.feed-meta { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-top: 3px; font-size: 13px; color: var(--label-3); font-variant-numeric: tabular-nums; }
.feed-diff-btn { flex: none; align-self: center; }
.feed-date { max-width: 150px; }
.feed-diff-who { font-size: 13px; color: var(--label-2); overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .feed-row { padding: 12px 16px; }
  .feed-row + .feed-row::before { left: 16px; }
}

/* 按行对比：新增绿色，删除红色 */
.diff { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.diff-stats { display: flex; gap: 12px; font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.diff-plus { color: var(--green); }
.diff-minus { color: var(--red); }
.diff-body { overflow: hidden; border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-card); font-size: 14px; line-height: 1.55; }
.diff-line { display: flex; align-items: flex-start; }
.diff-mark { flex: none; width: 24px; text-align: center; font-weight: 600; user-select: none; }
.diff-text { flex: 1; min-width: 0; padding-right: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.diff-add { background: var(--green-soft); }
.diff-add .diff-mark { color: var(--green); }
.diff-del { background: var(--red-soft); }
.diff-del .diff-mark { color: var(--red); }
.diff-del .diff-text { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--red) 45%, transparent); }
.diff-same { color: var(--label-2); }
.diff-skip { display: block; width: 100%; padding: 5px 12px; font-size: 13px; text-align: center; color: var(--accent-text); background: var(--fill-soft); }
.diff-skip:hover { background: var(--fill); }

/* 看对比的弹层 */
dialog.diff-sheet { width: min(760px, calc(100vw - 32px)); max-width: none; max-height: min(82dvh, 860px); padding: 0; }
dialog.diff-sheet[open] { display: flex; flex-direction: column; }
dialog.diff-sheet .sheet-body { gap: 12px; background: var(--bg); }
@media (max-width: 760px) { dialog.diff-sheet { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; } }

/* 文档历史版本 */
.revision-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.revision-who { font-size: 13px; color: var(--label-2); overflow-wrap: anywhere; }
.revision-title-change { margin-bottom: 8px; font-size: 14px; }
.article-edits { color: var(--accent-text); }
.article-edits:hover { text-decoration: underline; }

/* 任务动态的筛选 */
.timeline-filter { margin-left: auto; }
.tl-diff { margin-top: 6px; }
.tl-diff summary { cursor: pointer; font-size: 13px; color: var(--accent-text); }
.tl-diff[open] summary { margin-bottom: 6px; }

/* 提醒我 */
.remind-btn { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.remind-btn svg { width: 15px; height: 15px; }
.remind-count { min-width: 16px; padding: 0 4px; border-radius: 8px; background: var(--accent-soft); color: var(--accent-text); font-size: 12px; font-weight: 600; text-align: center; }
dialog.remind-sheet { width: min(460px, calc(100vw - 32px)); max-width: none; max-height: min(84dvh, 720px); padding: 0; }
dialog.remind-sheet[open] { display: flex; flex-direction: column; }
dialog.remind-sheet .sheet-body { background: var(--bg); }
.remind-option { width: 100%; text-align: left; }
.remind-option:hover { background: var(--fill-soft); }
.remind-option .row-value { font-variant-numeric: tabular-nums; }
.remind-custom .row-value { flex-wrap: wrap; }
.remind-custom .input { max-width: 200px; }
.remind-pending { white-space: normal; overflow-wrap: anywhere; font-size: 14px; }
@media (max-width: 760px) {
  dialog.remind-sheet { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  .remind-btn span { display: inline; }
}

/* 通知里每日摘要是多行的 */
.notice-body { white-space: pre-line; }

/* 接入检查 */
.setup-status { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.setup-missing { color: var(--orange); }
.setup-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.setup-result { padding: 10px 12px; border-radius: 10px; font-size: 14px; overflow-wrap: anywhere; }
.setup-result.ok { background: var(--green-soft); color: var(--green); }
.setup-result.bad { background: var(--red-soft); color: var(--red); }
.setup-result-detail { margin-top: 4px; color: var(--label-2); font-family: var(--mono); font-size: 12px; white-space: pre-wrap; }
.setup-result-hint { margin-top: 4px; color: var(--label); }
.setup-where { margin: 0; padding-left: 18px; line-height: 1.75; }
.setup-env-note { color: var(--label-2); }
.setup-mobile { width: 160px; }

/* 文档历史版本里的内容区 */
.revision-content { padding: 14px 16px 24px; }
.timeline-filter-row { display: flex; margin-top: 12px; padding: 0 16px; }
@media (max-width: 760px) { .timeline-filter-row .segmented { width: 100%; } .timeline-filter-row .segmented button { flex: 1; } }

/* 强提醒：Esc 和点背景都关不掉 */
dialog.strong-alert { width: min(420px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; border: 0; border-radius: 18px; background: var(--surface-raised); color: var(--label); box-shadow: var(--shadow-float); overflow: hidden; }
dialog.strong-alert::backdrop { background: rgba(0, 0, 0, .5); }
.strong-alert-inner { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px 22px 18px; text-align: center; overflow-wrap: anywhere; max-height: 60dvh; overflow-y: auto; }
.strong-alert-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 6px; border-radius: 50%; background: var(--red-soft); color: var(--red); }
.strong-alert-icon svg { width: 26px; height: 26px; }
.strong-alert-label { font-size: 13px; font-weight: 600; color: var(--red); }
.strong-alert-title { font-size: 20px; font-weight: 600; line-height: 1.35; }
.strong-alert-body { font-size: 15px; line-height: 1.5; color: var(--label-2); white-space: pre-wrap; }
.strong-alert-meta { margin-top: 4px; font-size: 13px; color: var(--label-3); }
.strong-alert-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 16px 16px; }
.strong-alert-actions .btn { flex: 1; min-height: 44px; }
.strong-alert-actions .btn.plain { flex-basis: 100%; }
@media (max-width: 760px) {
  dialog.strong-alert { width: calc(100vw - 32px); }
  .strong-alert-actions { flex-direction: column; flex-wrap: nowrap; }
  .strong-alert-actions .btn { flex: none; }
  .strong-alert-actions .btn.primary { order: -1; }
}

/* 谁确认了 */
.alert-record { display: flex; flex-direction: column; gap: 4px; padding: 11px 16px; font-size: 14px; }
.alert-record + .alert-record { border-top: .5px solid var(--sep); }
.alert-record-head { color: var(--label-2); overflow-wrap: anywhere; }
.alert-record-person { display: flex; justify-content: space-between; gap: 12px; }
.alert-acked { color: var(--green); font-variant-numeric: tabular-nums; }
.alert-waiting { color: var(--orange); text-align: right; }

/* 通知列表：要我处理、全部 */
.popover-tabs { display: flex; padding: 0 12px 8px; }
.popover-tabs .segmented { width: 100%; }
.popover-tabs .segmented button { flex: 1; }
.notice.action .notice-body { font-weight: 500; }

/* 本月钉钉用量 */
.usage-row { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.usage-line { display: flex; justify-content: space-between; gap: 12px; font-variant-numeric: tabular-nums; }
.usage-bar { height: 6px; border-radius: 3px; background: var(--fill); overflow: hidden; }
.usage-bar i { display: block; height: 100%; background: var(--accent); }
.usage-bar i.warn { background: var(--orange); }
.usage-bar i.limit, .usage-bar i.over { background: var(--red); }