/* inbox.css — «Входящие ИИ» (js/inbox.js): карточки предложений с цитатой-доказательством, правка исполнителя,
   срока и проекта на месте, «Создать задачу» / «Не задача». Владелец — агент `extract` (волна 1).
   Правила: только var(--…) токены (tests/ui/test_ui_regulation.py), см. docs/THEMES.md. */

.inbox-toolbar select { min-width: 200px; }
.item-list { display: flex; flex-direction: column; gap: var(--s3); }
.item-list > .card + .card { margin-top: 0; }
.item-card { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.item-card:focus-visible, .item-done:focus-visible { outline: var(--focus-w) solid var(--ring); outline-offset: var(--focus-offset); }
.item-meta { align-items: center; }
.item-meta .status { font-size: var(--fs-xs); }
.item-title { margin: 0; font-size: var(--fs-lg); line-height: var(--lh-tight); overflow-wrap: anywhere; }
h1.item-title { font-size: var(--fs-xl); }
.item-title a, .item-title a:visited { color: inherit; text-decoration: none; }
.item-title a:hover { text-decoration: underline; }
.item-desc { margin: 0; color: var(--fg-muted); line-height: var(--lh-body); overflow-wrap: anywhere; white-space: pre-wrap; }

/* цитата-доказательство: полоса слева и кавычки — не только цвет */
.item-quote { margin: 0; padding: var(--s2) var(--s3); background: var(--surface-2);
  border-left: calc(var(--border-w) + 2px) solid var(--accent); border-radius: 0 var(--r) var(--r) 0; }
.item-quote blockquote { margin: 0; line-height: var(--lh-body); white-space: pre-wrap; overflow-wrap: anywhere; }
.item-quote blockquote::before { content: "«"; color: var(--fg-muted); }
.item-quote blockquote::after { content: "»"; color: var(--fg-muted); }
.item-quote figcaption { margin-top: var(--s1); }
.item-quote-actions { display: flex; flex-wrap: wrap; gap: var(--s1); margin-top: calc(var(--s1) * -1); }
.item-hidden { display: flex; gap: var(--s1h); align-items: flex-start; margin: 0; line-height: var(--lh-body); }
.item-hidden .icon { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.item-evidence summary { cursor: pointer; color: var(--fg-muted); font-size: var(--fs-sm); min-height: var(--control-h-sm);
  display: inline-flex; align-items: center; }
.item-evidence ol { margin: var(--s2) 0 0; padding-left: var(--s5); display: flex; flex-direction: column; gap: var(--s2); }
.item-evidence p { margin: 2px 0 0; overflow-wrap: anywhere; line-height: var(--lh-body); }

.item-people { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); }
.item-who { display: inline-flex; align-items: center; gap: var(--s1h); min-width: 0; }
.item-update { margin: 0; }
.item-update a { font-weight: var(--fw-medium); }

/* правка на месте */
.item-form { display: flex; flex-direction: column; gap: var(--s3); margin-top: var(--s1); padding-top: var(--s3);
  border-top: var(--border-w) solid var(--border); }
.item-fields { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .8fr);
  gap: var(--s3); align-items: start; }
.item-fields > .field { min-width: 0; }
.item-due-row { display: flex; gap: var(--s1h); }
.item-due-row input[type="date"] { flex: 1 1 auto; min-width: 0; }
.item-due-row input[type="time"] { flex: 0 0 auto; width: 7.5em; }
.item-cands { margin-top: var(--s1); }
.item-form .error:empty { display: none; }
.item-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); }
@media (max-width: 1100px) { .item-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 640px) {
  .item-fields { grid-template-columns: minmax(0, 1fr); }
  .item-actions .btn { flex: 1 1 140px; }
  .item-title { font-size: var(--fs-md); }
}

/* итог решения */
.item-result { display: inline-flex; align-items: center; gap: var(--s1h); margin: 0; font-weight: var(--fw-medium); }
.item-result .icon { width: 16px; height: 16px; color: var(--success); }
.item-result.muted .icon { color: var(--fg-muted); }
.item-done { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s3) var(--s4); background: var(--success-soft); }
@media (prefers-reduced-motion: no-preference) {
  .item-done { animation: item-fade var(--dur-slow) var(--ease); }
}
@keyframes item-fade { from { opacity: .4; } to { opacity: 1; } }

/* одно предложение */
.item-back { margin: 0 0 var(--s2); }
.item-back a { display: inline-flex; align-items: center; gap: var(--s1); color: var(--fg-muted); text-decoration: none; font-size: var(--fs-sm); }
.item-back a:hover { color: var(--fg); text-decoration: underline; }
.item-back .icon { width: 16px; height: 16px; }
.item-single { max-width: 980px; }

/* контекст сообщения (окно) */
.item-ctx { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s2); }
.item-ctx li { padding: var(--s2) var(--s3); border-radius: var(--r); background: var(--surface-2); }
.item-ctx li.is-target { background: var(--accent-soft); border-left: calc(var(--border-w) + 2px) solid var(--accent); }
.item-ctx-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s2); }
.item-ctx-head .who { font-weight: var(--fw-semibold); }
.item-ctx-text { overflow-wrap: anywhere; line-height: var(--lh-body); white-space: pre-wrap; }