/* Ozon support center */
.ozon-support-section{max-width:1500px}
.ozon-support-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}
.ozon-support-head h3{font-size:26px;margin:5px 0}
.ozon-support-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ozon-support-status{font-size:11px;color:#8f98a8;padding:7px 10px;border:1px solid #27303d;border-radius:99px;max-width:100%;overflow-wrap:anywhere}
.ozon-support-status.ok{color:#69dca2;border-color:#285d46;background:#102018}
.ozon-support-status.bad{color:#ff8585;border-color:#713439;background:#251315}
.ozon-support-status.loading{color:#aecdff;border-color:#304c78;background:#101a2b}
.ozon-support-status.warn{color:#d2bd93;border-color:#594a2c;background:#201b12}
.ozon-support-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 14px;padding:7px;border:1px solid #202630;border-radius:15px;background:#0c0f14}
.ozon-support-tabs button{border:0;background:transparent;color:#8995a8;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
.ozon-support-tabs button:hover{color:#fff;background:#151b24}
.ozon-support-tabs button.active{color:#fff;background:#1c315c;box-shadow:inset 0 0 0 1px #365eaa}
.ozon-support-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.ozon-support-toolbar select{width:auto;min-width:190px}
.ozon-support-toolbar:has(.ozon-support-ai-pilot){flex-wrap:wrap}
.ozon-support-ai-pilot{margin-left:auto;max-width:100%;padding:4px 8px;border:1px solid #2b3b50;border-radius:8px;color:#aec2dc;background:#111a27;font-size:11px;line-height:1.45}
.ozon-support-context{border:0;background:transparent;color:#8fb5ff;cursor:pointer;padding:6px 0}
.support-comment-sources{display:flex;gap:4px;padding:3px;border:1px solid #28354a;border-radius:9px;background:#101620}
.support-comment-sources button{padding:6px 12px;border:1px solid transparent;border-radius:6px;color:#b2bdcd;background:transparent;cursor:pointer;font-size:12px}
.support-comment-sources button.active{background:#213858;border-color:#3f608b;color:#edf4ff}
.support-comment-sources button:focus-visible{outline:2px solid #8cb8ff;outline-offset:2px}
.support-comments-info{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid #2a374a;border-radius:10px;background:#111a26;font-size:12px;color:#b7c5d8}
.support-comments-info>div{min-width:0}
.support-comments-info b{color:#dce8f8;font-size:13px}
.support-comments-info p{margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere}
.support-comments-info>a{flex-shrink:0;color:#a9caff;text-decoration:none;font-size:11px}
.support-comments-info.partial,.support-comments-info.setup_required{border-color:#56492f;background:#1b1812;color:#c9ba9f}
.support-comments-coverage{display:flex;gap:5px 14px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:#96aac4}
.ozon-support-list{display:grid;gap:12px}
.ozon-support-card{border:1px solid #242d39;border-radius:16px;background:linear-gradient(180deg,#11161d,#0d1116);padding:17px 18px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ozon-support-card:hover{border-color:#31425b}
.ozon-support-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.ozon-support-card-head>div{min-width:0}
.ozon-support-card-head b,.ozon-support-card-head small{display:block}
.ozon-support-card-head b{margin:6px 0 3px;font-size:14px}
.ozon-support-card-head small{color:#788496}
.ozon-source-pill{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:99px;background:#11255d;color:#8db3ff;font-size:9px!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ozon-source-pill.discount{background:#2c2410;color:#f4c963}
.ozon-source-pill.review{background:#1f1830;color:#c8a7ff}
.ozon-source-pill.comment{background:#152635;color:#7ed0ff}
.ozon-source-pill.vk{background:#11284e;color:#9bc5ff}
.ozon-source-pill.seller{background:#13281e;color:#70dca4}
.ozon-state{flex:0 0 auto;padding:5px 8px;border:1px solid #303846;border-radius:99px;color:#9ba6b6;font-size:9px;font-weight:800;text-transform:uppercase}
.ozon-state.new,.ozon-state.unprocessed{color:#ffd166;border-color:#655426;background:#221e10}
.ozon-state.processed,.ozon-state.approved{color:#68dca3;border-color:#285d46;background:#11231a}
.ozon-state.declined{color:#ff8585;border-color:#713439;background:#251315}
.ozon-support-text{white-space:pre-wrap;font-size:14px;line-height:1.55;color:#dde3ec;margin:15px 0}
.ozon-support-card-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#788496;font-size:10px}
.ozon-support-card-meta a,.link-btn{color:#8fb5ff;text-decoration:none}
.link-btn{border:0;background:transparent;padding:0;cursor:pointer;font:inherit}
.ozon-support-card-meta .bad{color:#ff8585}
.ozon-support-reply{margin-top:14px;padding-top:14px;border-top:1px solid #222934;display:grid;gap:8px}
.ozon-support-reply textarea{min-height:82px;background:#0a0e13}
.ozon-support-reply textarea[readonly]{opacity:.75;cursor:progress}
.ozon-support-reply>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ozon-support-reply small{color:#6f7a89}
.ozon-support-reply.compact textarea{min-height:60px}
.ozon-support-reply>.ozon-question-draft{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:11px;line-height:1.45;color:#a9b4c5}
.ozon-question-draft.ready{color:#adc9ff}
.ozon-question-draft.unavailable,.ozon-question-draft.paused{color:#bea98b}
.ozon-question-draft-sources{color:#97a8be;white-space:nowrap}
.ozon-question-draft-spinner{width:11px;height:11px;flex:0 0 11px;border:1.5px solid #344356;border-top-color:#a1c2fa;border-radius:50%;animation:ozonSpin .8s linear infinite}
.ozon-question-reply-error{font-size:11px;color:#ff9999;line-height:1.45}
.support-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;color:#8692a3}
.support-check input{width:auto}
.ozon-support-done{margin-top:14px;padding:9px 11px;border-radius:10px;background:#11231a;color:#72dba7;font-size:11px}
.discount-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}
.discount-facts>div{padding:10px 12px;border:1px solid #222a35;border-radius:11px;background:#0b0f14}
.discount-facts span,.discount-facts b{display:block}
.discount-facts span{color:#6f7b8d;font-size:9px;text-transform:uppercase}
.discount-facts b{font-size:15px;margin-top:4px}
.discount-actions{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #222934}
.discount-actions label{gap:5px}
.discount-actions input{padding:9px 10px}
.discount-buttons{display:flex;gap:7px}
.btn.danger{border-color:#713439;color:#ff9595}
.review-stars{color:#f2c94c;letter-spacing:.06em}
.review-stars i{font-style:normal;color:#4f5764}
.comment-card.owner{border-left:3px solid #2a7a55}
.comment-card.buyer{border-left:3px solid #315b9f}
.vk-comment-context{display:grid;gap:4px;padding:9px 11px;margin-top:12px;border-radius:9px;background:#0b1018;border:1px solid #232f40;color:#a8b9d0;font-size:11px}
.vk-comment-context>span{color:#8b9fb9}
.vk-comment-context>b{font-weight:600;overflow-wrap:anywhere}
.vk-comment-context p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vk-comment-card .ozon-support-text{overflow-wrap:anywhere}
.vk-comment-attachments{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.vk-comment-attachments span{max-width:100%;padding:4px 7px;border-radius:6px;background:#172233;color:#b6c9e4;font-size:10px;overflow-wrap:anywhere}
.ozon-support-empty{min-height:220px;border:1px dashed #2a3340;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;color:#758194;text-align:center;background:#0c0f14}
.ozon-support-empty b{color:#c7cfdb}
.ozon-support-empty-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#17202c;color:#a1b2c9;font-size:20px}
.ozon-support-empty.error .ozon-support-empty-icon{background:#2a1820;color:#ffa3ad}
.ozon-support-empty>span{max-width:720px;padding:0 16px;overflow-wrap:anywhere}
.ozon-support-spinner{width:26px;height:26px;border:2px solid #27303d;border-top-color:#6d9cff;border-radius:50%;animation:ozonSpin .8s linear infinite}
@keyframes ozonSpin{to{transform:rotate(360deg)}}
.ozon-chat-bridge{min-height:230px;border:1px solid #253252;border-radius:18px;background:linear-gradient(120deg,#11182a,#0d1116 60%);padding:26px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}
.ozon-chat-bridge-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#1557ff,#0046d8);font-weight:900;color:#fff}
.ozon-chat-bridge h4{font-size:20px;margin:4px 0}
.ozon-chat-bridge p{margin:0;color:#8692a3;max-width:760px}
@media(max-width:900px){
  .ozon-support-head{align-items:stretch;flex-direction:column}
  .ozon-support-head-actions{justify-content:space-between}
  .discount-facts{grid-template-columns:repeat(2,1fr)}
  .discount-actions{grid-template-columns:1fr 1fr}
  .discount-actions .wide,.discount-buttons{grid-column:1/-1}
  .ozon-chat-bridge{grid-template-columns:auto 1fr}.ozon-chat-bridge .btn{grid-column:1/-1}
}
@media(max-width:620px){
  .discount-facts{grid-template-columns:1fr 1fr}
  .discount-actions{grid-template-columns:1fr}
  .discount-actions .wide,.discount-buttons{grid-column:auto}
  .discount-buttons{display:grid;grid-template-columns:1fr 1fr}
  .ozon-support-reply>div{align-items:stretch;flex-direction:column}
  .ozon-support-reply>.ozon-question-draft{align-items:center;flex-direction:row}
  .ozon-support-card-head{gap:8px}
  .support-comments-info{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.ozon-question-draft-spinner{animation:none}}