/* Final presentation layer loaded after feature styles. */
html,body{overflow-x:hidden}
.qms-btn,.qqs-btn,.quick-symbol-badge,.quick-coin-item,
.market-guide button,.guide-card small,.notice,
.okx-cust-intel-lbl,.okx-cust-intel-act-btn,.okx-cust-funding-pill,
.okx-cust-ob-header,.okx-cust-ob-row,.okx-cust-pressure-labels,
.ob-tab-btn,.sentiment-strip,.okx-cust-result-box,.okx-cust-risk-box,
.okx-cust-positions-card table,.okx-cust-positions-card .button{
  font-size:13px!important;
  line-height:1.45;
}

.qms-btn,.qqs-btn{min-height:38px;padding:7px 12px}
.quick-symbol-trigger{min-height:44px}
.quick-symbol-badge{font-size:11px!important}
.guide-card{border-color:var(--line)!important}
.guide-card small{color:var(--muted)!important}
.market-guide .button{min-height:42px}
.okx-cust-intel-act-btn{min-height:38px}
.okx-cust-ob-row{min-height:28px}
.okx-cust-positions-card{font-size:13px}

#siteCopilotFab{font-size:14px!important;box-shadow:var(--shadow)!important}
#siteCopilotDrawer{border-color:var(--line)!important;box-shadow:0 22px 60px rgba(4,9,16,.36)!important}
#siteCopilotDrawer input{font-size:16px!important}
#siteCopilotDrawer .small,#siteCopilotDrawer [style*="font-size:11px"]{font-size:13px!important}
.ui-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.direction-label{display:inline-flex;align-items:center;gap:7px;font-weight:700}.direction-label i{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.direction-label.positive i{background:var(--positive)}.direction-label.negative i{background:var(--negative)}

@media(max-width:600px){
  .header nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 12px!important;overflow:visible!important;white-space:normal!important}
  .header nav a,.header nav .text-button{min-height:36px;display:flex!important;align-items:center;justify-content:flex-start;line-height:1.2;text-align:left}
  #workspace .workspace-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;white-space:normal!important}
  #workspace .workspace-tabs button{min-height:46px!important;padding:7px 4px!important;font-size:12px!important;line-height:1.25!important;text-align:center}
  .qms-btn,.qqs-btn{font-size:12.5px!important;min-height:38px;padding:6px 10px}
  .quick-symbol-trigger{max-width:100%;min-height:44px}.qss-name{font-size:16px!important}
  .market-guide .panel-heading{align-items:center}.market-guide .panel-heading .button{width:auto}
  .guide-grid{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 10px;scrollbar-width:thin}
  .guide-card{flex:0 0 min(84vw,320px);padding:16px!important;scroll-snap-align:start}
  .guide-card small{font-size:12.5px!important}
  .okx-cust-intel-lbl,.okx-cust-intel-act-btn,.okx-cust-funding-pill,
  .okx-cust-ob-header,.okx-cust-ob-row,.okx-cust-pressure-labels,
  .ob-tab-btn,.sentiment-strip,.okx-cust-result-box,.okx-cust-risk-box,
  .okx-cust-positions-card table,.okx-cust-positions-card .button{font-size:12.5px!important}
  #siteCopilotFab{right:12px!important;bottom:12px!important;padding:8px 12px!important}
  #siteCopilotDrawer{inset:76px 8px 68px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:16px!important}
}

/* Support center and conversation */
.support-center{max-width:1280px}.support-hero{margin:26px 0 30px}.support-hero h1{margin-bottom:8px}.support-hero>p:last-child{color:var(--muted);font-size:16px}.support-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:22px;align-items:start}.support-new,.support-history{padding:26px}.support-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.support-section-heading h2{margin:0}.support-section-heading .eyebrow{margin-bottom:5px}.support-online{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.support-online i,.ticket-status{width:8px;height:8px;border-radius:50%;background:var(--positive);box-shadow:0 0 0 4px color-mix(in srgb,var(--positive) 12%,transparent)}.support-form{max-width:none!important;margin:0!important}.support-form-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:14px}.support-form label{font-size:13px;color:var(--text)}.support-form input,.support-form select,.support-form textarea{margin-top:7px}.support-form textarea{resize:vertical;min-height:142px}.support-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.support-submit p{margin:0;max-width:470px;color:var(--muted);font-size:12px}.support-submit .button{margin:0;min-width:140px}.ticket-list{display:grid;gap:8px}.ticket-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--field)}.ticket-row:hover{border-color:var(--accent);color:var(--text)}.ticket-status.status-resolved,.ticket-status.status-closed{background:var(--muted);box-shadow:none}.ticket-status.status-waiting_user{background:var(--warning)}.ticket-copy{min-width:0}.ticket-copy strong,.ticket-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-copy small{margin-top:4px}.ticket-state{font-size:11px;color:var(--muted)}.support-empty{padding:38px 12px;text-align:center}
.support-chat{max-width:900px}.chat-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.chat-header h1{font-size:28px;margin:0 0 5px}.chat-header p{margin:0;color:var(--muted);font-size:12px}.chat-header .eyebrow{margin-bottom:5px}.chat-back{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--field)}.chat-state{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px;color:var(--muted)}.chat-state.status-open,.chat-state.status-in_progress{color:var(--positive)}.chat-thread{min-height:330px;max-height:58vh;overflow-y:auto;padding:24px 8px;display:flex;flex-direction:column;gap:14px}.governance .chat-message{width:min(78%,650px);margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.governance .chat-message.from-user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 14%,var(--card));border-bottom-right-radius:5px}.governance .chat-message.from-support{align-self:flex-start;border-bottom-left-radius:5px}.chat-meta{display:flex;justify-content:space-between;gap:18px;margin-bottom:7px;font-size:11px;color:var(--muted)}.chat-message p{margin:0;white-space:pre-wrap;line-height:1.55}.chat-composer{max-width:none!important;margin:0!important;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.chat-composer textarea{margin:0;resize:vertical;min-height:88px;background:var(--field)}.chat-status-control{display:grid!important;grid-template-columns:auto minmax(150px,230px);align-items:center;gap:12px}.chat-send{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.chat-send .button{margin:0;min-width:110px}
@media(max-width:850px){.support-layout{grid-template-columns:1fr}.support-form-grid{grid-template-columns:1fr 1fr}.support-form-grid label:first-child{grid-column:1/-1}}
@media(max-width:600px){.support-hero{margin:14px 0 22px}.support-new,.support-history{padding:18px}.support-form-grid{grid-template-columns:1fr}.support-form-grid label:first-child{grid-column:auto}.support-submit,.chat-send{align-items:stretch;flex-direction:column}.support-submit .button,.chat-send .button{width:100%}.ticket-row{grid-template-columns:10px minmax(0,1fr)}.ticket-state{grid-column:2}.chat-header{grid-template-columns:40px minmax(0,1fr);align-items:start}.chat-header h1{font-size:22px}.chat-state{grid-column:2;justify-self:start}.chat-thread{padding:18px 0;min-height:280px}.governance .chat-message{width:92%;padding:13px}}

/* The unread counter next to «Уведомления»: the same badge shape as the AI and
   BETA labels, in the accent colour, so a waiting message is visible from any
   page without a second navigation element. */
.nav-badge--alert {
  background: color-mix(in srgb, var(--accent) 25%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent);
  color: var(--text);
}

/* The header bell: the notifications entry a phone actually shows, with the
   unread count tucked into its corner. */
.notify-bell { position: relative; }
.notify-bell .nav-badge--alert {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  border-radius: 999px;
}