/* Approved operator board 05: compact Live, retaining every native control and state. */
@media screen {
html body.product-support.style1.assistant-admin #section-support-live {
  --live-gap:12px;
}
html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-strip {
  padding:12px 14px!important; gap:10px; margin-bottom:12px;
}
html body.product-support.style1.assistant-admin #section-support-live .wlv-strip .wn-status {
  padding:8px 10px; border-left-width:3px; border-radius:8px; gap:4px 10px;
}
html body.product-support.style1.assistant-admin #section-support-live .wlv-strip .wn-status b { font-size:14px; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-facts { gap:8px; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-fact:not(.wlv-workers) {
  padding:10px 12px; border-top-width:1px; border-radius:8px; gap:4px;
}
html body.product-support.style1.assistant-admin #section-support-live .wlv-fact:not(.wlv-workers) b {
  font-size:22px; letter-spacing:-.3px; white-space:normal; overflow-wrap:anywhere;
}
html body.product-support.style1.assistant-admin #section-support-live :is(.wn-title,.wn-actions) {
  gap:8px 12px; flex-wrap:wrap; min-width:0;
}
html body.product-support.style1.assistant-admin #section-support-live .wn-title { margin-bottom:10px; }
html body.product-support.style1.assistant-admin #section-support-live .wn-title>* { min-width:0; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-filters {
  grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr); gap:8px 12px; margin-bottom:10px;
}
html body.product-support.style1.assistant-admin #section-support-live :is(.wlv-filter-side,.wn-seg) {
  gap:6px; flex-wrap:wrap; min-width:0;
}
html body.product-support.style1.assistant-admin #section-support-live .wn-row {
  gap:10px; padding:10px 6px!important; font-size:14px; line-height:1.45; align-items:start;
}
html body.product-support.style1.assistant-admin #section-support-live .wn-row>div { min-width:0; overflow-wrap:anywhere; }
html body.product-support.style1.assistant-admin #section-support-live .wn-row .wlv-when b { font-size:14px; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-acts { padding-bottom:8px; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-week { margin-top:12px; }
html body.product-support.style1.assistant-admin #section-support-live .wn-row2 { gap:12px; }
/* Each latency heading owns its grid cell; uppercase tracking used to collide at narrow widths. */
html body.product-support.style1.assistant-admin #section-support-live .wn-stage {
  grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));
  gap:8px; padding:9px 4px; align-items:start; font-size:13px; line-height:1.4;
}
html body.product-support.style1.assistant-admin #section-support-live .wn-stage.head {
  font-size:12px; line-height:1.4; letter-spacing:0; text-transform:none;
}
html body.product-support.style1.assistant-admin #section-support-live .wn-stage>span {
  min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere;
}
html body.product-support.style1.assistant-admin #section-support-live .wlv-dline { white-space:normal; flex-wrap:wrap; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-info summary { max-width:100%; box-sizing:border-box; }
/* Live uses the existing event dialog as a right-hand details drawer; handlers stay native. */
html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal[open] {
  position:fixed; inset:16px 16px 16px auto; margin:0; width:min(440px,calc(100vw - 32px));
  height:calc(100dvh - 32px); max-height:calc(100dvh - 32px); box-sizing:border-box;
  padding:16px; border-radius:10px!important;
}
html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal header {
  align-items:flex-start; gap:10px;
}
html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal header h2 {
  min-width:0; margin:0; font-size:18px; line-height:1.4; overflow-wrap:anywhere;
}
html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal header [data-wo="close"] {
  flex-shrink:0;
}
@media(min-width:901px) {
  /* Preserve all analytics below the event log without inflated nested panels. */
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-week .wn-box {
    padding:12px!important; box-shadow:none!important;
  }
}
@media(max-width:900px) {
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filters { grid-template-columns:minmax(0,1fr); }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filter-side { justify-content:flex-start; }
}
@media(max-width:620px) {
  html body.product-support.style1.assistant-admin #section-support-live .wlv-fact:not(.wlv-workers) { padding:8px 10px; gap:3px 6px; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-fact:not(.wlv-workers) b { font-size:18px; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-stage { gap:6px; padding-inline:0; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>small { width:100%; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-toggle { min-height:44px; }
}
/* Status first, journal next; all seven diagnostic facts remain directly below the journal. */
html body.product-support.style1.assistant-admin #section-support-live {
  display:flex!important; flex-direction:column; gap:8px;
}
html body.product-support.style1.assistant-admin #section-support-live:is([hidden],[style*="none"]) { display:none!important; }
html body.product-support.style1.assistant-admin #section-support-live>.section-head { order:0; }
html body.product-support.style1.assistant-admin #section-support-live>.wlv-info { order:1; margin:0; }
html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wlv-strip { display:contents; }
html body.product-support.style1.assistant-admin #section-support-live #wlv-status { order:2; }
html body.product-support.style1.assistant-admin #section-support-live #wlv-active-box { order:2; }
html body.product-support.style1.assistant-admin #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) { order:3; }
html body.product-support.style1.assistant-admin #section-support-live #wo-live-metrics { order:4; display:flex; flex-wrap:wrap; gap:6px; margin:0; }
html body.product-support.style1.assistant-admin #section-support-live>.wlv-week { order:5; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-facts>.wlv-fact:not(.wlv-workers) {
  display:inline-flex; flex:0 1 auto; flex-direction:row; align-items:baseline; padding:5px 8px; gap:5px;
  min-height:0; border-radius:6px; font-size:13px;
}
html body.product-support.style1.assistant-admin #section-support-live .wlv-facts>.wlv-fact:not(.wlv-workers) b { order:0; font-size:14px; }
html body.product-support.style1.assistant-admin #section-support-live .wlv-facts>.wlv-foot { flex:0 1 auto; }
html body.product-support.style1.assistant-admin #section-support-live #wlv-status .wn-status {
  min-height:0; margin:0; padding:7px 10px; border-radius:8px; gap:4px 10px;
}
@media(min-width:901px) {
  html body.product-support.style1.assistant-admin { --live-details-width:max(280px,calc(32vw - clamp(64px,5.12vw,74.88px) - 12.8px)); }
  html body.product-support.style1.assistant-admin #section-support-live { position:relative; padding-top:0; }
  html body.product-support.style1.assistant-admin #section-support-live>.wlv-info { align-self:flex-end; margin-top:-4px; }
  html body.product-support.style1.assistant-admin #section-support-live>.section-head { margin-bottom:0!important; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]):has(#wo-modal[open]) #section-support-live {
    padding-right:0!important; box-sizing:border-box;
  }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]):has(#wo-modal[open]) #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) {
    anchor-name:--live-journal; margin-right:calc(var(--live-details-width) + 12px)!important; width:auto!important; min-width:0;
  }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal[open] {
    inset:184px 20px 16px auto; width:var(--live-details-width); height:calc(100dvh - 200px); max-height:calc(100dvh - 200px);
    box-shadow:var(--shadow)!important;
  }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal::backdrop { background:transparent; }
  @supports(top:anchor(top)) {
    html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal[open] {
      position-anchor:--live-journal; top:anchor(top); height:calc(100dvh - anchor(top) - 16px); max-height:calc(100dvh - anchor(top) - 16px);
    }
  }
}

/* The journal is a compact event index; complete question, answer and trace stay in its native detail. */
@media(min-width:901px) {
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row {
    grid-template-columns:130px minmax(0,1fr) minmax(130px,.55fr) 70px 12px;
    min-height:46px; padding:4px 4px!important; gap:8px; align-items:center; font-size:13px; line-height:1.25;
  }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row :is(b,small) { font-size:13px!important; line-height:1.1!important; margin:0!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-row>div:nth-child(2)>b,
  html body.product-support.style1.assistant-admin #section-support-live .wn-row .wlv-reply,
  html body.product-support.style1.assistant-admin #section-support-live .wn-row .wlv-who {
    margin:0!important; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:unset;
  }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-test { padding:0 3px; font-size:12px; line-height:1.1; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(3) { font-size:12px; line-height:1.2; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-row>div:nth-child(3) small { font-size:12px!important; line-height:1.2!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-verdict .c-badge { padding:2px 5px; font-size:12px; line-height:1.2; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-row .wlv-when { display:grid; grid-template-columns:auto 1fr; gap:1px 5px; align-items:baseline; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-row .wlv-when .wlv-conn { grid-column:1/-1; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead { grid-template-columns:130px minmax(0,1fr) minmax(130px,.55fr) 70px 12px; padding:6px 4px; gap:8px; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-title { margin-bottom:6px; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-title h3 { font-size:14px!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filters { grid-template-columns:minmax(0,1fr); gap:5px; margin-bottom:6px; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-search { width:100%; min-height:32px!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filter-side { justify-content:flex-start; gap:5px; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-seg { gap:2px; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-seg button { min-height:32px!important; padding:4px 7px!important; font-size:12px!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-toggle { font-size:12px!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-conn-select { min-height:32px!important; padding-block:3px!important; font-size:12px!important; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal { font-size:13px; line-height:1.45; padding:12px; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal[open] { bottom:16px; height:auto!important; max-height:none!important; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal h3 { font-size:14px; margin:14px 0 8px; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal .wo-text { font-size:13px; line-height:1.5; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]) #wo-modal .wo-note { padding:10px; font-size:12px; line-height:1.45; }
}

@media(max-width:900px) {
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row {
    grid-template-columns:76px minmax(0,1fr) 12px!important; gap:4px 8px; padding:10px 4px!important;
  }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(1) { grid-column:1; grid-row:1/4; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(2) { grid-column:2; grid-row:1; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(3) { grid-column:2; grid-row:2; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(4) { grid-column:2; grid-row:3; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>i { grid-column:3; grid-row:1/4; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row :is(b,small) { font-size:13px!important; line-height:1.3!important; margin-top:0!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(2)>b,
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row .wlv-reply,
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row .wlv-who {
    display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:unset;
  }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row .wlv-test { padding:0 3px; font-size:12px; line-height:1.1; }
}

@media(min-width:1200px) {
  html body.product-support.style1.assistant-admin #section-support-live { display:grid!important; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:8px; }
  html body.product-support.style1.assistant-admin #section-support-live:is([hidden],[style*="none"]) { display:none!important; }
  html body.product-support.style1.assistant-admin #section-support-live>.section-head { display:contents!important; }
  html body.product-support.style1.assistant-admin #section-support-live>.section-head .wa-title { grid-column:1; grid-row:1; }
  html body.product-support.style1.assistant-admin #section-support-live>.section-head .wn-actions { grid-column:2; grid-row:1; }
  html body.product-support.style1.assistant-admin #section-support-live>.wlv-info { grid-column:3; grid-row:1; margin:0; align-self:center; }
  html body.product-support.style1.assistant-admin #section-support-live :is(#wlv-status,#wlv-active-box,.wlv-facts),
  html body.product-support.style1.assistant-admin #section-support-live>.wn-box { grid-column:1/-1; }
}

/* Existing toolbar nodes span the work area; only the event list reserves the details column. */
@media(min-width:1200px) {
  html body.product-support.style1.assistant-admin #section-support-live #wlv-status .wn-status { padding-block:5px; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) {
    display:grid; grid-template-columns:minmax(0,1fr) 260px auto; gap:6px 10px; padding:8px!important;
  }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box)>.wn-title,
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions,
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-filters { display:contents; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>h3 { grid-column:1; grid-row:1; align-self:start; margin:0; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>small { grid-column:1; grid-row:1; align-self:end; font-size:12px!important; line-height:1.2!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>[data-lv-export] { grid-column:3; grid-row:1; min-height:32px!important; padding-block:5px!important; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-search { grid-column:2; grid-row:1; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filter-side { grid-column:1/-1; grid-row:2; align-items:center; gap:4px; }
  html body.product-support.style1.assistant-admin #section-support-live #wo-live-recent { grid-column:1/-1; grid-row:3; min-width:0; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead { padding-block:4px; font-size:12px; line-height:1.2; }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]):has(#wo-modal[open]) #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) {
    anchor-name:none; margin-right:0!important;
  }
  html body.product-support.style1.assistant-admin:has(#section-support-live[style*="display: block"]):has(#wo-modal[open]) #wo-live-recent {
    anchor-name:--live-journal; margin-right:calc(var(--live-details-width) + 12px);
  }
}

/* Two readable preview lines, with source/customer metadata in its own native column. */
@media(min-width:1200px) {
  html body.product-support.style1.assistant-admin #section-support-live>.wlv-info { grid-column:1/-1; grid-row:auto; order:4; justify-self:start; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row {
    grid-template-columns:70px 160px minmax(0,1fr) 160px 70px 12px;
    grid-template-rows:auto auto; min-height:38px; gap:0 6px; padding:4px!important; align-items:center;
  }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(-n+2) { display:contents; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-when>b { grid-column:1; grid-row:1; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-when>small:not(.wlv-conn) { grid-column:1; grid-row:2; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-when>.wlv-conn { grid-column:2; grid-row:1; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(2)>b { grid-column:3; grid-row:1; font-size:14px!important; line-height:1.15!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-reply { grid-column:3; grid-row:2; font-size:13px!important; line-height:1.2!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-who { grid-column:2; grid-row:2; font-size:12px!important; line-height:1.2!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(3) { grid-column:4; grid-row:1/3; display:block; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(3)>small { display:inline!important; margin-left:3px!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-verdict { display:inline-flex; vertical-align:middle; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(4) { grid-column:5; grid-row:1/3; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>i { grid-column:6; grid-row:1/3; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead {
    grid-template-columns:70px 160px minmax(0,1fr) 160px 70px 12px; gap:6px; min-height:24px;
  }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead>span:nth-child(1) { grid-column:1; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead>span:nth-child(2) { grid-column:3; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead>span:nth-child(3) { grid-column:4; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead>span:nth-child(4) { grid-column:5; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead::before { content:"Канал / клиент"; grid-column:2; grid-row:1; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) {
    grid-template-columns:200px minmax(170px,1fr) max-content; gap:4px 8px;
  }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>small { grid-column:1/-1; grid-row:5; align-self:start; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>h3 { align-self:center; font-size:16px!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>[data-lv-export] { justify-self:end; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filter-side { display:contents; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-kinds { grid-column:1/-1; grid-row:2; justify-self:start; padding:0; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-conn { grid-column:1; grid-row:4; width:100%; max-width:none; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filter-side>.wn-seg:not(#wlv-kinds) { grid-column:2; grid-row:4; justify-self:start; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-toggle { grid-column:3; grid-row:4; max-width:480px; }
}

/* All native filters stay above the unbounded journal in two compact bands. */
@media(min-width:1200px) {
  html body.product-support.style1.assistant-admin #section-support-live { padding-top:8px!important; }
  html body.product-support.style1.assistant-admin #section-support-live>.section-head>.wa-title { position:absolute; width:0; height:0; min-width:0!important; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-status { position:fixed; top:8px; left:calc(var(--wcv-title-end,320px) + 32px); z-index:20; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-status .wn-status { padding:0; margin:0; border:0; background:transparent; min-height:28px; box-shadow:none; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row { padding-block:3px!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(3)>small { font-size:12px!important; line-height:1.15!important; }
  html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) {
    grid-template-columns:200px 150px minmax(0,1fr) 180px; gap:4px 8px;
  }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>h3 { grid-column:1/-1; grid-row:1; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-search { grid-column:1; grid-row:2; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-conn { grid-column:2; grid-row:2; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-toggle { grid-column:3; grid-row:2; max-width:none; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>[data-lv-export] { grid-column:4; grid-row:2; }
  html body.product-support.style1.assistant-admin #section-support-live #wlv-kinds { grid-column:1/4; grid-row:3; }
  html body.product-support.style1.assistant-admin #section-support-live .wlv-filter-side>.wn-seg:not(#wlv-kinds) { grid-column:4; grid-row:3; }
  html body.product-support.style1.assistant-admin #section-support-live #wo-live-recent { grid-column:1/-1; grid-row:4; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>small { grid-column:1/-1; grid-row:5; }
}

@media(min-width:1200px) {
  html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box) { margin-top:5px!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-title>.wn-actions>[data-lv-export] { font-size:13px!important; white-space:nowrap!important; }
  html body.product-support.style1.assistant-admin #section-support-live .wn-thead { min-height:34px; }
}

}

/* Native header and readable journal; no viewport-fixed controls. */
@media(min-width:901px){
 html body.product-support.style1.assistant-admin #dashboard #section-support-live{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding-top:0!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live:is([hidden],[style*="none"]){display:none!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live>.section-head{display:flex!important;grid-column:1/-1;grid-row:1;order:-30;width:100%;min-width:0}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live>.section-head>.wa-title{position:static!important;width:auto!important;height:auto!important;min-width:0!important;display:flex;gap:12px}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live #wlv-status{position:static!important;inset:auto!important;grid-column:1;grid-row:2;order:-29;min-width:0;max-width:none;margin:0}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live #wlv-status .wn-status{padding:10px 14px;margin:0;border:1px solid var(--color-border);border-radius:10px;min-height:40px;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wlv-info{grid-column:2;grid-row:2;order:-29;align-self:center;justify-self:end;margin:0}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live>#wlv-active-box{grid-column:1/-1;grid-row:auto;order:-27}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wn-box:not(.wlv-week):not(#wlv-active-box){grid-column:1/-1;grid-row:auto;order:-26;grid-template-columns:minmax(220px,.8fr) minmax(150px,.5fr) minmax(0,1fr) auto;gap:10px 12px;margin:0!important;padding:14px!important;border-radius:7px!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live #wo-live-metrics.wlv-facts{grid-column:1/-1;grid-row:auto;order:-28;gap:10px}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live>.wlv-week{grid-column:1/-1;grid-row:auto;order:-25;padding:16px!important;border-radius:7px}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row,html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-thead{grid-template-columns:minmax(66px,.3fr) minmax(120px,.8fr) minmax(180px,2.5fr) minmax(120px,.8fr) 80px 12px;gap:6px 10px}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row{min-height:48px;padding:8px!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(2)>b{font-size:14px!important;line-height:1.4!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-reply{font-size:13px!important;line-height:1.45!important}
 html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row :is(small,.wlv-who,.wlv-verdict .c-badge){font-size:12px!important;line-height:1.4!important}
}
html body.product-support.style1.assistant-admin #dashboard #section-support-live :is(button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden])){font-size:14px!important;min-height:36px!important;height:auto!important;padding:8px 12px!important;line-height:1.4!important}
html body.product-support.style1.assistant-admin #dashboard #section-support-live h3{font-size:15px!important;line-height:1.4!important}
html body.product-support.style1.assistant-admin #dashboard #section-support-live #wo-live-recent>.support-empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;padding:36px 24px;font-size:15px;line-height:1.6;color:var(--color-text-muted);border-radius:10px;background:color-mix(in srgb,var(--color-primary,#315fb5) 3%,var(--color-surface));border:1px dashed color-mix(in srgb,var(--color-primary,#315fb5) 20%,var(--color-border))}
html body.product-support.style1.assistant-admin #dashboard #section-support-live #wo-live-recent>.support-empty::before{content:"";width:56px;height:56px;border-radius:18px;background:color-mix(in srgb,var(--color-primary,#315fb5) 10%,var(--color-surface)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23315fb5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h4l3-7 3 14 3-7h3'/%3E%3C/svg%3E") center/28px no-repeat}
html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-facts>span{padding:8px 12px;font-size:13px;line-height:1.5;border-radius:8px}
html body.product-support.style1.assistant-admin #dashboard #section-support-live .wlv-week :is(.wn-muted,small,.support-empty){font-size:13px;line-height:1.6}
@media(max-width:900px){html body.product-support.style1.assistant-admin #dashboard #section-support-live :is(button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden])){min-height:44px!important}html body.product-support.style1.assistant-admin #dashboard #section-support-live #wo-live-recent>.support-empty{min-height:180px}}

/* Native facts precede the journal on desktop and mobile. */
@media(min-width:901px){html body.product-support.style1.assistant-admin #dashboard #section-support-live #wo-live-metrics{order:-28}}
html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row :is(.wlv-reply,.wlv-who),html body.product-support.style1.assistant-admin #dashboard #section-support-live .wn-row>div:nth-child(2)>b{white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset}

@media(max-width:900px){html body.product-support.style1.assistant-admin #dashboard #section-support-live #wo-live-metrics{order:2}}