/* Mobile automatic-screener surfaces. The shared screener owns brand/navigation. */
@media all {
  #kdScreener .ksa-page {
    --ksa-bg: var(--ks-bg, #100d18); --ksa-card: #181321; --ksa-ink: #f4f0fa;
    --ksa-muted: #aaa1ba; --ksa-line: #3b2e50; --ksa-accent: #b28cff;
    --ksa-soft: #241b34; --ksa-cta-ink: #100d18;
    display: flex; flex-direction: column; gap: 12px; min-width: 0;
    padding: 12px 16px 24px; color: var(--ksa-ink);
    font: 400 13px/1.5 "UI4 Noto Sans SC", "Noto Sans SC", sans-serif;
    overflow-wrap: anywhere;
  }
  html:not([data-theme="dark"]) #kdScreener .ksa-page {
    --ksa-card: #fff; --ksa-ink: #251a36; --ksa-muted: #746781;
    --ksa-line: #ddd3eb; --ksa-accent: #7949c8; --ksa-soft: #eee8f6; --ksa-cta-ink: #fff;
  }
  #kdScreener .ksa-page * { box-sizing: border-box; }
  #kdScreener .ksa-page h2, #kdScreener .ksa-page h3, #kdScreener .ksa-page p { margin: 0; color: inherit; }
  #kdScreener .ksa-page h2 { font-size: 19px; font-weight: 700; line-height: 1.45; }
  #kdScreener .ksa-page h3 { font-size: 14px; font-weight: 600; line-height: 1.5; }
  #kdScreener .ksa-page svg { flex: 0 0 auto; width: 20px; height: 20px; }
  #kdScreener .ksa-title-row, #kdScreener .ksa-page-heading { display: flex; align-items: center; gap: 8px; min-height: 40px; }
  #kdScreener .ksa-title-row h2, #kdScreener .ksa-page-heading h2 { flex: 1; min-width: 0; }
  #kdScreener .ksa-page-heading { margin: -4px 0 0 -8px; }
  #kdScreener .ksa-page-heading h2 { font-size: 18px; }
  #kdScreener .ksa-button {
    appearance: none; display: inline-flex; align-items: center; justify-content: center;
    gap: 6px; min-height: 44px; margin: 0; padding: 9px 12px; border: 1px solid transparent;
    border-radius: 12px; background: transparent; color: var(--ksa-accent);
    font: inherit; font-size: 12px; line-height: 1.5; cursor: pointer; text-decoration: none;
    white-space: normal; text-align: center; box-shadow: none;
  }
  #kdScreener .ksa-button:focus-visible, #kdScreener .ksa-page input:focus-visible { outline: 2px solid var(--ksa-accent); outline-offset: 3px; }
  #kdScreener .ksa-button:disabled { opacity: .5; cursor: not-allowed; }
  #kdScreener .ksa-button.ksa-icon { width: 44px; padding: 10px; }
  #kdScreener .ksa-button.ksa-link { padding: 6px 0 6px 10px; }
  #kdScreener .ksa-button.ksa-primary { background: var(--ksa-accent); color: var(--ksa-cta-ink); font-size: 14px; font-weight: 600; min-height: 46px; }
  #kdScreener .ksa-button.ksa-secondary { background: var(--ksa-soft); border-color: var(--ksa-line); }
  #kdScreener .ksa-wide { width: 100%; }
  #kdScreener .ksa-card { background: var(--ksa-card); border: 1px solid var(--ksa-line); border-radius: 14px; padding: 14px; min-width: 0; }
  #kdScreener .ksa-page .ksa-description { color: var(--ksa-muted); font-size: 12px; line-height: 1.65; }
  #kdScreener .ksa-unavailable { display: flex; align-items: flex-start; gap: 9px; background: var(--ksa-soft); border: 1px solid var(--ksa-line); border-radius: 12px; padding: 12px; }
  #kdScreener .ksa-unavailable > svg { width: 18px; height: 18px; margin-top: 1px; color: var(--ksa-accent); }
  #kdScreener .ksa-unavailable > div { min-width: 0; }
  #kdScreener .ksa-unavailable strong { display: block; font-size: 12px; font-weight: 600; color: var(--ksa-accent); }
  #kdScreener .ksa-unavailable p { font-size: 12px; color: var(--ksa-muted); line-height: 1.6; margin-top: 3px; }
  #kdScreener .ksa-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 25px 12px 24px; gap: 12px; }
  #kdScreener .ksa-empty .ksa-empty-icon { display: flex; align-items: center; justify-content: center; height: 52px; width: 52px; border-radius: 16px; background: var(--ksa-soft); color: var(--ksa-accent); }
  #kdScreener .ksa-empty-icon svg { height: 27px; width: 27px; }
  #kdScreener .ksa-empty h3 { font-size: 16px; }
  #kdScreener .ksa-empty p { font-size: 12px; line-height: 1.7; color: var(--ksa-muted); max-width: 290px; }
  #kdScreener .ksa-empty .ksa-primary { margin-top: 5px; width: 100%; }
  #kdScreener .ksa-empty.ksa-compact { padding-top: 22px; padding-bottom: 22px; }
  #kdScreener .ksa-rules h3 { margin-bottom: 6px; }
  #kdScreener .ksa-rules p { font-size: 12px; color: var(--ksa-muted); line-height: 1.75; }
  #kdScreener .ksa-rules p + p { margin-top: 5px; }
  #kdScreener .ksa-two-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  #kdScreener .ksa-source-list { padding: 0; overflow: hidden; }
  #kdScreener .ksa-button.ksa-source { display: flex; width: 100%; padding: 14px 12px; border-radius: 0; min-height: 78px; gap: 12px; text-align: left; }
  #kdScreener .ksa-source + .ksa-source { border-top: 1px solid var(--ksa-line); }
  #kdScreener .ksa-source-icon { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 11px; background: var(--ksa-soft); }
  #kdScreener .ksa-source-copy { flex: 1; min-width: 0; }
  #kdScreener .ksa-source-copy strong { display: block; color: var(--ksa-ink); font-size: 13px; font-weight: 500; }
  #kdScreener .ksa-source-copy small { display: block; margin-top: 4px; color: var(--ksa-muted); font-size: 12px; line-height: 1.6; }
  #kdScreener .ksa-form { padding: 14px 12px 0; }
  #kdScreener .ksa-label { display: block; font-size: 12px; margin-bottom: 8px; }
  #kdScreener .ksa-form input[type="text"] { width: 100%; height: 44px; border: 1px solid var(--ksa-line); border-radius: 10px; padding: 10px 12px; background: var(--ksa-bg); color: var(--ksa-ink); font: inherit; font-size: 16px; }
  #kdScreener .ksa-form input::placeholder { color: var(--ksa-muted); opacity: 1; }
  #kdScreener .ksa-setting-row, #kdScreener .ksa-button.ksa-setting-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 10px 0; color: var(--ksa-ink); font-size: 12px; text-align: left; border-radius: 0; }
  #kdScreener .ksa-form .ksa-setting-row { border-top: 1px solid var(--ksa-line); }
  #kdScreener .ksa-form input + .ksa-setting-row { margin-top: 14px; }
  #kdScreener .ksa-muted { display: inline-flex; align-items: center; gap: 4px; color: var(--ksa-muted); font-size: 12px; text-align: right; }
  #kdScreener .ksa-muted svg { width: 16px; height: 16px; }
  #kdScreener .ksa-footer { margin-top: 4px; }
  #kdScreener .ksa-footer p { text-align: center; color: var(--ksa-muted); font-size: 12px; margin-top: 8px; }
  #kdScreener .ksa-conditions { list-style: none; margin: 0; padding: 0; }
  #kdScreener .ksa-conditions li { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; font-size: 13px; }
  #kdScreener .ksa-conditions li + li { border-top: 1px solid var(--ksa-line); }
  #kdScreener .ksa-condition-dot { flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--ksa-accent); margin-top: 7px; }
  #kdScreener .ksa-condition-copy { min-width: 0; }
  #kdScreener .ksa-condition-copy small { display: block; color: var(--ksa-accent); font-size: 12px; margin-bottom: 3px; }
  #kdScreener .ksa-page .ksa-snapshot-logic { color: var(--ksa-accent); font-size: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--ksa-line); }
  #kdScreener .ksa-page .ksa-rule-note, #kdScreener .ksa-page .ksa-empty-conditions { color: var(--ksa-muted); font-size: 12px; line-height: 1.7; }
  #kdScreener .ksa-notify-option { display: flex; align-items: center; gap: 12px; min-height: 80px; padding: 14px 12px; cursor: pointer; }
  #kdScreener .ksa-notify-option + .ksa-notify-option { border-top: 1px solid var(--ksa-line); }
  #kdScreener .ksa-notify-option input { appearance: auto; width: 19px; height: 19px; accent-color: var(--ksa-accent); flex: 0 0 19px; margin: 0; }
  #kdScreener .ksa-notify-option strong { display: block; font-size: 13px; font-weight: 500; }
  #kdScreener .ksa-notify-option small { display: block; font-size: 12px; color: var(--ksa-muted); margin-top: 5px; }
  #kdScreener .ksa-pool-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--ksa-line); }
  #kdScreener .ksa-pool-tabs .ksa-button { border-radius: 0; color: var(--ksa-muted); padding-left: 4px; padding-right: 4px; font-size: 12px; }
  #kdScreener .ksa-pool-tabs .ksa-button.is-active { color: var(--ksa-accent); font-weight: 600; border-bottom: 2px solid var(--ksa-accent); }

  #kdScreener .ksa-page { --ksa-bg:var(--ks-bg); --ksa-card:var(--ks-surface); --ksa-ink:var(--ks-ink); --ksa-muted:var(--ks-muted); --ksa-line:var(--ks-line); --ksa-accent:var(--ks-accent); --ksa-soft:var(--ks-soft); --ksa-cta-ink:var(--kb-cta-text); }
  #kdScreener .ksa-list-tools, #kdScreener .ksa-sub-heading, #kdScreener .ksa-card-actions, #kdScreener .ksa-pagination { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
  #kdScreener .ksa-list-tools > .ksa-pool-tabs { flex:1; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #kdScreener .ksa-sub-heading > h3 { flex:1; min-width:0; }
  #kdScreener .ksa-name { display:block; width:100%; padding:0; text-align:left; color:var(--ksa-ink); font-size:14px; font-weight:600; }
  #kdScreener .ksa-subscription { display:flex; flex-direction:column; gap:8px; }
  #kdScreener .ksa-status { padding:4px 8px; border-radius:6px; color:var(--ksa-accent); background:var(--ksa-soft); font-size:12px; line-height:18px; white-space:normal; }
  #kdScreener .ksa-status.entered { color:var(--ks-up); }
  #kdScreener .ksa-status.removed, #kdScreener .ksa-status.failed, #kdScreener .ksa-danger { color:var(--ks-down); }
  #kdScreener .ksa-message { display:flex; align-items:flex-start; gap:8px; padding:12px; border:1px solid var(--ksa-line); border-radius:10px; background:var(--ksa-soft); font-size:12px; line-height:1.55; }
  #kdScreener .ksa-message > div { min-width:0; }
  #kdScreener .ksa-message svg { flex:0 0 18px; height:18px; }
  #kdScreener .ksa-page .ksa-error { color:var(--ks-down); padding:8px 0; font-size:12px; }
  #kdScreener .ksa-page .ksa-stale { color:var(--kb-amber); }
  #kdScreener .ksa-search { display:flex; align-items:center; gap:8px; }
  #kdScreener .ksa-search label { flex:1; min-width:0; }
  #kdScreener .ksa-search input { width:100%; min-width:0; min-height:44px; border:1px solid var(--ksa-line); border-radius:8px; padding:10px 12px; background:var(--ksa-card); color:var(--ksa-ink); font:inherit; font-size:16px; }
  #kdScreener .ksa-pool-row { border-bottom:1px solid var(--ksa-line); padding-bottom:8px; }
  #kdScreener .ksa-stock { width:100%; justify-content:space-between; padding:8px 0; color:var(--ksa-ink); text-align:left; gap:12px; }
  #kdScreener .ksa-stock > span { min-width:0; }
  #kdScreener .ksa-stock strong, #kdScreener .ksa-stock small { display:block; }
  #kdScreener .ksa-stock small { margin-top:4px; color:var(--ksa-muted); overflow-wrap:anywhere; }
  #kdScreener .ksa-stock small.ksx-up { color:var(--ks-up); }
  #kdScreener .ksa-stock small.ksx-down { color:var(--ks-down); }
  #kdScreener .ksa-quote { flex:0 0 auto; text-align:right; font-variant-numeric:tabular-nums; }
  #kdScreener .ksa-event { width:100%; display:flex; flex-direction:column; align-items:stretch; text-align:left; color:var(--ksa-ink); border:1px solid var(--ksa-line); background:var(--ksa-card); padding:12px; }
  #kdScreener .ksa-event-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; }
  #kdScreener .ksa-event-heading strong { min-width:0; overflow-wrap:anywhere; }
  #kdScreener .ksa-event > small, #kdScreener .ksa-pagination { color:var(--ksa-muted); font-size:12px; }
  #kdScreener .ksa-page [aria-busy=true] { cursor:progress; }
  #kdScreener .ksa-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}