/* Go DOM adapters only. Shared appearance is owned by the hash-verified CRM R94 stylesheet. */
.crm-topbar-left,
.crm-topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.crm-topbar-left .onn-brand {
  font-size: 13px;
  font-weight: 650;
  padding-left: 12px;
  border-left: 1px solid var(--border);
}
.onn-role {
  font-size: 12px;
  padding: 4px 10px;
  background: var(--accent);
  color: var(--accent-foreground);
  border: 1px solid var(--border);
}
.onn-avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--primary);
  color: white;
  font-size: 12px;
  font-weight: 700;
}
.onn-identity {
  font-size: 12px;
  color: var(--muted-foreground);
}
.crm-global-search {
  display: flex;
  align-items: center;
  border: 1px solid var(--input);
  background: var(--card);
}
.crm-global-search input {
  border: 0;
  min-height: 36px;
  padding: 6px 9px;
  background: transparent;
}
.crm-global-search button {
  border: 0;
  padding: 6px;
  min-height: 36px;
  background: transparent;
  display: grid;
  place-items: center;
}
.crm-topbar .crm-icon-button,
.crm-topbar .crm-tool-button {
  background: var(--card);
  color: var(--foreground);
  border: 1px solid var(--input);
  font-size: 12px;
  min-height: 36px;
  padding: 6px 10px;
}
#main.main {
  padding: 0;
  max-width: none;
  width: 100%;
  margin: 0;
  min-width: 0;
}
#main-content {
  min-width: 0;
}
.crm-feature-hero {
  display: flex;
  justify-content: space-between;
}
.hero-actions:empty {
  display: none;
}
.panel.crm-feature-panel {
  overflow: hidden;
  padding: 0;
  margin-bottom: 20px;
}
.panel-head.crm-feature-panel-head {
  gap: 12px;
  flex-wrap: wrap;
}
.panel-body {
  padding: 20px 24px;
}
.stat.crm-metric {
  padding: 20px 24px;
}
.provider.panel {
  padding: 20px 24px;
}
.form-grid,
.campaign-step {
  border-radius: 0;
}
.hero p {
  max-width: 80ch;
}
.page-foot {
  margin-top: 20px;
}
.cx24-ribbon-shell .cx24-tools:empty {
  display: none;
}
@media (max-width: 760px) {
  html.cx24-ribbon-ready body.crm-ignorre-shell #main-content {
    padding: 16px 12px 24px !important;
  }
  .onn-identity {
    display: none;
  }
  .crm-topbar-left {
    width: 100%;
    justify-content: space-between;
  }
  .crm-topbar-right {
    justify-content: flex-start;
  }
  .crm-global-search {
    flex: 1 1 150px;
  }
  .panel-head.crm-feature-panel-head,
  .panel-body,
  .stat.crm-metric {
    padding: 16px !important;
  }
  .cx24-tools {
    gap: 8px;
  }
  .cx24-tool-group {
    flex: none;
  }
}

/* Original .ONN vector wordmark, paired with the existing CX24 identity. */
.crm-topbar-left .onn-logo { display:flex; align-items:center; padding-left:12px; line-height:0; }
.crm-topbar-left .onn-logo img { width:94px; height:28px; object-fit:contain; }
.crm-topbar-left .onn-logo .onn-logo-dark { display:none; }
:root[data-theme=dark] .crm-topbar-left .onn-logo .onn-logo-light { display:none; }
:root[data-theme=dark] .crm-topbar-left .onn-logo .onn-logo-dark { display:block; }
.auth .wordmark { justify-content:flex-start; }
.auth .wordmark > img { display:block !important; flex:none; }
.auth .wordmark > .onn-auth-logo { width:104px; height:32px; object-fit:contain; }
@media (max-width:760px) {
  .crm-topbar-left { justify-content:flex-start; }
  .crm-topbar-left .onn-logo img { width:85px; height:26px; }
}

/* Visible divider distinguishes the two brands without altering either logo. */
.brand-separator { display:block; flex:0 0 2px; width:2px; height:28px; background:#71717a; border-radius:1px; }
:root[data-theme=dark] .brand-separator,
.auth .brand-separator { background:#8d8d98; }
.crm-topbar-left .onn-logo { border-left:0; padding-left:0; }
@media (max-width:760px) { .brand-separator { height:26px; } }

@media (max-width: 600px) {
  dialog.discovery-add-dialog .form-actions { flex-wrap: wrap; }
  dialog.discovery-add-dialog .form-actions button { flex: 1 0 100%; }
}

.dictionary-filters { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:16px 0; }
.dictionary-filters label { display:grid; gap:6px; font-size:12px; }
.dictionary-filters input { max-width:220px; }
@media (max-width:600px) { .dictionary-filters label { flex:1 1 140px; } .dictionary-filters input { width:100%; max-width:100%; } }

.discovery-choice-field { min-width:0; margin:0; padding:0; border:0; }
.discovery-choice-field legend { padding:0 0 8px; font-size:12px; font-weight:600; }
.discovery-choices { border:1px solid var(--border); border-radius:6px; background:var(--card); }
.discovery-choices summary { padding:10px 12px; cursor:pointer; font-size:13px; }
.discovery-choice-body { padding:12px; border-top:1px solid var(--border); }
.discovery-choice-body .actions { margin:10px 0; flex-wrap:wrap; }
.discovery-choice-list { max-height:230px; overflow:auto; }
.form-grid .discovery-choice-option { display:flex; align-items:center; gap:8px; padding:8px 2px; font-weight:400; }
.form-grid .discovery-choice-option[hidden] { display:none; }
.form-grid .discovery-choice-option input { width:16px; height:16px; flex:0 0 16px; }

/* Dictionary length pricing editor: contain the long grid on smaller screens. */
.length-pricing-scroll { max-height: 52vh; overflow: auto; }
.length-pricing-table { min-width: 900px; width: 100%; }
.length-pricing-table th { position: sticky; top: 0; background: var(--card); z-index: 1; }
.length-pricing-table input, .length-pricing-table select { width: 100%; min-width: 85px; }
.length-pricing-table td:nth-child(3), .length-pricing-table td:nth-child(4) { min-width: 130px; }
.length-pricing-table small { display: block; }

.length-pricing-table td:nth-child(2) { min-width: 160px; }
.length-tier-range { border: 1px solid var(--border); padding: 14px; border-radius: 8px; }
.length-tier-range-controls { display:grid; grid-template-columns: 1fr 1fr 1.5fr auto; gap:12px; align-items:end; }
.length-tier-range .hint { margin: 8px 0; }
@media(max-width:700px) { .length-tier-range-controls { grid-template-columns:1fr 1fr; } }

/* Keep all three tier names readable in narrow views. */
.length-pricing-table [data-price=tier] { min-width:155px; font-size:13px; }
.length-tier-range select { font-size:13px; }

/* One country row keeps all suggested names together, with per-domain selection. */
.country-domain-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;min-width:310px;max-width:1000px}
.country-domain-card{padding:12px;border:1px solid var(--crm-border,#dce3ee);border-radius:8px;white-space:normal;overflow-wrap:anywhere}
.country-domain-heading{display:flex;align-items:flex-start;gap:8px}.country-domain-heading input{flex:0 0 auto}.country-domain-heading strong{overflow-wrap:anywhere}
.country-domain-card small{display:block;margin-top:5px}

@media(max-width:600px){
 .country-catalogue table,.country-catalogue thead,.country-catalogue tbody,.country-catalogue tr,.country-catalogue th,.country-catalogue td{display:block;width:100%;box-sizing:border-box;min-width:0;white-space:normal}
 .country-catalogue th:first-child{display:none}.country-catalogue td:first-child{padding-bottom:10px}
 .country-domain-suggestions{min-width:0;grid-template-columns:minmax(0,1fr)}
 .country-catalogue .country-domain-card{min-width:0}.country-catalogue td{padding-left:12px;padding-right:12px}
}

.research-meaning,.research-source{border:1px solid var(--crm-border,#dce3ee);padding:14px;margin-bottom:14px;border-radius:8px;min-width:0}.research-meaning label,.research-source label{display:block;margin-bottom:10px}.research-meaning input:not([type=checkbox]),.research-meaning textarea{width:100%;box-sizing:border-box}.research-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.research-flags .check-label{display:flex;gap:8px;align-items:flex-start}.research-detail{padding:12px;border-bottom:1px solid var(--crm-border,#dce3ee);overflow-wrap:anywhere}

.company-lead-counts{display:flex;gap:20px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--crm-border,#dce3ee)}.company-lead-counts span{display:grid;gap:4px;min-width:140px;color:var(--crm-muted,#607084)}.company-lead-counts strong{font-size:24px;color:var(--crm-text,#152238)}.company-filters{padding:16px;border-bottom:1px solid var(--crm-border,#dce3ee)}.company-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:12px}.company-filter-grid>label{display:grid;gap:6px;min-width:0}.company-filter-grid input:not([type=checkbox]),.company-filter-grid select{width:100%;min-width:0;box-sizing:border-box}.company-choice-list{max-height:220px;overflow:auto;display:grid;gap:8px}.company-choice-list label{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.company-choice-list input{flex-shrink:0}.company-selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;border-bottom:1px solid var(--crm-border,#dce3ee)}.company-selection-bar small{width:100%}@media(max-width:600px){.company-filter-grid{grid-template-columns:minmax(0,1fr)}.company-lead-counts{gap:14px}.company-lead-counts span{min-width:100px}}