*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  /* Event setup page */
  #event-setup {
    position: fixed; inset: 0; z-index: 9998;
    background: #0B1E2D;
    display: none; align-items: center; justify-content: center; padding: 20px;
    padding-top: 48px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #event-setup.open { align-items: safe center; }
  #event-setup::before {
    content: ''; position: absolute; inset: 0;
    background-image: linear-gradient(rgba(45,125,210,0.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(45,125,210,0.07) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
  }
  #event-setup::after {
    content: ''; position: absolute;
    width: 500px; height: 500px; border-radius: 50%;
    background: radial-gradient(circle, rgba(45,125,210,0.2) 0%, transparent 70%);
    top: 30%; left: 50%; transform: translate(-50%, -50%);
    pointer-events: none;
  }
  #event-setup.open { display: flex; }
  .event-setup-box {
    position: relative; z-index: 1;
    max-width: 440px; width: 100%;
    text-align: center;
    display: flex; flex-direction: column; align-items: center;
  }
  .event-setup-logo-wrap {
    position: relative; width: 110px; margin: 0 auto 24px;
    display: flex; align-items: center; justify-content: center;
  }
  .event-setup-logo-wrap::before {
    content: ''; position: absolute; z-index: 0;
    width: 480px; height: 480px; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    /* Exponential-style falloff (each stop roughly halves the previous
       opacity) spread across a much larger radius than the visible glow
       "core" - the tail keeps thinning long after it's perceptible, so
       there's no point where the eye can find an edge. */
    background: radial-gradient(circle,
      rgba(84,182,236,.70) 0%,
      rgba(84,182,236,.55) 8%,
      rgba(84,182,236,.42) 15%,
      rgba(84,182,236,.30) 22%,
      rgba(84,182,236,.21) 29%,
      rgba(84,182,236,.14) 36%,
      rgba(84,182,236,.09) 43%,
      rgba(84,182,236,.055) 50%,
      rgba(84,182,236,.032) 58%,
      rgba(84,182,236,.017) 66%,
      rgba(84,182,236,.008) 75%,
      rgba(84,182,236,.003) 85%,
      rgba(84,182,236,0) 100%);
    border-radius: 50%; opacity: 0; pointer-events: none;
    animation: eventLogoGlowIn 1.8s ease-out 0.3s forwards;
  }
  .event-setup-logo {
    position: relative; z-index: 1;
    width: 110px; height: auto; margin-bottom: 0; background: transparent;
  }
  @keyframes eventLogoGlowIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  .event-setup-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(45,125,210,0.15); border: 1px solid rgba(45,125,210,0.3);
    border-radius: 100px; padding: 5px 14px;
    font-size: 11px; font-weight: 700; color: #4A9AE8;
    letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 20px;
  }
  .event-setup-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: #4A9AE8; animation: pulse 2s infinite; }
  .event-setup-title {
    font-size: clamp(28px, 6vw, 42px); font-weight: 900; color: #FFFFFF;
    margin-bottom: 10px; letter-spacing: -0.03em; line-height: 1.1;
    font-family: 'Bodoni Moda', 'Garamond', Georgia, serif;
  }
  .event-setup-title em { font-style: italic; color: #4A9AE8; }
  .event-setup-sub { font-size: 14px; color: rgba(255,255,255,0.5); margin-bottom: 32px; line-height: 1.6; }
  .event-input-wrap {
    background: rgba(255,255,255,0.06); border: 1.5px solid rgba(255,255,255,0.15);
    border-radius: 14px; padding: 4px 4px 4px 16px;
    display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
    transition: all 0.2s; width: 100%;
  }
  .event-input-wrap:focus-within { border-color: var(--blue); background: rgba(45,125,210,0.1); }
  .event-input {
    flex: 1; background: transparent; border: none; outline: none;
    font-size: 16px; color: #FFFFFF; font-family: var(--ff-body);
    padding: 10px 0;
  }
  /* PERMANENT FIX, not per-modal: .event-input is only ever used in dark
     contexts. A global unscoped `input[type="text"]:focus` rule elsewhere
     forces background:#FFFFFF on focus, which breaks any dark input that
     doesn't specifically fight it. Rather than relying on every new modal
     remembering to add itself to an override allowlist (which is exactly
     how the display-name modal shipped broken), .event-input:focus wins
     this everywhere, unconditionally, forever. */
  .event-input:focus {
    background: transparent !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
  }
  /* A generic `input[type="text"]:focus` rule elsewhere in this file forces
     a white background on focus for light-themed forms. These dark-themed
     contexts need to win that fight regardless of source order, so scope
     and !important both the base and focus states here. */
  #event-setup .event-input,
  #event-setup .event-input:focus,
  #company-settings-modal .event-input,
  #company-settings-modal .event-input:focus {
    background: transparent !important;
    box-shadow: none !important;
  }
  .event-input::placeholder { color: rgba(255,255,255,0.3); }
  .new-event-status { display:none; font-size: 12.5px; color: #F4B53C; background: rgba(244,181,60,0.1); border-left: 3px solid #F4B53C; border-radius: 0 8px 8px 0; padding: 10px 12px; margin: -4px 0 12px; line-height: 1.5; }
  /* Some browsers force a light background + dark text on inputs they
     classify as autofillable (e.g. URL/company-shaped placeholder text),
     which breaks the dark theme. Force our own colors back regardless. */
  .event-input:-webkit-autofill,
  .event-input:-webkit-autofill:hover,
  .event-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #FFFFFF;
    -webkit-box-shadow: 0 0 0px 1000px rgba(20,30,45,1) inset;
    box-shadow: 0 0 0px 1000px rgba(20,30,45,1) inset;
    caret-color: #FFFFFF;
  }

  /* Company Settings / ICP modal ---------------------------------------- */
  .cs-modal-box { position: relative; max-width: 420px; }
  /* The box carries both .modal-box (global, text-align:center, declared
     later in this file) and .cs-modal-box (ours, text-align:left). Same
     specificity on both selectors means source order breaks the tie - and
     .modal-box's center rule sits further down the file, so it was quietly
     winning and every plain description paragraph in this modal (anything
     without its own class, like the intro lines under each section title)
     was inheriting centered text even though cs-multiselect-label/
     modal-title had their own higher-specificity overrides and looked
     fine. Scoping to the #id here outranks a bare class regardless of
     order, so this is the one rule that actually settles it. */
  #company-settings-modal .cs-modal-box { text-align: left; }

  /* Themed scrollbars - the OS default grey clashes hard against the dark
     panel here, so every scrollable area inside this modal gets a thin,
     accent-tinted bar instead. Chrome/Edge/Safari via ::-webkit-scrollbar,
     Firefox via the scrollbar-color shorthand. */
  #company-settings-modal .cs-modal-scroll,
  #company-settings-modal .cs-chip-group {
    scrollbar-width: thin;
    scrollbar-color: var(--accent) var(--panel2);
  }
  #company-settings-modal .cs-modal-scroll::-webkit-scrollbar,
  #company-settings-modal .cs-chip-group::-webkit-scrollbar {
    width: 8px;
  }
  #company-settings-modal .cs-modal-scroll::-webkit-scrollbar-track,
  #company-settings-modal .cs-chip-group::-webkit-scrollbar-track {
    background: var(--panel2);
    border-radius: 8px;
  }
  #company-settings-modal .cs-modal-scroll::-webkit-scrollbar-thumb,
  #company-settings-modal .cs-chip-group::-webkit-scrollbar-thumb {
    background: rgba(84,182,236,0.45);
    border-radius: 8px;
    border: 2px solid var(--panel2);
  }
  #company-settings-modal .cs-modal-scroll::-webkit-scrollbar-thumb:hover,
  #company-settings-modal .cs-chip-group::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
  }
  .cs-modal-x {
    position: absolute; top: 12px; right: 12px; z-index: 2;
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 8px; font-size: 13px; padding: 0;
  }
  .cs-modal-scroll { max-height: 80vh; overflow-y: auto; padding-right: 2px; }

  /* Tabbed layout — now applies at every width, not just desktop. Only
     one .cs-section shows at a time, matching desktop's behavior, since
     the mobile "just stack every section on one long page" fallback
     stopped being workable once Notifications + Customize pushed the
     modal's total content past what's reasonable to scroll through in
     one shot on a phone. */
  #company-settings-modal .cs-tabs {
    display: flex; gap: 8px; margin: 4px 0 24px; padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
  }
  #company-settings-modal .cs-tab {
    flex: 1; display: flex; align-items: center; justify-content: center;
    gap: 8px; padding: 14px 16px; border-radius: 14px; cursor: pointer;
    background: var(--panel2); border: 1.5px solid var(--line);
    color: var(--text-mid); font-family: var(--ff-body); font-size: 14px;
    font-weight: 700; letter-spacing: 0.01em; transition: border-color 0.15s, background 0.15s, color 0.15s;
  }
  #company-settings-modal .cs-tab:hover { border-color: var(--accent); color: var(--text); }
  #company-settings-modal .cs-tab.active {
    background: var(--accent); border-color: var(--accent); color: #06141F;
  }
  #company-settings-modal .cs-tab svg { width: 16px; height: 16px; flex-shrink: 0; }
  #company-settings-modal .cs-section { display: none; }
  #company-settings-modal .cs-section.active { display: block; }
  /* The original inline dividers between sections read as clutter once
     each section is isolated on its own tab. */
  #company-settings-modal .cs-section-divider { display: none; }

  @media (min-width: 641px) {
    #company-settings-modal .cs-modal-box { max-width: 860px; width: 90vw; }
    #company-settings-modal .cs-modal-scroll { max-height: 82vh; }
    /* More vertical room now that the modal isn't fighting for width -
       let each ICP chip group breathe instead of scrolling almost
       immediately. Label spacing itself is handled by .cs-field-group's
       margin, not here. */
    #company-settings-modal .cs-chip-group { max-height: 220px; }
  }

  /* Below 641px there isn't room for 5 equal-width tabs with icon+label
     each - they'd get squeezed to the point of wrapping mid-word. Switch
     to a horizontally-scrollable pill strip instead: same tap targets,
     same active/inactive states, just sized to fit a phone and scrollable
     instead of squished. */
  @media (max-width: 640px) {
    #company-settings-modal .cs-tabs {
      overflow-x: auto; flex-wrap: nowrap; margin: 4px -4px 20px; padding: 0 4px 14px;
      scrollbar-width: thin; scrollbar-color: var(--accent) var(--panel2);
    }
    #company-settings-modal .cs-tabs::-webkit-scrollbar { height: 6px; }
    #company-settings-modal .cs-tabs::-webkit-scrollbar-track { background: var(--panel2); border-radius: 8px; }
    #company-settings-modal .cs-tabs::-webkit-scrollbar-thumb { background: rgba(84,182,236,0.45); border-radius: 8px; }
    #company-settings-modal .cs-tab {
      flex: 0 0 auto; padding: 10px 14px; font-size: 12.5px; white-space: nowrap;
    }
    #company-settings-modal .cs-tab svg { width: 14px; height: 14px; }
  }

  /* Pill-tab toggle (used by the Targets list-type switch) - same look as the
     Company Settings tabs (cs-tab above), just not scoped to a modal. */
  .mtg-tabs {
    display: flex; gap: 8px; margin: 0 0 20px; flex-wrap: wrap;
  }
  .mtg-tab {
    display: flex; align-items: center; justify-content: center;
    gap: 8px; padding: 12px 20px; border-radius: 14px; cursor: pointer;
    background: var(--panel2); border: 1.5px solid var(--line);
    color: var(--text-mid); font-family: var(--ff-body); font-size: 13px;
    font-weight: 700; letter-spacing: 0.04em; transition: border-color 0.15s, background 0.15s, color 0.15s;
  }
  .mtg-tab:hover { border-color: var(--accent); color: var(--text); }
  /* Targets list switcher: three tabs always on ONE row. Short labels on narrower screens. */
  #tgt-listtype-toggle { flex-wrap: nowrap; gap: 8px; }
  #tgt-listtype-toggle .mtg-tab { flex: 1 1 auto; min-width: 0; padding: 11px 10px; font-size: 12px; letter-spacing: .02em; white-space: nowrap; text-align: center; }
  #tgt-listtype-toggle .lbl-short { display: none; }
  @media (max-width: 760px) {
    #tgt-listtype-toggle { gap: 6px; }
    #tgt-listtype-toggle .mtg-tab { padding: 10px 4px; font-size: 10.5px; letter-spacing: 0; }
    #tgt-listtype-toggle .lbl-full { display: none; }
    #tgt-listtype-toggle .lbl-short { display: inline; }
  }
  .mtg-tab.active {
    background: var(--accent); border-color: var(--accent); color: #06141F;
  }

  /* Single-value dropdowns (Size / Location / Industry). We fully control
     the closed box's look here - dark background, custom chevron, no native
     border. NOTE: the pop-open option list itself is rendered by the OS in
     most browsers and can't be fully re-themed from CSS; this is a native
     <select> limitation, not something left unstyled by choice. */
  .cs-select-wrap { margin-bottom: 8px; }
  .cs-select {
    appearance: none; -webkit-appearance: none; width: 100%;
    background: var(--panel2) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23AEB8C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right 14px center;
    background-size: 16px 16px;
    border: 1.5px solid var(--line); border-radius: 14px;
    color: var(--text); font-size: 15px; font-family: var(--ff-body);
    padding: 12px 40px 12px 16px; cursor: pointer; transition: border-color 0.2s;
  }
  .cs-select:focus { outline: none; border-color: var(--accent); }
  .cs-select option { background: var(--panel2); color: var(--text); }

  /* Customize tab slot cards - deliberately styled to match the actual
     PITCH Score scoring cards (.cat-header/.cat-badge/.cat-label/.cat-desc
     on the Score page) rather than looking like a generic settings form,
     since picking a criterion here is directly picking what that scoring
     card will show. */
  .cs-slot-card {
    background: var(--panel2); border: 1px solid var(--line); border-radius: 16px;
    padding: 16px 18px;
  }
  .cs-slot-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
  .cs-slot-badge {
    width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0;
    background: rgba(84,182,236,0.14); border: 1px solid rgba(84,182,236,0.34);
    color: var(--accent); font-family: var(--ff-disp); font-size: 13px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
  }
  .cs-slot-title { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); }
  .cs-slot-select-wrap { position: relative; margin-bottom: 8px; }
  .cs-slot-select-wrap .cs-select { font-size: 16px; font-weight: 700; }
  .cs-slot-desc { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; margin: 0; }

  /* Multi-selects (Roles / Titles). This box IS regular in-page content,
     not an OS overlay, so it can be fully restyled - including the
     selected-row color, which otherwise defaults to a stark OS gray/blue. */
  .cs-multiselect-label { font-size: 11px; color: var(--text-mid); margin: 2px 0 4px; }
  .cs-multiselect-label span { color: var(--text-muted); }
  /* Each ICP field (label + search + chip box) is a single unit with its
     own bottom margin - explicit and immune to margin-collapsing, so the
     gap between one chip box and the next label can never shrink to
     nothing the way sibling margins can. */
  .cs-field-group { margin-bottom: 20px; }
  .cs-field-group:last-child { margin-bottom: 0; }
  .cs-field-group .cs-multiselect-label { margin-top: 0; }
  /* Tap-to-toggle chips replace the old Ctrl/Cmd-click <select multiple> -
     much easier to use on both desktop and mobile, no modifier keys. */
  .cs-chip-search {
    width: 100%; margin-bottom: 8px;
    background: var(--panel2) !important; border: 1.5px solid var(--line); border-radius: 10px;
    color: var(--text) !important; font-size: 13px; font-family: var(--ff-body);
    padding: 8px 12px; outline: none;
  }
  .cs-chip-search:focus { border-color: var(--accent) !important; background: var(--panel2) !important; box-shadow: none !important; }
  .cs-chip-group {
    display: flex; flex-wrap: wrap; gap: 6px;
    max-height: 168px; overflow-y: auto;
    padding: 10px; margin-bottom: 12px;
    background: var(--panel2); border: 1.5px solid var(--line); border-radius: 14px;
  }
  .cs-chip {
    padding: 7px 13px; border-radius: 999px; font-size: 12.5px; font-family: var(--ff-body);
    background: transparent; border: 1.5px solid var(--line); color: var(--text-mid);
    cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.12s, border-color 0.12s, color 0.12s;
  }
  .cs-chip:hover { border-color: var(--accent); color: var(--text); }
  .cs-chip.selected {
    background: var(--accent); border-color: var(--accent); color: #06141F; font-weight: 600;
  }
  .cs-chip.cs-chip-hidden { display: none; }

  /* Manage Templates (Company Settings) + the reusable template picker
     used from both Target Leads and the Lead Log Draft Email modal. */
  .tpl-mgr-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
  .tpl-mgr-item {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px;
    background: var(--panel2); border: 1.5px solid var(--line); border-radius: 12px;
  }
  .tpl-mgr-item-main { flex: 1; min-width: 0; }
  .tpl-mgr-item-name { font-size: 13.5px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .tpl-mgr-item-subject { font-size: 11.5px; color: var(--text-muted); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .tpl-cat-pill {
    flex-shrink: 0; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 700;
    letter-spacing: 0.03em; text-transform: uppercase; background: rgba(84,182,236,0.14); color: var(--accent);
  }
  .tpl-mgr-item-btn {
    flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; border: 1.5px solid var(--line);
    background: transparent; color: var(--text-mid); cursor: pointer; font-size: 13px;
    display: flex; align-items: center; justify-content: center; transition: border-color 0.12s, color 0.12s;
  }
  .tpl-mgr-item-btn:hover { border-color: var(--accent); color: var(--accent); }
  .tpl-mgr-item-btn.danger:hover { border-color: #E8547A; color: #E8547A; }
  .tpl-mgr-empty { font-size: 12.5px; color: var(--text-muted); padding: 10px 2px; }
  .tpl-mgr-form { background: var(--panel2); border: 1.5px solid var(--line); border-radius: 14px; padding: 14px; margin-top: 4px; }
  .tpl-mgr-form label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-muted); margin: 10px 0 5px; }
  .tpl-mgr-form label:first-child { margin-top: 0; }
  .tpl-mgr-form input[type="text"],
  .tpl-mgr-form textarea,
  .tpl-mgr-form select {
    width: 100%; background: var(--panel); border: 1.5px solid var(--line); border-radius: 10px;
    color: var(--text); font-size: 13.5px; font-family: var(--ff-body); padding: 9px 11px; outline: none;
    box-sizing: border-box; transition: border-color 0.12s;
  }
  /* A global unscoped `input[type="text"]:focus` rule elsewhere forces
     background:#FFFFFF on focus - fine for the light-themed forms it was
     written for, but this form lives in a dark modal, and without an
     equal-or-higher-specificity fight here the text color (light) stays
     the same while the background flips to white on focus, making
     typed text invisible. Same root cause as the .event-input fix
     above - force it back with !important on both base and focus. */
  .tpl-mgr-form input[type="text"],
  .tpl-mgr-form input[type="text"]:focus,
  .tpl-mgr-form textarea,
  .tpl-mgr-form textarea:focus,
  .tpl-mgr-form select,
  .tpl-mgr-form select:focus {
    background: var(--panel) !important; color: var(--text) !important; box-shadow: none !important;
  }
  .tpl-mgr-form input[type="text"]:focus,
  .tpl-mgr-form textarea:focus,
  .tpl-mgr-form select:focus { border-color: var(--accent) !important; }
  .tpl-mgr-form input[type="text"]:-webkit-autofill,
  .tpl-mgr-form input[type="text"]:-webkit-autofill:hover,
  .tpl-mgr-form input[type="text"]:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text);
    -webkit-box-shadow: 0 0 0px 1000px var(--panel) inset;
    box-shadow: 0 0 0px 1000px var(--panel) inset;
  }
  .tpl-mgr-form textarea { min-height: 110px; resize: vertical; line-height: 1.5; }
  .tpl-mgr-form-actions { display: flex; gap: 8px; margin-top: 14px; }

  /* Deploy 168: Sales/Marketing email type selector + plain/rich toggle */
  .tpl-type-row { display: flex; gap: 8px; }
  .tpl-type-btn { flex: 1; text-align: left; padding: 10px 12px; border-radius: 10px; border: 1.5px solid var(--line); background: var(--panel); cursor: pointer; }
  .tpl-type-btn.active { border-color: var(--accent); background: rgba(84,182,236,0.14); }
  .tpl-type-btn-name { font-size: 13px; font-weight: 600; color: var(--text); }
  .tpl-type-btn-sub { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
  .tpl-type-btn.active .tpl-type-btn-sub { color: var(--accent); }
  .tpl-format-row { display: flex; gap: 6px; margin-top: 10px; }
  .tpl-format-btn { flex: 1; text-align: center; padding: 7px 10px; border-radius: 8px; border: 1.5px solid var(--line); background: var(--panel); color: var(--text-mid); font-size: 12px; font-weight: 600; cursor: pointer; }
  .tpl-format-btn.active { border-color: var(--green); background: rgba(63,216,142,0.14); color: var(--green); }
  .tpl-rt-toolbar { display: flex; gap: 4px; margin-bottom: 6px; }
  .tpl-rt-btn { width: 28px; height: 28px; border-radius: 6px; border: 1.5px solid var(--line); background: var(--panel); color: var(--text-mid); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; }
  .tpl-rt-btn:hover { border-color: var(--accent); color: var(--accent); }
  .tpl-rt-editor { min-height: 100px; background: var(--panel); border: 1.5px solid var(--line); border-radius: 10px; color: var(--text); font-size: 13.5px; padding: 9px 11px; line-height: 1.5; outline: none; }
  .tpl-rt-editor:focus { border-color: var(--accent); }

  /* Picker modal - Target Leads "choose template" + Lead Log "Or choose
     from template" both open this, scoped to whichever category they
     pass in. */
  .tpl-picker-list { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
  .tpl-picker-item {
    text-align: left; width: 100%; padding: 11px 13px; background: var(--panel2);
    border: 1.5px solid var(--line); border-radius: 12px; cursor: pointer;
    font-family: var(--ff-body); transition: border-color 0.12s, background 0.12s;
  }
  .tpl-picker-item:hover { border-color: var(--accent); background: rgba(84,182,236,0.08); }
  .tpl-picker-item-name { font-size: 13.5px; font-weight: 700; color: var(--text); }
  .tpl-picker-item-subject { font-size: 12px; color: var(--text-mid); margin-top: 2px; }
  .tpl-picker-empty { font-size: 12.5px; color: var(--text-muted); text-align: center; padding: 20px 8px; line-height: 1.6; }

  /* Bulk Scan mode card (capture page) - matches the Scan Badge / Scan
     Business Card action-card language above it, just lower-emphasis since
     it's a mode toggle, not a nav action. */
  .bulk-scan-card { margin-top: 14px; padding: 16px 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 16px; }
  .bulk-scan-row { display: flex; align-items: center; gap: 14px; }
  .bulk-scan-icon-wrap { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: rgba(84,182,236,0.12); display: flex; align-items: center; justify-content: center; color: var(--accent); }
  .bulk-scan-icon-wrap svg { width: 19px; height: 19px; }
  .bulk-scan-copy { flex: 1; min-width: 0; }
  .bulk-scan-title { font-size: 14px; font-weight: 700; color: var(--text); }
  .bulk-scan-desc { font-size: 12px; color: var(--text-mid); margin-top: 2px; line-height: 1.4; }
  #bulk-scan-options { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); padding-left: 54px; }
  .bulk-scan-count { font-size: 12px; color: var(--text-mid); }

  /* Bulk "how you met them" tag editing (Lead Log) */
  .bulk-tag-bar { display: flex; align-items: center; gap: 10px; padding: 10px 16px; margin-top: 10px; margin-bottom: 10px; background: var(--panel2); border: 1px solid var(--line); border-radius: 10px; }
  /* Destructive bulk action: deliberately quieter than Clear All, but still
     unmistakably destructive once leads have been selected. */
  .bulk-delete-btn { background: rgba(242,98,126,.10) !important; border: 1px solid rgba(242,98,126,.42) !important; color: var(--danger) !important; }
  .bulk-delete-btn:hover { background: rgba(242,98,126,.17) !important; border-color: rgba(242,98,126,.62) !important; }
  .bulk-delete-btn:disabled { opacity: .55; cursor: wait; }

  /* ── MOBILE LEAD LOG CLEANUP ──────────────────────────
     The desktop table has 14 fixed columns (rank, expand, tier, name,
     company, title, P/I/T/C/H, score, logged, actions) with a 1060px
     min-width, forcing horizontal scroll on phones with no visible
     scroll affordance - the action bar buttons were also getting
     clipped at the right edge in select mode. Below 640px: drop Title,
     the five P/I/T/C/H dimension columns (redundant with the Score
     total on a small screen), and Logged, leaving 7 columns that
     actually fit; and let the action bar wrap instead of overflowing. */
  /* Mobile: rather than compressing/hiding columns (which kept breaking -
     buttons overlapping the score, blank space when the compressed grid's
     fr-tracks stretched past actual content), the log table just uses the
     exact same fixed-width layout as desktop and scrolls horizontally.
     #page-log .ll-table already has overflow-x:auto and the row/thead
     already carry min-width:1060px (see ~line 1938) - nothing extra is
     needed here, and nothing here should re-narrow either of those. */
  @media (max-width: 640px) {
    .bulk-tag-bar { flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
    .bulk-tag-bar #bulk-tag-select { flex: 1 1 100%; }
    .bulk-tag-bar button { flex: 1 1 auto; white-space: nowrap; }
    .bulk-tag-bar #bulk-tag-count { flex: 1 1 100%; }
  }
  #bulk-tag-count { font-size: 12px; color: var(--text-mid); font-weight: 600; margin-right: 4px; }
  .ll-select-cb { width: 16px; height: 16px; accent-color: var(--accent); cursor: pointer; }
  .meet-context-pill { display: inline-block; margin-left: 6px; padding: 2px 7px; border-radius: 20px; font-size: 10px; font-weight: 500; letter-spacing: 0.02em; background: rgba(84,182,236,0.14); color: var(--accent); vertical-align: middle; }
  .dq-pill { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 20px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: #E8547A; color: #FFFFFF; vertical-align: middle; }
  .crm-issue-pill { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 20px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.02em; background: rgba(244,181,60,0.16); color: #F4B53C; border: 1px solid rgba(244,181,60,0.4); vertical-align: middle; white-space: nowrap; }

  .btn-start-event {
    background: var(--blue); color: #FFFFFF; border: none;
    border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer;
    font-family: var(--ff-body); padding: 14px 28px;
    box-shadow: 0 4px 20px rgba(45,125,210,0.5); transition: all 0.2s;
    white-space: nowrap; flex-shrink: 0;
  }
  .btn-start-event:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(45,125,210,0.6); }
  .past-events-wrap {
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px; padding: 20px; margin-top: 24px; text-align: left; width: 100%;
  }
  .past-events-label { font-size: 10px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 12px; }
  .past-event-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px;
    margin-bottom: 8px; cursor: pointer; transition: all 0.15s;
    background: rgba(255,255,255,0.04);
  }
  .past-event-item:last-child { margin-bottom: 0; }
  .past-event-item:hover { border-color: var(--blue); background: rgba(45,125,210,0.12); }
  .past-event-name { font-size: 14px; font-weight: 600; color: #FFFFFF; margin-bottom: 2px; }
  .past-event-count { font-size: 12px; color: rgba(255,255,255,0.4); font-weight: 500; }
  .past-event-arrow { color: var(--blue); font-size: 16px; }
  .btn-delete-event {
    background: rgba(220,38,38,0.15); border: none; color: #F87171; border-radius: 6px;
    width: 26px; height: 26px; font-size: 11px; cursor: pointer; font-weight: 700;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: all 0.15s;
  }
  .btn-delete-event:hover { background: #DC2626; color: white; }

  /* Active event banner */
  .event-banner {
    background: var(--blue); color: white; padding: 8px 18px;
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
    font-size: 12px; font-weight: 600;
  }
  .event-banner-logo { max-height: 26px; max-width: 120px; justify-self: start; object-fit: contain; }
  .btn-change-event { justify-self: center; background: rgba(255,255,255,0.2); border: none; color: white; border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 700; cursor: pointer; font-family: var(--ff-body); }

  /* ===== SIGN-IN GATE (redesigned, new design system) ===== */
  #password-gate {
    position: fixed; inset: 0; z-index: 9999;
    background: radial-gradient(90% 50% at 50% -6%, rgba(84,182,236,.16), transparent 58%), #090D14;
    display: flex; align-items: center; justify-content: center; padding: 24px 18px;
    font-family: 'Hanken Grotesk', system-ui, sans-serif;
  }
  .gate-box {
    width: 100%; max-width: 380px; text-align: center;
    background: linear-gradient(180deg, #121A25, #0E151E);
    border: 1px solid #1E2A38; border-radius: 22px; padding: 34px 26px 28px;
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    display: flex; flex-direction: column; align-items: center;
  }
  .gate-logo {
    width: 132px; height: auto; margin-bottom: 20px;
    background: transparent;
    animation: gateLogoPulse 2.6s ease-in-out infinite;
  }
  @keyframes gateLogoPulse {
    0%, 100% { filter: drop-shadow(0 0 14px rgba(84,182,236,.45)) drop-shadow(0 0 2px rgba(84,182,236,.6)); }
    50% { filter: drop-shadow(0 0 34px rgba(84,182,236,.85)) drop-shadow(0 0 6px rgba(84,182,236,.9)); }
  }
  .gate-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 25px; color: #EAF1F8; letter-spacing: -.01em; line-height: 1; }
  .gate-title .ac { color: #54B6EC; }
  .gate-title sup { font-size: 11px; font-weight: 600; color: #7C8A9C; vertical-align: super; margin-left: 1px; }
  .gate-sub { font-size: 13px; color: #7C8A9C; margin-top: 8px; margin-bottom: 24px; }
  .gate-field {
    width: 100%; display: flex; align-items: center; gap: 11px; padding: 14px 15px;
    background: #0E151E; border: 1px solid #1E2A38; border-radius: 12px; margin-bottom: 11px;
    transition: border-color .2s, box-shadow .2s;
  }
  .gate-field:focus-within { border-color: rgba(84,182,236,.55); box-shadow: 0 0 18px rgba(84,182,236,.16); }
  .gate-ic { width: 18px; height: 18px; flex: none; color: #54B6EC; filter: drop-shadow(0 0 5px rgba(84,182,236,.45)); }
  .gate-ic svg { width: 18px; height: 18px; }
  .gate-field input {
    width: 100%; background: none; border: none; outline: none; color: #EAF1F8;
    font: inherit; font-size: 14.5px; flex: 1; min-width: 0; text-align: left; letter-spacing: normal; margin: 0;
  }
  .gate-field input::placeholder { color: #7C8A9C; }
  .gate-field input:-webkit-autofill,
  .gate-field input:-webkit-autofill:hover,
  .gate-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: #EAF1F8 !important;
    -webkit-box-shadow: 0 0 0 1000px #0E151E inset !important;
    box-shadow: 0 0 0 1000px #0E151E inset !important;
    caret-color: #EAF1F8;
    transition: background-color 9999s ease-in-out 0s;
  }
  .gate-field input:autofill { -webkit-text-fill-color: #EAF1F8 !important; }
  .gate-field input[type="email"]:focus,
  .gate-field input[type="password"]:focus,
  .gate-field input[type="text"]:focus,
  .gate-field input[type="tel"]:focus {
    background: none !important; border: none !important; box-shadow: none !important; color: #EAF1F8 !important;
  }
  .gate-eye { flex: none; background: none; border: none; cursor: pointer; color: #7C8A9C; display: flex; padding: 0; }
  .gate-eye svg { width: 18px; height: 18px; }
  .gate-eye:hover { color: #EAF1F8; }
  .gate-btn {
    width: 100%; margin: 7px 0 0; padding: 15px; border: none; border-radius: 12px; cursor: pointer;
    background: #54B6EC; color: #06141f; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 15px;
    box-shadow: 0 0 26px rgba(84,182,236,.4); transition: transform .08s, box-shadow .2s, opacity .2s; letter-spacing: normal;
  }
  .gate-btn:hover { box-shadow: 0 0 34px rgba(84,182,236,.55); transform: none; }
  .gate-btn:active { transform: scale(.99); }
  .gate-btn:disabled { opacity: .7; cursor: default; }
  .gate-error { min-height: 18px; margin-top: 13px; font-size: 12.5px; font-weight: 600; color: #F2627E;
    display: flex; align-items: center; gap: 6px; justify-content: center; }
  .gate-error:empty { display: none; }
  .gate-error svg { width: 14px; height: 14px; flex: none; }
  .gate-foot { margin-top: 22px; font-size: 10.5px; letter-spacing: .06em; color: #7C8A9C; display: flex; align-items: center; gap: 7px; }
  .gate-foot svg { width: 12px; height: 12px; color: #3FD88E; }
  .gate-forgot { margin-top: 13px; text-align: center; }
  .gate-forgot a { font-size: 12.5px; font-weight: 600; color: #54B6EC; text-decoration: none; }
  .gate-forgot a:hover { text-decoration: underline; }
  .gate-error.ok { color: #3FD88E; }
  :root {
    --bg: #EEF2F7;
    --card: #FFFFFF;
    --blue: #2D7DD2;
    --blue-light: #E8F1FB;
    --blue-dark: #1A5FA8;
    --green: #0FA876;
    --amber: #E8A23D;
    --pink: #E8547A;
    --text: #0D1F2D;
    --text-mid: #3A5068;
    --text-muted: #7A95AE;
    --border: #D5E3F0;
    --radius: 16px;
    --radius-sm: 10px;
    --shadow: 0 2px 12px rgba(45,125,210,0.10);
    --shadow-lg: 0 8px 32px rgba(45,125,210,0.13);
  }
  body { background: #1A5FA8; color: var(--text); font-family: var(--ff-body); min-height: 100vh; }
  /* Something elsewhere in the page's DOM is wider than the viewport on
     mobile, which lets the whole layout viewport pan sideways - and
     mobile Safari drags position:fixed elements (like #event-setup) along
     with that pan, which is what made the event-setup screen feel like a
     "floating box" instead of a pinned full screen. Locking overflow-x on
     html/body stops the pan regardless of which element is the culprit,
     without needing to hunt it down. */
  html, body { overflow-x: hidden; max-width: 100%; }

  /* NAV */
  nav {
    background: linear-gradient(180deg, #2D7DD2 0%, #1A5FA8 100%);
    padding: 0 20px;
    display: flex; align-items: center; justify-content: space-between;
    height: 60px; position: sticky; top: 0; z-index: 100;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .nav-brand { display: flex; align-items: center; gap: 10px; }
  .nav-logo { height: 28px; width: auto; }
  .nav-name { font-size: 13px; font-weight: 700; letter-spacing: 0.15em; color: #FFFFFF; text-transform: uppercase; }
  .nav-sep { display: none; }
  .nav-sub { font-size: 16px; font-weight: 700; color: #FFFFFF; letter-spacing: 0.01em; }
  .nav-tabs { display: none; }
  .nav-tab { display: none; }

  /* Dropdown nav (now used on all widths) */
  .nav-dropdown { display: block; position: relative; }
  .nav-dropdown-btn {
    background: linear-gradient(180deg, #3D8FE0 0%, #2D7DD2 55%, #2168BE 100%);
    border: 1px solid rgba(255,255,255,0.18); border-radius: 8px; padding: 9px 14px;
    font-size: 14px; font-weight: 700; color: #FFFFFF;
    cursor: pointer; display: flex; align-items: center; gap: 8px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 4px 12px rgba(45,125,210,0.35);
    transition: all 0.2s; font-family: var(--ff-body);
  }
  .nav-dropdown-btn:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 6px 16px rgba(45,125,210,0.45); }
  .nav-btn-icon { display: flex; align-items: center; flex-shrink:0; }
  .nav-btn-icon svg { width: 18px; height: 18px; }
  .nav-chevron { width: 16px; height: 16px; transition: transform 0.2s; }
  .nav-dropdown:has(.nav-dropdown-menu.open) .nav-chevron { transform: rotate(180deg); }
  .nav-dropdown-menu {
    display: none; position: absolute; top: calc(100% + 8px); right: 0; background: #FFFFFF;
    border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.18); z-index: 200;
    min-width: 190px; overflow: hidden;
  }
  .nav-dropdown-menu.open { display: flex; flex-direction: column; }
  .nav-dropdown-item {
    background: none; border: none; color: var(--text); font-size: 14px; font-weight: 600;
    padding: 13px 18px; cursor: pointer; text-align: left; transition: all 0.15s;
    font-family: var(--ff-body); display:flex; align-items:center; gap:10px;
  }
  .nav-dropdown-item .nav-item-icon { width:18px; height:18px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .nav-dropdown-item .nav-item-icon svg { width:18px; height:18px; }
  .nav-dropdown-item:hover { background: var(--bg); }
  .nav-dropdown-item.active { background: var(--blue-light); color: var(--blue); }
  
  @media (max-width: 600px) {
    .nav-tabs { display: none; }
    .nav-dropdown { display: block; }
    textarea {
      min-height: 110px;
      font-size: 16px;
      padding: 14px;
    }
    .btn-voice-record, .btn-summarize {
      padding: 8px 10px;
      font-size: 12px;
    }
    .voice-status {
      font-size: 11px;
      padding: 3px 6px;
    }
  }

  .page { display: none; }
  .page.active { display: block; }
  .app-sheet { background: var(--bg); border-radius: 24px 24px 0 0; min-height: calc(100vh - 60px); position: relative; }
  .container { max-width: 760px; margin: 0 auto; padding: 28px 18px; }
  .container-wide { max-width: 980px; margin: 0 auto; padding: 28px 18px; }

  /* HERO */
  .hero { margin-bottom: 24px; }
  .hero-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; color: var(--blue); text-transform: uppercase; margin-bottom: 6px; font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; }
  .hero-title { font-size: clamp(28px, 5vw, 42px); font-weight: 800; color: var(--text); letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 6px; font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; }
  .hero-title .accent { color: var(--blue); }
  .hero-sub { font-size: 13px; font-weight: 500; color: var(--text-muted); letter-spacing: 0.06em; }

  /* CARDS */
  .card {
    background: var(--card); border-radius: var(--radius);
    padding: 20px; margin-bottom: 14px;
    box-shadow: var(--shadow);
    border: 1px solid rgba(213,227,240,0.6);
  }

  /* SCAN BAR */
  .scan-bar {
    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
    border-radius: var(--radius); padding: 28px 20px; margin-bottom: 14px;
    display: flex; flex-direction: column; align-items: center; gap: 18px;
    box-shadow: 0 8px 32px rgba(45,125,210,0.25);
  }
  .scan-btn-row {
    display: flex; gap: 14px; align-items: stretch; justify-content: center; width: 100%;
  }
  .scan-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F0F0 15%, #C0C0C0 50%, #A8A8A8 85%, #909090 100%);
    color: #1545A0; border: 1px solid #888888; border-radius: 14px;
    padding: 16px 24px; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase;
    cursor: pointer; transition: all 0.25s ease; flex-direction: column; flex: 1; min-height: 110px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 12px 32px rgba(0,0,0,0.35), 0 4px 12px rgba(0,0,0,0.2);
  }
  .scan-btn:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 14px 36px rgba(0,0,0,0.4), 0 6px 14px rgba(0,0,0,0.25); }
  .scan-btn.card-btn { background: rgba(255,255,255,0.15); color: #FFFFFF; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border: 1px solid rgba(255,255,255,0.25); }
  .scan-btn.card-btn:hover { background: rgba(255,255,255,0.25); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
  .scan-status { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.9); flex: 1; text-align: center; }

  /* MODAL */
  .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(13,31,45,0.75); z-index: 10000; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
  .modal-overlay.open { display: flex; }
  .modal-box { background: #FFFFFF; border-radius: 20px; padding: 24px; max-width: 420px; width: 95%; text-align: center; box-shadow: 0 24px 64px rgba(0,0,0,0.2); }
  .modal-title { font-size: 12px; font-weight: 700; letter-spacing: 0.15em; color: var(--blue); text-transform: uppercase; margin-bottom: 14px; }
  #camera-preview { width: 100%; max-height: 280px; object-fit: cover; border-radius: 12px; background: #000; display: block; margin-bottom: 14px; }
  .camera-actions { display: flex; gap: 10px; justify-content: center; }
  .camera-photo-link { display:block; margin:12px auto 0; background:none; border:none; color:var(--muted,#8A94A6); font-size:12.5px; text-decoration:underline; cursor:pointer; padding:6px 10px; }
  .camera-fail { display:none; text-align:center; padding:6px 4px 14px; }
  .camera-fail-title { font-size:16px; font-weight:700; margin-bottom:6px; }
  .camera-fail-msg { font-size:13px; color:var(--muted,#8A94A6); line-height:1.5; margin-bottom:14px; }
  .camera-fail-actions { display:flex; flex-direction:column; gap:8px; }
  .modal-box.camera-failed #camera-preview, .modal-box.camera-failed #capture-btn, .modal-box.camera-failed .camera-photo-link { display:none; }
  .modal-box.camera-failed .camera-fail { display:block; }
  .btn-capture { background: var(--blue); color: #FFFFFF; border: none; border-radius: 10px; padding: 12px 28px; font-size: 13px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 12px rgba(45,125,210,0.4); }
  .btn-cancel { background: var(--bg); color: var(--text-muted); border: none; border-radius: 10px; padding: 12px 20px; font-size: 13px; font-weight: 600; cursor: pointer; }

  /* Post-call outcome buttons need !important because the global dark-mode
     .btn-cancel rule below also uses !important. */
  #pitch-call-outcomes .pitch-call-outcome {
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease, transform .08s ease;
  }
  #pitch-call-outcomes .pitch-call-outcome:active { transform: scale(.985); }
  #pitch-call-outcomes .pitch-call-outcome.pitch-call-outcome-selected {
    background: rgba(76, 183, 238, .16) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
    box-shadow: 0 0 0 1px var(--accent), 0 0 18px rgba(76, 183, 238, .14) !important;
  }
  #scan-canvas { display: none; }

  .spinner { display: inline-block; width: 13px; height: 13px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: spin 0.7s linear infinite; vertical-align: middle; }
  @keyframes spin { to { transform: rotate(360deg); } }

  /* META */
  .meta-label { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 12px; }
  .meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  @media(max-width:500px) { .meta-grid { grid-template-columns: 1fr; } }

  /* Progress bar - sticky */
  .progress-sticky {
    position: sticky; top: 60px; z-index: 90;
    background: rgba(240,244,248,0.96); backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--border);
    padding: 10px 18px; margin: 0 -18px 14px;
  }
  .progress-bar-wrap {
    background: var(--border); border-radius: 10px; height: 6px;
    overflow: hidden;
  }
  .progress-bar-fill {
    height: 100%; border-radius: 10px;
    background: linear-gradient(90deg, var(--blue), #4A9AE8);
    transition: width 0.3s ease;
  }
  .progress-label {
    font-size: 11px; font-weight: 700; color: var(--text-muted);
    letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 6px;
  }

  /* Glow animation for A tier letter */
  .result-modal-letter.glow-a {
    animation: letter-glow 2.8s ease-in-out forwards;
  }
  @keyframes letter-glow {
    0%   { text-shadow: 0 0 0px rgba(255,215,0,0); }
    10%  { text-shadow: 0 0 20px rgba(255,215,0,0.8), 0 0 40px rgba(255,215,0,0.6); }
    50%  { text-shadow: 0 0 20px rgba(255,215,0,0.8), 0 0 40px rgba(255,215,0,0.6); }
    100% { text-shadow: 0 0 0px rgba(255,215,0,0); }
  }
  .result-modal-overlay {
    display: none; position: fixed; inset: 0; background: rgba(13,31,45,0.85);
    z-index: 700; align-items: flex-start; justify-content: center;
    padding: 20px; backdrop-filter: blur(6px); overflow-y: auto;
  }
  .result-modal-overlay.open { display: flex; }
  .result-modal-box {
    background: #FFFFFF; border-radius: 20px; overflow: hidden;
    max-width: 440px; width: 100%; margin: auto;
    box-shadow: 0 24px 64px rgba(0,0,0,0.25);
    animation: popIn 0.3s cubic-bezier(0.34,1.56,0.64,1);
  }
  @keyframes popIn { from { opacity:0; transform:scale(0.92) translateY(20px); } to { opacity:1; transform:scale(1) translateY(0); } }
  .result-modal-header { padding: 24px 24px 0; display: flex; align-items: center; justify-content: space-between; }
  .result-modal-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-muted); }
  .result-modal-close { background: var(--bg); border: none; border-radius: 8px; width: 30px; height: 30px; font-size: 14px; cursor: pointer; color: var(--text-muted); }
  .result-modal-tier { padding: 16px 24px 20px; position: relative; overflow: hidden; }
  .result-modal-letter { font-size: 64px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; }
  .result-modal-label { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 4px; }
  .result-modal-score { font-size: 13px; font-weight: 600; opacity: 0.8; margin-bottom: 14px; }
  .result-modal-tag { display: inline-block; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: 0.15em; padding: 4px 10px; margin-bottom: 12px; text-transform: uppercase; }
  .result-modal-followup { font-size: 13px; line-height: 1.7; opacity: 0.85; }
  .result-modal-breakdown { display: flex; gap: 0; border-top: 1px solid rgba(255,255,255,0.15); }
  .result-modal-breakdown-item { flex: 1; text-align: center; padding: 12px 0; }
  .result-modal-breakdown-key { font-size: 9px; font-weight: 700; opacity: 0.6; letter-spacing: 0.15em; text-transform: uppercase; }
  .result-modal-breakdown-val { font-size: 20px; font-weight: 800; }
  .result-modal-footer { background: var(--panel2); padding: 20px 24px; }
  .result-modal-name { font-size: 13px; font-weight: 600; color: var(--text-muted); margin-bottom: 14px; text-align: center; }
  .btn-log {
    width: 100%; padding: 14px; background: var(--blue); color: #FFFFFF; border: none;
    border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer;
    font-family: var(--ff-body); transition: all 0.15s;
    box-shadow: 0 4px 16px rgba(45,125,210,0.4); letter-spacing: 0.03em;
  }
  .btn-log:hover { transform: translateY(-1px); }
  .btn-log-secondary {
    width: 100%; padding: 12px; background: transparent; color: var(--text-muted);
    border: none; border-radius: 12px; font-size: 13px; font-weight: 600; cursor: pointer;
    font-family: var(--ff-body); margin-top: 8px;
  }

  /* Notes mandatory indicator */
  .notes-required { font-size: 11px; color: var(--pink); font-weight: 600; margin-left: 6px; }
  .notes-ok { font-size: 11px; color: var(--green); font-weight: 600; margin-left: 6px; }

  /* Follow-up modal */
  .followup-overlay {
    display: none; position: fixed; inset: 0; background: rgba(13,31,45,0.8);
    z-index: 850; align-items: flex-start; justify-content: center; padding: 20px;
    backdrop-filter: blur(4px); overflow-y: auto;
  }
  .followup-overlay.open { display: flex; }
  .followup-box {
    background: #FFFFFF; border-radius: 20px; padding: 24px;
    max-width: 520px; width: 100%;
    box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    margin: auto;
  }
  .followup-header {
    display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;
  }
  .followup-title { font-size: 16px; font-weight: 700; color: var(--text); display:flex; align-items:center; gap:9px; }
  .followup-title-icon { width:17px; height:17px; flex:none; color:var(--accent); filter:drop-shadow(0 0 5px rgba(84,182,236,.5)); }
  .followup-close {
    background: var(--bg); border: none; border-radius: 8px;
    width: 32px; height: 32px; font-size: 16px; cursor: pointer; color: var(--text-muted);
  }
  .followup-subject {
    font-size: 12px; font-weight: 700; color: var(--blue); letter-spacing: 0.08em;
    text-transform: uppercase; margin-bottom: 6px;
  }
  .followup-subject-text {
    font-size: 14px; font-weight: 600; color: var(--text);
    background: var(--bg); border-radius: 8px; padding: 10px 14px; margin-bottom: 14px;
  }
  .cal-time-row { display: flex; gap: 8px; margin-bottom: 4px; }
  .cal-time-row input[type="date"],
  .cal-time-row input[type="time"],
  .cal-time-row select {
    flex: 1; min-width: 0; background: var(--bg); border: 1px solid var(--border);
    border-radius: 8px; padding: 9px 10px; font-size: 13px; font-weight: 600;
    color: var(--text); font-family: var(--ff-body); outline: none;
    cursor: pointer; transition: border-color 0.15s;
  }
  .cal-time-row input[type="date"]:focus,
  .cal-time-row input[type="time"]:focus,
  .cal-time-row select:focus { border-color: var(--blue); }
  .cal-time-row input::-webkit-calendar-picker-indicator { filter: invert(0.5); cursor: pointer; }
  .followup-body {
    font-size: 14px; color: var(--text-mid); line-height: 1.7;
    background: var(--bg); border-radius: 8px; padding: 14px;
    min-height: 120px; margin-bottom: 16px; white-space: pre-wrap;
    width: 100%; border: 1px solid var(--border); outline: none;
    font-family: var(--ff-body); resize: none;
    overflow-x: auto; box-sizing: border-box;
  }
  /* Marketing/HTML-format templates never render their raw markup into
     this div directly (see renderHtmlEmailPreview) - forcing every
     injected element to max-width:100% broke table-based email layouts
     into an unreadable stack instead of actually fixing the overflow.
     This div only ever holds plain text (AI drafts, Sales templates)
     now; overflow-x above is just a plain-text safety net. */
  .followup-html-preview-wrap { margin-bottom: 16px; }
  .followup-html-preview-frame {
    width: 100%; height: 380px; border: 1px solid var(--border);
    border-radius: 8px; background: #FFFFFF; display: block;
  }
  .followup-html-preview-expand {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 8px;
    font-size: 12.5px; font-weight: 700; color: var(--blue);
    background: none; border: none; cursor: pointer; padding: 0; font-family: var(--ff-body);
  }
  .followup-html-preview-expand svg { width: 13px; height: 13px; }
  .followup-actions { display: flex; gap: 10px; }
  .btn-copy {
    flex: 1; padding: 12px; background: var(--blue); color: #FFFFFF; border: none;
    border-radius: 10px; font-size: 13px; font-weight: 700; cursor: pointer;
    font-family: var(--ff-body); transition: all 0.15s;
    box-shadow: 0 4px 12px rgba(45,125,210,0.3);
  }

  .btn-regen {
    padding: 12px 16px; background: var(--bg); color: var(--text-muted); border: none;
    border-radius: 10px; font-size: 13px; font-weight: 600; cursor: pointer;
    font-family: var(--ff-body); transition: all 0.15s;
  }
  /* Mail app picker */
  .mail-picker { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 12px; }
  .mail-app-btn {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 8px; border-radius: 12px; border: 1.5px solid var(--border);
    background: var(--card); cursor: pointer; font-family: var(--ff-body);
    font-size: 13px; font-weight: 600; color: var(--text); transition: all 0.15s;
    text-align: center;
  }
  .mail-app-btn:hover { border-color: var(--blue); background: var(--blue-light); transform: translateY(-1px); }
  .mail-app-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

  .followup-loading {
    text-align: center; padding: 40px 20px; color: var(--text-muted);
    font-size: 13px; font-weight: 500;
  }
  .btn-followup {
    background: transparent; border: 1px solid var(--border); color: var(--blue);
    border-radius: 8px; padding: 5px 12px; font-size: 11px; font-weight: 600;
    cursor: pointer; transition: all 0.15s; font-family: var(--ff-body);
    white-space: nowrap;
  }
  .btn-followup:hover { background: var(--blue-light); border-color: var(--blue); }
  textarea {
    background: var(--card); border: 2px solid var(--border); border-radius: var(--radius-sm);
    color: var(--text); font-size: 16px; font-weight: 500; font-family: var(--ff-body);
    padding: 12px 14px; outline: none; width: 100%; transition: all 0.15s;
    resize: none; line-height: 1.6; min-height: 90px;
  }
  textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(45,125,210,0.12); }
  textarea::placeholder { color: var(--text-muted); font-weight: 400; }

  /* Voice Transcription Button */
  .notes-input-wrap {
    position: relative; display: flex; flex-direction: column; gap: 8px;
  }
  .btn-voice-record {
    background: transparent;
    border: none;
    color: var(--blue);
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--ff-body);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    border-radius: 6px;
  }
  .btn-voice-record:hover {
    background: rgba(45, 125, 210, 0.08);
  }
  .btn-voice-record.recording {
    background: #DC2626;
    color: white;
    animation: pulse-record 1.5s infinite;
  }

  /* ===== LEAD DETAIL SLIDE-OUT PANEL ===== */
  .lead-detail-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(13,31,45,0.6);
    z-index: 800;
    backdrop-filter: blur(3px);
  }
  .lead-detail-overlay.open { display: block; }

  .lead-detail-panel {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: min(520px, 100vw);
    background: var(--bg);
    z-index: 801;
    overflow-y: auto;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -8px 0 32px rgba(13,31,45,0.18);
    display: flex;
    flex-direction: column;
  }
  .lead-detail-panel.open { right: 0; }

  /* ===== SCAN FLOW SLIDE-OUT PANELS (Screen 2 / Screen 3) ===== */
  /* Same pattern as the Lead Detail slide-out above, just two more
     instances so Lead Info and Scoring are genuinely separate screens
     that slide in/out one at a time, not one page revealing more of
     itself. scan-score sits one z-index layer above scan-info so the
     "next slider" visibly pops out over the one that's closing during
     the brief overlap of their transitions. */
  .scan-info-overlay, .scan-score-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(13,31,45,0.6);
    backdrop-filter: blur(3px);
  }
  .scan-info-overlay { z-index: 780; }
  .scan-score-overlay { z-index: 782; }
  .scan-info-overlay.open, .scan-score-overlay.open { display: block; }

  .scan-info-panel, .scan-score-panel {
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: min(520px, 100vw);
    background: var(--bg);
    overflow-y: auto;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -8px 0 32px rgba(13,31,45,0.18);
    padding: 18px 18px 24px;
  }
  .scan-info-panel { z-index: 781; }
  .scan-score-panel { z-index: 783; }
  .scan-info-panel.open, .scan-score-panel.open { right: 0; }

  /* Mobile only: Screen 2 (Lead Info) rises from the bottom as a sheet
     instead of sliding in from the right. Desktop keeps the right-side
     slide-out above. Uses transform rather than top/bottom so the move
     is GPU-composited and smooth on phones; right is pinned to 0 so the
     desktop right:-100% offset doesn't also apply here. Screen 3
     (Scoring) is untouched and still slides from the right. */
  @media (max-width: 640px) {
    .scan-info-panel {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      transform: translateY(100%);
      transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
      box-shadow: 0 -8px 32px rgba(13,31,45,0.18);
    }
    .scan-info-panel.open { right: 0; transform: translateY(0); }
  }
  @media (max-width: 640px) and (prefers-reduced-motion: reduce) {
    .scan-info-panel { transition: none; }
  }

  /* Screen 2 (Lead Info) is a bottom sheet: it rises from the bottom of
     the screen instead of sliding in from the right. Overrides the shared
     right-side rules above; Screen 3 (Scoring) still slides from the
     right. Uses transform rather than animating top/bottom so the motion
     stays smooth on phones. Centered and capped at the same 520px on
     wider screens, with a small gap at the top so it reads as a sheet. */
  .scan-info-panel {
    top: calc(env(safe-area-inset-top, 0px) + 16px);
    right: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -8px 32px rgba(13,31,45,0.18);
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
  .scan-info-panel.open { right: auto; transform: translate(-50%, 0); }
  @media (prefers-reduced-motion: reduce) {
    .scan-info-panel { transition: none; }
  }

  .scan-panel-close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 6px;
  }

  .ldp-header {
    background: linear-gradient(180deg, #2D7DD2 0%, #1A5FA8 100%);
    padding: 18px 20px 16px;
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .ldp-header-left { flex: 1; min-width: 0; display: flex; align-items: center; gap: 16px; }
  .ldp-header-text { flex: 1; min-width: 0; }
  .ldp-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.35);
    background: rgba(255,255,255,0.15);
    flex-shrink: 0;
  }
  .ldp-avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ff-disp, 'Space Grotesk', sans-serif);
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
  }
  .ldp-tier-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 100px;
    padding: 4px 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 8px;
  }
  .ldp-name {
    font-size: 20px;
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin-bottom: 2px;
    word-break: break-word;
  }
  .ldp-company {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    font-weight: 500;
  }
  .ll-co-link {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: text-decoration-color 0.15s;
  }
  .ll-co-link:hover {
    text-decoration-color: currentColor;
  }
  .cdp-section {
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
  }
  .cdp-desc {
    font-size: 13px;
    color: var(--text-mid);
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .cdp-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 6px 0;
    font-size: 13px;
  }
  .cdp-label {
    color: var(--text-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    flex-shrink: 0;
  }
  .cdp-value {
    color: var(--text);
    text-align: right;
    word-break: break-word;
  }
  .cdp-value a {
    color: var(--accent);
  }
  .cdp-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .cdp-pill {
    background: var(--bg-alt, rgba(84,182,236,0.1));
    border: 1px solid var(--border);
    border-radius: 100px;
    padding: 3px 10px;
    font-size: 11.5px;
    color: var(--text-mid);
  }
  .cdp-lead-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    cursor: pointer;
    border-top: 1px solid var(--border);
  }
  .cdp-lead-row:first-of-type { border-top: none; }
  .cdp-lead-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
  }
  .cdp-lead-title {
    font-size: 12px;
    color: var(--text-muted);
    flex: 1;
    text-align: right;
    margin-right: 8px;
  }
  .ldp-close {
    background: rgba(255,255,255,0.15);
    border: none;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
  }

  .ldp-body { flex: 1; padding: 16px; }

  .ldp-section {
    background: var(--card);
    border-radius: var(--radius);
    padding: 16px;
    margin-bottom: 12px;
    border: 1px solid rgba(213,227,240,0.6);
    box-shadow: var(--shadow);
  }
  .ldp-section-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 12px;
  }
  .ldp-contact-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 13px;
    color: var(--text-mid);
  }
  .ldp-contact-row:last-child { margin-bottom: 0; }
  .ldp-contact-icon { width: 16px; color: var(--blue); flex-shrink: 0; }
  .ldp-contact-val { font-weight: 500; word-break: break-all; }
  .ldp-contact-val a { color: var(--blue); text-decoration: none; }

  .ldp-section-title-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
  .ldp-section-title-row .ldp-section-title { margin-bottom: 0; }
  .tdp-edit-toggle {
    width: 26px; height: 26px; border-radius: 7px; border: 1px solid var(--border);
    background: transparent; color: var(--text-muted); display: flex; align-items: center;
    justify-content: center; cursor: pointer; flex-shrink: 0; padding: 0;
  }
  .tdp-edit-toggle svg { width: 13px; height: 13px; }
  .tdp-edit-toggle:hover { color: var(--blue); border-color: var(--blue); }
  .tdp-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .tdp-edit-field { margin-bottom: 10px; }
  .tdp-edit-grid .tdp-edit-field { margin-bottom: 0; }
  .tdp-edit-field label {
    display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--text-muted); margin-bottom: 5px;
  }
  .tdp-edit-field input {
    width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm);
    padding: 9px 11px; font-family: inherit; font-size: 13px; color: var(--text);
    background: var(--panel2); box-sizing: border-box;
  }
  /* A generic `input[type="text"]:focus` rule elsewhere in this file forces
     a white background on focus for light-themed forms - this form is only
     ever used in dark contexts, so win that fight here too, same pattern
     already established for .event-input/.greg-input-row/.gate-field. */
  .tdp-edit-field input:focus { outline: none !important; border-color: var(--blue) !important; background: var(--panel2) !important; }
  .tdp-edit-field input:-webkit-autofill,
  .tdp-edit-field input:-webkit-autofill:hover,
  .tdp-edit-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--panel2) inset !important;
    box-shadow: 0 0 0px 1000px var(--panel2) inset !important;
  }

  .ldp-notes-text {
    font-size: 13px;
    color: var(--text-mid);
    line-height: 1.65;
    white-space: pre-wrap;
  }

  .ldp-pitch-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
  }
  .ldp-pitch-item {
    text-align: center;
    background: var(--bg);
    border-radius: var(--radius-sm);
    padding: 10px 4px;
  }
  .ldp-pitch-letter {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .ldp-pitch-val {
    font-size: 22px;
    font-weight: 900;
    color: var(--blue);
    line-height: 1;
  }
  .ldp-pitch-max {
    font-size: 9px;
    color: var(--text-muted);
    font-weight: 600;
  }

  /* Sequence section */
  .ldp-seq-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
  }
  .ldp-seq-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--text-muted);
  }
  .btn-regen-seq {
    background: var(--blue-light);
    border: none;
    color: var(--blue);
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--ff-body);
    transition: all 0.15s;
  }
  .btn-regen-seq:hover { background: var(--blue); color: #FFFFFF; }

  .ldp-seq-loading {
    text-align: center;
    padding: 32px 16px;
    color: var(--text-muted);
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .ldp-spinner {
    width: 24px; height: 24px;
    border: 3px solid var(--border);
    border-top-color: var(--blue);
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
  }

  /* Sequence step cards */
  .seq-step {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.15s;
  }
  .seq-step.completed { opacity: 0.55; }
  .seq-step-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
  }
  .seq-step-num {
    width: 22px; height: 22px;
    background: var(--blue);
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .seq-step.completed .seq-step-num {
    background: var(--green);
  }
  .seq-step-day {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.05em;
  }
  .seq-channel-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .channel-email { background: #EBF7FD; color: #1A5FA8; }
  .channel-linkedin { background: #E8F1FB; color: #0A66C2; }
  .channel-call { background: #F0FDF8; color: #0FA876; }
  .seq-step-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
  }

  .seq-step-body { padding: 12px 14px; }
  .seq-subject {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .seq-subject-text {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    background: var(--bg);
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 10px;
  }
  .seq-body-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .seq-body-text {
    font-size: 13px;
    color: var(--text-mid);
    line-height: 1.65;
    white-space: pre-wrap;
    background: var(--bg);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
  }
  .seq-voicemail {
    background: rgba(15,168,118,0.08);
    border-left: 3px solid var(--green);
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
  }
  .seq-voicemail-label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--green);
    margin-bottom: 4px;
  }
  .seq-voicemail-text {
    font-size: 12px;
    color: var(--text-mid);
    line-height: 1.6;
    white-space: pre-wrap;
  }
  .seq-step-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  .btn-seq-copy {
    flex: 1;
    min-width: 100px;
    padding: 9px 12px;
    background: var(--blue);
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--ff-body);
    transition: all 0.15s;
    text-align: center;
  }
  .btn-seq-copy:hover { background: var(--blue-dark); }
  .btn-seq-copy.copied { background: var(--green); }
  .ldp-precall-block { margin-bottom: 10px; }
  .ldp-precall-list { margin: 0; padding-left: 18px; font-size: 13px; color: var(--text-mid); line-height: 1.65; }
  .ldp-precall-list li { margin-bottom: 3px; }
  .btn-seq-complete {
    flex: 1;
    min-width: 100px;
    padding: 9px 12px;
    background: var(--bg);
    color: var(--text-muted);
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--ff-body);
    transition: all 0.15s;
    text-align: center;
  }
  .btn-seq-complete:hover { border-color: var(--green); color: var(--green); }
  .seq-step.completed .btn-seq-complete {
    background: rgba(15,168,118,0.1);
    color: var(--green);
    border-color: var(--green);
  }
  .btn-seq-template {
    flex: 1;
    min-width: 100px;
    padding: 9px 12px;
    background: transparent;
    color: var(--text-muted);
    border: 1.5px dashed var(--border);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--ff-body);
    transition: all 0.15s;
    text-align: center;
  }
  .btn-seq-template:hover { border-color: var(--blue); color: var(--blue); }

  /* Chevron button in table */
  .btn-detail-chevron {
    background: var(--blue-light);
    border: none;
    color: var(--blue);
    border-radius: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    flex-shrink: 0;
  }
  .btn-detail-chevron:hover { background: var(--blue); color: #FFFFFF; }
  .btn-summarize {
    background: transparent;
    border: none;
    color: var(--blue);
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--ff-body);
    transition: all 0.2s;
    border-radius: 6px;
    display: none;
  }
  .btn-summarize:hover:not(:disabled) {
    background: rgba(45, 125, 210, 0.08);
  }
  .btn-summarize:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .voice-status {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-mid);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(45, 125, 210, 0.06);
  }
  .voice-status.recording {
    color: #DC2626;
    background: rgba(220, 38, 38, 0.06);
  }
  .voice-status.processing {
    color: var(--blue);
  }
  .voice-status-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
  }
  .voice-status-dot.recording {
    animation: pulse 1.5s infinite;
  }
  @keyframes pulse-record {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
    50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); }
  }

  input[type="text"] {
    background: var(--bg); border: 2px solid var(--border); border-radius: var(--radius-sm);
    color: var(--text); font-size: 14px; font-weight: 500;
    padding: 10px 14px; outline: none; width: 100%; transition: all 0.15s;
  }
  input[type="text"]:focus { border-color: var(--blue); background: #FFFFFF; box-shadow: 0 0 0 3px rgba(45,125,210,0.12); }
  input[type="text"]::placeholder { color: var(--text-muted); font-weight: 400; }
  input[type="text"].autofilled { border-color: var(--green); background: #F0FDF8; }
  input[type="email"], input[type="tel"] {
    background: var(--bg); border: 2px solid var(--border); border-radius: var(--radius-sm);
    color: var(--text); font-size: 14px; font-weight: 500;
    padding: 10px 14px; outline: none; width: 100%; transition: all 0.15s;
  }
  input[type="email"]:focus, input[type="tel"]:focus { border-color: var(--blue); background: #FFFFFF; box-shadow: 0 0 0 3px rgba(45,125,210,0.12); }
  input[type="email"]::placeholder, input[type="tel"]::placeholder { color: var(--text-muted); font-weight: 400; }
  input[type="email"].autofilled, input[type="tel"].autofilled { border-color: var(--green); background: #F0FDF8; }

  /* CATEGORY */
  .cat-header { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
  .cat-badge { width: 30px; height: 30px; border-radius: 8px; background: var(--blue); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: #FFFFFF; flex-shrink: 0; }
  .cat-label { font-size: 16px; font-weight: 700; color: var(--text); }
  .cat-score { font-size: 11px; font-weight: 700; color: var(--blue); margin-left: auto; background: var(--blue-light); padding: 2px 8px; border-radius: 6px; }
  .cat-desc { font-size: 13px; color: var(--text-muted); margin-bottom: 14px; margin-left: 40px; line-height: 1.5; }
  .options { display: flex; flex-direction: column; gap: 0; }
  .slider-anchors { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 12px; }
  .slider-anchor {
    flex: 1; font-size: 11px; font-weight: 600; line-height: 1.4;
    color: var(--text-muted); letter-spacing: 0.01em;
  }
  .slider-anchor.low { text-align: left; padding-right: 8px; }
  .slider-anchor.high { text-align: right; padding-left: 8px; }
  .slider-row { display: flex; align-items: center; gap: 10px; padding: 4px 0; }
  .slider-num { font-size: 11px; font-weight: 700; color: var(--text-muted); width: 16px; text-align: center; flex-shrink: 0; }
  .pitch-slider {
    -webkit-appearance: none; appearance: none;
    flex: 1; height: 6px; border-radius: 3px;
    background: linear-gradient(to right, var(--blue) 0%, var(--blue) var(--pct, 0%), var(--border) var(--pct, 0%), var(--border) 100%);
    outline: none; cursor: pointer;
  }
  .pitch-slider::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none;
    width: 24px; height: 24px; border-radius: 50%;
    background: var(--blue); box-shadow: 0 2px 8px rgba(45,125,210,0.4);
    cursor: pointer; transition: transform 0.1s, box-shadow 0.1s;
  }
  .pitch-slider::-webkit-slider-thumb:active { transform: scale(1.2); box-shadow: 0 3px 12px rgba(45,125,210,0.5); }
  .pitch-slider::-moz-range-thumb {
    width: 24px; height: 24px; border-radius: 50%; border: none;
    background: var(--blue); box-shadow: 0 2px 8px rgba(45,125,210,0.4); cursor: pointer;
  }
  .slider-val-badge {
    width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
    background: var(--blue); color: #fff; font-size: 14px; font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 8px rgba(45,125,210,0.3); transition: background 0.15s;
  }
  .slider-val-badge.unset { background: var(--border); color: var(--text-muted); }

  /* PITCH autofill states */
  .card.pitch-missing {
    border-color: #F87171;
    background: rgba(242,98,126,0.08);
  }
  .card.pitch-missing .cat-badge {
    background: #E8547A;
  }
  .cat-missing-flag {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #E8547A;
    text-transform: uppercase;
    margin-left: 8px;
  }
  .cat-autofilled {
    font-size: 10px;
    font-weight: 700;
    color: var(--green);
    margin-left: 8px;
    letter-spacing: 0.05em;
  }
  .cat-reasoning {
    font-size: 11px;
    color: var(--text-muted);
    margin: 6px 0 10px 40px;
    font-style: italic;
    line-height: 1.4;
    display: none;
  }
  .cat-reasoning.visible { display: block; }
  .btn-reasoning-toggle {
    background: none;
    border: none;
    color: var(--blue);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    font-family: var(--ff-body);
    margin-left: 8px;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  /* RESULT */
  #result { display: none; margin-bottom: 14px; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg); }
  #result.show { display: block; animation: fadeUp 0.3s ease; }
  @keyframes fadeUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
  .result-header { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; }
  .result-left { display: flex; align-items: center; gap: 16px; }
  .result-letter { font-size: 60px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
  .result-tier-micro { font-size: 10px; font-weight: 700; opacity: 0.7; letter-spacing: 0.15em; text-transform: uppercase; }
  .result-tier-label { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; }
  .result-score { text-align: right; }
  .result-score-num { font-size: 48px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
  .result-score-denom { font-size: 10px; font-weight: 700; opacity: 0.6; letter-spacing: 0.15em; }
  .result-body { padding: 18px 24px; }
  .result-tag { display: inline-block; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: 0.15em; padding: 4px 10px; margin-bottom: 10px; text-transform: uppercase; }
  .result-followup { font-size: 13px; line-height: 1.7; }
  .result-breakdown { padding: 14px 24px; display: flex; gap: 20px; border-top: 1px solid rgba(255,255,255,0.15); }
  .breakdown-item { text-align: center; }
  .breakdown-key { font-size: 9px; font-weight: 700; opacity: 0.6; letter-spacing: 0.15em; text-transform: uppercase; }
  .breakdown-val { font-size: 20px; font-weight: 800; }

  /* BUTTONS */
  .btn-save {
    width: 100%; padding: 16px; background: var(--blue); color: #FFFFFF;
    border: none; border-radius: var(--radius); font-size: 13px; font-weight: 700;
    letter-spacing: 0.08em; cursor: pointer; transition: all 0.2s; margin-bottom: 28px;
    box-shadow: 0 4px 16px rgba(45,125,210,0.4); text-transform: uppercase;
  }
  .btn-save:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(45,125,210,0.45); }
  .btn-save.saved { background: rgba(63,216,142,0.14); color: var(--green); box-shadow: none; }

  /* LEGEND */
  .legend { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 28px; }
  .legend-item { padding: 14px; border-radius: var(--radius-sm); background: var(--card); box-shadow: var(--shadow); border: 1px solid var(--border); }
  .legend-dot { width: 8px; height: 8px; border-radius: 50%; margin-bottom: 6px; }
  .legend-tier { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 2px; }
  .legend-name { font-size: 12px; color: var(--text-muted); font-weight: 500; }
  .footer-copy { margin-top: 24px; font-size: 10px; color: var(--text-muted); letter-spacing: 0.08em; text-align: center; }

  /* LOG */
  .log-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; gap: 16px; flex-wrap: wrap; }
  .log-title-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 4px; }
  .log-title { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; }
  .summary-bar { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 18px; }
  #page-analytics .summary-bar { grid-template-columns: repeat(4,1fr); }
  body.tier-d-on .legend { grid-template-columns: repeat(4,1fr); }
  body.tier-d-on #page-analytics .summary-bar { grid-template-columns: repeat(5,1fr); }
  /* Tier D pieces only show for orgs that turned Tier D on */
  body:not(.tier-d-on) .tier-d-only { display: none !important; }
  @media (max-width: 640px) {
    #page-analytics .summary-bar, body.tier-d-on #page-analytics .summary-bar { grid-template-columns: repeat(2,1fr); }
    body.tier-d-on .legend { grid-template-columns: 1fr; }
  }
  .summary-card { background: var(--card); border-radius: var(--radius); padding: 16px 18px; display: flex; align-items: center; gap: 12px; box-shadow: var(--shadow); border: 1px solid var(--border); }
  .summary-count { font-size: 32px; font-weight: 900; line-height: 1; }
  .summary-tier-label { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
  .summary-tier-name { font-size: 12px; color: var(--text-muted); font-weight: 500; }
  .empty-state { text-align: center; padding: 60px 20px; border: 2px dashed var(--border); border-radius: var(--radius); color: var(--text-muted); font-size: 13px; font-weight: 500; background: var(--card); }
  .table-wrap { overflow-x: auto; background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid var(--border); }
  table { width: 100%; border-collapse: collapse; font-size: 12px; }
  th { padding: 12px 14px; color: var(--text-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--border); text-transform: uppercase; }
  td { padding: 11px 14px; border-bottom: 1px solid var(--border); white-space: nowrap; font-weight: 500; }
  tr:last-child td { border-bottom: none; }
  tr:hover td { background: var(--bg); }
  .tier-badge { display: inline-block; border-radius: 6px; padding: 3px 10px; font-weight: 800; font-size: 12px; }
  .btn-export { background: var(--blue); border: none; color: #FFFFFF; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; padding: 10px 18px; border-radius: 10px; cursor: pointer; transition: all 0.15s; box-shadow: 0 4px 12px rgba(45,125,210,0.3); text-transform: uppercase; }
  .btn-export:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(45,125,210,0.4); }
  .btn-clear { background: #FEE2E2; border: none; color: #DC2626; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; padding: 10px 18px; border-radius: 10px; cursor: pointer; transition: all 0.15s; text-transform: uppercase; }

  /* ANALYTICS */
  .chart-card { background: var(--card); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow); border: 1px solid var(--border); }
  .chart-title { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 16px; }
  .charts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; }
  
  .insights-section { margin-top: 30px; }
  .insights-title { font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 16px; }
  .insights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
  .insight-card { background: var(--card); border-radius: var(--radius); padding: 16px; border: 1px solid var(--border); box-shadow: var(--shadow); }
  .insight-label { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 6px; }
  .insight-stat { font-size: 20px; font-weight: 800; color: var(--blue); margin-bottom: 8px; }
  .insight-text { font-size: 13px; color: var(--text-mid); line-height: 1.5; }
  .insight-recommendation { font-size: 12px; margin-top: 10px; padding: 10px; background: rgba(45,125,210,0.08); border-left: 3px solid var(--blue); border-radius: 4px; color: var(--text); font-weight: 500; }

  /* ===== FLOOR BUZZ — newsprint-styled trend cards ===== */
  .buzz-section {
    background: var(--card); border: 1px solid var(--border); border-radius: var(--radius);
    padding: 26px 24px 24px; box-shadow: var(--shadow);
  }
  .buzz-masthead { text-align: center; margin-bottom: 18px; }
  .buzz-masthead-row { display: flex; align-items: center; justify-content: center; gap: 14px; }
  .buzz-bee { width: 30px; height: 30px; flex-shrink: 0; color: #54B6EC; filter: drop-shadow(0 0 6px rgba(84,182,236,.6)) drop-shadow(0 0 16px rgba(84,182,236,.3)); }
  .buzz-bee-right { transform: scaleX(-1); }
  .buzz-kicker-top { font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; font-size: 11px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; color: #54B6EC; margin-bottom: 2px; }
  .buzz-title { font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; font-weight: 900; font-size: clamp(26px, 4.4vw, 38px); letter-spacing: 0.01em; text-transform: uppercase; color: var(--text); line-height: 1; text-shadow: 0 0 22px rgba(84,182,236,.22); }
  .buzz-rule-thick { height: 3px; margin-top: 14px; background: linear-gradient(90deg, transparent, #54B6EC 20%, #54B6EC 80%, transparent); }
  .buzz-rule-thin { height: 1px; margin-top: 3px; background: var(--border); }
  .buzz-edition { margin-top: 9px; font-family: var(--ff-mono, 'JetBrains Mono', monospace); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); }

  .buzz-empty { font-size: 13px; color: var(--text-muted); padding: 6px 2px; text-align: center; }
  .buzz-loading { font-size: 13px; color: var(--text-muted); padding: 6px 2px; display: flex; align-items: center; justify-content: center; gap: 8px; }
  .buzz-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }

  .buzz-card {
    position: relative; background: var(--bg-2, var(--bg)); border: 1px solid var(--border); border-radius: 6px;
    padding: 16px 16px 14px; overflow: hidden;
  }
  .buzz-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #54B6EC; opacity: 0.55; }
  .buzz-card-kicker { display: flex; align-items: center; gap: 5px; font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 8px; }
  .buzz-card-kicker svg { width: 12px; height: 12px; color: #54B6EC; opacity: 0.75; flex-shrink: 0; }
  .buzz-card-headline { font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; font-weight: 800; font-size: 19px; line-height: 1.18; color: var(--text); margin-bottom: 9px; }
  .buzz-card-dek { font-size: 12.5px; color: var(--text-mid); line-height: 1.55; margin-bottom: 12px; }
  .buzz-card-quote { position: relative; font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; font-style: italic; font-size: 12.5px; line-height: 1.5; color: var(--text-muted); padding: 2px 4px 2px 18px; border-left: 2px solid var(--border); }
  .buzz-card-quote::before { content: '\201C'; position: absolute; left: -1px; top: -9px; font-family: 'Bodoni Moda', 'Garamond', Georgia, serif; font-weight: 900; font-size: 30px; color: var(--border); line-height: 1; }
  @media (max-width: 600px) {
    .buzz-section { padding: 20px 16px 18px; }
    .buzz-bee { width: 24px; height: 24px; }
    .buzz-grid { grid-template-columns: 1fr; gap: 12px; }
    .buzz-card { padding: 14px 14px 12px; }
    .buzz-card-headline { font-size: 17px; }
  }
  
  @media (max-width: 600px) {
    .charts-grid { grid-template-columns: 1fr; gap: 16px; margin-bottom: 20px; }
    .chart-card { padding: 14px; }
    .chart-title { font-size: 12px; margin-bottom: 12px; }
    .insights-grid { grid-template-columns: 1fr; }
    .insight-card { padding: 12px; }
    .insight-label { font-size: 10px; margin-bottom: 4px; }
    .insight-stat { font-size: 16px; margin-bottom: 4px; }
    .insight-text { font-size: 12px; }
    .insight-recommendation { font-size: 11px; padding: 8px; }
  }

  .btn-log-lead {
    width: 100%; padding: 18px; margin: 20px 0 8px;
    background: linear-gradient(135deg, #2D7DD2 0%, #1A5FA8 100%);
    color: #fff; border: none; border-radius: var(--radius);
    font-size: 16px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase;
    cursor: pointer; box-shadow: 0 4px 16px rgba(45,125,210,0.4);
    transition: transform 0.15s, box-shadow 0.15s;
  }
  .btn-log-lead:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(45,125,210,0.5); }
  .btn-log-lead:active { transform: translateY(0); }

  .target-bullseye { display: inline-flex; vertical-align: middle; margin-left: 6px; }
  .target-bullseye svg { width: 17px; height: 17px; display: block; }
  .auto-seq-icon { display: inline-flex; vertical-align: middle; margin-left: 6px; animation: autoSeqPulse 1.8s ease-in-out infinite; }
  .auto-seq-icon svg { width: 15px; height: 15px; display: block; }
  .icp-match-pill { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 2px 7px; border-radius: 20px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; background: rgba(63,216,142,0.16); color: #3FD88E; }
  @keyframes autoSeqPulse {
    0%, 100% { opacity: 1; filter: drop-shadow(0 0 3px rgba(63,216,142,.7)); }
    50% { opacity: 0.55; filter: drop-shadow(0 0 8px rgba(63,216,142,.95)); }
  }

  /* ===== DECAY ===== */
  .tier-badge.decayed {
    background: transparent !important;
    color: var(--pink) !important;
    border: 2px solid var(--pink) !important;
    font-weight: 900;
  }
  .decay-alert {
    background: rgba(232,84,122,0.08);
    border-left: 3px solid var(--pink);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 10px 14px;
    margin: 10px 0 4px;
    font-size: 12px; font-weight: 600; color: var(--pink);
    display: flex; align-items: center; gap: 8px; line-height: 1.4;
  }

  .tgt-uploader {
    background: var(--card);
    border-radius: var(--radius);
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid rgba(213,227,240,0.6);
    box-shadow: var(--shadow);
  }
  .tgt-drop {
    border: 2px dashed var(--border);
    border-radius: var(--radius-sm);
    padding: 22px 16px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    background: var(--panel2);
  }
  .tgt-drop:hover, .tgt-drop.dragover { border-color: var(--blue); background: var(--blue-light); }
  .tgt-drop-icon { width: 30px; height: 30px; margin: 0 auto 8px; color: var(--blue); }
  .tgt-drop-main { font-size: 14px; font-weight: 700; color: var(--text); }
  .tgt-drop-sub { font-size: 12px; color: var(--text-muted); margin-top: 3px; }
  .tgt-uploader-actions { display: flex; gap: 10px; align-items: center; margin-top: 12px; flex-wrap: wrap; }
  .tgt-link-btn {
    background: none; border: none; color: var(--blue);
    font-size: 12px; font-weight: 600; cursor: pointer; padding: 0; text-decoration: underline;
  }

  .tgt-coverage { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
  .tgt-cov-card {
    background: var(--card); border-radius: var(--radius); padding: 14px 12px;
    border: 1px solid rgba(213,227,240,0.6); box-shadow: var(--shadow);
    display: flex; flex-direction: column; gap: 2px;
  }
  .tgt-cov-num { font-size: 26px; font-weight: 900; line-height: 1; letter-spacing: -0.02em; }
  .tgt-cov-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
  .tgt-cov-sub { font-size: 11px; color: var(--text-muted); }

  .tgt-list { display: flex; flex-direction: column; gap: 8px; }
  .tgt-card {
    background: var(--card); border-radius: var(--radius-sm); padding: 12px 14px;
    border: 1px solid rgba(213,227,240,0.6); box-shadow: var(--shadow);
    display: flex; align-items: center; gap: 12px; cursor: pointer;
    transition: transform 0.12s, box-shadow 0.12s;
  }
  .tgt-card:hover { transform: translateY(-1px); box-shadow: var(--shadow-lg); }
  .tgt-card-main { flex: 1; min-width: 0; }
  .tgt-card-name { font-size: 14px; font-weight: 700; color: var(--text); }
  .tgt-card-co { font-size: 12px; color: var(--text-mid); }
  .tgt-card-booth {
    font-size: 11px; font-weight: 700; color: var(--blue); background: rgba(84,182,236,0.12);
    border: 1px solid rgba(84,182,236,0.35); border-radius: 7px; padding: 4px 9px;
    white-space: nowrap; flex-shrink: 0;
  }
  .tgt-card-owner {
    font-size: 11px; font-weight: 700; color: #B183E8; background: rgba(177,131,232,0.12);
    border: 1px solid rgba(177,131,232,0.35); border-radius: 7px; padding: 4px 9px;
    white-space: nowrap; flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px;
  }
  .tgt-card-owner.unassigned { color: var(--text-muted); background: rgba(122,149,174,0.1); border-color: rgba(122,149,174,0.3); }
  .tgt-rank-badge {
    width: 28px; height: 28px; border-radius: 50%; background: var(--blue);
    color: #fff; font-size: 12px; font-weight: 900; display: flex;
    align-items: center; justify-content: center; flex-shrink: 0;
  }
  .tgt-rank-badge.unranked { background: var(--border); color: var(--text-muted); font-size: 10px; }
  .tdp-rank-row {
    display: flex; align-items: center; gap: 12px; margin-top: 6px;
  }
  .tdp-rank-btn {
    width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--border);
    background: var(--card); color: var(--text); font-size: 20px; font-weight: 700;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    line-height: 1; transition: border-color 0.15s, background 0.15s;
  }
  .tdp-rank-btn:hover { border-color: var(--blue); background: var(--blue-light); }
  .tdp-rank-val {
    font-size: 28px; font-weight: 900; color: var(--blue); min-width: 40px; text-align: center;
  }
  .tdp-rank-val.unranked { color: var(--text-muted); font-size: 14px; }
  .tgt-status {
    font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em;
    padding: 4px 9px; border-radius: 100px; white-space: nowrap; flex-shrink: 0;
    display: inline-flex; align-items: center; gap: 5px;
  }
  .tgt-status.met { background: rgba(15,168,118,0.12); color: var(--green); }
  .tgt-status.adjacent { background: rgba(232,162,61,0.15); color: #B97A18; }
  .tgt-status.not-found { background: rgba(122,149,174,0.14); color: var(--text-muted); }
  .tgt-status .dot { width: 7px; height: 7px; border-radius: 50%; }
  .tgt-status.met .dot { background: var(--green); }
  .tgt-status.adjacent .dot { background: var(--amber); }
  .tgt-status.not-found .dot { background: var(--text-muted); }
  .tgt-chevron { color: var(--text-muted); font-size: 18px; flex-shrink: 0; }

  /* Target detail panel reuses the lead-detail-panel shell + ldp-* section styles */
  .tdp-header { background: linear-gradient(180deg, #15498A 0%, #0D3160 100%); }
  .ldp-notes-edit {
    width: 100%; min-height: 120px; resize: vertical;
    border: 1px solid var(--border); border-radius: var(--radius-sm);
    padding: 12px; font-family: inherit; font-size: 14px; color: var(--text);
    line-height: 1.5; background: var(--panel2);
  }
  .ldp-notes-edit:focus { outline: none !important; border-color: var(--blue) !important; background: var(--panel2) !important; }
  .tdp-save-btn {
    margin-top: 10px; width: 100%; padding: 11px; border: none; border-radius: var(--radius-sm);
    background: var(--blue); color: #fff; font-size: 13px; font-weight: 700; cursor: pointer;
    transition: background 0.15s;
  }
  .tdp-save-btn:hover { background: var(--blue-dark); }
  .tdp-save-btn.saved { background: var(--green); }

  /* ===== LEAD LOG FILTERS ===== */
  .log-filter-bar {
    display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; align-items: center;
  }
  .log-filter-bar select, .log-filter-bar input[type="text"] {
    height: 36px; padding: 0 10px; border: 1px solid var(--border); border-radius: var(--radius-sm);
    background: var(--card); color: var(--text); font-size: 13px; font-family: inherit;
    outline: none; cursor: pointer; min-width: 110px;
  }
  .log-filter-bar select:focus, .log-filter-bar input[type="text"]:focus { border-color: var(--blue); }
  .log-filter-clear {
    height: 36px; padding: 0 12px; border: 1px solid var(--border); border-radius: var(--radius-sm);
    background: none; color: var(--text-muted); font-size: 12px; font-family: inherit;
    cursor: pointer; white-space: nowrap;
  }
  .log-filter-clear:hover { border-color: var(--pink); color: var(--pink); }
  .log-filter-count { font-size: 12px; color: var(--text-muted); margin-left: 4px; }

  .power-rank-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 50%;
    background: var(--blue); color: #fff;
    font-size: 11px; font-weight: 900; flex-shrink: 0; margin-right: 4px;
    vertical-align: middle;
  }
  .power-rank-badge.pr-gold { background: #E8A23D; }
  .power-rank-badge.pr-silver { background: #8FA8C0; }
  .power-rank-badge.pr-bronze { background: #B87A55; }

  /* ===== REDESIGN COMPONENTS ===== */
  .hero { margin-bottom: 20px; text-align: center; padding: 20px 0 24px; }
  .hero-logo { height: 40px; width: auto; display: block; margin: 0 auto 14px; }
  .hero-eyebrow { display: none; }
  .hero-title { font-family: var(--ff-body); font-size: 40px; font-weight: 700; color: var(--text); letter-spacing: -0.5px; line-height: 1.1; margin-bottom: 24px; }
  .hero-title .accent { color: var(--blue); }
  .hero-sub { display: none; }
  .pitch-icons { display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; }
  .pitch-icon { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--text-muted); }
  .pitch-icon svg { width: 26px; height: 26px; color: var(--blue); }

  /* Action cards */
  .scan-bar { background: none !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 14px; display: block !important; }
  .action-cards { display: flex; flex-direction: column; gap: 12px; }
  .action-card { color: #FFFFFF; border: none; padding: 24px; border-radius: 16px; display: flex; align-items: center; gap: 20px; cursor: pointer; transition: all 0.2s; position: relative; overflow: hidden; text-align: left; width: 100%; font-family: var(--ff-body); }
  .action-card-dark { background: linear-gradient(135deg, #2D7DD2 0%, #15498A 100%); box-shadow: 0 6px 20px rgba(21,73,138,0.35); }
  .action-card-light { background: linear-gradient(135deg, #4A9DE8 0%, #3B8AD9 100%); box-shadow: 0 6px 20px rgba(74,157,232,0.35); }
  .action-card:hover { transform: translateY(-2px); }
  .card-deco { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
  .action-card-icon-wrapper { position: relative; flex-shrink: 0; z-index: 2; }
  .icon-glow { width: 76px; height: 76px; background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.05) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.2); }
  .icon-glow svg { width: 42px; height: 42px; color: #FFFFFF; stroke-width: 2; fill: none; }
  .action-card-content { flex: 1; z-index: 2; }
  .action-card-title { font-size: 20px; font-weight: 700; margin-bottom: 6px; color: #FFFFFF; }
  .action-card-desc { font-size: 14px; font-weight: 400; opacity: 0.95; line-height: 1.4; color: #FFFFFF; }
  .action-card-arrow { width: 42px; height: 42px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; z-index: 2; }
  .action-card-arrow svg { width: 20px; height: 20px; color: var(--blue); stroke-width: 3; }

  /* Lead info inputs with icons */
  .meta-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .input-wrapper { position: relative; display: flex; align-items: center; border: 1px solid var(--border); border-radius: 10px; padding: 0 12px; background: #FFFFFF; transition: all 0.2s; height: 48px; }
  .input-wrapper:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(45,125,210,0.12); }
  .input-wrapper:has(input.autofilled) { border-color: var(--green); background: #F0FDF8; }
  .input-icon { width: 20px; height: 20px; color: var(--blue); margin-right: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
  .input-icon svg { width: 20px; height: 20px; stroke-width: 2; }
  .input-wrapper input { border: none !important; outline: none !important; flex: 1; font-family: var(--ff-body); font-size: 14px; color: var(--text); background: transparent !important; box-shadow: none !important; height: auto !important; padding: 0 !important; }
  .scan-bar .scan-status { color: var(--blue) !important; text-align: center; display: block; margin-top: 10px; }
  .scan-bar .spinner { border-color: rgba(45,125,210,0.3); border-top-color: var(--blue); }
/* ── Email enrichment (Hunter) ── */
	.btn-find-email{background:#EBF7FD;color:#185FA5;border:1px solid #5BB8E8;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;min-width:90px;text-align:center}
	.btn-find-email:hover{background:#5BB8E8;color:#fff}
	.btn-find-email:disabled{opacity:.6;cursor:default}
	.conf-badge{font-size:12px;font-weight:600}
	.conf-badge.conf-ok{color:#2e7d32}
	.conf-badge.conf-mid{color:#b26a00}
	.conf-badge.conf-low{color:#c0392b}
  .email-input-wrapper{ gap:8px; }
  .email-input-wrapper input{ min-width:0; }
  .email-input-actions{ display:flex; align-items:center; gap:8px; flex-shrink:0; }

  /* ============================================================
     COCKPIT THEME OVERRIDE  (appended; cascades over base styles)
     Dark instrument look, glowing accents, tier = temperature.
     ============================================================ */
  :root {
    --bg:#090D14; --bg-2:#0E151E;
    --card:#121A25; --panel:#121A25; --panel2:#0E151E;
    --blue:#54B6EC; --accent:#54B6EC;
    --blue-light:rgba(84,182,236,0.12); --blue-dark:#2A9FD8;
    --green:#3FD88E; --amber:#F4B53C; --pink:#FF7A45;
    --hot:#FF7A45; --warm:#F4B53C; --cool:#56AEEA;
    --text:#EAF1F8; --text-mid:#AEB8C4; --text-muted:#7C8A9C;
    --border:#1E2A38; --line:#1E2A38;
    --shadow:0 0 0 rgba(0,0,0,0); --shadow-lg:0 18px 40px rgba(0,0,0,0.5);
    --ff-disp:'Montserrat','Space Grotesk','Inter',sans-serif;
    --ff-body:'Montserrat','Hanken Grotesk','Inter',sans-serif;
    --ff-mono:'Montserrat','JetBrains Mono',monospace;
  }
  body{
    background:
      radial-gradient(62% 52% at 10% 0%, rgba(45,125,210,.34), transparent 64%),
      radial-gradient(52% 48% at 92% 92%, rgba(84,182,236,.20), transparent 66%),
      linear-gradient(135deg, #050608 0%, #0B1118 42%, #07090C 100%) !important;
    background-attachment: fixed;
    color:var(--text); font-family:var(--ff-body);
  }
  .app-sheet{
    background:
      radial-gradient(58% 48% at 8% 0%, rgba(45,125,210,.30), transparent 64%),
      radial-gradient(50% 46% at 94% 92%, rgba(84,182,236,.17), transparent 66%),
      linear-gradient(135deg, #06080B 0%, #0C1219 44%, #07090C 100%) !important;
    background-attachment: fixed;
  }

  /* ============================================================
     LIGHT MODE (Deploy 196) — per-org toggle, organizations.theme.
     Additive only: every value below is scoped to
     :root[data-theme="light"], which the attribute-selector's extra
     specificity lets win over the plain :root cockpit block above
     regardless of source order. Nothing here changes what any
     existing org sees today — the plain :root block (no attribute,
     or [data-theme="dark"]) stays exactly as it was, and every org
     defaults to dark until they opt in from Company Settings >
     Customize > Appearance. Same variable names as the dark block on
     purpose, so every existing var(--x) reference in the rest of the
     stylesheet just picks up the new value automatically — this is
     why the toggle covers as much of the app as it does with no
     other CSS changes. Known gap: colors written as literal hex
     instead of var(--x) (several hundred across this file, plus
     inline style="" attributes) won't respond to this and would need
     a separate follow-up sweep. Tier colors (#2D7DD2/#E8547A/#7A95AE/
     #A78BFA/#3FD88E) are deliberately left as literal hex in both
     modes — they're semantic (tier identity), not theme, and stay
     identical either way. */
  :root[data-theme="light"] {
    --bg:#DCE6F2; --bg-2:#CFDCEB;
    --card:#FFFFFF; --panel:#FFFFFF; --panel2:#F6F9FC;
    --blue:#2D7DD2; --accent:#2D7DD2;
    --blue-light:rgba(45,125,210,0.08); --blue-dark:#1A5FA8;
    --green:#0FA876; --amber:#C9860C; --pink:#D94572;
    --hot:#D94572; --warm:#C9860C; --cool:#2D7DD2;
    --text:#0D1F2D; --text-mid:#3A5068; --text-muted:#7A95AE;
    --border:#D5E3F0; --line:#D5E3F0;
    --shadow:0 2px 12px rgba(45,125,210,0.08); --shadow-lg:0 8px 32px rgba(45,125,210,0.12);
  }
   :root[data-theme="light"] body{
    background:
      radial-gradient(62% 54% at 8% 0%, rgba(45,125,210,.26), transparent 62%),
      radial-gradient(52% 48% at 94% 92%, rgba(84,182,236,.16), transparent 66%),
      linear-gradient(135deg, #F7F9FC 0%, #EAF1F8 46%, #F8FAFC 100%) !important;
    background-attachment: fixed;
  }
  :root[data-theme="light"] .app-sheet{
    background:
      radial-gradient(58% 52% at 8% 0%, rgba(45,125,210,.22), transparent 62%),
      radial-gradient(50% 46% at 94% 92%, rgba(84,182,236,.13), transparent 66%),
      linear-gradient(135deg, #F8FAFC 0%, #EDF3F8 46%, #F9FBFD 100%) !important;
    background-attachment: fixed;
  }

  /* Toggle control itself — lives in Company Settings > Customize. */
  .theme-opt-btn{
    flex:1; padding:10px 14px; border:1.5px solid var(--line); border-radius:9px;
    background:var(--panel2); color:var(--text-muted); font:inherit; font-size:13px; font-weight:700;
    cursor:pointer; transition:.15s;
  }
  .theme-opt-btn.active{ background:var(--accent); border-color:var(--accent); color:#fff; }

  /* ============================================================
     LIGHT MODE COMPONENT FIXES (Deploy 197)
     These four were never touched by the variable layer above because
     each hardcodes a literal color tuned for the dark cockpit bg
     specifically, instead of reading var(--x). Found by actually using
     light mode end-to-end rather than by re-scanning the stylesheet -
     this is exactly the class of bug the earlier hardcoded-color count
     predicted, just the first four instances of it. Each override below
     matches the specificity + !important of the rule it's overriding
     (see the plain :root/#page-score versions above) so it reliably
     wins under [data-theme="light"] regardless of source order.
     ============================================================ */

  /* Image 1: PITCH Score page - unselected 1-5 rating boxes were a flat
     near-black (#19232F, meant to sit on the dark cockpit bg) inside a
     white card. Selected state already uses var(--accent) + a blue glow
     and needs no change - that's the "glowing dark blue" look. */
  :root[data-theme="light"] #page-score .seg i{ background:var(--panel2) !important; border:1px solid var(--line); }
  :root[data-theme="light"] #page-score .seg i:hover{ background:var(--bg-2) !important; }

  /* Image 1 (same page): the sticky progress header sat in a near-black
     band (rgba(14,21,30,.96)) regardless of theme. */
  :root[data-theme="light"] #page-score .progress-sticky{ background:transparent !important; border:0 !important; box-shadow:none !important; }
  :root[data-theme="light"] #page-score .progress-bar-wrap{ background:var(--line) !important; }

  /* Pre-existing spacing bug, newly visible now that the bar is light:
     .progress-sticky has padding:0 while the cards below it have
     padding:14px, so the label/track sit flush against the edge while
     card content sits inset - a real 14px misalignment, not a
     backdrop-color one. Scoped to light mode only, same as everything
     else here, rather than touching dark mode's already-working
     layout. */
  :root[data-theme="light"] #page-score .progress-sticky{ padding:0 14px !important; }

  /* Image 3: follow-up email draft body text was a light gray
     (#C6D0DB) meant for the dark panel behind it - near-invisible once
     that panel goes light. */
  :root[data-theme="light"] .followup-body{ color:var(--text) !important; }

  /* Image 4: Event Economics tile values defaulted to literal white
     text, while the .pos/.accent variants correctly used theme
     variables - that mismatch is exactly the "some white, some black"
     Jeff saw side by side. */
  :root[data-theme="light"] #event-economics .ee-val{ color:var(--text) !important; }

  /* Same page, the two top input fields (Conference cost, Avg deal
     value) were also literal white text on a now-light input row. */
  :root[data-theme="light"] #event-economics .ee-inwrap input{ color:var(--text) !important; }

  /* "EventCon" event name: not actually a color problem - it's a
     gradient (#8AD4FF -> #6BEFB5) clipped to the text plus three
     stacked glow drop-shadows, built to look like a neon sign on the
     dark cockpit bg. On white that same gradient+glow combo reads as
     faint and blurry instead of vivid. Light mode gets a plain solid,
     high-contrast color with no gradient or glow instead of trying to
     tune the glow to work on both backgrounds. */
  /* "EventCon" - the real selector this time. Previous two rounds
     were edited on .hero-title .accent, a *different* heading ("The
     PITCH Score(tm)") further down the same page that happens to use
     a similar gradient-glow technique - this rule (score-event-name)
     is the one that actually renders "EventCon", and it had been
     sitting on flat solid color this whole time, which is why nothing
     visibly changed across those two rounds. Now: a genuine blue-to-
     green gradient across the text itself, plus a neon-green glow
     behind it via drop-shadow. Both gradient stops are dark enough to
     stay legible on white on their own, independent of the glow. */
  :root[data-theme="light"] #page-score .score-event h2#score-event-name{
    /* Gradient/glow/clip intentionally NOT redeclared here - this used
       to carry its own (different) !important gradient, fully
       overridden by the dedicated neon-tube treatment block further
       down the file (which also has a light-mode variant), but
       confusing to stumble on mid-edit. See that block for the actual
       rendered styling. */
  }

  /* Score page 1-5 boxes, round 2: technically already used
     var(--panel2)/var(--accent), which should be high-contrast on
     paper (near-white vs solid blue) - but the same soft glow that
     works on a dark bg reads as blur on light, softening the exact
     edge Jeff needs to see at a glance. Flattened the glow and gave
     the unselected boxes a firmer border so on/off is unambiguous. */
  :root[data-theme="light"] #page-score .seg i{ border:1.5px solid #C3D3E3 !important; }
  :root[data-theme="light"] #page-score .seg i.on{ box-shadow:0 1px 3px rgba(45,125,210,.4) !important; border-color:var(--accent) !important; }

  /* Top nav bar: deliberately exempted from the light palette rather
     than fixed within it. Org logos (EventReps' own wordmark here, and
     every customer logo set via organizations.logo_url, e.g.
     Instawork's) are supplied as light/white artwork made to sit on a
     dark bar - there's no single light-mode background color that
     would keep all of them legible short of asking every org to
     supply a second logo variant. Simplest correct fix: the nav stays
     the same dark navy in both themes, matching what logos already
     assume. */

  /* Same reasoning, same fix: the org-logo banner above the nav bar
     (#event-banner, home of .event-banner-logo) carries the exact same
     light-logo-on-dark-bar assumption and was left light by the
     variable layer. */
  :root[data-theme="light"] #event-banner{ background:#0E151E !important; border-bottom-color:#1E2A38 !important; }
  /* The "PITCH Score" bar just below it (plain <nav>) doesn't carry a
     logo, and Jeff preferred it light - reverted to following the
     ordinary variable cascade like everything else, no exemption. */

  /* Lead detail panel: booth notes text was the same hardcoded
     #C6D0DB light-gray-on-dark-panel color as the follow-up email
     body fixed earlier - same bug, same fix. */
  :root[data-theme="light"] .ldp-notes-text{ color:var(--text) !important; }

  /* Lead detail panel header: "TIER A - HOT LEAD" badge and the
     contact name are both hardcoded white (badge background is also
     set inline via JS as translucent white), built to sit on the
     panel's solid blue/orange gradient header. In light mode that
     header washes out to near-white, so white text on a
     white-tinted translucent badge is exactly the invisible pill
     Jeff's looking at. !important here overrides the inline
     badge.style.background JS sets on open, not just the CSS class. */
  :root[data-theme="light"] .ldp-tier-badge{ background:rgba(13,31,45,.08) !important; border-color:rgba(13,31,45,.18) !important; color:var(--text) !important; }
  :root[data-theme="light"] .ldp-name{ color:var(--text) !important; }

  /* headings + numbers */
  .hero-eyebrow,.log-title-eyebrow,.meta-label,.modal-title,.result-modal-eyebrow{ font-family:var(--ff-body); }
  .hero-title,.log-title,.cat-label,.summary-count,.nav-sub{ font-family:var(--ff-disp) !important; }
  .hero-title .accent,.hero-title b{ color:var(--accent) !important; }
  .summary-count{ font-family:var(--ff-mono) !important; }

  /* NAV -> dark cockpit header */
  nav{ background:var(--panel2) !important; border-bottom:1px solid var(--line); box-shadow:none !important; }
  .nav-sub,.nav-name{ color:var(--text) !important; }
  .nav-dropdown-btn{
    background:rgba(84,182,236,0.12) !important; border:1px solid rgba(84,182,236,0.42) !important;
    color:var(--accent) !important; box-shadow:0 0 13px rgba(84,182,236,0.25) !important; font-family:var(--ff-disp);
  }
  .nav-dropdown-btn:hover{ box-shadow:0 0 18px rgba(84,182,236,0.4) !important; }
  .nav-dropdown-menu{ background:var(--panel) !important; border:1px solid var(--line); box-shadow:var(--shadow-lg) !important; }
  .nav-dropdown-item{ color:var(--text) !important; }
  .nav-dropdown-item:hover{ background:var(--bg-2) !important; }
  .nav-dropdown-item.active{ background:rgba(84,182,236,0.12) !important; color:var(--accent) !important; }
  #sync-indicator{ color:var(--green); }

  /* CARDS */
  .card{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }

  /* HERO PITCH dimension icons -> glowing accent */
  .pitch-icon{ color:var(--text-muted) !important; }
  .pitch-icon svg{ color:var(--accent) !important; filter:drop-shadow(0 0 7px rgba(84,182,236,.6)); }

  /* SCAN AREA -> dark with viewfinder feel */
  .scan-bar{ background:var(--panel) !important; border:1px solid rgba(84,182,236,0.4); box-shadow:0 0 26px rgba(84,182,236,.10) inset !important; }
  .scan-btn{
    background:var(--panel2) !important; color:var(--text) !important; border:1px solid var(--line) !important;
    text-transform:none !important; box-shadow:none !important; border-radius:14px !important;
  }
  .scan-btn:hover{ border-color:rgba(84,182,236,0.5) !important; box-shadow:0 0 22px rgba(84,182,236,.14) !important; transform:translateY(-2px); }
  .scan-btn svg,.scan-btn .scan-ico{ color:var(--accent) !important; }
  .scan-btn.card-btn{ background:var(--panel2) !important; color:var(--text) !important; border:1px solid var(--line) !important; }
  .scan-status{ color:var(--text-muted) !important; }

  /* MODALS / RESULT PANELS -> dark */
  .modal-box,.result-modal,.result-modal-card{ background:var(--panel) !important; color:var(--text) !important; border:1px solid var(--line); box-shadow:var(--shadow-lg) !important; }
  .modal-overlay{ background:rgba(5,9,15,0.78) !important; }
  .result-modal-close,.btn-cancel{ background:var(--bg-2) !important; color:var(--text) !important; border:1px solid var(--line) !important; }
  .btn-capture{ background:var(--accent) !important; color:#06141f !important; box-shadow:0 0 22px rgba(84,182,236,.35) !important; }
  /* CRM connect buttons keep their brand colors instead of the generic
     dark-theme accent above - the .btn-capture !important rule otherwise
     flattens HubSpot/Monday/Salesforce/Pipedrive to the same blue. */
  #connect-hubspot-btn{ background:#FF7A59 !important; border-color:#E86644 !important; color:#FFFFFF !important; }
  #connect-monday-btn{ background:#0FC6C2 !important; border-color:#0B9E9B !important; color:#06141f !important; }
  #connect-salesforce-btn{ background:#00A1E0 !important; border-color:#0087BE !important; color:#FFFFFF !important; }
  #connect-pipedrive-btn{ background:#01847A !important; border-color:#016C64 !important; color:#FFFFFF !important; }

  /* CATEGORY (PITCH dimension) cards */
  .cat-badge{ background:rgba(84,182,236,0.14) !important; color:var(--accent) !important; border:1px solid rgba(84,182,236,0.34); font-family:var(--ff-disp); }
  .cat-label{ color:var(--text) !important; }
  .cat-desc{ color:var(--text-muted) !important; }
  .cat-score{ background:rgba(84,182,236,0.14) !important; color:var(--accent) !important; font-family:var(--ff-mono); }
  .card.pitch-missing{ border-color:rgba(242,98,126,0.4) !important; }

  /* SLIDER -> glowing accent */
  .pitch-slider{ background:#19232F !important; }
  .pitch-slider::-webkit-slider-thumb{ background:var(--accent) !important; box-shadow:0 0 12px rgba(84,182,236,.7) !important; }
  .pitch-slider::-moz-range-thumb{ background:var(--accent) !important; box-shadow:0 0 12px rgba(84,182,236,.7) !important; }

  /* TIER SUMMARY CARDS + temperature colors */
  .summary-card{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; position:relative; overflow:hidden; }
  #analytics-count-a,.summary-count.tier-a{ color:var(--hot) !important; }
  #analytics-count-b,.summary-count.tier-b{ color:var(--warm) !important; }
  #analytics-count-c,.summary-count.tier-c{ color:var(--cool) !important; }

  /* TIER BADGES -> temperature (covers JS-applied letters A/B/C) */
  .tier-badge{ font-family:var(--ff-disp); }
  .tier-badge.tier-a,.tier-badge.a,.tier-a .tier-badge{ background:rgba(255,122,69,0.13) !important; color:var(--hot) !important; border:1px solid rgba(255,122,69,0.5); }
  .tier-badge.tier-b,.tier-badge.b,.tier-b .tier-badge{ background:rgba(244,181,60,0.13) !important; color:var(--warm) !important; border:1px solid rgba(244,181,60,0.5); }
  .tier-badge.tier-c,.tier-badge.c,.tier-c .tier-badge{ background:rgba(86,174,234,0.13) !important; color:var(--cool) !important; border:1px solid rgba(86,174,234,0.5); }
  .tier-badge.tier-d,.tier-badge.d,.tier-d .tier-badge{ background:rgba(122,149,174,0.13) !important; color:#7A95AE !important; border:1px solid rgba(122,149,174,0.5); }
  #analytics-count-d{ color:#7A95AE !important; }
  .tier-badge.decayed{ background:rgba(242,98,126,0.12) !important; color:#F2627E !important; border:1px solid rgba(242,98,126,0.45); }

  /* TABLES (lead log + scoreboard) */
  .table-wrap{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  table th{ background:var(--panel2) !important; color:var(--text-muted) !important; border-bottom:1px solid var(--line) !important; letter-spacing:.1em; }
  table td{ color:var(--text) !important; border-bottom:1px solid var(--line) !important; }
  table tr:hover td{ background:rgba(84,182,236,0.04) !important; }

  /* FILTER BAR + inputs */
  .log-filter-bar select,.log-filter-bar input[type="text"]{ background:var(--panel) !important; color:var(--text) !important; border:1px solid var(--line) !important; }
  .log-filter-bar select:focus,.log-filter-bar input[type="text"]:focus{ border-color:rgba(84,182,236,0.5) !important; }
  input,textarea,select{ background:var(--panel2); color:var(--text); border-color:var(--line); }
  textarea{ background:var(--panel2) !important; color:var(--text) !important; border:1px solid var(--line) !important; }
  textarea::placeholder,input::placeholder{ color:var(--text-muted); }

  /* BUTTONS */
  .btn-export,.btn-followup,.btn-copy,.btn-regen,.btn-log-secondary{ background:rgba(84,182,236,0.12) !important; border:1px solid rgba(84,182,236,0.4) !important; color:var(--accent) !important; }
  .btn-clear,.btn-delete-event{ background:rgba(242,98,126,0.1) !important; border:1px solid rgba(242,98,126,0.4) !important; color:#F2627E !important; }
  .btn-log,.btn-start-event,.btn-log-lead{ background:var(--accent) !important; color:#06141f !important; box-shadow:0 0 20px rgba(84,182,236,.3) !important; }
  .btn-change-event{ background:rgba(84,182,236,0.12) !important; color:var(--accent) !important; border:1px solid rgba(84,182,236,0.4) !important; }

  /* EMPTY STATES + misc text */
  .empty-state{ color:var(--text-muted) !important; }
  .log-title-eyebrow{ color:var(--text-muted) !important; }
  .hero-sub{ color:var(--text-muted) !important; }


  /* LOGIN GATE styling now lives in the redesigned SIGN-IN GATE block above */

  /* ===== LEAD LOG cockpit rebuild ===== */
  #page-log .log-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:6px;flex-wrap:wrap}
  #page-log .log-title{font-family:var(--ff-disp);font-size:26px;font-weight:700;letter-spacing:-.01em;margin-top:5px}
  #page-log .ll-actions{display:flex;gap:9px}
  #page-log .btn-export,#page-log .btn-clear{font-family:var(--ff-disp);font-weight:700;font-size:12px;padding:9px 13px;border-radius:10px;cursor:pointer;border:1px solid;letter-spacing:.02em;text-transform:none}
  #page-log .btn-export{background:var(--accent) !important;color:#06141f !important;border-color:transparent !important;box-shadow:0 0 16px rgba(84,182,236,.3) !important}
  #page-log .btn-clear{background:rgba(242,98,126,.1) !important;border-color:rgba(242,98,126,.4) !important;color:var(--danger) !important}
  #page-log .summary-bar{display:flex;gap:12px;margin:16px 0 0}
  #page-log .ll-scard{flex:1;display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);position:relative;overflow:hidden}
  #page-log .ll-aura{position:absolute;inset:0}
  #page-log .ll-scard.hot .ll-aura{background:radial-gradient(60% 120% at 0% 50%, rgba(255,122,69,.14), transparent 60%)}
  #page-log .ll-scard.warm .ll-aura{background:radial-gradient(60% 120% at 0% 50%, rgba(244,181,60,.12), transparent 60%)}
  #page-log .ll-scard.cool .ll-aura{background:radial-gradient(60% 120% at 0% 50%, rgba(86,174,234,.12), transparent 60%)}
  #page-log .ll-big{font-family:var(--ff-mono);font-weight:700;font-size:30px;line-height:1;position:relative}
  #page-log .ll-scard.generic .ll-aura{background:radial-gradient(60% 120% at 0% 50%, rgba(122,149,174,.12), transparent 60%)}
  #page-log .ll-scard.generic .ll-big{color:#7A95AE}#page-log .ll-scard.generic .ll-lbl b{color:#8FA3B8}
  #page-log .ll-scard.hot .ll-big{color:var(--hot)}#page-log .ll-scard.warm .ll-big{color:var(--warm)}#page-log .ll-scard.cool .ll-big{color:var(--cool)}
  #page-log .ll-lbl{position:relative}#page-log .ll-lbl b{display:block;font-family:var(--ff-disp);font-size:12.5px;font-weight:700}
  #page-log .ll-scard.hot .ll-lbl b{color:var(--hot)}#page-log .ll-scard.warm .ll-lbl b{color:var(--warm)}#page-log .ll-scard.cool .ll-lbl b{color:#9fc6e8}
  #page-log .ll-lbl span{font-size:11.5px;color:var(--muted)}
  #page-log #log-empty{margin-top:16px}
  @media (max-width: 640px) {
    #page-log .summary-bar { display: grid; grid-template-columns: repeat(2, 1fr); flex-wrap: unset; gap: 10px; }
    #page-log .ll-scard { padding: 12px 14px; gap: 10px; }
    #page-log .ll-big { font-size: 24px; }
    #page-log .ll-lbl b { font-size: 11.5px; }
    #page-log .ll-lbl span { font-size: 10px; }
    #page-log #log-empty { margin-top: 18px; }
  }
  #page-log .log-filter-bar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0 0}
  #page-log .log-filter-bar input[type="text"],#page-log .log-filter-bar select{background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink) !important;font:inherit;font-size:12.5px;font-weight:600;padding:9px 12px;border-radius:10px;outline:none;cursor:pointer}
  #page-log .log-filter-bar input[type="text"]:focus,#page-log .log-filter-bar select:focus{border-color:rgba(84,182,236,.5) !important}
  #page-log .log-filter-clear{background:none !important;border:none !important;color:var(--muted) !important;font-size:12.5px;font-weight:600;cursor:pointer;padding:9px 8px}
  #page-log .log-filter-count{font-size:12px;color:var(--muted)}
  #page-targets .log-filter-bar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:16px 0}
  #page-targets .log-filter-bar input[type="text"],#page-targets .log-filter-bar select{background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink) !important;font:inherit;font-size:12.5px;font-weight:600;padding:9px 12px;border-radius:10px;outline:none;cursor:pointer}
  #page-targets .log-filter-bar input[type="text"]:focus,#page-targets .log-filter-bar select:focus{border-color:rgba(84,182,236,.5) !important}
  #page-targets .log-filter-clear{background:none !important;border:none !important;color:var(--muted) !important;font-size:12.5px;font-weight:600;cursor:pointer;padding:9px 8px}
  #page-targets .log-filter-count{font-size:12px;color:var(--muted)}
  #page-log .ll-table{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow-x:auto}
  #page-log .ll-thead,#page-log .ll-row{display:grid;grid-template-columns:38px 36px 44px var(--ll-w-name, minmax(150px,1.4fr)) var(--ll-w-co, minmax(120px,1fr)) var(--ll-w-ti, minmax(104px,.9fr)) 26px 26px 26px 26px 26px 48px 110px 218px 28px;align-items:center;gap:10px;padding:11px 16px;min-width:1060px}
  #page-log .ll-th-col{position:relative;min-width:0}
  #page-log .ll-col-resizer{position:absolute;top:-11px;bottom:-11px;right:-15px;width:15px;cursor:col-resize;z-index:3;touch-action:none;display:flex;justify-content:center}
  #page-log .ll-col-resizer::after{content:"";width:2px;height:100%;background:transparent;transition:background .12s}
  #page-log .ll-col-resizer:hover::after,#page-log .ll-col-resizer.resizing::after{background:var(--accent)}
  #page-log .ll-col-resizer.resizing{background:rgba(84,182,236,.06)}
  #page-log .ll-thead{background:var(--panel2);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
  #page-log .ll-thead .ctr{text-align:center}
  #page-log .ll-row{border-bottom:1px solid var(--line)}#page-log .ll-row:last-child{border-bottom:none}
  #page-log .ll-row.decayed{background:rgba(242,98,126,.06);box-shadow:inset 3px 0 0 var(--danger)}
  #page-log .ll-row.meeting-booked{background:rgba(15,168,118,.07);box-shadow:inset 3px 0 0 var(--green)}
  #page-log .ll-rank{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ff-mono);font-weight:700;font-size:12px;color:#0b0f16}
  #page-log .ll-rank.g{background:linear-gradient(135deg,#F4CE5E,#E0A92F)}#page-log .ll-rank.s{background:linear-gradient(135deg,#D6DEE6,#AAB6C2)}#page-log .ll-rank.b{background:linear-gradient(135deg,#DA9A5A,#C0743A)}#page-log .ll-rank.n{background:#1B2733;color:var(--accent);border:1px solid var(--line)}
  #page-log .ll-exp{width:28px;height:26px;border-radius:8px;background:rgba(84,182,236,.08);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer}
  #page-log .ll-exp svg{width:13px;height:13px}
  #page-log .ll-tier{width:28px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--ff-disp);font-weight:700;font-size:13px;border:1px solid}
  #page-log .ll-tier.A{color:var(--hot);border-color:rgba(255,122,69,.5);background:rgba(255,122,69,.13)}
  #page-log .ll-tier.B{color:var(--warm);border-color:rgba(244,181,60,.5);background:rgba(244,181,60,.13)}
  #page-log .ll-tier.C{color:var(--cool);border-color:rgba(86,174,234,.5);background:rgba(86,174,234,.13)}
  #page-log .ll-tier.D{color:#7A95AE;border-color:rgba(122,149,174,.5);background:rgba(122,149,174,.13)}
  #page-log .ll-tier.decayed{color:var(--danger);border-color:rgba(242,98,126,.5);background:rgba(242,98,126,.12)}
  #page-log .ll-nm{display:flex;align-items:center;gap:7px;min-width:0}
  #page-log .ll-nm b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #page-log .target-bullseye{width:15px;height:15px;flex:none;display:flex}#page-log .target-bullseye svg{width:15px;height:15px}
  #page-log .auto-seq-icon{flex:none;display:flex}#page-log .auto-seq-icon svg{width:15px;height:15px}
  #page-log .icp-match-pill{flex:none}
  #page-log .meet-context-pill{flex:none}
  #page-log .dq-pill{flex:none}
  #page-log .crm-issue-pill{flex:none}
  #page-log .ll-co{font-size:12.5px;color:#aeb8c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #page-log .ll-ti{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #page-log .ll-dim{font-family:var(--ff-mono);font-weight:700;font-size:12.5px;color:var(--accent);text-align:center}
  #page-log .ll-score{font-family:var(--ff-mono);font-weight:700;font-size:15px;color:#fff;text-align:center}
  #page-log .ll-logged{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #page-log .ll-acts{display:flex;gap:7px;justify-content:flex-end}
  #page-log .ll-abtn{padding:6px 10px;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:var(--ff-disp)}
  #page-log .ll-abtn-icon{display:none;width:13px;height:13px;flex:none}
  #page-log .ll-abtn.draft{background:rgba(84,182,236,.12);border:1px solid rgba(84,182,236,.42);color:var(--accent)}
  #page-log .ll-abtn.edit{background:transparent;border:1px solid var(--line);color:var(--muted)}
  #page-log .ll-abtn.cal{background:transparent;border:1px solid var(--line);color:var(--muted);padding:6px 8px;display:flex;align-items:center;justify-content:center}
  #page-log .ll-abtn.cal:hover{border-color:var(--accent);color:var(--accent)}
  #page-log .ll-abtn.cal.done{border-color:rgba(15,168,118,0.4);color:var(--green)}
  #page-log .ll-abtn.cal.done:hover{border-color:var(--green);color:var(--green)}
  #page-log .ll-viewonly{font-size:11px;color:var(--muted);font-style:italic}

  /* ===== LEAD DETAIL panel cockpit ===== */
  #lead-detail-panel{background:var(--bg) !important;border-left:1px solid var(--line)}
  #lead-detail-panel .ldp-header{background:linear-gradient(160deg, rgba(255,122,69,.20), rgba(255,122,69,.03) 60%), var(--panel2) !important;border-bottom:1px solid var(--line)}
  #lead-detail-panel .ldp-tier-badge{position:relative;padding-left:24px;border-radius:999px;font-family:var(--ff-disp)}
  #lead-detail-panel .ldp-tier-badge::before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
  #lead-detail-panel .ldp-name{font-family:var(--ff-disp);color:var(--ink) !important}
  #lead-detail-panel .ldp-company{color:var(--text-muted) !important}
  #lead-detail-panel .ldp-close{background:rgba(255,255,255,.06) !important;border:1px solid var(--line) !important;color:var(--ink) !important}
  #lead-detail-panel .ldp-section{background:var(--panel) !important;border:1px solid var(--line) !important;box-shadow:none !important;border-radius:14px}
  #lead-detail-panel .ldp-contact-icon{color:var(--accent)}
  #lead-detail-panel .ldp-contact-val a{color:var(--accent)}

  /* ===== TARGET DETAIL panel: match lead detail cockpit, tinted by status ===== */
  #target-detail-panel{background:var(--bg) !important;border-left:1px solid var(--line)}
  #target-detail-panel .ldp-header{background:linear-gradient(160deg, rgba(124,138,156,.16), rgba(124,138,156,.02) 60%), var(--panel2) !important;border-bottom:1px solid var(--line)}
  #target-detail-panel .ldp-header.tdp-met{background:linear-gradient(160deg, rgba(63,216,142,.20), rgba(63,216,142,.03) 60%), var(--panel2) !important}
  #target-detail-panel .ldp-header.tdp-adjacent{background:linear-gradient(160deg, rgba(255,210,74,.20), rgba(255,210,74,.03) 60%), var(--panel2) !important}
  #target-detail-panel .ldp-tier-badge{position:relative;padding-left:24px;border-radius:999px;font-family:var(--ff-disp)}
  #target-detail-panel .ldp-tier-badge::before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
  #target-detail-panel .ldp-name{font-family:var(--ff-disp);color:var(--ink) !important}
  #target-detail-panel .ldp-company{color:var(--text-muted) !important}
  #target-detail-panel .ldp-close{background:rgba(255,255,255,.06) !important;border:1px solid var(--line) !important;color:var(--ink) !important}
  #target-detail-panel .ldp-section{background:var(--panel) !important;border:1px solid var(--line) !important;box-shadow:none !important;border-radius:14px}
  #target-detail-panel .ldp-contact-icon{color:var(--accent)}
  #target-detail-panel .ldp-contact-val a{color:var(--accent)}
  #lead-detail-panel .ldp-notes-text{color:#C6D0DB}
  #lead-detail-panel .decay-alert{background:rgba(242,98,126,.1) !important;border:1px solid rgba(242,98,126,.42) !important;border-left:1px solid rgba(242,98,126,.42) !important;border-radius:12px !important;color:#FF93A6 !important;padding:13px 14px !important;font-weight:600;align-items:flex-start !important}
  #lead-detail-panel .decay-alert svg{color:var(--danger);flex:none;margin-top:1px}
  #lead-detail-panel .decay-alert b{color:var(--danger);font-weight:800}
  /* dial + bars */
  #lead-detail-panel .ldp-scoreblk{display:flex;align-items:center;gap:18px}
  #lead-detail-panel .ldp-dial{position:relative;width:92px;height:92px;flex:none}
  #lead-detail-panel .ldp-dialnum{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  #lead-detail-panel .ldp-dialnum b{font-family:var(--ff-mono);font-weight:700;font-size:23px;color:#fff;line-height:1}
  #lead-detail-panel .ldp-dialnum small{font-family:var(--ff-mono);font-size:10px;color:var(--text-muted)}
  #lead-detail-panel .ldp-dims{flex:1;display:flex;flex-direction:column;gap:8px}
  #lead-detail-panel .ldp-drow{display:flex;align-items:center;gap:10px}
  #lead-detail-panel .ldp-dchip{width:22px;height:22px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--ff-disp);font-weight:700;font-size:11px;background:rgba(84,182,236,.14);color:var(--accent);border:1px solid rgba(84,182,236,.32)}
  #lead-detail-panel .ldp-dseg{flex:1;display:flex;gap:3px}
  #lead-detail-panel .ldp-dseg i{flex:1;height:7px;border-radius:2px;background:#1A2531}
  #lead-detail-panel .ldp-dseg i.on{background:var(--accent);box-shadow:0 0 7px rgba(84,182,236,.55)}
  #lead-detail-panel .ldp-dval{font-family:var(--ff-mono);font-weight:700;font-size:12px;color:var(--accent);width:14px;text-align:right}
  /* actions */
  #lead-detail-panel .ldp-pacts{display:flex;gap:10px;margin:0 0 12px}
  #lead-detail-panel .ldp-pbtn{flex:1;padding:13px;border-radius:12px;font-family:var(--ff-disp);font-weight:700;font-size:13px;cursor:pointer;border:1px solid;text-align:center}
  #lead-detail-panel .ldp-pbtn.primary{background:var(--accent);color:#06141f;border-color:transparent;box-shadow:0 0 20px rgba(84,182,236,.32)}
  #lead-detail-panel .ldp-pbtn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}

  /* ===== SCORE PAGE cockpit ===== */
  #page-score .hero-logo{ display:none !important; }
  #page-score .hero{ text-align:center; padding:8px 0 16px; }
  #page-score .hero-title{ font-family:var(--ff-disp) !important; color:var(--ink) !important; }
  #page-score .hero-title .accent{ color:var(--accent) !important; text-shadow:0 0 20px rgba(84,182,236,.55); }
  #page-score .pitch-icons{ gap:20px !important; }
  #page-score .pitch-icon svg{ color:var(--accent) !important; filter:drop-shadow(0 0 8px rgba(84,182,236,.65)); }
  #page-score .pitch-icon span{ color:var(--text-muted) !important; }
  /* scan cards -> dark viewfinder */
  #page-score .scan-bar{ background:none !important; box-shadow:none !important; }
  #page-score .action-card{ color:var(--ink) !important; border:1px solid var(--line) !important; }
  #page-score .action-card-dark,#page-score .action-card-light{ background:var(--panel) !important; box-shadow:inset 0 0 0 1px rgba(84,182,236,.14), 0 0 26px rgba(84,182,236,.07) !important; }
  #page-score .action-card:hover{ border-color:rgba(84,182,236,.5) !important; box-shadow:0 0 28px rgba(84,182,236,.16) !important; transform:translateY(-2px); }
  #page-score .action-card-title{ color:var(--ink) !important; font-family:var(--ff-disp); }
  #page-score .action-card-desc{ color:var(--text-muted) !important; opacity:1 !important; }
  #page-score .action-card-icon-wrapper svg,#page-score .icon-glow svg{ color:var(--accent) !important; filter:drop-shadow(0 0 9px rgba(84,182,236,.6)); }
  #page-score .icon-glow{ background:rgba(84,182,236,.1) !important; }
  #page-score .action-card-arrow{ background:rgba(84,182,236,.16) !important; border:1px solid rgba(84,182,236,.4) !important; }
  #page-score .action-card-arrow svg{ color:var(--accent) !important; }
  #page-score .card-deco{ opacity:.22; }
  /* lead info inputs -> dark */
  #page-score .card{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-score .meta-label{ color:var(--text-muted) !important; }
  #page-score .input-wrapper{ background:var(--panel2) !important; border:1px solid var(--line) !important; }
  #page-score .input-wrapper:focus-within{ border-color:rgba(84,182,236,.55) !important; box-shadow:0 0 0 3px rgba(84,182,236,.12) !important; }
  #page-score .input-wrapper input{ color:var(--ink) !important; background:transparent !important; }
  #page-score .input-wrapper input::placeholder{ color:var(--text-muted) !important; }
  #page-score .input-icon{ color:var(--accent) !important; }
  #page-score .btn-find-email{ background:rgba(84,182,236,.12) !important; border:1px solid rgba(84,182,236,.4) !important; color:var(--accent) !important; }
  /* scoring category cards */
  #page-score .cat-badge{ background:rgba(84,182,236,.14) !important; color:var(--accent) !important; border:1px solid rgba(84,182,236,.34); }
  #page-score .cat-label{ color:var(--ink) !important; }
  #page-score .cat-desc{ color:var(--text-muted) !important; }
  #page-score .cat-score{ background:rgba(84,182,236,.14) !important; color:var(--accent) !important; font-family:var(--ff-mono); }
  /* top utility rows */
  #event-banner{ min-height:28px; display:none; align-items:center; background:var(--panel2) !important; border-bottom:1px solid var(--line) !important; }
  #event-banner .btn-change-event{ background:rgba(84,182,236,.12) !important; color:var(--accent) !important; border:1px solid rgba(84,182,236,.4) !important; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; }
  .sync-bar{ min-height:34px; display:flex; align-items:center; justify-content:center; position:sticky; top:60px; z-index:99; background:var(--panel2); border-bottom:1px solid var(--line); }
  #sync-indicator{ display:inline-flex; align-items:center; justify-content:center; gap:7px; color:#3FD88E; font-size:13px; font-weight:800; letter-spacing:.01em; transition:opacity .5s; opacity:1; text-shadow:0 0 12px rgba(63,216,142,.35); }
  #sync-indicator .sync-dot{ width:10px; height:10px; border-radius:50%; background:#3FD88E; box-shadow:0 0 14px rgba(63,216,142,.75); flex-shrink:0; }

  /* ===== TARGETS PAGE cockpit ===== */
  #page-targets .tgt-uploader{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-targets .tgt-drop{ border:2px dashed var(--line) !important; background:var(--panel2) !important; color:var(--text-muted) !important; }
  #page-targets .tgt-drop:hover,#page-targets .tgt-drop.dragover{ border-color:rgba(84,182,236,.55) !important; box-shadow:0 0 22px rgba(84,182,236,.12) inset; }
  #page-targets .tgt-drop-icon{ color:var(--accent) !important; }
  #page-targets .tgt-drop-main{ color:var(--ink) !important; font-family:var(--ff-disp); }
  #page-onepagers .empty-state{ color:var(--text-muted) !important; }
  .wbn-tpl-section{ border:1px solid var(--border); border-radius:10px; overflow:hidden; background:var(--card); }
  .wbn-tpl-section + .wbn-tpl-section{ margin-top:0; }
  .wbn-tpl-section summary{ cursor:pointer; list-style:none; display:flex; align-items:center; gap:10px; padding:12px 14px; border-left:4px solid var(--accent, var(--blue)); background:var(--bg); }
  .wbn-tpl-section summary::-webkit-details-marker{ display:none; }
  .wbn-tpl-section summary::before{ content:"▸"; flex-shrink:0; font-size:10px; color:var(--text-muted); transition:transform .15s; }
  .wbn-tpl-section[open] summary::before{ transform:rotate(90deg); }
  .wbn-tpl-label{ font-size:13px; font-weight:700; color:var(--text); }
  .wbn-tpl-tag{ margin-left:auto; font-size:9.5px; font-weight:700; color:var(--accent, var(--text-muted)); text-transform:uppercase; letter-spacing:0.05em; white-space:nowrap; padding:3px 8px; border-radius:20px; background:color-mix(in srgb, var(--accent, var(--text-muted)) 14%, transparent); }
  .wbn-tpl-section[open] summary{ border-bottom:1px solid var(--border); }
  .wbn-tpl-body{ padding:14px; }
  .wbn-tpl-body textarea{ width:100%; min-height:90px; padding:10px; border-radius:8px; border:1px solid var(--border); background:var(--bg); color:var(--text); font-size:13px; font-family:inherit; line-height:1.5; }
  .wbn-tpl-body button{ margin-top:10px; }
  .wbn-tpl-row{ display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:10px; overflow:hidden; background:var(--card); border-left:4px solid var(--accent, var(--blue)); padding:12px 14px; cursor:pointer; transition:border-color .15s, background .15s; }
  .wbn-tpl-row:hover{ background:var(--bg); border-color:var(--accent, var(--border)); }
  .wbn-tpl-row-left{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
  .wbn-tpl-preview{ font-size:12px; color:var(--text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .wbn-reg-thead{ display:grid; grid-template-columns:2fr 2fr 1.5fr 2fr 1fr; gap:10px; padding:10px 14px; background:var(--bg); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-muted); border-bottom:1px solid var(--border); }
  .wbn-reg-row{ display:grid; grid-template-columns:2fr 2fr 1.5fr 2fr 1fr; gap:10px; align-items:center; padding:10px 14px; border-top:1px solid var(--border); }
  .wbn-row-name{ font-weight:600; color:var(--text); }
  .wbn-row-company,.wbn-row-title{ color:var(--text); }
  .wbn-row-email{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-muted); }
  .wbn-row-attended{ text-align:center; }
  @media (max-width:640px) {
    .wbn-reg-thead{ display:none; }
    .wbn-reg-row{ grid-template-columns:1fr auto; row-gap:3px; padding:12px 14px; }
    .wbn-row-name{ grid-column:1; font-size:14px; }
    .wbn-row-company,.wbn-row-title{ grid-column:1; font-size:12px; color:var(--text-muted); }
    .wbn-row-email{ grid-column:1; font-size:11px; white-space:normal; word-break:break-all; }
    .wbn-row-attended{ grid-column:2; grid-row:1 / span 4; align-self:center; text-align:right; }
  }
  .wbn-toggle{ position:relative; display:inline-block; width:40px; height:22px; flex-shrink:0; }
  .wbn-toggle input{ opacity:0; width:0; height:0; position:absolute; }
  .wbn-toggle-slider{ position:absolute; inset:0; background:var(--border); border-radius:22px; transition:background .15s; cursor:pointer; }
  .wbn-toggle-slider::before{ content:""; position:absolute; height:16px; width:16px; left:3px; top:3px; background:#fff; border-radius:50%; transition:transform .15s; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
  .wbn-toggle input:checked + .wbn-toggle-slider{ background:linear-gradient(90deg,#3FD88E,#1FA8C9); }
  .wbn-toggle input:checked + .wbn-toggle-slider::before{ transform:translateX(18px); }
  #page-targets .tgt-cov-card{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-targets .tgt-cov-num{ font-family:var(--ff-mono) !important; }
  #page-targets #tgt-cov-adj,#page-targets [style*="B97A18"]{ color:#FFD24A !important; }
  #page-targets .tgt-cov-sub{ color:var(--text-muted) !important; }
  #page-targets #tgt-chart-wrap{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-targets .tgt-card { background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-targets .tgt-card:hover { border-color:rgba(84,182,236,.4) !important; box-shadow:0 0 18px rgba(84,182,236,.1) !important; }
  #page-targets .tgt-card-name { color:var(--ink) !important; }
  #page-targets .tgt-card-co { color:var(--text-mid) !important; }
  #page-targets .tgt-rank-badge{ font-family:var(--ff-mono); }
  #page-targets .tgt-prospect-number{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:24px;height:24px;padding:0 5px;border-radius:7px;
    background:rgba(84,182,236,.08);border:1px solid rgba(84,182,236,.22);
    color:var(--text-muted);font-family:var(--ff-mono);font-size:10px;font-weight:800;
    flex:none;
  }
  #page-targets .tgt-status.adjacent { background:rgba(255,210,74,.14) !important; color:#FFD24A !important; }
  #page-targets .tgt-status.adjacent .dot { background:#FFD24A !important; }
  #page-targets .empty-state{ color:var(--text-muted) !important; }

  /* ===== ANALYTICS PAGE cockpit ===== */
  #page-analytics .chart-card,#page-analytics .insights-section{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-analytics .summary-card{ background:var(--panel) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-analytics .summary-tier-name{ color:var(--text-muted) !important; }
  #page-analytics #analytics-count-a{ color:var(--hot) !important; } #page-analytics #analytics-count-b{ color:var(--warm) !important; } #page-analytics #analytics-count-c{ color:var(--cool) !important; }
  #page-analytics .summary-bar .summary-card:nth-child(1) [style*="2D7DD2"]{ color:var(--hot) !important; }
  #page-analytics .summary-bar .summary-card:nth-child(2) [style*="E8547A"]{ color:var(--warm) !important; }
  #page-analytics .summary-bar .summary-card:nth-child(3) [style*="7A95AE"]{ color:var(--cool) !important; }
  #page-analytics .chart-title,#page-analytics .insights-title{ color:var(--ink) !important; }
  #page-analytics .insight-card{ background:var(--panel2) !important; border:1px solid var(--line) !important; box-shadow:none !important; }
  #page-analytics .insight-label{ color:var(--text-muted) !important; }
  #page-analytics .insight-stat{ color:var(--accent) !important; font-family:var(--ff-mono); }
  #page-analytics .insight-text{ color:var(--text-mid) !important; }
  #page-analytics table th{ color:var(--text-muted) !important; border-color:var(--line) !important; }
  #page-analytics table td{ color:var(--ink) !important; border-color:var(--line) !important; }
  /* Event Economics */
  #event-economics .ee-head{ display:flex;align-items:center;justify-content:space-between;margin-bottom:4px }
  #event-economics .ee-title{ font-family:var(--ff-disp);font-size:16px;font-weight:700;color:var(--ink) }
  #event-economics .ee-mgr{ display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(244,193,80,.12);border:1px solid rgba(244,193,80,.4);color:#F4C150;font-size:10.5px;font-weight:700;letter-spacing:.04em }
  #event-economics .ee-sub{ font-size:12.5px;color:var(--text-muted);margin-bottom:14px }
  #event-economics .ee-inputs{ display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px }
  #event-economics .ee-inp{ padding:13px 15px;border-radius:12px;background:var(--panel2);border:1px solid var(--line) }
  #event-economics .ee-inp:focus-within{ border-color:rgba(84,182,236,.5) }
  #event-economics .ee-inp label{ display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:7px }
  #event-economics .ee-inwrap{ display:flex;align-items:center;gap:6px }
  #event-economics .ee-inwrap span{ font-family:var(--ff-body);font-size:18px;color:var(--text-muted) }
  #event-economics .ee-inwrap input{ background:none;border:none;outline:none;color:#fff;font-family:var(--ff-body);font-weight:700;font-size:19px;width:100%;min-width:0 }
  #event-economics .ee-tiles{ display:grid;grid-template-columns:repeat(3,1fr);gap:10px }
  @media(max-width:560px){ #event-economics .ee-tiles{ grid-template-columns:1fr 1fr } #event-economics .ee-inputs{ grid-template-columns:1fr } #event-economics .ee-bd-grid{ grid-template-columns:1fr !important } }
  #event-economics .ee-bd-row{ padding:0 } #event-economics .ee-bd-row label{ display:block;font-size:10px;color:var(--text-muted);font-weight:600;margin-bottom:4px } #event-economics .ee-bd-row .ee-inwrap input{ font-size:14px }
  #event-economics .ee-tile{ padding:13px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);min-width:0 }
  #event-economics .ee-lab{ font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-weight:700 }
  #event-economics .ee-val{ font-family:var(--ff-body);font-weight:700;font-size:21px;margin-top:7px;line-height:1;color:#fff;word-break:break-all }
  #event-economics .ee-tile.pos .ee-val{ color:var(--good) } #event-economics .ee-tile.accent .ee-val{ color:var(--accent) }

  /* ===== JEFF UI OVERHAUL: Score, Targets, Lead Log only ===== */
  #page-score .container{max-width:430px;padding:0 18px 28px}
  #page-score .hero{padding:18px 0 4px;text-align:left}
  #page-score .hero-logo,#page-score .hero-title,#page-score .pitch-icons{display:none !important}
  #page-score .score-event{margin:0 0 14px}
  #page-score .score-event-kick{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-weight:700}
  #page-score .score-event h2{font-family:var(--ff-disp);font-size:23px;font-weight:700;letter-spacing:-.01em;margin:5px 0 0;color:var(--ink)}
  #page-score .score-event h2#score-event-name{
    display:inline-block;
    /* Gradient/glow/clip intentionally NOT redeclared here - this
       selector is also targeted by the dedicated neon-tube treatment
       block further down the file, which is the one that actually
       renders "CRC Chicago" etc. This duplicate used to carry its own
       (different) gradient colors, fully overridden by the later block
       but confusing to stumble on mid-edit - see that block's own
       comment for the history of exactly this mix-up. */
  }
  #page-score .score-event p{font-size:12.5px;color:var(--text-muted);margin-top:4px}
  #page-score .scan-bar{border:0 !important;margin:0 0 16px !important;padding:0 !important;background:none !important}
  #page-score .action-cards{gap:10px}
  #page-score .action-card{min-height:88px;padding:18px 16px !important;border-radius:16px !important;gap:14px !important}
  #page-score .action-card-dark{border-color:rgba(84,182,236,.42) !important;box-shadow:0 0 26px rgba(84,182,236,.12) inset !important}
  #page-score .icon-glow{width:48px !important;height:48px !important;border-radius:14px !important;background:rgba(84,182,236,.08) !important}
  #page-score .icon-glow::before,#page-score .icon-glow::after{content:"";position:absolute;width:13px;height:13px;border:2px solid var(--accent);opacity:.9}
  #page-score .icon-glow::before{top:0;left:0;border-right:0;border-bottom:0;border-radius:4px 0 0 0}
  #page-score .icon-glow::after{bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 4px 0}
  #page-score .icon-glow svg{width:24px !important;height:24px !important}
  #page-score .action-card-title{font-size:16px !important;font-weight:600 !important;margin-bottom:2px !important}
  #page-score .action-card-desc{font-size:12px !important}
  #page-score .action-card-arrow{width:30px !important;height:30px !important}
  #page-score .card{border-radius:14px !important;margin-bottom:12px !important;padding:14px !important}
  #page-score .meta-label{font-size:10.5px;letter-spacing:.16em}
  #page-score .meta-grid,#page-score #card-fields>div{gap:9px !important}
  #page-score .input-wrapper{height:48px !important;border-radius:12px !important}
  #page-score .notes-input-wrap textarea{min-height:84px;border-radius:10px !important;font-size:13.5px}
  #page-score .progress-sticky{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:18px 0 9px !important}
  #page-score .progress-label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}
  #page-score .progress-bar-wrap{height:6px;background:#19232F !important}
  #page-score .progress-bar-fill{background:var(--accent) !important;box-shadow:0 0 12px rgba(84,182,236,.6)}
  #page-score #categories{display:flex;flex-direction:column;gap:9px}
  #page-score #categories .card{margin:0 !important;padding:12px 14px !important;border-radius:12px !important}
  #page-score .cat-header{gap:9px;align-items:center}
  #page-score .cat-badge{width:28px;height:28px;border-radius:8px;font-size:14px;flex:none}
  #page-score .cat-label{font-size:13.5px !important;font-weight:700 !important}
  #page-score .cat-pick{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--accent);text-align:right}
  #page-score .cat-pick.empty{color:var(--text-muted);font-weight:500;font-style:italic}
  #page-score .cat-pick.miss{color:var(--warm);font-weight:700;font-style:normal}
  #page-score .cat-desc,#page-score .slider-anchors,#page-score .slider-row{display:none !important}
  #page-score .options{margin-top:10px}
  #page-score .seg{display:flex !important;gap:5px;margin-top:0 !important}
  #page-score .seg i{height:22px;border-radius:4px;background:#19232F}
  #page-score .seg i.on{background:var(--accent);box-shadow:0 0 14px rgba(84,182,236,.75)}
  #page-score .result-card-wrap{margin-top:18px}
  #page-score .result-card{border-radius:16px !important;background:var(--panel2) !important;border:1px solid var(--line) !important}
  #page-score .rc-cta{border-radius:12px !important;background:var(--accent) !important;color:#06141f !important;font-family:var(--ff-disp)}
  #page-score .legend{display:none !important}

  #page-targets .container-wide{max-width:680px}
  #page-targets .tgt-uploader{padding:0 !important;background:transparent !important;border:0 !important}
  #page-targets .tgt-drop{border-radius:16px !important;padding:26px !important;border-style:dashed !important}
  #page-targets .tgt-coverage{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 0}
  #page-targets .tgt-cov-card{border-radius:14px !important;padding:14px 16px !important;position:relative;overflow:hidden}
  #page-targets .tgt-cov-num{font-size:28px !important}
  #page-targets #tgt-chart-wrap{display:none !important}
  #page-targets .tgt-list-wrap{overflow-x:auto;margin-top:18px}
  #page-targets .tgt-list{display:flex;flex-direction:column;gap:8px;margin-top:0}
  #page-targets .tgt-list::before{content:"Targets · by priority";font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:1px}
  #page-targets .tgt-card {min-width:0}
  #page-targets .tgt-card {position:relative;border-radius:12px !important;padding:13px 15px 13px 16px !important;gap:8px 11px;flex-wrap:wrap}
  #page-targets .tgt-card::before {content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:#33414f}
  #page-targets .tgt-card:has(.tgt-status.met)::before {background:var(--green);box-shadow:0 0 8px var(--green)}
  #page-targets .tgt-card:has(.tgt-status.adjacent)::before {background:#FFD24A;box-shadow:0 0 8px rgba(255,210,74,.6)}
  #page-targets .tgt-rank-badge{background:transparent !important;border:0 !important;color:var(--accent) !important;width:34px !important;font-size:12px !important}
  #page-targets .tgt-rank-badge:not(.unranked)::before{content:"* ";font-family:var(--ff-body)}
  #page-targets .tgt-rank-badge.unranked{color:#3a4654 !important}
  #page-targets .tgt-card-main {min-width:0;flex:1 1 auto;order:1}
  #page-targets .tgt-card-name {font-size:14px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  #page-targets .tgt-card-co {font-size:12px !important;color:var(--text-muted) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  #page-targets .tgt-row-break {order:2;flex:1 0 100%;height:0;margin:0;padding:0}
  #page-targets .tgt-card-booth {order:3}
  #page-targets .tgt-card-owner{order:3}
  #page-targets .btn-followup{font-size:11.5px !important;padding:7px 10px !important;border-radius:10px !important;order:3;flex:1 1 0;text-align:center}
  #page-targets .tgt-status {order:1;margin-left:auto !important}
  #page-targets .tgt-chevron {order:1}
  #page-targets .tgt-status {font-family:var(--ff-disp);font-weight:700;font-size:11px;padding:4px 10px;border-radius:999px}
  #page-targets .tgt-chevron {font-size:22px;color:var(--text-muted);opacity:.7}

  /* ===== Post-show executive report ===== */
  .btn-report{ font-family:var(--ff-disp); font-weight:700; font-size:12px; padding:9px 14px; border-radius:10px; cursor:pointer;
    background:var(--accent) !important; color:#06141f !important; border:none; box-shadow:0 0 16px rgba(84,182,236,.3); white-space:nowrap; }
  .btn-report:hover{ box-shadow:0 0 24px rgba(84,182,236,.45); }
  .btn-report:disabled{ opacity:.6; cursor:default; box-shadow:none; }
  #report-card{ margin-top:18px; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:24px; }
  #report-card .rpt-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; gap:12px; flex-wrap:wrap; }
  #report-card .rpt-eyebrow{ font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-muted); font-weight:700; }
  #report-card .rpt-title{ font-family:var(--ff-disp); font-size:19px; font-weight:700; color:var(--ink); margin-top:3px; }
  #report-card .rpt-actions{ display:flex; gap:8px; flex:none; }
  #report-card .rpt-btn{ font-family:var(--ff-disp); font-weight:700; font-size:11.5px; padding:7px 12px; border-radius:9px; cursor:pointer;
    background:rgba(84,182,236,.12); border:1px solid rgba(84,182,236,.4); color:var(--accent); white-space:nowrap; }
  #report-card .rpt-btn:hover{ background:rgba(84,182,236,.2); }
  #report-card .rpt-body{ font-size:13.5px; line-height:1.7; color:#C6D0DB; }
  #report-card .rpt-body h2{ font-family:var(--ff-disp); font-size:14.5px; font-weight:700; color:var(--accent); letter-spacing:.02em;
    margin:22px 0 9px; padding-top:14px; border-top:1px solid var(--line); }
  #report-card .rpt-body h2:first-child{ margin-top:0; padding-top:0; border-top:none; }
  #report-card .rpt-body ul{ margin:0 0 4px 0; padding-left:20px; }
  #report-card .rpt-body li{ margin-bottom:7px; }
  #report-card .rpt-body p{ margin-bottom:10px; }
  #report-card .rpt-body strong{ color:var(--ink); }
  #report-card .rpt-loading{ text-align:center; padding:36px 10px; color:var(--text-muted); font-size:13px; }
  #report-card .rpt-loading .spinner{ display:inline-block; width:22px; height:22px; border:2.5px solid rgba(84,182,236,.25);
    border-top-color:var(--accent); border-radius:50%; animation:spin .8s linear infinite; margin-bottom:10px; }
  @keyframes spin{ to{ transform:rotate(360deg); } }

  /* ===== All-Events (cross-event) analytics modal ===== */
  .aev-overlay{ position:fixed; inset:0; background:rgba(4,10,16,.72); z-index:10050; display:none; align-items:flex-start;
    justify-content:center; overflow-y:auto; padding:40px 16px; }
  .aev-overlay.open{ display:flex; }
  .aev-box{ width:100%; max-width:980px; background:var(--panel); border:1px solid var(--line); border-radius:18px;
    padding:26px 28px 30px; box-shadow:0 30px 70px rgba(0,0,0,.5); }
  .aev-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:18px; }
  .aev-eyebrow{ font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-muted); font-weight:700; }
  .aev-title{ font-family:var(--ff-disp); font-size:21px; font-weight:700; color:var(--ink); margin-top:3px; }
  .aev-close{ background:none; border:none; color:var(--text-muted); cursor:pointer; padding:4px; }
  .aev-close:hover{ color:var(--text-mid); }
  .aev-close svg{ width:20px; height:20px; }
  .aev-loading{ text-align:center; padding:50px 10px; color:var(--text-muted); font-size:13px; }
  .aev-loading .spinner{ display:inline-block; width:24px; height:24px; border:2.5px solid rgba(84,182,236,.25);
    border-top-color:var(--accent); border-radius:50%; animation:spin .8s linear infinite; margin-bottom:10px; }
  .aev-empty{ text-align:center; padding:50px 10px; color:var(--text-muted); font-size:13.5px; }
  .aev-summary{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
  .aev-sum-card{ background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:14px 16px; text-align:center; }
  .aev-sum-count{ font-family:var(--ff-disp); font-size:24px; font-weight:800; color:var(--ink); }
  .aev-sum-label{ font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-muted); font-weight:700; margin-top:2px; }
  .aev-table-wrap{ overflow-x:auto; margin-bottom:20px; }
  .aev-table{ width:100%; border-collapse:collapse; font-size:13px; }
  .aev-table th{ text-align:left; padding:8px 10px; color:var(--text-muted); font-size:10.5px; text-transform:uppercase;
    letter-spacing:.05em; border-bottom:1px solid var(--line); white-space:nowrap; }
  .aev-table td{ padding:9px 10px; border-top:1px solid var(--border); white-space:nowrap; }
  .aev-table td.aev-event-name{ font-weight:700; color:var(--text); white-space:normal; }
  .aev-verdict{ display:inline-block; padding:3px 10px; border-radius:20px; font-size:10.5px; font-weight:800;
    letter-spacing:.02em; white-space:nowrap; }
  .aev-verdict.invest{ background:rgba(63,216,142,.15); color:var(--green); border:1px solid rgba(63,216,142,.4); }
  .aev-verdict.mixed{ background:rgba(244,181,60,.15); color:var(--amber); border:1px solid rgba(244,181,60,.4); }
  .aev-verdict.reconsider{ background:rgba(232,84,122,.15); color:#E8547A; border:1px solid rgba(232,84,122,.4); }
  .aev-verdict.unknown{ background:rgba(122,149,174,.15); color:#7A95AE; border:1px solid rgba(122,149,174,.4); }
  .aev-gap-card{ background:var(--panel2); border:1px solid rgba(244,181,60,.35); border-radius:12px; padding:16px 18px; margin-bottom:20px; }
  .aev-gap-title{ font-family:var(--ff-disp); font-size:13.5px; font-weight:700; color:var(--amber); margin-bottom:8px;
    display:flex; align-items:center; gap:6px; }
  .aev-gap-row{ font-size:12.5px; color:var(--text-mid); line-height:1.6; margin-bottom:4px; }
  .aev-gap-row strong{ color:var(--text); }
  .aev-report-btn{ font-family:var(--ff-disp); font-weight:700; font-size:12.5px; padding:9px 16px; border-radius:10px; cursor:pointer;
    background:var(--accent); color:#06141f; border:none; box-shadow:0 0 16px rgba(84,182,236,.3); }
  .aev-report-btn:hover{ box-shadow:0 0 24px rgba(84,182,236,.45); }
  .aev-report-btn:disabled{ opacity:.6; cursor:default; box-shadow:none; }
  #total-report-card{ margin-top:18px; }
  @media (max-width:640px){
    .aev-summary{ grid-template-columns:repeat(2,1fr); }
    .aev-box{ padding:18px 16px 22px; }
  }

  /* ===== target row: star rank + bullseye status icon (replaces emoji notepad flag) ===== */
  #page-targets .tgt-card { display:flex; align-items:center; flex-wrap:wrap; gap:8px 13px; }
  #page-targets .tgt-rank-badge{ display:inline-flex; align-items:center; gap:4px; }
  #page-targets .tgt-rank-star{ width:13px; height:13px; color:var(--accent); flex:none; }
  #page-targets .tgt-rank-badge.unranked{ font-family:var(--ff-body) !important; font-size:14px !important; color:#3a4654 !important; }
  #page-targets .tgt-bullseye{ width:30px; height:30px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center; }
  #page-targets .tgt-bullseye svg{ width:20px; height:20px; }
  #page-targets .tgt-bullseye.met{ color:var(--green); filter:drop-shadow(0 0 6px rgba(63,216,142,.55)); }
  #page-targets .tgt-bullseye.adjacent{ color:#FFD24A; filter:drop-shadow(0 0 6px rgba(255,210,74,.55)); }
  #page-targets .tgt-bullseye.notfound{ color:#33414f; }
  #page-targets .tgt-bullseye.notfound svg circle:not(:last-child){ stroke-dasharray:2.6 2.6; }
  #page-targets .tgt-card-name { font-weight:700 !important; }
  #page-targets .tgt-card-co { margin-top:1px; }
  #page-targets .tgt-status { flex:none; font-weight:700 !important; padding:6px 14px !important; }
  #page-targets .tgt-status.met { background:rgba(63,216,142,.14) !important; color:var(--green) !important; border:1px solid rgba(63,216,142,.4); }
  #page-targets .tgt-status.not-found { background:rgba(124,138,156,.12) !important; color:var(--text-muted) !important; border:1px solid var(--line); }
  #page-targets .tgt-status .dot { display:none; }

  /* ===== Follow-up / Booth-invite draft modal: dark theme ===== */
  .followup-box{ background:linear-gradient(180deg, var(--panel), var(--panel2)) !important;
    border:1px solid var(--line) !important; box-shadow:0 24px 60px rgba(0,0,0,.5) !important; }
  .followup-title{ color:var(--ink) !important; font-family:var(--ff-disp); }
  .followup-close{ background:var(--panel2) !important; color:var(--ink) !important; border:1px solid var(--line); }
  .followup-subject{ color:var(--accent) !important; }
  .followup-subject-text{ background:var(--panel2) !important; color:var(--ink) !important; border:1px solid var(--line); }
  .followup-body{ background:var(--panel2) !important; color:#C6D0DB !important; border:1px solid var(--line) !important; }
  .followup-loading{ color:var(--text-muted) !important; }
  #tpl-bar div[style*="text-transform:uppercase"]{ color:var(--text-muted) !important; }
  .btn-regen{ background:rgba(84,182,236,.12) !important; color:var(--accent) !important; border:1px solid rgba(84,182,236,.4) !important; }
  .btn-copy{ background:var(--accent) !important; color:#06141f !important; box-shadow:0 0 22px rgba(84,182,236,.35) !important; }
  .mail-app-btn{ background:var(--panel2) !important; border-color:var(--line) !important; color:var(--ink) !important; }
  .mail-app-btn:hover{ border-color:var(--accent) !important; background:rgba(84,182,236,.1) !important; }

  #page-log .container-wide{max-width:1120px}
  #page-log .log-filter-bar{margin-top:16px}
  #page-log .ll-table{border-radius:14px}
  #page-log .ll-thead,#page-log .ll-row{grid-template-columns:38px 36px 44px var(--ll-w-name, minmax(140px,1.2fr)) var(--ll-w-co, minmax(108px,1fr)) var(--ll-w-ti, minmax(96px,.9fr)) 24px 24px 24px 24px 24px 46px 98px 204px 28px;padding-right:16px}
  #event-economics .ee-tsub{ font-size:10.5px;color:var(--text-muted);margin-top:6px }
  #event-economics .ee-assume{ margin-top:13px;padding:11px 13px;border-radius:11px;background:var(--panel2);border:1px solid var(--line);font-size:12px;color:var(--text-mid) }
  #event-economics .ee-assume input{ width:40px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:#fff;font-family:var(--ff-body);font-weight:700;font-size:12px;padding:3px 5px;outline:none;text-align:center;margin:0 2px }
  #event-economics .ee-note{ margin-top:11px;font-size:11px;color:var(--text-muted);font-style:italic }

  /* nav glowing PITCH icon cluster */
  .nav-brand{ display:flex; align-items:center; gap:0; }
  .nav-pitch-cluster{ display:inline-flex; align-items:center; gap:3px; margin-left:11px; }
  .nav-pitch-cluster svg{ width:15px; height:15px; color:var(--accent); filter:drop-shadow(0 0 5px rgba(84,182,236,.6)); }
  @media(max-width:600px){
    nav{ padding:0 10px !important; }
    .nav-sub{ font-size:13px !important; white-space:nowrap; }
    .nav-pitch-cluster{ display:inline-flex; gap:2px; margin-left:6px; flex-shrink:0; }
    .nav-pitch-cluster svg{ width:11px; height:11px; }
    .nav-dropdown-btn{ padding:8px 9px !important; gap:6px !important; font-size:12px !important; min-width:0; }
    .nav-btn-icon svg{ width:15px; height:15px; }
    .nav-chevron{ width:13px; height:13px; }
    #dropdown-label{ max-width:86px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  }
/* Follow-Up usability pass */
.onepager-simple-section,.onepager-notes-section,.onepager-followup-section{padding-top:24px;padding-bottom:24px}
.onepager-builder-head{padding:27px 28px!important}
.onepager-builder-head h3{font-size:23px!important;margin:5px 0 8px!important}
.onepager-builder-head p{font-size:14px!important;line-height:1.55!important}
.onepager-form-section-head{gap:13px!important;margin-bottom:16px!important}
.onepager-form-section-head strong{font-size:15px!important}
.onepager-form-section-head span:not(.onepager-step){font-size:12px!important}
.onepager-step{width:30px!important;height:30px!important;font-size:10px!important;border-radius:9px!important}
.onepager-lead-link-simple{padding:15px 16px!important;margin-bottom:12px!important}
.onepager-lead-link-simple strong{font-size:13px!important}
.onepager-lead-link-simple span{font-size:11px!important}
.onepager-lead-link select{font-size:13px!important;min-height:42px}
.onepager-manual-details{display:none}
.onepager-selected-details{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(84,182,236,.20);border-radius:9px;background:rgba(84,182,236,.055)}
.onepager-selected-company{font-size:13px;font-weight:800;color:var(--text)}
.onepager-selected-meta{font-size:11px;color:var(--text-muted)}
.onepager-notes-field>span{font-size:11px!important;color:var(--text)!important;letter-spacing:.04em!important}
.onepager-notes-field textarea{min-height:145px!important;font-size:14px!important;line-height:1.6!important;padding:14px!important;background:var(--panel2)!important}
.onepager-notes-field textarea::placeholder{opacity:.85!important}
.onepager-advanced summary{font-size:12px!important;padding:13px 14px!important}
.onepager-sender-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;background:rgba(127,145,166,.035)}
.onepager-sender-preview>div:first-child{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.onepager-sender-label{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--blue,#54b6ec)}
.onepager-sender-preview strong{font-size:13px;color:var(--text)}.onepager-sender-preview span:not(.onepager-sender-label){font-size:11px;color:var(--text-muted)}.onepager-sender-note{font-size:10px;color:var(--text-muted)}
.onepager-sender-fields{margin-top:4px}
.onepager-customize-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.onepager-customize-details>summary{cursor:pointer;padding:15px 24px;font-size:12px;font-weight:800;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center}
.onepager-customize-details>summary::-webkit-details-marker{display:none}.onepager-customize-details>summary span{font-size:10px;color:var(--text-muted);font-weight:600}
.onepager-customize-details .onepager-customize{border-bottom:0;padding-top:14px;padding-bottom:16px}
.onepager-generate-row{padding:20px 24px!important;background:rgba(84,182,236,.025)}
.onepager-generate-btn{min-height:46px!important;padding:0 22px!important;font-size:12px!important;letter-spacing:.02em}
#onepager-gen-status{font-size:11px!important}
@media(max-width:640px){
 .onepager-builder-head{padding:22px 18px!important}.onepager-builder-head h3{font-size:21px!important}.onepager-builder-head p{font-size:13px!important}
 .onepager-form-section-head strong{font-size:14px!important}.onepager-form-section-head span:not(.onepager-step){font-size:11px!important}
 .onepager-selected-details{display:block}.onepager-selected-meta{display:block;margin-top:3px}
 .onepager-sender-preview{display:block}.onepager-sender-note{margin-top:7px}.onepager-sender-fields{display:none}
 .onepager-customize-details>summary{padding-left:18px;padding-right:18px}.onepager-generate-row{padding:17px 18px!important}
}

/* Follow-Up builder */
.onepager-lead-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:13px 14px;border:1px solid rgba(84,182,236,.24);border-radius:10px;background:rgba(84,182,236,.055)}.onepager-lead-link strong{display:block;font-size:12px;color:var(--text)}.onepager-lead-link span{display:block;margin-top:3px;font-size:10px;color:var(--text-muted);line-height:1.45}.onepager-lead-link select{min-width:260px;max-width:390px;padding:10px 34px 10px 11px;border-radius:9px;border:1px solid var(--border);background:var(--panel2)!important;color:var(--text)!important;font:inherit;font-size:12px;outline:none}.onepager-lead-link select:focus{border-color:rgba(84,182,236,.65);box-shadow:0 0 0 3px rgba(84,182,236,.09)}.onepager-field input,.onepager-field textarea{background:var(--panel2)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}.onepager-field input:focus,.onepager-field textarea:focus{background:var(--panel2)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}.onepager-field input::placeholder,.onepager-field textarea::placeholder{color:var(--text-muted)!important;-webkit-text-fill-color:var(--text-muted)!important}@media(max-width:640px){.onepager-lead-link{display:block}.onepager-lead-link select{width:100%;max-width:none;margin-top:10px}}
.onepager-builder{background:var(--card);border:1px solid rgba(213,227,240,.6);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.onepager-builder-head{display:flex;justify-content:space-between;gap:24px;padding:24px;background:linear-gradient(135deg,rgba(84,182,236,.10),transparent 55%);border-bottom:1px solid var(--border)}.onepager-builder-head h3{margin:4px 0 7px;font-size:20px;color:var(--text);letter-spacing:-.02em}.onepager-builder-head p{margin:0;max-width:720px;color:var(--text-muted);font-size:13px;line-height:1.6}.onepager-builder-kicker{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--blue,#54b6ec)}.onepager-builder-badge{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.1em;padding:6px 9px;border-radius:999px;color:var(--blue,#54b6ec);border:1px solid rgba(84,182,236,.28);background:rgba(84,182,236,.08);white-space:nowrap}.onepager-form-section{padding:22px 24px;border-bottom:1px solid var(--border)}.onepager-form-section-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.onepager-form-section-head strong{display:block;font-size:13px;color:var(--text)}.onepager-form-section-head span:not(.onepager-step){display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.onepager-step{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(84,182,236,.10);border:1px solid rgba(84,182,236,.24);color:var(--blue,#54b6ec);font-size:9px;font-weight:900}.onepager-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.onepager-field{display:block;min-width:0}.onepager-field>span{display:block;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}.onepager-field em{font-style:normal;font-weight:600;opacity:.65;text-transform:none;letter-spacing:0}.onepager-field input,.onepager-field textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s;resize:vertical}.onepager-field textarea{min-height:78px;line-height:1.45}.onepager-field input:focus,.onepager-field textarea:focus{border-color:rgba(84,182,236,.65);box-shadow:0 0 0 3px rgba(84,182,236,.09)}.onepager-field input::placeholder,.onepager-field textarea::placeholder{color:var(--text-muted);opacity:.7}.onepager-form-stack{display:flex;flex-direction:column;gap:13px}.onepager-customize{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:rgba(127,145,166,.035);border-bottom:1px solid var(--border)}.onepager-customize strong{display:block;font-size:12px;color:var(--text)}.onepager-customize span{display:block;font-size:10px;color:var(--text-muted);margin-top:3px}.onepager-color-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.onepager-color-controls label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted)}.onepager-color-controls input[type=color]{width:30px;height:26px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--bg);cursor:pointer}.onepager-advanced{margin-top:2px;border:1px solid var(--border);border-radius:10px;background:rgba(127,145,166,.025);overflow:hidden}.onepager-advanced summary{cursor:pointer;padding:11px 13px;font-size:11px;font-weight:800;color:var(--text-muted);list-style:none}.onepager-advanced summary::-webkit-details-marker{display:none}.onepager-advanced summary:before{content:'+';display:inline-block;width:18px;color:var(--blue,#54b6ec);font-size:14px}.onepager-advanced[open] summary:before{content:'−'}.onepager-advanced-grid{padding:0 13px 13px}.onepager-enrich-status{font-size:10px;color:var(--text-muted);margin-top:7px}.onepager-generate-row{display:flex;align-items:center;gap:12px;padding:18px 24px}.onepager-generate-btn{min-height:40px;padding:0 18px}#onepager-gen-status{font-size:11px;color:var(--text-muted)}.onepager-list-card{background:var(--card);border-radius:var(--radius);border:1px solid rgba(213,227,240,.6);box-shadow:var(--shadow);overflow:hidden}.onepager-list-row button,.onepager-list-row a{white-space:nowrap}@media(max-width:640px){.onepager-builder-head{padding:20px 18px;display:block}.onepager-builder-badge{display:inline-flex;margin-top:13px}.onepager-form-section{padding:19px 18px}.onepager-form-grid{grid-template-columns:1fr}.onepager-customize{padding:15px 18px;display:block}.onepager-color-controls{margin-top:11px}.onepager-generate-row{padding:16px 18px;display:block}.onepager-generate-btn{width:100%;justify-content:center}#onepager-gen-status{display:block;margin-top:9px;min-height:15px}.onepager-list-row{flex-wrap:wrap!important;padding:12px!important}.onepager-list-row>div:first-child{flex:1 1 calc(100% - 40px)!important}.onepager-list-row button,.onepager-list-row a{flex:1 1 auto;text-align:center}.onepager-list-row>span{order:2}.onepager-list-row button,.onepager-list-row a{order:3}}