/* Свои отличия Свода от МойСклада (слово руководства 22.10.2026): значок непрочитанных у колокольчика шапки, окно и страница
   «Уведомления», полоса «Правка закрыта» над проведённым и оплаченным документом, страница «Запросы на правку». */
#ms-notifications > summary, #ms-chats > summary { position:relative; }
.ms-shell-badge { position:absolute; top:3px; right:2px; box-sizing:border-box; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#e5332a; color:#fff; font:700 10px/16px Arial,sans-serif; text-align:center; pointer-events:none; }
.ms-shell-notifications .svod-notices-panel { max-height:420px; overflow:auto; }
.ms-shell-notifications > .ms-shell-notices-all { border-top:1px solid #dde; color:#186999; }
.svod-notices { margin:0; padding:0; list-style:none; }
.svod-notice > a { display:grid; gap:2px; padding:8px 15px; border-bottom:1px solid #eee; color:#222; text-decoration:none; font:12px/16px Arial,sans-serif; }
.svod-notice > a:hover { background:#f2f6fa; text-decoration:none; }
.svod-notice.is-unread > a { background:#eef6ff; }
.svod-notice.is-unread .svod-notice-title { font-weight:700; }
.svod-notice-title { color:#186999; }
.svod-notice-body { color:#333; white-space:pre-line; overflow-wrap:anywhere; }
.svod-notice-time { color:#888; font-size:11px; }
.ms-shell-notifications .svod-notice-body { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

.svod-notices-page { box-sizing:border-box; max-width:960px; padding:15px 20px; font:12px/16px Arial,sans-serif; color:#222; }
.svod-notices-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:8px; }
.svod-notices-head h1 { margin:0 10px 0 0; font:400 20px/26px Arial,sans-serif; }
.svod-notices-head form { margin:0; }
.svod-notices-hint { max-width:760px; margin:0 0 12px; color:#666; }
.svod-notices-page > .svod-notices { border-top:1px solid #eee; }
.svod-notices-empty { color:#777; }

.svod-requests { width:100%; border-collapse:collapse; }
.svod-requests th { padding:6px 8px; border-bottom:1px solid #186999; color:#186999; font:11px/14px Tahoma,Geneva,sans-serif; text-align:left; }
.svod-requests td { padding:8px; border-bottom:1px solid #eee; vertical-align:top; }
.svod-request.is-pending td { background:#fffbea; }
.svod-request.is-focus td { background:#e8f2fb; }
.svod-request-reason { max-width:340px; white-space:pre-line; overflow-wrap:anywhere; }
.svod-request-status, .svod-request-note { display:block; }
.svod-request-note { color:#555; white-space:pre-line; overflow-wrap:anywhere; }
.svod-paidlock-decide { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:6px 0 0; }
.svod-paidlock-decide .ms-input { box-sizing:border-box; width:220px; max-width:100%; }

.svod-paidlock { box-sizing:border-box; max-width:960px; margin:10px 0; padding:8px 12px; border:1px solid #f0d27a; background:#fff8e1; color:#4a3b0c; font:12px/17px Arial,sans-serif; }
.svod-paidlock.is-approver { border-color:#9cc3e3; background:#eef6fd; color:#1d3b52; }
.svod-paidlock.is-granted { border-color:#a9d39a; background:#effae9; color:#24451a; }
.svod-paidlock p { margin:0 0 6px; }
.svod-paidlock > :last-child { margin-bottom:0; }
.svod-paidlock form { margin:0; }
.svod-paidlock-title { font-weight:700; }
.svod-paidlock-rejected { color:#9b2c12; }
.svod-paidlock-request { padding:6px 0 0; border-top:1px solid rgba(0,0,0,.08); }
.svod-paidlock-request + .svod-paidlock-request { margin-top:6px; }
.svod-paidlock-reason { white-space:pre-line; overflow-wrap:anywhere; }
.svod-paidlock-ask > summary { display:inline-block; list-style:none; cursor:pointer; }
.svod-paidlock-ask > summary::-webkit-details-marker { display:none; }
.svod-paidlock-ask > summary::marker { content:''; }
.svod-paidlock-ask form { display:grid; gap:6px; max-width:540px; margin-top:8px; }
.svod-paidlock-ask form .ms-btn { justify-self:start; }
.svod-paidlock-text { box-sizing:border-box; width:100%; min-height:54px; resize:vertical; font:12px/16px Arial,sans-serif; }

/* Правая панель «Чаты» (01.11.2026; размеры и движения — замер МойСклада 02.11.2026, старый вид): колокольчик и значок «Чаты»
   шапки. Пока ответа нет — прежнее окно; с панелью (svod-chats-on) окно становится подложкой на всё окно rgba(1,4,11,.36)
   (появляется за .3 с, щелчок по ней закрывает), а сама панель — справа поверх шапки: 1175 px, фон #f1f4f9, тень 0 2px 7px
   rgba(9,23,57,.2), выезжает справа за .5 с и так же уезжает (is-closing); круглая «×» 32 px — на её левом краю. Меню 200 px
   #e1e6ed, пункт 44 px с радиусом 12 px, выбранный и под мышью — фон rgba(75,100,139,.12); «Другие чаты» — в светлом блоке,
   под мышью белые. Раздел — белая карточка с радиусом 8 px; шрифт 14 px, текст #091739, второстепенный #5f6d79, заголовки
   24/700; разделитель дня — по центру линии #d1d6df; карточка: значок, заголовок 16/700, время 12 px #9fa7af, подробность,
   «Перейти» 14 px #036ce5. */
.ms-shell-notifications.svod-chats-on { position:fixed; top:0; right:0; bottom:0; left:0; box-sizing:border-box; width:auto; max-width:none; max-height:none; margin:0; padding:0; border:0; background:rgba(1,4,11,.36); box-shadow:none; overflow:hidden; z-index:99; animation:svod-chats-fade .3s ease; }
.ms-shell-notifications.svod-chats-on.is-closing { background:rgba(1,4,11,0); transition:background-color .3s ease; }
.svod-chats { position:absolute; top:0; right:0; bottom:0; display:flex; box-sizing:border-box; width:1175px; max-width:100vw; border-radius:2px; background:#f1f4f9; box-shadow:0 2px 7px rgba(9,23,57,.2); font:400 14px/20px 'Svod Onest',Arial,sans-serif; color:#091739; text-align:left; }
/* Выезд — у метки svod-chats-on: закрытие её снимает, открытие ставит снова, и выезд повторяется (закрытый details в Chrome
   прячет содержимое без display:none — анимация сама не перезапускается). */
.svod-chats-on > .svod-chats { animation:svod-chats-in .5s ease-in-out; }
.is-closing > .svod-chats { transform:translateX(100%); transition:transform .5s ease-in-out; }
@keyframes svod-chats-fade { from { background-color:rgba(1,4,11,0); } }
@keyframes svod-chats-in { from { transform:translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
  .ms-shell-notifications.svod-chats-on, .svod-chats-on > .svod-chats, .is-closing > .svod-chats { animation:none; transition:none; }
}
.svod-chats-close { position:absolute; top:8px; left:-16px; z-index:1; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:0; border-radius:20px; background:#e1e6ed; color:#222; cursor:pointer; }
.svod-chats-menu { display:flex; flex:0 0 200px; flex-direction:column; box-sizing:border-box; padding:12px 8px 24px; background:#e1e6ed; overflow:auto; }
.ms-shell-popup .svod-chats-title { margin:2px 12px 24px; padding:0; border:0; font:700 24px/28px 'Svod Onest',Arial,sans-serif; color:#091739; }
.svod-chats-item { display:flex; align-items:center; gap:12px; box-sizing:border-box; width:100%; min-height:44px; margin:0 0 4px; padding:12px; border:0; border-radius:12px; background:none; color:#091739; font:inherit; text-align:left; text-decoration:none; cursor:pointer; }
.svod-chats-item:hover, .svod-chats-item[aria-pressed="true"] { background:rgba(75,100,139,.12); color:#091739; text-decoration:none; }
.svod-chats-item[aria-pressed="true"] { font-weight:700; }
.svod-chats-item > span:not(.svod-chats-count) { flex:1 1 auto; }
.svod-chats-count { flex:none; box-sizing:border-box; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#fff; color:#222; font:400 12px/16px 'Svod Onest',Arial,sans-serif; text-align:center; }
.svod-chats-list { margin:16px 0 0; padding:8px; border-radius:12px; background:#f1f4f9; }
.svod-chats-list > .svod-chats-item { min-height:36px; margin:0; padding:8px; border-radius:8px; color:#5f6d79; }
.svod-chats-list > .svod-chats-item:hover, .svod-chats-list > .svod-chats-item[aria-pressed="true"] { background:#fff; color:#5f6d79; }
.svod-chats-foot { margin-top:auto; padding:0 12px; }
.svod-chats-foot > .svod-chats-item { min-height:32px; margin:12px 0 0; padding:6px 8px; border-radius:8px; }
.svod-chats-icon { flex:none; color:#5f6d79; }
.svod-chats-body { display:flex; flex:1 1 auto; min-width:0; box-sizing:border-box; padding:16px 32px 24px 20px; }
.svod-chats-pane { flex:1 1 auto; min-width:0; box-sizing:border-box; padding:42px 24px 24px 52px; border-radius:8px; background:#fff; overflow:auto; overscroll-behavior:contain; }
.svod-chats-h { margin:0 0 16px; font:700 24px/28px 'Svod Onest',Arial,sans-serif; color:#091739; }
.ms-shell-popup .svod-chats-loading { padding:0; color:#5f6d79; font-size:14px; text-align:left; }
.ms-shell-popup .svod-chats-day { position:relative; display:flex; justify-content:center; margin:26px 0 10px; padding:0; font-size:12px; line-height:16px; color:#5f6d79; text-align:center; }
.svod-chats-h + .svod-chats-day { margin-top:26px; }
.svod-chats-day::before { content:""; position:absolute; top:50%; right:0; left:0; height:1px; background:#d1d6df; }
.svod-chats-day > span { position:relative; padding:4px 12px; border-radius:12px; background:#fff; }
.svod-chats-card, .svod-chats-thread { display:flex; gap:12px; padding:8px; border-radius:8px; color:#091739; text-decoration:none; }
.svod-chats-card + .svod-chats-card { margin-top:8px; }
.svod-chats-card.is-unread { background:#eef5ff; }
.svod-chats-thread:hover { background:#f2f5f9; color:#091739; text-decoration:none; }
.svod-chats-card-icon { display:flex; flex:none; align-items:flex-start; justify-content:center; width:18px; padding-top:1px; }
.svod-chats-card-icon .svod-chats-icon { width:16px; height:16px; color:#091739; }
.svod-chats-card-main { display:flex; flex:1 1 auto; flex-direction:column; min-width:0; max-width:700px; }
.svod-chats-card-head { display:flex; flex-direction:column; }
.svod-chats-card-head > b { font:700 16px/18px 'Svod Onest',Arial,sans-serif; color:#091739; overflow-wrap:anywhere; }
.svod-chats-card-head > time { margin-top:4px; font-size:12px; line-height:16px; color:#9fa7af; }
.ms-shell-popup .svod-chats-card .svod-notice-body { margin:4px 0 0; padding:0; font-size:14px; line-height:20px; color:#091739; text-align:left; white-space:pre-line; overflow-wrap:anywhere; }
.svod-chats-go { align-self:flex-start; margin-top:4px; font-size:14px; line-height:20px; color:#036ce5; text-decoration:none; }
.svod-chats-go:hover { text-decoration:underline; }
.svod-chats-all { display:inline-block; margin-top:16px; font-size:14px; color:#036ce5; }
.svod-chats-thread-text { color:#091739; overflow-wrap:anywhere; }
.svod-chats-thread-meta { font-size:12px; color:#5f6d79; }
.svod-chats-empty { margin:0 0 20px; }
.svod-chats-empty h4 { margin:0 0 4px; font:700 16px/24px 'Svod Onest',Arial,sans-serif; color:#091739; }
.ms-shell-popup .svod-chats-empty p { margin:0 0 8px; padding:0; font-size:14px; line-height:20px; color:#5f6d79; text-align:left; }
@media (max-width: 899px) {
  .svod-chats { width:100vw; }
  .svod-chats-close { left:auto; right:8px; }
  .svod-chats { flex-direction:column; }
  .svod-chats-menu { flex:none; flex-direction:row; flex-wrap:wrap; gap:4px; padding:8px; }
  .ms-shell-popup .svod-chats-title { width:100%; margin:4px 8px; }
  .svod-chats-item { width:auto; margin:0; }
  .svod-chats-list { margin:0; padding:0; background:none; }
  .svod-chats-foot { display:flex; gap:4px; margin:0; padding:0; }
  .svod-chats-foot > .svod-chats-item { margin:0; }
  .svod-chats-body { flex:1 1 auto; min-height:0; padding:8px; }
  .svod-chats-pane { padding:16px; }
}
.svod-notices-sub { margin:24px 0 8px; font:400 16px/22px Arial,sans-serif; }

/* «События» документа (DocEvents, 01.11.2026): лента под полем, новые сверху; упоминание — «@Имя» отдельным цветом. */
.svod-events-compose { position:relative; }
.svod-events-watch[aria-pressed="true"] { border-color:#036ce5; color:#036ce5; }
.svod-events-status:empty, .ms-task-files-status:empty { display:none; }
.svod-events-status { margin:8px 0 0; font-size:12px; color:#b32424; }
.svod-events-note { margin:12px 0 0; font-size:12px; color:#5f6d79; }
.svod-events-feed { margin:16px 0 0; padding:0; list-style:none; }
.svod-event { padding:10px 0; border-top:1px solid #e5e8ed; }
.svod-event-head { display:flex; align-items:baseline; gap:12px; }
.svod-event-head > b { font-weight:700; }
.svod-event-head > time { font-size:12px; color:#5f6d79; }
.svod-event-text { margin-top:2px; white-space:normal; overflow-wrap:anywhere; }
.svod-events-empty { margin:16px 0 0; color:#5f6d79; }
.svod-mention { color:#036ce5; font-weight:600; }
.svod-mention-list { position:absolute; left:0; top:100%; z-index:50; box-sizing:border-box; min-width:240px; max-width:100%; max-height:240px; margin:4px 0 0; padding:4px 0; overflow:auto; list-style:none; border:1px solid #d1d6df; border-radius:8px; background:#fff; box-shadow:0 4px 12px rgba(9,23,57,.16); font:400 14px/20px 'Svod Onest',Arial,sans-serif; color:#091739; }
.svod-mention-list > li { padding:6px 12px; cursor:pointer; }
.svod-mention-list > li[aria-selected="true"], .svod-mention-list > li:hover { background:#e9eef5; }
.ms-task-note-box .svod-mention-list { top:auto; bottom:100%; margin:0 0 4px; }

/* Заметка контрагента: «Сохранить» и «Отмена» под полем «Что произошло?», своя заметка в ленте. */
.ms-refedit-note-actions { display:flex; align-items:center; gap:8px; margin-top:8px; }
.ms-refedit-note-status { font-size:11px; color:#b32424; }

/* Файлы задачи (EntityFiles): под описанием — имя, размер, «×»; скрепка «Файл»; выбранные в «Создании задачи». */
.ms-task-files { margin-top:12px; }
.ms-task-files-list { margin:6px 0 0; padding:0; list-style:none; }
.ms-task-files-list > li { display:flex; align-items:center; gap:6px; min-height:24px; color:#091739; }
.ms-task-files-list > li > a { color:#036ce5; overflow-wrap:anywhere; }
.ms-task-files-size { color:#5f6d79; font-size:12px; white-space:nowrap; }
.ms-task-files-add { display:inline-flex; align-items:center; gap:4px; margin-top:6px; color:#036ce5; cursor:pointer; }
.ms-task-files-status { margin:6px 0 0; font-size:12px; color:#b32424; }
.ms-task-new-text > label.ms-task-note-clip { cursor:pointer; }
.ms-task-new-files { margin:6px 0 0; padding:0 0 0 2px; list-style:none; font-size:12px; color:#5f6d79; }

/* «Настройки пользователя» → «Уведомления» (NoticePrefs): категории × каналы, переключатель старого вида МойСклада. */
.svod-notify { margin-top:30px; }
.svod-notify-table { border-collapse:collapse; font-size:12px; color:#222; }
.svod-notify-table th, .svod-notify-table td { height:31px; padding:0 14px 0 0; border-bottom:1px solid #eee; text-align:left; font-weight:400; vertical-align:middle; }
.svod-notify-table thead th { border-bottom:2px solid #186999; color:#186999; white-space:nowrap; }
.svod-notify-table thead th > span:first-child { margin-right:4px; }
.svod-notify-table td { width:120px; }
.svod-notify-table tbody th { min-width:260px; white-space:nowrap; }
.svod-notify-switch { display:inline-flex; align-items:center; gap:8px; margin-right:4px; cursor:pointer; }
.svod-notify-switch > input[type="checkbox"] { -webkit-appearance:none; appearance:none; position:relative; box-sizing:border-box; flex:none; width:24px; height:13px; margin:0; border:1px solid #ddd; border-radius:7px; background:#f5f5f5; cursor:pointer; }
.svod-notify-switch > input[type="checkbox"]::after { content:""; position:absolute; box-sizing:border-box; top:1px; left:1px; width:9px; height:9px; border:1px solid #e0e0e0; border-radius:50%; background:#fff; }
.svod-notify-switch > input[type="checkbox"]:checked { border-color:#3b99fc; background:#3b99fc; }
.svod-notify-switch > input[type="checkbox"]:checked::after { left:12px; border-color:#fff; }
.svod-notify-switch > input[type="checkbox"]:disabled { cursor:default; opacity:.6; }
.svod-notify-switch > input[type="checkbox"]:focus-visible { outline:1px solid #186999; outline-offset:2px; }
.svod-notify-table tr.is-off .svod-notify-switch > span { color:#888; }
.svod-notify-help { margin-left:2px; }
@media (max-width: 1000px) {
  .svod-notify-table tbody th { min-width:0; white-space:normal; }
  .svod-notify-table td { width:auto; }
}