/* Слой аудита Уровня 3 — панель правок на странице материала и очередь проверки.
   Оформление в общих токенах «жидкого стекла» (world.css/cabinet.css):
   плотные панели, золотой акцент, мягкие рамки. */

.audit-host { max-width: 780px; margin: 18px auto 0; }
.audit-panel {
  padding: 16px 18px;
  background: #FFFDF7;
  border: 1px solid rgba(120,100,70,.22);
  border-radius: var(--radius, 14px);
  box-shadow: 0 10px 30px -18px rgba(45,29,12,.4);
  color: var(--text, #2B2110);
}
.audit-panel .audit-in { background: #FFFFFF; }
.audit-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.audit-badge {
  padding: 4px 12px; border-radius: 999px; font: 600 12.5px Inter, sans-serif;
  color: var(--muted, #756B5C); background: var(--surface-raised, rgba(255,253,247,.34));
  border: 1px solid var(--border, rgba(120,100,70,.22));
}
.audit-badge.on {
  color: #7A2E00; background: color-mix(in srgb, var(--accent, #FF6A00) 16%, transparent);
  border-color: color-mix(in srgb, var(--accent, #FF6A00) 40%, transparent);
}
.audit-head .audit-act { margin-left: auto; }

.audit-act {
  min-height: 38px; padding: 0 14px; cursor: pointer;
  color: var(--text, #2B2110); background: var(--surface-raised, rgba(255,253,247,.34));
  border: 1px solid var(--border, rgba(120,100,70,.22));
  border-radius: var(--radius-sm, 10px);
  font: 600 13.5px Inter, sans-serif;
}
.audit-act:hover { background: var(--accent-soft, rgba(255,106,0,.08)); }
.audit-act.ok { color: #2B2110; background: var(--accent, #FF6A00); border-color: var(--accent, #FF6A00); }
.audit-act.ok:hover { background: var(--accent-hover, #FF8A2B); }
.audit-act.no { color: #B42318; border-color: color-mix(in srgb, #B42318 35%, transparent); }
.audit-act:disabled { opacity: .5; cursor: default; }

.audit-form { margin: 12px 0 6px; padding: 12px; border-radius: var(--radius-sm, 10px); background: var(--surface-raised, rgba(255,253,247,.34)); border: 1px solid var(--border, rgba(120,100,70,.22)); }
.audit-lbl { display: block; margin: 8px 0 4px; font: 600 12px Inter, sans-serif; color: var(--muted, #756B5C); text-transform: uppercase; letter-spacing: .05em; }
.audit-in {
  width: 100%; padding: 9px 11px; color: var(--text, #2B2110);
  background: var(--surface, rgba(255,253,247,.46));
  border: 1px solid var(--border, rgba(120,100,70,.22));
  border-radius: var(--radius-sm, 10px); font: 400 14.5px Inter, sans-serif;
}
.audit-in:focus { outline: 2px solid var(--focus, #FF6A00); outline-offset: 1px; }
textarea.audit-in { resize: vertical; min-height: 62px; }
.audit-line { display: flex; gap: 8px; margin-top: 10px; align-items: center; }
.audit-line .audit-in { flex: 1 1 auto; }

.audit-list { margin-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.audit-cor { padding: 12px 14px; border-left: 3px solid color-mix(in srgb, var(--accent, #FF6A00) 45%, transparent); background: var(--surface, rgba(255,253,247,.46)); border-radius: var(--radius-sm, 10px); }
.audit-cor-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.audit-ct { font: 650 13px Inter, sans-serif; color: #7A2E00; }
.audit-st { padding: 2px 9px; border-radius: 999px; font: 600 11.5px Inter, sans-serif; background: var(--surface-raised, rgba(255,253,247,.34)); border: 1px solid var(--border, rgba(120,100,70,.22)); color: var(--muted, #756B5C); }
.audit-st.st-discussing { color: #7A4E00; border-color: color-mix(in srgb, #B7791F 40%, transparent); }
.audit-st.st-in_review { color: #1E4E8C; border-color: color-mix(in srgb, #2B6CB0 40%, transparent); }
.audit-st.st-accepted { color: #1B5E20; border-color: color-mix(in srgb, #2F855A 40%, transparent); }
.audit-st.st-rejected { color: #B42318; border-color: color-mix(in srgb, #B42318 35%, transparent); }
.audit-when { margin-left: auto; font: 500 11.5px Inter, sans-serif; color: var(--muted, #756B5C); }
.audit-reason { margin: 8px 0 4px; font: 400 15px/1.5 Inter, sans-serif; }
.audit-ev, .audit-prop { margin: 4px 0; font: 400 14px/1.5 Inter, sans-serif; color: var(--muted, #756B5C); }
.audit-lbl { display: inline; margin: 0 4px 0 0; text-transform: none; letter-spacing: 0; }
.audit-prop { color: var(--text, #2B2110); }
.audit-note { margin: 6px 0 0; font: 400 12.5px Inter, sans-serif; color: var(--muted, #756B5C); }
.audit-sec { margin-top: 14px; }
.audit-sec h4 { margin: 0 0 8px; font: 650 14px Inter, sans-serif; color: var(--text, #2B2110); }
.audit-thread { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.audit-thread li { padding: 8px 10px; background: var(--surface, rgba(255,253,247,.46)); border-radius: var(--radius-sm, 10px); }
.audit-cmeta { font: 500 11.5px Inter, sans-serif; color: var(--muted, #756B5C); margin-bottom: 3px; }
.audit-cbody { font: 400 14px/1.5 Inter, sans-serif; white-space: pre-wrap; }
.audit-empty { margin: 8px 0 0; font: 400 13.5px Inter, sans-serif; color: var(--muted, #756B5C); }

/* Очередь проверки в разделе «Уровень 3» */
.audit-queue { display: flex; flex-direction: column; gap: 12px; }

/* Блок выдачи доступа к правкам (только админ) */
.audit-access-list { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.audit-access-row {
  display: flex; align-items: center; gap: 12px; padding: 8px 12px;
  background: var(--surface-raised, rgba(255,253,247,.34));
  border: 1px solid var(--border, rgba(120,100,70,.22));
  border-radius: var(--radius-sm, 10px);
}
.audit-access-id { font: 650 14px Inter, sans-serif; }

/* Кнопка «+» добавления материала в библиотеке */
.cab-add {
  flex: 0 0 auto; width: 38px; height: 38px; margin-left: 6px; padding: 0;
  color: #2B2110; background: var(--accent, #FF6A00); border: 1px solid var(--accent, #FF6A00);
  border-radius: 50%; font: 700 22px/1 Inter, sans-serif; cursor: pointer;
}
.cab-add:hover { background: var(--accent-hover, #FF8A2B); }

/* Модальная форма нового материала */
.audit-modal {
  position: fixed; inset: 0; z-index: 80; display: flex; align-items: flex-start;
  justify-content: center; padding: 5vh 16px; overflow: auto;
  background: rgba(43, 33, 16, .38);
}
.audit-modal-card {
  width: 100%; max-width: 620px; padding: 20px 22px;
  background: #FFFDF7;
  border: 1px solid rgba(120,100,70,.22);
  border-radius: var(--radius, 14px);
  box-shadow: 0 24px 60px -24px rgba(45,29,12,.5);
}
.audit-modal-card h3 { margin: 0 0 8px; font: 650 18px Inter, sans-serif; color: var(--text, #2B2110); }
.audit-modal-card .audit-in { background: #FFFFFF; }
.audit-mat-title { margin: 8px 0 4px; font: 650 15px Inter, sans-serif; color: var(--text, #2B2110); }
.audit-lvl { font: 600 12px Inter, sans-serif; color: var(--muted, #756B5C); }
.audit-access-note { flex: 1 1 auto; color: var(--muted, #756B5C); font: 400 13.5px Inter, sans-serif; }
.audit-access-row .audit-act { margin-left: auto; }