/* 🏢 Офис v9 (🌙5): кнопки в шторке, чат с агентом во весь экран, строки сервисного центра, индикатор на золотой плашке. «Тёплая сцена»: бордо, золото; шрифт ≥14px, кнопки ≥44px. Работает только за ?preview=office9 — без него этих узлов нет. */
.o9-btns { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.o9-btns .o9-b { width: 100%; min-height: 48px; font-size: 16px; font-weight: 700; justify-content: center; }
.o9-btns .o9-b:disabled { opacity: .55; }
.o9-note { margin: 0; font-size: 14px; color: #f2c46d; }
.o9-lines { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.o9-line { width: 100%; min-height: 48px; padding: 8px 12px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.35); background: #2d1519; color: #fbf1de; font: 16px/1.3 inherit; font-family: inherit; text-align: left; overflow-wrap: anywhere; }
.o9-line.is-red { border-color: #e0623a; }
.o9-line:active { background: #3a1a20; }
.o9-tback { min-height: 44px; margin-bottom: 8px; }
.o9-shot { display: block; max-width: 100%; max-height: 260px; margin-top: 8px; border-radius: 10px; }
/* чат с агентом: поверх шторки и Офиса; поле ввода внизу в потоке (без «залипания» над клавиатурой) */
.oc.o9-chat { position: fixed; left: 0; right: 0; top: 0; height: 100%; z-index: 1700; }
.o9-chat .oc-list { margin-bottom: 0; }
.o9-chat .oc-compose { position: relative; }
.o9-items { display: flex; flex-direction: column; }
/* индикатор на золотой плашке имени: зелёный мигающий — работает, серый — без дела, ⏸ — пауза */
.o8 .o5-name[data-ind] b::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 50%; border: 1px solid #2a1a12; vertical-align: 0; background: #8a8179; }
.o8 .o5-name[data-ind="work"] b::before { background: #2fd27f; box-shadow: 0 0 5px rgba(47,210,127,.9); }
.o8 .o5-name[data-ind="wait"] b::before { background: #f2c46d; }
.o8 .o5-name[data-ind="pause"] b::before { content: "⏸"; width: auto; height: auto; border: 0; background: none; font-size: 12px; line-height: 1; }
@media (prefers-reduced-motion: no-preference) { .o8 .o5-name[data-ind="work"] b::before { animation: o8-blink 1.1s ease-in-out infinite; } }

/* #1350: шторка «Поста» — задания и идеи дня */
.o9-ptasks { margin-top: 10px; }
.o9-ptasks h4 { margin: 12px 0 6px; font-size: 15px; color: #f2c46d; }
.o9-ptasks .o9-pt p { margin: 0 0 8px; font-size: 16px; line-height: 1.3; }
.o9-ptasks .o9-pt small { font-size: 14px; }
.o9-ptasks .of-btns .of-btn { min-height: 44px; }
.o9-ptasks .o9-time { display: block; width: 100%; min-height: 44px; margin-top: 6px; font-size: 16px; }
.o9-pn.is-err { color: #ff9a8a; }
.o9-ptasks .of-btns { display: flex; gap: 8px; flex-wrap: nowrap; }
.o9-ptasks .of-btns .of-btn { flex: 1 1 0; min-width: 0; justify-content: center; }

/* #1355: «Пост» — поиск картинок и своя картинка */
.o9-postbar { flex: none; padding: 8px 12px 0; background: #1b0c10; border-top: 1.5px solid rgba(242,196,109,.26); }
.o9-postbar .of-btns { display: flex; gap: 8px; }
.o9-postbar .o9-pb { flex: 1 1 0; min-height: 44px; font-size: 15px; justify-content: center; }
.o9-ppanel { margin-bottom: 8px; padding: 10px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; max-height: 52vh; overflow: auto; }
.o9-ppanel .oc-row { display: flex; gap: 8px; }
.o9-pin { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #1b0c10; color: #fbf1de; font-size: 16px; }
.o9-pgo { min-height: 44px; }
.o9-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 10px 0; }
.o9-pi { position: relative; display: block; border-radius: 10px; overflow: hidden; border: 2px solid rgba(242,196,109,.25); background: #1b0c10; }
.o9-pi img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.o9-pi input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; z-index: 2; }
.o9-pi small { display: block; padding: 4px 6px; font-size: 12px; line-height: 1.2; color: #c9bba3; }
.o9-tick { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%; background: rgba(27,12,16,.7); color: transparent; font-size: 18px; line-height: 28px; text-align: center; border: 2px solid #f2c46d; }
.o9-pi:has(input:checked) { border-color: #f2c46d; }
.o9-pi:has(input:checked) .o9-tick { background: #f2c46d; color: #1b0c10; }
.o9-pmake { width: 100%; min-height: 48px; font-size: 16px; justify-content: center; }
.o9-pnote.is-err { color: #ff9a8a; }
.o9-addpost { min-height: 44px; margin-top: 8px; }
.o9-chat .o9-postbar .of-btns { flex-direction: row; flex-wrap: nowrap; }
.o9-chat .o9-postbar .o9-pb { flex: 1 1 0; min-width: 0; min-height: 52px; font-size: 14px; line-height: 1.15; padding: 6px 8px; white-space: normal; text-align: center; }
.o9-ppanel .o9-pgo { flex: 0 0 auto; padding: 0 16px; }
.o9-ppanel .o9-pin { width: auto; }

/* #1367: «Смотреть альбом» */
.o9-album { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(242,196,109,.25); }
.o9-aimgs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; }
.o9-aimgs img { flex: 0 0 78%; max-width: 280px; width: 78%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 12px; scroll-snap-align: start; border: 1.5px solid rgba(242,196,109,.3); background: #1b0c10; }
.o9-acap { margin: 10px 0; font-size: 15px; line-height: 1.4; white-space: pre-wrap; color: #fbf1de; }
.o9-ast { margin: 0 0 8px; font-size: 14px; color: #c9bba3; }
.o9-ast.is-err { color: #ff9a8a; font-weight: 700; }
.o9-aact { display: flex; gap: 8px; flex-wrap: nowrap; }
.o9-redo { margin-top: 8px; }
.o9-redo textarea { width: 100%; min-height: 64px; font-size: 16px; }
.o9-redo .of-btn { margin-top: 6px; min-height: 44px; }
.o9-view { width: 100%; flex: 1 1 100%; }

/* #1378: вкладка «🏭 Конвейер» (макет одобрен Арманом) */
.o9-ctabs { display: flex; gap: 8px; margin: 10px 0; }
.o9-ctabs .o9-ctab { flex: 1; min-height: 44px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; color: #fbf1de; font-size: 15px; font-weight: 700; }
.o9-ctabs .o9-ctab.on { background: linear-gradient(180deg, #f6d58b, #e0a43a); color: #1b0c10; border-color: transparent; }
.o9-conv { margin-top: 4px; }
.o9-cst { border: 1.5px solid rgba(242,196,109,.3); background: #241114; border-radius: 14px; padding: 10px 12px; margin-bottom: 12px; }
.o9-cst b { font-size: 16px; }
.o9-cdot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #4cc08a; margin-right: 6px; box-shadow: 0 0 8px #4cc08a; }
.o9-cdot.is-off { background: #8a8179; box-shadow: none; }
.o9-cr { display: flex; justify-content: space-between; gap: 8px; margin-top: 4px; font-size: 14px; color: #c9bba3; }
.o9-cbar { height: 8px; border-radius: 4px; background: #3a1c24; margin-top: 8px; overflow: hidden; }
.o9-cbar i { display: block; height: 100%; background: linear-gradient(90deg, #e0a43a, #f2c46d); }
.o9-cbh h4 { margin: 4px 0 8px; font-size: 16px; color: #f2c46d; }
.o9-cbig { width: 100%; min-height: 52px; border-radius: 14px; border: 0; background: linear-gradient(180deg, #f6d58b, #e0a43a); color: #1b0c10; font-weight: 800; font-size: 17px; margin-bottom: 12px; }
.o9-cbig:disabled, .o9-conv button:disabled { opacity: .5; }
.o9-cit { position: relative; display: flex; gap: 10px; padding: 10px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; border-radius: 14px; margin-bottom: 10px; }
.o9-cit.is-ok { border-color: rgba(76,192,138,.7); }
.o9-cit.is-no { opacity: .45; }
.o9-cth { position: relative; flex: none; width: 92px; height: 92px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(242,196,109,.3); background: #1b0c10; display: flex; align-items: center; justify-content: center; font-size: 34px; }
.o9-cth img { width: 100%; height: 100%; object-fit: cover; display: block; }
.o9-ck { position: absolute; left: 4px; bottom: 4px; font-style: normal; font-size: 14px; background: rgba(27,12,16,.75); border-radius: 8px; padding: 1px 5px; }
.o9-ctx { min-width: 0; flex: 1; padding-right: 54px; }
.o9-ci { font-weight: 700; font-size: 15px; }
.o9-cp { font-size: 14px; color: #c9bba3; margin: 2px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.o9-cc { font-size: 14px; opacity: .9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.o9-cpr { position: absolute; top: 8px; right: 8px; background: rgba(27,12,16,.8); border: 1px solid rgba(242,196,109,.3); border-radius: 999px; padding: 2px 9px; font-size: 14px; font-weight: 800; color: #f2c46d; }
.o9-cab { display: flex; gap: 8px; margin-top: 8px; margin-right: -46px; }
.o9-cab .of-btn { flex: 1; min-height: 44px; font-size: 17px; font-weight: 800; justify-content: center; }
.o9-cab .o9-y { background: rgba(76,192,138,.18); border-color: rgba(76,192,138,.7); color: #8fdcae; }
.o9-cab .o9-n { color: #ff9a8a; border-color: rgba(255,154,138,.5); }
.o9-cghost { width: 100%; min-height: 48px; border-radius: 14px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; color: #f2c46d; font-weight: 800; font-size: 16px; }
.o9-cnote.is-err { color: #ff9a8a; }
.o9-csec { margin: 14px 0 6px; font-size: 15px; color: #f2c46d; font-weight: 700; }
.o9-cq { border: 1.5px solid rgba(242,196,109,.3); background: #241114; border-radius: 14px; padding: 4px 12px; }
.o9-cq div { display: flex; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid rgba(242,196,109,.15); font-size: 15px; }
.o9-cq div:last-child { border: 0; }
.o9-cq time { flex: none; width: 52px; font-weight: 800; color: #f2c46d; }
.o9-cq span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.o9-cq em { font-style: normal; font-size: 14px; color: #c9bba3; }
.o9-cchips { display: flex; gap: 8px; }
.o9-cchips button { flex: 1; min-height: 44px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; color: #fbf1de; font-size: 16px; }
.o9-cchips button.on { background: linear-gradient(180deg, #f6d58b, #e0a43a); color: #1b0c10; border-color: transparent; font-weight: 800; }
.o9-cwin { display: flex; gap: 8px; align-items: center; }
.o9-cwin b { flex: 1; min-height: 44px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.o9-cwin span { color: #c9bba3; }
.o9-cnote2 { margin-top: 12px; font-size: 14px; }
.o9-ctwo { display: flex; gap: 8px; margin-top: 14px; }
.o9-ctwo .of-btn { flex: 1; min-height: 52px; font-size: 16px; font-weight: 800; justify-content: center; }
.o9-csel { flex: 1; min-height: 44px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; color: #fbf1de; font-size: 18px; text-align: center; text-align-last: center; }
.o9-ccap { display: flex; align-items: center; gap: 8px; }
.o9-ccap b { flex: 1; min-height: 44px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.o9-ccap .of-btn { width: 44px; min-height: 44px; padding: 0; font-size: 22px; font-weight: 800; justify-content: center; color: #f2c46d; }
.o9-ccap .of-btn { flex: 0 0 56px; width: 56px; }
.o9-ccap b { white-space: nowrap; }
.o9-cq time { width: auto; min-width: 52px; }

/* #1388: карточки конвейера — плеер, на весь экран, свёрнутый промпт */
.o9-cit { display: block; }
.o9-crow { display: flex; gap: 10px; position: relative; }
.o9-cth { position: relative; flex: none; width: 92px; height: 92px; padding: 0; border-radius: 10px; overflow: hidden; border: 1px solid rgba(242,196,109,.3); background: #1b0c10; color: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 34px; }
.o9-cplay { position: absolute; inset: 0; margin: auto; width: 44px; height: 44px; border-radius: 50%; background: rgba(27,12,16,.72); font-style: normal; font-size: 20px; line-height: 44px; text-align: center; }
.o9-ctx { padding-right: 62px; }
.o9-cc.is-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.o9-cc { white-space: pre-wrap; font-size: 14px; opacity: .92; }
.o9-cmore, .o9-cprm { background: none; border: 0; color: #f2c46d; font-size: 14px; font-weight: 700; padding: 8px 0; min-height: 44px; text-align: left; cursor: pointer; }
.o9-cprm { display: block; width: 100%; min-height: 40px; }
.o9-cpt { margin: 0 0 6px; padding: 8px 10px; border-radius: 10px; background: #1b0c10; border: 1px solid rgba(242,196,109,.2); font-size: 14px; color: #c9bba3; white-space: pre-wrap; }
.o9-cmedia { margin-top: 8px; }
.o9-cmedia:empty { display: none; }
.o9-cvid { display: block; width: 100%; max-height: 52vh; border-radius: 12px; background: #000; }
.o9-cpl { display: flex; align-items: center; gap: 8px; }
.o9-cpl .o9-cpb { flex: none; width: 44px; min-height: 44px; padding: 0; font-size: 18px; justify-content: center; }
.o9-cpl input[type=range] { flex: 1; min-width: 0; height: 44px; accent-color: #f2c46d; background: transparent; }
.o9-ctime { flex: none; font-size: 14px; color: #c9bba3; min-width: 78px; text-align: right; }
.o9-cab { margin-right: 0; }
.o9-cpr { top: 0; }
.o9-lb { position: fixed; inset: 0; z-index: 1800; background: rgba(0,0,0,.94); display: flex; align-items: center; justify-content: center; }
.o9-lb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.o9-lbx { position: absolute; top: 12px; right: 12px; width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid rgba(242,196,109,.5); background: rgba(27,12,16,.85); color: #fbf1de; font-size: 22px; }
.o9-gnote { font-size: 56px; line-height: 1; color: #f2c46d; text-shadow: 0 0 14px rgba(242,196,109,.5); font-family: Georgia, serif; }
.o9-cq .o9-qi { padding: 4px 0; border-bottom: 1px solid rgba(242,196,109,.15); }
.o9-cq .o9-qi:last-child { border: 0; }
.o9-cq .o9-qr { display: flex; gap: 10px; align-items: center; padding: 6px 0; font-size: 15px; }
.o9-cq .o9-qr time { flex: none; width: auto; min-width: 52px; font-weight: 800; color: #f2c46d; }
.o9-cq .o9-qr span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.o9-qopen { flex: none; width: 44px; height: 44px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.3); background: #1b0c10; font-size: 18px; cursor: pointer; }
.o9-qcap { margin: 0; }
.o9-lbv video { width: 100%; max-height: 100%; background: #000; }

/* #1388: «📥 Мои материалы» */
.o9-mat { margin-top: 4px; }
.o9-mup { margin-bottom: 8px; }
.o9-mhint { font-size: 14px; margin: 0 0 6px; }
.o9-mprog { border: 1.5px solid rgba(242,196,109,.3); background: #241114; border-radius: 14px; padding: 10px 12px; margin-bottom: 10px; }
.o9-mprog b { font-size: 16px; }
.o9-spin { font-style: normal; color: #f2c46d; font-size: 18px; animation: o9-blink 1.2s infinite; }
@keyframes o9-blink { 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .o9-spin { animation: none; } }
.o9-medit { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.o9-medit textarea { width: 100%; font-size: 16px; }
.o9-medit .of-btn { min-height: 44px; }
.o9-cit .o9-conf { margin-top: 8px; }
.o9-cit .o9-cab .of-btn { min-height: 44px; }
.o9-bad { color: #ff9a8a; font-style: normal; }
/* #1388: перебить старые правила списка очереди для новых вложенных блоков */
.o9-cc:not(.is-clamp) { display: block; -webkit-line-clamp: unset; overflow: visible; }
.o9-cq .o9-qi { display: block; padding: 4px 0; border-bottom: 1px solid rgba(242,196,109,.15); }
.o9-cq .o9-qi:last-child { border: 0; }
.o9-cq .o9-qi > div { display: block; padding: 0; border: 0; }
.o9-cq .o9-qi > div.o9-qr { display: flex; gap: 10px; align-items: center; padding: 6px 0; }
.o9-cq .o9-qi > .o9-cmedia:empty { display: none; }
.o9-cq .o9-qi .o9-cc { font-size: 14px; margin: 0 0 2px; }
.o9-cq .o9-qi .o9-cmore { display: block; padding: 6px 0; }

/* #1414: плашка итога/ошибки над списком заданий «Поста» */
.o9-plate { margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; font-size: 15px; font-weight: 700; line-height: 1.35; background: rgba(76,192,138,.14); border: 1.5px solid rgba(76,192,138,.55); color: #a7e8c7; overflow-wrap: anywhere; }
.o9-plate.is-err { background: rgba(226,74,59,.14); border-color: rgba(226,74,59,.6); color: #ff9a8a; }

/* #1420: два хостинга в шторке «Нагрузка» */
.o9-host { margin: 0 0 12px; padding: 12px; border-radius: 14px; border: 1.5px solid rgba(242,196,109,.3); background: #241114; }
.o9-host h4 { margin: 0 0 8px; font-size: 17px; color: #f2c46d; }
.o9-host.is-down { border-color: rgba(226,74,59,.7); }
.o9-host.is-stale .o9-hm, .o9-host.is-stale .o9-hrow { opacity: .55; }
.o9-hst { display: inline-block; margin: 0 0 8px; padding: 4px 10px; border-radius: 10px; background: rgba(203,184,156,.16); color: #cbb89c; font-size: 14px; font-weight: 700; }
.o9-hst.is-red { background: rgba(226,74,59,.16); color: #ff9a8a; }
.o9-hm { margin: 0 0 10px; }
.o9-hm p, .o9-hrow { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 0 0 4px; font-size: 16px; color: #fbf1de; }
.o9-hm p b, .o9-hrow b { font-size: 17px; text-align: right; }
.o9-hm small { display: block; margin-top: 3px; font-size: 14px; color: #cbb89c; }
.o9-bar { height: 10px; border-radius: 6px; background: rgba(255,255,255,.1); overflow: hidden; }
.o9-bar i { display: block; height: 100%; border-radius: 6px; background: #4cc08a; }
.o9-bar.is-yellow i { background: #e0a43a; } .o9-bar.is-red i { background: #e24a3b; }
.o9-hrow { margin-top: 6px; }
.o9-hpay { padding-top: 8px; border-top: 1px solid rgba(242,196,109,.2); }
.o9-hpay.is-yellow b { color: #f6d58b; } .o9-hpay.is-red b { color: #ff9a8a; }
.o9-hpay.o9-dim b { color: #8a8179; font-weight: 600; font-size: 14px; }
.o9-hpay { flex-direction: column; align-items: flex-start; gap: 2px; } .o9-hpay b { text-align: left; }

/* #1429: «🚀 Прогон» на полигоне */
.o9-runbtn { width: 100%; margin: 6px 0 8px; }
.o9-runs { margin: 0 0 12px; padding: 12px; border-radius: 14px; border: 1.5px solid rgba(242,196,109,.5); background: #1f0f12; }
.o9-runs h4 { margin: 0 0 8px; font-size: 17px; color: #f2c46d; }
.o9-rlead { margin: 8px 0 6px; font-size: 16px; }
.o9-ropts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.o9-ropts .of-btn { min-width: 76px; }
.o9-run { margin: 0 0 10px; padding: 12px; border-radius: 12px; background: #241114; border: 1.5px solid rgba(242,196,109,.25); }
.o9-rh { margin: 0 0 6px; font-size: 15px; color: #cbb89c; }
.o9-verd { margin: 0 0 8px; font-size: 24px; font-weight: 800; color: #fbf1de; }
.o9-verd.is-green { color: #4cc08a; } .o9-verd.is-yellow { color: #f2c46d; } .o9-verd.is-red { color: #ff7a6a; }
.o9-rn p { display: flex; justify-content: space-between; gap: 10px; margin: 0 0 4px; font-size: 15px; }
.o9-rn b { font-size: 16px; text-align: right; }
.o9-rstop { margin: 6px 0; font-size: 14px; color: #ff9a8a; }
.o9-rep { width: 100%; margin-top: 8px; }

/* #1438: одно поле «Сколько учеников» вместо кнопок */
.o9-rform { display: flex; gap: 10px; align-items: flex-end; margin: 6px 0 8px; }
.o9-rf { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; font-size: 14px; color: #cbb89c; }
.o9-rf-m { flex: 0 0 96px; }
.o9-rin { box-sizing: border-box; width: 100%; height: 52px; padding: 0 12px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.55); background: #140a0c; color: #fbf1de; font-weight: 700; font-size: 20px; line-height: 1; font-family: inherit; }
.o9-rin:disabled { opacity: .45; border-color: rgba(203,184,156,.3); }
.o9-rerr { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #ff9a8a; }
.o9-rwarn { margin: 0 0 8px; padding: 8px 10px; border-radius: 10px; background: rgba(224,164,58,.14); border: 1px solid rgba(224,164,58,.6); font-size: 14px; line-height: 1.35; color: #f6d58b; }
.o9-rerr[hidden], .o9-rwarn[hidden] { display: none; }
.o9-rgo { width: 100%; min-height: 52px; font-size: 17px; }
.o9-rgo:disabled { opacity: .45; }

/* #1443: вкладки «Действующие» / «Архив» Сервисного центра */
.o9-qtabs { display: flex; gap: 8px; margin: 4px 0 12px; }
.o9-qtab { flex: 1; min-height: 48px; padding: 0 8px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.4); background: rgba(40,19,21,.9); color: #cbb89c; font-weight: 700; font-size: 15px; font-family: inherit; }
.o9-qtab.is-on { background: linear-gradient(#f6d58b, #e0a43a); color: #2a1a12; border-color: transparent; }
.o9-line.is-arch { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.o9-line.is-arch .o9-ltx { font-size: 16px; color: #fbf1de; }
.o9-lhow { font-size: 14px; font-weight: 700; color: #cbb89c; }

/* #1448: кнопки по жалобе */
.o9-tact { margin-top: 14px; }
.o9-tbtns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.o9-tbtns .of-btn { min-height: 48px; }
.o9-tact .of-edit { width: 100%; box-sizing: border-box; margin-top: 10px; min-height: 90px; }
.o9-tpl[hidden] { display: none; }

/* #1453: вложения в чате агентов */
.o9-att { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 2px 0; }
.o9-att[hidden] { display: none; }
.o9-chip { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 52px; padding: 0 34px 0 8px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.45); background: #241114; color: #fbf1de; font-size: 15px; font-weight: 700; }
.o9-chip img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; display: block; }
.o9-chip button { position: absolute; right: 0; top: 0; width: 34px; height: 34px; border: 0; background: transparent; color: #ff9a8a; font-size: 18px; }
.o9-chip-rec { color: #ff9a8a; padding-right: 12px; }
.oc-ib.is-rec { background: #e24a3b; color: #fff; border-color: transparent; }