/* soa-research-frontend.css – [soa_research]-shortcode, publik sida */

/* ── Reset & bas ─────────────────────────────────────────────────────────── */

.soa-research-wrap {
  max-width: 1100px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  box-sizing: border-box;
}

.soa-research-wrap *,
.soa-research-wrap *::before,
.soa-research-wrap *::after {
  box-sizing: inherit;
}

.soa-research-wrap h1,
.soa-research-wrap h2,
.soa-research-wrap h3 {
  font-family: inherit;
  line-height: 1.3;
}

.soa-research-wrap h1 { font-size: 22px; margin: 0 0 20px; }
.soa-research-wrap h2 { font-family:"bell-centennial-std-name-num", sans-serif !important; font-size: 17px; margin: 0 0 16px; }
.soa-research-wrap h3 { font-family:"bell-centennial-std-name-num", sans-serif !important; font-size: 14px; margin: 0 0 10px; }
.soa-research-wrap h3.soa-source-heading {                                                                                     
      font-size: 24px !important;
    color: #9B59B6 !important;   border-bottom: 1px solid #9B59B6; padding:0 0 4px 4px; }

.soa-research-wrap h1 {display:none;}

.soa-research-wrap p {
  margin: 0 0 12px;
}

.soa-research-wrap label {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 500;
}

/* ── Knappar (.button-klasser återskapas i frontend-kontext) ──────────────── */

.soa-research-wrap .button {
  display: inline-block;
  padding: 5px 20px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
  color: #fff;
  background: #9B59B6;
  border: 1px solid #9B59B6;
  border-radius: 24px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.1s, border-color 0.1s;
  -webkit-appearance: none;
  appearance: none;
}

.soa-research-wrap .button:hover,
.soa-research-wrap .button:focus {
  background: #9B59B633;
  border-color: #9B59B633;
  color: #282828;
  outline: none;
}

.soa-research-wrap .button:disabled,
.soa-research-wrap .button[disabled],
.soa-research-wrap .soa-btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.soa-research-wrap .button-primary {
  background: #9B59B6;
  border-color: #9B59B6;
  color: #fff;
}

.soa-research-wrap .button-primary:hover,
.soa-research-wrap .button-primary:focus {
  background: #9B59B633;
  border-color: #9B59B633;
  color: #282828;
}

.soa-research-wrap .button-secondary {
  background: #E1B7CE33;
  border-color: #E1B7CE;
  color: #282828;
}

.soa-research-wrap .button-small {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.8;
  border-color: #E1B7CE;
  background:#E1B7CE;    
}

.soa-research-wrap .button-link-delete, .soa-research-wrap .soa-combined-btn-delete, .soa-research-wrap .soa-plausible-btn-delete, .soa-research-wrap .soa-ga4-btn-delete {
  background: #fff !important;
  border-color: #b32d2e !important;
  color: #b32d2e;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
    margin-left:16px;
}

.soa-research-wrap .button-link-delete:hover,
.soa-research-wrap .button-link-delete:focus,
.soa-research-wrap .soa-combined-btn-delete:hover,
.soa-research-wrap .soa-combined-btn-delete:focus{
  background: none;
  border-color: transparent;
  color: #8a2122;
}

.soa-research-wrap .soa-combined-btn-run, .soa-research-wrap .soa-btn-run  {
  background: #9B59B6 !important;
  border-color: #9B59B6 !important;
  color: #fff;
}

.soa-research-wrap .soa-combined-btn-run:hover,
.soa-research-wrap .soa-combined-btn-run:focus,
.soa-research-wrap .soa-btn-run:hover,
.soa-research-wrap .soa-btn-run:focus{
  background: #9B59B633 !important;
  border-color: #9B59B633 !important;
  color: #282828;
}

/* ── Formulärfält ────────────────────────────────────────────────────────── */

.soa-research-wrap input[type="text"],
.soa-research-wrap input[type="email"],
.soa-research-wrap select,
.soa-research-wrap .regular-text {
  font-family: inherit;
  font-size: 16px;
  padding: 5px 8px;
  min-height:36px; border: none; border-bottom: 1px solid #9B59B6;
  background: #fff;
  color: #2c3338;
  width: 25em;
  max-width: 100%;
  line-height: 1.4;
  -webkit-appearance: none;
  appearance: none;
}

.soa-research-wrap input[type="text"]:focus,
.soa-research-wrap input[type="email"]:focus,
.soa-research-wrap select:focus {
  border-color: #2271b1;
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.2);
}

.soa-research-wrap .description {
        font-family: "bell-centennial-std-address", sans-serif !important;
  display: block;
  font-size: 14px;
  color: #646970;
  margin-top: 10px;
}

/* ── Tabeller (återskapar .wp-list-table / .widefat) ─────────────────────── */

.soa-research-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.soa-research-wrap table th {
    font-family: "bell-centennial-std-name-num", sans-serif !important;
  text-align: left;
  padding: 8px 10px;
  background: #f6f7f7;
  border-bottom: 1px solid #c3c4c7;
  color: #2c3338;
  white-space: nowrap;
}

.soa-research-wrap table td {
    font-family: "bell-centennial-std-address", sans-serif !important;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f1;
  vertical-align: middle;
  color: #2c3338;
}

.soa-research-wrap table td strong {  font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;}

.soa-research-wrap table tbody tr:hover {
  background: #f9f9f9;
}

.soa-research-wrap .soa-research-table tbody tr {
  cursor: pointer;
}

.soa-research-wrap .soa-research-table tbody tr.soa-row-active {
  border-left: 3px solid #2271b1;
  background-color: #f0f6fc;
}

.soa-research-wrap .soa-research-table td,
.soa-research-wrap .soa-research-table th {
  vertical-align: middle;
}

.soa-research-wrap .soa-research-row-actions {
  white-space: nowrap;
}

.soa-research-wrap .soa-research-q-table td {
  vertical-align: top;
  padding: 8px 10px;
}

/* ── Intro-text ──────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-intro {
  color: #666;
  margin-bottom: 20px;
  font-family: "bell-centennial-std-address", sans-serif !important;
    font-size:16px;
}

/* ── Flikar ──────────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-tabs {
  margin-bottom: 20px;
  border-bottom: 2px solid #E1B7CE33;
}

.soa-research-wrap .soa-research-tab {
  background: none;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 18px;
  font-family: "bell-centennial-std-name-num", sans-serif !important;
  color: #666;
}

.soa-research-wrap .soa-research-tab.active {
  color: #9B59B6;
  border-bottom: 2px solid #9B59B6;
  margin-bottom: -2px;
  font-weight: 600;
}

.soa-research-wrap .soa-research-tab-content {
  padding-top: 20px;
}

/* ── Upload-box ──────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-upload-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px 24px;
  margin-bottom: 24px;
 font-family: "bell-centennial-std-address", sans-serif !important;
}

.soa-research-wrap .soa-research-upload-area {
  border: 2px dashed #E1B7CE;
  border-radius: 4px;
  padding: 32px 24px;
  text-align: center;
  background: #E1B7CE33;
  transition: border-color 0.2s, background 0.2s;
  cursor: pointer;
}

.soa-research-wrap .soa-research-upload-area.soa-drop-active,
.soa-research-wrap .soa-research-upload-area:hover {
  border-color: #9B59B6;
  background: #9B59B622;
}

.soa-research-wrap .soa-research-upload-area p {
    font-family: "bell-centennial-std-address", sans-serif !important;
  margin: 0 0 10px;
  color: #555;
      font-size: 16px;

}

.soa-research-wrap .soa-research-upload-hint {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}

.soa-research-wrap .soa-research-upload-actions {
  margin-top: 12px;
}

.soa-research-wrap .soa-research-domain-field {
  margin-top: 16px;
}

.soa-research-wrap .soa-pages-upload-box {
  border-color: #e0e0e0;
}

.soa-research-wrap .soa-pages-upload-box h3 {
  margin: 0 0 6px;
  color: #555;
}

.soa-research-wrap .soa-pages-upload-box .description {
  margin: 0 0 14px;
  color: #777;
}

/* ── Statusmeddelanden ───────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-status {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 3px;
  font-size: 13px;
}

.soa-research-wrap .soa-status-info    { background: #f0f6fc; border-left: 4px solid #72aee6; }
.soa-research-wrap .soa-status-success { background: #edfaef; border-left: 4px solid #00a32a; }
.soa-research-wrap .soa-status-error   { background: #fcf0f1; border-left: 4px solid #d63638; }

/* ── Importer & resultat – sektionsboxar ─────────────────────────────────── */

.soa-research-wrap .soa-research-imports-section,
.soa-research-wrap .soa-research-results-section {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.soa-research-wrap .soa-research-loading,
.soa-research-wrap .soa-research-empty {
  color: #888;
  font-style: italic;
}

.soa-research-wrap .soa-research-error {
  color: #d63638;
}

.soa-research-wrap .soa-import-domain {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}

/* ── Statusbadges ────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-badge, .soa-research-wrap .soa-status-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.soa-research-wrap .soa-status-imported  { background: #e8f0fe; color: #1a73e8; }
.soa-research-wrap .soa-status-analyzing { background: #fff8e1; color: #f9a825; }
.soa-research-wrap .soa-status-analyzed  { background: #e8f5e9; color: #2e7d32; }
.soa-research-wrap .soa-status-suggested, .soa-research-wrap .soa-qstatus-suggested  { background: #f3e5f5; color: #6a1b9a; }
.soa-research-wrap .soa-status-approved, .soa-research-wrap .soa-qstatus-approved   { background: #e8f5e9; color: #2e7d32; }
.soa-research-wrap .soa-status-rejected, .soa-research-wrap .soa-qstatus-rejected  { background: #fce4ec; color: #c62828; }

/* ── Resultatrubrik ──────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.soa-research-wrap .soa-research-results-header h2 {
  margin: 0;
}

.soa-research-wrap .soa-research-results-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* ── Kluster & frågor ────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-cluster {
  margin-bottom: 24px;
}

.soa-research-wrap .soa-research-cluster-header {
  font-size: 14px;
  font-family: "bell-centennial-std-address", sans-serif !important;
  margin-bottom: 8px;
  padding: 8px 12px;
  background: #f6f7f7;
  border-left: 3px solid #9B59B6;
  border-radius: 2px;
}

.soa-research-wrap .soa-research-cluster-header strong {font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;}

.soa-research-wrap .soa-research-cluster-summary {
  font-family: "bell-centennial-std-address", sans-serif !important;  font-weight: 400;
  color: #555;
}

.soa-research-wrap .soa-q-question {
  font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400;
    font-size: 16px;
  margin-bottom: 4px;
}

.soa-research-wrap .soa-q-meta {
  font-size: 14px;
  color: #666;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.soa-research-wrap .soa-q-reason::before { content: 'Anledning: ';   font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400; }
.soa-research-wrap .soa-q-action::before  { content: 'Åtgärd: ';     font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400; }

.soa-research-wrap .soa-q-status-rejected td {
  opacity: 0.5;
}

.soa-research-wrap .soa-q-actions {
  white-space: nowrap;
}

/* ── Prioritetsbadge ─────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-prio, .soa-research-wrap .soa-priority-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.soa-research-wrap .soa-prio-A { background: #2e7d32; }
.soa-research-wrap .soa-prio-B { background: #1565c0; }
.soa-research-wrap .soa-prio-C { background: #888; }

/* ── Projektmodal ────────────────────────────────────────────────────────── */

.soa-project-modal-overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.soa-project-modal {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
  max-width: 480px;
  width: 100%;
  font-family: inherit;
  font-size: 14px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.soa-project-modal h2 {
  margin: 0 0 8px;
  font-size: 18px;
  font-family: inherit;
}

.soa-project-modal > p {
  margin: 0 0 16px;
  color: #555;
}

.soa-modal-radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.soa-modal-radio-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 400;
}

.soa-modal-select,
#soa-modal-project-name {
  font-family: inherit;
  font-size: 14px;
  padding: 5px 8px;
  border: 1px solid #8c8f94;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  margin-top: 4px;
}

#soa-project-modal-overlay .soa-research-status {
  margin-top: 12px;
  margin-bottom: 0;
}

.soa-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 20px;
}

/* ── Ägt varumärke ───────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-owned-section {
  background: #fff;
  border: 1px solid #c3e6cb;
  border-left: 4px solid #2e7d32;
  border-radius: 4px;
  padding: 20px 24px;
  margin-top: 24px;
}

.soa-research-wrap .soa-research-owned-section h3 {
  margin: 0 0 6px;
  color: #2e7d32;
}

.soa-research-wrap .soa-owned-intro {
  color: #555;
  font-size: 13px;
  margin: 0 0 10px;
}

.soa-research-wrap .soa-owned-edit-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.soa-research-wrap .soa-owned-edit-row .regular-text {
  flex: 1;
  max-width: 280px;
}

.soa-research-wrap .soa-owned-saved-msg {
  color: #2e7d32;
  font-size: 13px;
}

.soa-research-wrap .soa-owned-name {
  margin: 0 0 10px;
}

.soa-research-wrap .soa-owned-actions {
  margin-top: 4px;
}

/* ── Konkurrenter ────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-competitors-section {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px 24px;
  margin-top: 24px;
}

.soa-research-wrap .soa-research-competitors-section h3 {
  margin: 0 0 6px;
}

.soa-research-wrap .soa-competitors-intro {
  color: #666;
  font-size: 13px;
  margin: 0 0 14px;
}

.soa-research-wrap .soa-competitors-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
     
}

.soa-research-wrap .soa-competitor-item {
  padding: 10px 12px;
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.soa-research-wrap .soa-competitor-item label {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-weight: 400;
      font-family: "bell-centennial-std-address", sans-serif !important;  font-weight: 400;
}

.soa-research-wrap .soa-competitor-item label strong {font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;  }

.soa-research-wrap .soa-competitor-domain {
  color: #888;
  font-size: 12px;
  font-weight: 400;
      font-family: "bell-centennial-std-address", sans-serif !important;  font-weight: 400;
}

.soa-research-wrap .soa-competitor-reason {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  padding-left: 30px;
      font-family: "bell-centennial-std-address", sans-serif !important;  font-weight: 400;
}

.soa-research-wrap .soa-competitors-actions {
  margin-top: 4px;
}


.soa-competitor-item input[type="checkbox"] {appearance: none; width: 24px; height: 24px; border: 1px solid #9B59B633; background: #E1B7CE66; transition: border 0.2s, background 0.2s; outline: none; position: relative; margin: 0;}
.soa-competitor-item input[type="checkbox"]:hover {border-color: #6B8E23; background: #DCE6F1;}
.soa-competitor-item input[type="checkbox"]:checked {background: #9B59B6; border-color: #6B8E23;}
.soa-competitor-item  input[type="checkbox"]:checked::after {content: ''; position: absolute; left: 7px; top: 4px; width: 7px; height: 12px; border: solid #FFFFFF; border-width: 0 3px 3px 0; transform: rotate(45deg);}

/* ── Match-banner ────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-research-match-banner {
  background: #e8f0fe;
  border: 1px solid #c5d8fb;
  border-left: 4px solid #1a73e8;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 16px;
}

.soa-research-wrap .soa-match-banner-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
}

.soa-research-wrap .soa-match-banner-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.soa-research-wrap .soa-match-banner-status {
  margin-top: 8px;
}

/* ── Gap-märken ──────────────────────────────────────────────────────────── */

.soa-research-wrap .soa-gap-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.soa-research-wrap .soa-gap-betald_utan_organisk { background: #fff3e0; color: #e65100; }
.soa-research-wrap .soa-gap-organisk_utan_betald { background: #e8f5e9; color: #2e7d32; }
.soa-research-wrap .soa-gap-stark_i_båda         { background: #e3f2fd; color: #1565c0; }
.soa-research-wrap .soa-gap-svag_i_båda          { background: #f5f5f5; color: #757575; }

/* ── Kombinerad analys ───────────────────────────────────────────────────── */

.soa-research-wrap .soa-combined-results {
  background: #f0f6fc;
  border: 1px solid #c5d9ed;
  border-radius: 4px;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 24px;    
}

.soa-research-wrap .soa-combined-results h3 {
  margin: 0 0 8px;
  font-size: 16px;
}

.soa-research-wrap .soa-combined-intro {
  color: #666;
  font-size: 14px;
  margin: 10px 0 20px;
      font-family: "bell-centennial-std-address", sans-serif !important;
}

.soa-research-wrap .soa-combined-cluster {
  margin-bottom: 24px;
}

.soa-research-wrap .soa-combined-cluster-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 14px;
  font-family: "bell-centennial-std-address", sans-serif !important;
  margin-bottom: 8px;
  padding: 8px 12px;
  background: #d0e8f8;
  border-left: 3px solid #1a73e8;
  border-radius: 2px;
}

.soa-research-wrap .soa-combined-cluster-header strong {font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;}


.soa-research-wrap .soa-combined-cluster-summary {
  font-weight: 400;
  color: #555;
  font-size: 13px;
}

.soa-research-wrap .soa-combined-actions {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

/* ── Kombinerad analys – sammanfattning ──────────────────────────────────── */

.soa-research-wrap .soa-combined-summary {
  background: #fff;
  border: 1px solid #c5d9ed;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
  font-family: "bell-centennial-std-address", sans-serif !important;    
}

.soa-research-wrap .soa-combined-summary p {
  margin: 0 0 6px;
  font-size: 13px;
  font-family: "bell-centennial-std-address", sans-serif !important;    
}
.soa-research-wrap .soa-combined-summary p strong{
font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;   
}

.soa-research-wrap .soa-combined-summary p:last-child {
  margin-bottom: 0;
}

.soa-research-wrap .soa-combined-signal {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 12px;
}

.soa-research-wrap .soa-signal-stark   { background: #e8f5e9; color: #2e7d32; }
.soa-research-wrap .soa-signal-mattlig { background: #fff3e0; color: #e65100; }
.soa-research-wrap .soa-signal-svag    { background: #f5f5f5; color: #757575; }

/* ── Kombinerad analys – exists-notis ────────────────────────────────────── */

.soa-research-wrap .soa-combined-exists-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f0f6fc;
  padding: 10px 16px;
  margin: 16px 0;
  border-radius: 2px;
  font-size: 14px;
  font-family: "bell-centennial-std-address", sans-serif !important;
}

/* ── Plausible ────────────────────────────────────── */

  .soa-plausible-banner {                                                                                                      
    background: #f8f4ff;                                    
    border-left: 4px solid #7c3aed;                                                                                            
    padding: 12px 16px;
    margin: 16px 0;                                                                                                            
    border-radius: 2px;                                                                                                        
  }
  .soa-plausible-banner-header {                                                                                               
font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;    margin-bottom: 8px; font-size:16px;
  }                                                                                                                            
  .soa-plausible-warning {
    background: #fff8e1;                                                                                                       
    border: 1px solid #f9a825;                              
    padding: 6px 10px;                                                                                                         
    border-radius: 2px;
    margin: 8px 0;                                                                                                             
    font-size: 12px;                                        
    color: #6d4c00;
  }                                                                                                                            
  .soa-plausible-select {
    display: block;                                                                                                            
    margin: 8px 0;                                          
    width: 100%;                                                                                                               
    max-width: 400px;
  }                                                                                                                            
        
/* ── Enriched ────────────────────────────────────── */

.soa-enriched-results {
  background: #E1B7CE33;
  border: 1px solid #E1B7CE;
  border-left: 4px solid #E1B7CE;
  border-radius: 4px;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 24px;    
}
.soa-enriched-cluster {
  background: #fff;
  border: 1px solid #E1B7CE;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 12px;
}
.soa-enriched-cluster-header {
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.soa-enriched-metrics {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #666;
  margin: 8px 0;
  padding: 8px;
  background: #f9f0f5;
  border-radius: 2px;
}
.soa-enriched-url {
  font-size: 12px;
  color: #2271b1;
  margin-bottom: 8px;
}

 /* ── Enrichment-banner – lila (GSC Sidor / Ubersuggest) ─────────────────── */                                              
   
  .soa-research-wrap .soa-research-enrich-banner {                                                                             
    background: #f3e5f5;                                    
    border: 1px solid #ce93d8;                                                                                                 
    border-left: 4px solid #7b1fa2;
    border-radius: 4px;                                                                                                        
    padding: 12px 16px;                                                                                                        
    margin-bottom: 16px;
  }                                                                                                                            
                                                            
  .soa-research-wrap .soa-enrich-banner-body {
    display: flex;
    align-items: center;
    justify-content: space-between;                                                                                            
    gap: 12px;
    flex-wrap: wrap;                                                                                                           
    font-size: 13px;                                        
  }
                                                                                                                               
  .soa-research-wrap .soa-enrich-banner-actions {
    display: flex;                                                                                                             
    gap: 8px;                                               
    flex-wrap: wrap;
  }

  /* ── Berikad analys – layout & kluster ──────────────────────────────────── */                                              
   
  .soa-research-wrap .soa-enriched-results {                                                                                   
    margin-top: 24px;                                       
  }

  .soa-research-wrap .soa-enriched-title {                                                                                     
    font-size: 16px;
    font-weight: 600;                                                                                                          
    margin: 0 0 16px;                                       
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-cluster {
    border: 1px solid #ddd;                                                                                                    
    border-radius: 4px;                                     
    padding: 14px 16px;
    margin-bottom: 12px;                                                                                                       
    background: #fff;
  }                                                                                                                            
                                                            
  .soa-research-wrap .soa-enriched-priority-a { border-left: 4px solid #d63638; }                                              
  .soa-research-wrap .soa-enriched-priority-b { border-left: 4px solid #dba617; }
  .soa-research-wrap .soa-enriched-priority-c { border-left: 4px solid #72aee6; }                                              
                                                                                                                               
  .soa-research-wrap .soa-enriched-cluster-header {                                                                            
    display: flex;                                                                                                             
    align-items: center;                                    
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;                                                                                                           
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-cluster-name {           
    font-size: 14px;
  }

  .soa-research-wrap .soa-enriched-cluster-summary {                                                                           
    font-weight: 400;
    color: #555;                                                                                                               
    font-size: 13px;                                        
  }

  .soa-research-wrap .soa-enriched-rec {                                                                                       
    margin-top: 10px;
    padding-top: 10px;                                                                                                         
    border-top: 1px solid #f0f0f0;                          
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-rec:first-of-type {
    border-top: none;                                                                                                          
    padding-top: 0;                                         
    margin-top: 0;                                                                                                             
  }
                                                                                                                               
  /* ── Berikad analys – prioritets- och åtgärdsbadges ────────────────────── */

  .soa-research-wrap .soa-enriched-priority-badge {                                                                            
    font-size: 11px;
    font-weight: 700;                                                                                                          
    padding: 2px 6px;                                       
    border-radius: 2px;                                                                                                        
    text-transform: uppercase;
  }                                                                                                                            
                                                            
  .soa-research-wrap .soa-priority-A { background: #fce8e8; color: #d63638; }                                                  
  .soa-research-wrap .soa-priority-B { background: #fef9e3; color: #996800; }
  .soa-research-wrap .soa-priority-C { background: #e8f0fe; color: #2271b1; }                                                  
                                                                                                                               
  .soa-research-wrap .soa-enriched-action-badge {                                                                              
    font-size: 11px;                                                                                                           
    padding: 2px 8px;                                       
    border-radius: 10px;
    font-weight: 500;                                                                                                          
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-action-nytt-innehall      { background: #e8f5e9; color: #1b5e20; }                          
  .soa-research-wrap .soa-enriched-action-forbattra-innehall { background: #fff3e0; color: #bf360c; }
  .soa-research-wrap .soa-enriched-action-html-struktur      { background: #e3f2fd; color: #0d47a1; }                          
  .soa-research-wrap .soa-enriched-action-intern-lankning    { background: #f3e5f5; color: #4a148c; }
  .soa-research-wrap .soa-enriched-action-ai-optimering      { background: #e8eaf6; color: #1a237e; }                          
  .soa-research-wrap .soa-enriched-action-forbattra-metadata { background: #fce4ec; color: #880e4f; }                          
                                                                                                                               
  /* ── Berikad analys – rekommendationstext ───────────────────────────────── */                                              
                                                                                                                               
  .soa-research-wrap .soa-enriched-headline {                                                                                  
    font-weight: 600;
    margin: 0 0 6px;                                                                                                           
    font-size: 13px;                                        
  }

  .soa-research-wrap .soa-enriched-url {
    font-size: 12px;
    margin-bottom: 6px;                                                                                                        
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-url a {                  
    color: #2271b1;
    word-break: break-all;                                                                                                     
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-description {            
    margin: 0 0 6px;
    font-size: 13px;
    color: #444;                                                                                                               
  }
                                                                                                                               
  .soa-research-wrap .soa-enriched-reason {                 
    margin: 0;
    font-size: 12px;
    color: #666;
    font-style: italic;
  }                                                                                                                            
   
  /* ── Kombinerad analys – header med knappar ─────────────────────────────── */                                              
                                                            
  .soa-research-wrap .soa-combined-header {
    display: flex;
    align-items: center;
    justify-content: space-between;                                                                                            
    gap: 10px;
    flex-wrap: wrap;                                                                                                           
    margin-bottom: 8px;                                     
  }

  .soa-research-wrap .soa-combined-header-actions {                                                                            
    display: flex;
    gap: 8px;                                                                                                                  
    flex-wrap: wrap;                                        
  }


/* ----SOA GUIDE ---------*/
.soa-research-guide {
  max-width: 800px;
}
.soa-guide-intro {
  margin-bottom: 32px;
}
.soa-guide-intro h2 {
  font-size: 20px;
  margin-bottom: 8px;
}
.soa-guide-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}
.soa-guide-step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.soa-guide-step-number {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: #2271b1;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
}
.soa-guide-step-content h3 {
  margin: 4px 0 8px;
  font-size: 15px;
}
.soa-guide-step-content ul {
  margin: 8px 0 8px 16px;
}
.soa-guide-step-content li {
    font-family: "le-monde-sans-std-2", sans-serif;
  margin-bottom: 4px;
}

.soa-guide-step-content li strong {font-family: "lemonde-sans", sans-serif !important; }

.soa-guide-tip {
  background: #f0f6fc;
  border-left: 3px solid #2271b1;
  padding: 8px 12px;
  margin-top: 8px;
  font-size: 13px;
  border-radius: 2px;
}

.soa-guide-tip img {display:none !important;}

.soa-guide-sources {
  border-top: 1px solid #ddd;
  padding-top: 24px;
}
.soa-guide-sources h3 {
  margin-bottom: 12px;
}
.soa-guide-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.soa-guide-table th {
  background: #f0f0f0;
  padding: 8px 12px;
  text-align: left;
  border: 1px solid #ddd;
}
.soa-guide-table td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.soa-guide-table tr:nth-child(even) {
  background: #f9f9f9;
}

/* Schema & Struktur */
.soa-schema-intro { margin-bottom: 24px; }
.soa-schema-input-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.soa-schema-cost-note {
  font-size: 12px;
  color: #666;
}
.soa-schema-summary {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
}
.soa-schema-score-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.soa-schema-score {
  font-size: 24px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
}
.soa-score-high { background: #e8f5e9; color: #2e7d32; }
.soa-score-medium { background: #fff3e0; color: #e65100; }
.soa-score-low { background: #fde8e8; color: #c0392b; }
.soa-schema-url-label { 
  font-size: 13px; 
  color: #666; 
  word-break: break-all; 
}
.soa-schema-summary-text { 
  margin: 0; 
  font-size: 14px; 
}
.soa-schema-section {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.soa-schema-section h3 { 
  margin-bottom: 12px; 
  font-size: 14px; 
}
.soa-schema-tags { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 6px; 
}
.soa-schema-tag {
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.soa-schema-found { 
  background: #e8f5e9; 
  color: #2e7d32; 
}
.soa-schema-item {
  border-left: 3px solid #ddd;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 0 4px 4px 0;
}
.soa-schema-item.soa-priority-a { 
  border-left-color: #c0392b; 
}
.soa-schema-item.soa-priority-b { 
  border-left-color: #e65100; 
}
.soa-schema-item.soa-priority-c { 
  border-left-color: #2271b1; 
}
.soa-schema-item-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-weight: 600;
}
.soa-schema-type { font-family: monospace; font-size: 13px; }
.soa-schema-reason { 
  margin: 4px 0; 
  font-size: 13px; 
  color: #555; 
}
.soa-schema-rec { 
  margin: 4px 0; 
  font-size: 13px; 
}
.soa-schema-heading-status {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
  font-size: 13px;
}
.soa-check-ok { color: #2e7d32; font-weight: 600; }
.soa-check-fail { color: #c0392b; font-weight: 600; }
.soa-h1-text { 
  color: #555; 
  font-style: italic; 
}
.soa-schema-issue { 
  margin: 4px 0; 
  font-size: 13px; 
  color: #b45309; 
}
.soa-schema-score-mini {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}

/* RESULTS. */.soa-domains-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 
    minmax(200px, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.soa-domain-card {
  background: #fff;
  border: 1px solid #9B59B6;
  border-radius: 4px;
  padding: 16px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.soa-domain-card:hover {
  border-color: #9B59B633;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.soa-domain-name {
font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;   margin-bottom: 8px;
  color: #9B59B6;
}
.soa-domain-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.soa-domain-counts span {
  background: #f0f0f0;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  color: #555;
}
.soa-results-group {
  margin-bottom: 24px;
}
.soa-results-group h3 {
  font-size: 14px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
}
.soa-results-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: #f9f9f9;
  border-radius: 4px;
  margin-bottom: 6px;
  font-size: 13px;
    min-height:46px;
}
.soa-results-combined {
  background: #f0f6fc;
  border-left: 3px solid #2271b1;
}
.soa-results-enriched {
  background: #E1B7CE33;
  border-left: 3px solid #E1B7CE;
}
.soa-results-date {
  color: #888;
  font-size: 12px;
  margin-left: auto;
}
.soa-results-filename {
  font-weight: 500;
  flex: 1;
}
.soa-results-loading {
  color: #888;
  font-style: italic;
}
.soa-btn-back-domains {
    background:#fff !important;
    display:block !important;
    color:#9B59B6 !important;
    margin-left:0px; margin-right:auto; margin-bottom:20px; border-radius: 0px !important;
}
.soa-btn-generate-report {
    display:block !important;
margin-right:0px; margin-left:auto; margin-bottom:20px;
}

.soa-research-wrap .button-small {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.8;
  border-color: #E1B7CE;
  background:#E1B7CE;    
}

.soa-results-expanded {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 16px;
  margin-bottom: 6px;
}
.soa-results-cluster {
  margin-bottom: 16px;
}
.soa-results-cluster-title {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 8px;
  color: #333;
}
.soa-results-question-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
.soa-results-question-text {
  flex: 1;
}
.soa-results-item.soa-results-clickable {
  cursor: pointer;
}
.soa-results-item.soa-results-clickable:hover {
  background: #e8f0f8;
}
.soa-results-item.soa-results-expanded-open {
  border-radius: 4px 4px 0 0;
  border-bottom: none;
}

/* ── DEL 2: Projektkoppling ────────────────────────────────────────────── */

.soa-results-projects {
  margin-top: 24px;
}

.soa-results-projects h3 {
  color: #282828;
}

.soa-results-project-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 6px;
  font-size: 13px;
  background: #9B59B616;
  border-left: 3px solid #9B59B6;
}

.soa-results-project-row .soa-results-filename {
  flex: 1;
  font-weight: 600;
}

.soa-project-results-wrap {
  background: #f8faff;
  margin-bottom: 6px;
}

.soa-project-results-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.soa-project-results-table table {
  max-width: 300px !important;
  border-collapse: collapse;
  font-size: 13px;
}

.soa-project-results-table table td:first-of-type {
  text-align: left !important;
}

.soa-project-results-table th {
  text-align: left;
  padding: 6px 10px;
  border-bottom: 2px solid #bfdbfe;
  font-weight: 600;
  color: #1e40af;
  background: #9B59B622 !important;
}

.soa-project-results-table td {
  padding: 6px 10px;
  border-bottom: 1px solid #9B59B6 !important;
  vertical-align: top;
}

.soa-project-results-table tr:last-child td {
  border-bottom: none;
}

.soa-project-results-table .button-small, .soa-report-soa-table .button-small  {
    background:none; color:#282828; border:none;
}

.soa-project-results-table td:last-of-type {
  text-align: right;
}


/* SOA TOTAL RAPPORT. */

.soa-report-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.soa-report {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 24px;
  margin-top: 16px;
}
.soa-report-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid #9b59b6;
}
.soa-report-header h2 {
  flex: 1;
  margin: 0;
}
.soa-report-date {
  color: #888;
  font-size: 13px;
}
.soa-report-summary,
.soa-report-dimensions,
.soa-report-actions-list,
.soa-report-questions,
.soa-report-competitors {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
}
.soa-report-dimension {
  background: #f9f9f9;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 8px;
}
.soa-report-dim-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}
.soa-report-dim-name {
  font-weight: 600;
  flex: 1;
}
.soa-report-question-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
.soa-report-source-badge {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.soa-source-ga { background: #fff3e0; color: #e65100; }
.soa-source-gsc { background: #e3f2fd; color: #1565c0; }
.soa-source-ubersuggest { 
  background: #f3e8ff; color: #6d28d9; 
}


⏺ /* ── Landningssida (ej behörig) ──────────────────────────────────────────── */                                             
                                                                                                                               
  .soa-research-gate {                                                                                                         
    max-width: 800px;
    padding: 40px 20px;                                     
    font-family: inherit;                                                                                                      
  }                                                         

  .soa-gate-hero {                                                                                                             
    margin-top:40px;
    text-align: left;
    margin-bottom: 40px;                                                                                                       
  }                                                         

  .soa-gate-hero h2 {
    font-size: 28px;
    margin-bottom: 16px;
  }                                                                                                                            
   
  .soa-gate-intro {                                                                                                            
    font-size: 16px;                                        
    line-height: 1.6;
    color: #555;
    max-width: 800px;
  }                                                                                                                            
   
  .soa-gate-features {                                                                                                         
    display: grid;                                          
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    margin-bottom: 40px;                                                                                                       
  }
                                                                                                                               
  .soa-gate-feature {                                       
    text-align: left;
    padding: 20px;
    background: #F3E4EB;
    border-radius: 0px;                                                                                                        
  }
                                                                                                                               
  .soa-gate-icon {                                          
    font-size: 32px;
    margin-bottom: 12px;
      display:none;
  }                                                                                                                            
   
  .soa-gate-feature h3 {                                                                                                       
    font-size: 18px;                                        
    margin-bottom: 8px;
  }

  .soa-gate-feature p {
    font-size: 16px;
    color: #666;                                                                                                               
    line-height: 1.5;
    margin: 0;                                                                                                                 
  }                                                         

  .soa-gate-cta {
    text-align: center;
    padding: 32px;
    background: #ffffff;     
    border:1px solid #9B59B6;
    border-radius: 0px;
  }                                                                                                                            
                                                            
  .soa-gate-cta p {                                                                                                            
    margin-bottom: 16px;
    font-size: 16px;                                                                                                           
  }                                                         

  .soa-gate-btn,                                                                                                               
  .soa-gate-btn-secondary {
    display: inline-block;                                                                                                     
    margin: 8px;                                            
    padding: 10px 24px;
    font-size: 14px;                                                                                                           
    border-radius:36px;
    text-decoration: none;                                                                                                     
  }                                                         

  .soa-gate-btn {                                                                                                              
    background: #9B59B6;
    color: #fff;                                                                                                               
    border: 1px solid #9B59B6;  
  }                                                                                                                            
   
  .soa-gate-btn:hover {                                                                                                        
    background: #9B59B633;                                    
    color: #fff;
  }

  .soa-gate-btn-secondary {                                                                                                    
    background: #fff;
    color: #9B59B6;                                                                                                            
    border: 1px solid #9B59B6;                              
  }

  .soa-gate-btn-secondary:hover {                                                                                              
    border-color: #9B59B699;
    color: #9B59B666;                                                                                                            
  }                                                         

  .soa-gate-login {
    margin-top: 36px;
    font-size: 16px;                                                                                                           
    color: #666;
  }                                                                                                                            
                                                            
  .soa-research-gate h2 {
    font-size: 22px;
    margin-bottom: 16px;
  }                                                                                                                            
   
  .soa-research-gate ul {                                                                                                      
    margin: 12px 0 24px 20px;                               
    line-height: 1.8;
  }     

/* ── Funktionsflikar – källrubrik & korsreferens ─────────────────────────── */                                             
                                                                                                                               
  .soa-research-wrap h3.soa-source-heading {                                                                                     
      font-size: 24px !important;
    color: #9B59B6 !important;                                                                                                            
    margin: 32px 0 16px;                                                                                                       
    padding-bottom: 8px;                                                                                                       
    border-bottom: 1px solid #ddd;                                                                                             
  }                                                                                                                            
                                                                                                                               
  .soa-research-wrap .soa-source-heading:first-of-type {                                                                       
    margin-top: 16px;                                                                                                          
  }                                                                                                                            
                                                                                                                               
  .soa-research-wrap .soa-reference-note {                                                                                     
    background: #f6f7f7;                                                                                                       
    border-left: 3px solid #c3c4c7;                                                                                            
    border-radius: 2px;                                                                                                        
    padding: 10px 14px;
    margin: 0 0 24px;                                                                                                          
    font-size: 13px;                                                                                                         
    color: #555;                                                                                                               
  }     

⏺ .soa-research-wrap .soa-research-source-section {                                                                            
    margin-bottom: 40px;                 
  }      


.soa-combined-quick-win {
  background: #b8d8f0;
  border-left: 4px solid #f9a825;
  padding: 10px 14px;
  margin-top: 8px;
  border-radius: 2px;
  font-size: 13px;
    margin-bottom:16px;
      font-family: "bell-centennial-std-address", sans-serif !important;    
}

.soa-combined-quick-win p {      font-family: "bell-centennial-std-address", sans-serif !important;    }

.soa-qw-label {
font-family: "bell-centennial-std-name-num", sans-serif !important; font-weight: 400 !important;   
  margin-right: 6px;
    margin-bottom: 16px;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;}

.soa-qw-label {
  font-size: 11px;
  font-weight: 700;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.soa-qw-score {
  font-size: 12px;
  color: #b45309;
}

.soa-qw-question {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin: 4px 0 0;
}

.soa-qw-reason {
  font-size: 13px;
  color: #92400e;
  margin: 2px 0 0;
}

.soa-qw-impact {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-right:10px;
    display:inline-block;
    width:60px;
    text-align:center;
}

.soa-impact-hog   { background: #fee2e2; color: #991b1b; }
.soa-impact-medel { background: #fef9c3; color: #854d0e; }
.soa-impact-lag   { background: #f0fdf4; color: #166534; }


.soa-qw-title  { font-size: 14px; font-weight: 600; color: #1e293b; }
.soa-qw-action { font-size: 13px; color: #374151; margin: 4px 0 0 70px !important; }

.soa-time-badge {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  margin-left: 4px;
}
.soa-time-snabb { background: #e8f5e9; color: #2e7d32; }
.soa-time-medel { background: #fff3e0; color: #e65100; }
.soa-time-lang { background: #fde8e8; color: #c0392b; }


/* ── DEL 3: Totalrapport ───────────────────────────────────────────────── */

.soa-report-wrap {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 24px 28px;
  margin-bottom: 24px;
    font-family: "le-monde-sans-std-2", sans-serif;
}

.soa-report-wrap h2 {font-size: 20px;  }
.soa-report-wrap h3 {font-size: 16px; }

.soa-report-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.soa-report-title {
  color: #282828;
}

.soa-report-summary {
  font-size: 18px;
    font-style: italic;
  color: #444;
  line-height: 1.6;
  margin-bottom: 20px;
  padding-bottom: 16px;
  max-width:800px;
}

.soa-report-section {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.soa-report-section:last-child {
  border-bottom: none;
}

.soa-report-section-heading {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #1e293b;
}

.soa-report-section-body {
  font-size: 13px;
  color: #374151;
  line-height: 1.65;
  margin: 0;
}

.soa-report-actions {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 4px;
  padding: 16px;
  margin-top: 20px;
    flex-wrap: wrap;
}

.soa-report-actions h3 {
  font-size: 16px;
  font-weight: 600;
  color: #15803d;
  margin: 0 0 10px;
    display:block;
    width:100%;
    flex-basis: 100%;
}

.soa-report-actions ol {
  margin: 0;
  padding-left: 16px;
        display:block;
    width:100%;
        flex-basis: 100%;
}

.soa-report-actions li {
  font-size: 14px;
  color: #166534;
  margin-bottom: 6px;
  line-height: 1.5;
      padding-left: 6px;

}


/* ── Totalrapport – SEI ──────────────────────────────────────────────────── */

.soa-report-sei {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #e1b7ce33;
  border: 1px solid #e1b7ce;
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 20px;
}

.soa-sei-label {
  font-size: 13px;
  font-weight: 600;
  color: #282828;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.soa-sei-score {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #1e293b;
}

.soa-sei-score small { font-size: 14px; color: #64748b; margin-left:4px;
 }
.soa-sei-high .soa-sei-score { color: #15803d; }
.soa-sei-mid  .soa-sei-score { color: #d97706; }
.soa-sei-low  .soa-sei-score { color: #dc2626; }



/* ── Totalrapport – Dimensioner ──────────────────────────────────────────── */

.soa-report-dimensions {
  margin-bottom: 20px;
}

.soa-report-dim {
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}

.soa-report-dim:last-child { border-bottom: none; }

.soa-report-dim-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.soa-dim-name  { font-size: 14px; font-weight: 600; color: #282828; }
.soa-dim-score { font-size: 13px; color: #64748b; }

.soa-dim-bar {
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 4px;
}

.soa-dim-fill {
  height: 100%;
  background: #9b59b6;
  border-radius: 3px;
  transition: width 0.3s;
}

.soa-dim-sub-scores {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
    margin-bottom:20px;
}

.soa-dim-sub-score {
  font-size: 13px;
  background: #f5f5f5;
  padding: 3px 10px;
  border-radius: 10px;
  color: #555;
}

.soa-dim-sub-score span {
  font-weight: 600;
  color: #333;
}

.soa-dim-desc { font-size: 13px; color: #475569; margin: 6px 0 0; max-width:800px; }
.soa-dim-na   { opacity: 0.5; }
.soa-dim-na .soa-dim-score { color: #94a3b8; font-style: italic; }

.soa-report-quick-wins {
  background: #e1b7ce33;
  border-left: 4px solid #f9a825;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 24px;
}
.soa-report-quick-win-item {
  padding: 10px 0;
  border-bottom: 1px solid #fce082;
}
.soa-report-quick-win-item:last-child {
  border-bottom: none;
}
.soa-ranking-star {
  color: #f9a825;
  font-size: 14px;
  margin-right: 4px;
}
   

/* KÄLLOR. */

.soa-combined-sources,
.soa-enriched-sources {
  font-size: 12px;
  color: #666;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.soa-source-label {
  font-weight: 600;
  color: #333;
}
.soa-source-item {
  background: #f0f0f0;
  padding: 2px 8px;
  border-radius: 10px;
}
.soa-source-ga { background: #fff3e0; color: #e65100; }
.soa-source-gsc { background: #e3f2fd; color: #1565c0; }
.soa-source-ub { background: #f3e8ff; color: #6d28d9; }

/* ── Korsreferens-notice (berikad analys finns) ───────────────────────────── */

.soa-enriched-exists-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #E1B7CE33;
  border-left: 4px solid #E1B7CE;
  padding: 10px 16px;
  margin: 16px 0;
  border-radius: 2px;
  font-size: 13px;
}

.soa-enriched-exists-notice .soa-btn-show-enriched {
  background: none;
  border: 1px solid #c084a4;
  color: #7d3456;
  border-radius: 3px;
  padding: 4px 10px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}

.soa-enriched-exists-notice .soa-btn-show-enriched:hover {
  background: #E1B7CE55;
}

/* ── Totalrapport – AI-frågor ────────────────────────────────────────────── */

.soa-report-ai-questions,
.soa-report-competitors {
  margin-bottom: 16px;
}

.soa-report-ai-questions ul,
.soa-report-competitors ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

.soa-report-ai-questions li,
.soa-report-competitors li {
  font-size: 13px;
  color: #374151;
  margin-bottom: 4px;
}

.soa-comp-reason {
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
}

/* ── Totalrapport – Ranking star ─────────────────────────────────────────── */

.soa-ranking-star {
  color: #f59e0b;
  font-size: 14px;
  margin-left: 4px;
  cursor: help;
}

/* ── Berikad analys – schema-hint ────────────────────────────────────────── */

.soa-enriched-schema-hint {
  font-size: 12px;
  color: #6d28d9;
  margin-top: 4px;
  padding: 4px 8px;
  background: #f3e8ff;
  border-radius: 2px;
  display: inline-block;
}

/* ── Källtransparens ──────────────────────────────────────────────────────── */

.soa-combined-sources,
.soa-enriched-sources {
  font-size: 12px;
  color: #666;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.soa-source-label {
  font-weight: 600;
  color: #333;
}
.soa-source-item {
  background: #f0f0f0;
  padding: 2px 8px;
  border-radius: 10px;
}
.soa-source-ga  { background: #fff3e0; color: #e65100; }
.soa-source-gsc { background: #e3f2fd; color: #1565c0; }
.soa-source-ub  { background: #f3e8ff; color: #6d28d9; }

/* ── Korsreferens-notice (berikad analys finns) ───────────────────────────── */

.soa-enriched-exists-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #E1B7CE33;
  border-left: 4px solid #E1B7CE;
  padding: 10px 16px;
  margin: 16px 0;
  border-radius: 2px;
  font-size: 13px;
}

.soa-enriched-exists-notice .soa-btn-show-enriched {
  background: none;
  border: 1px solid #c084a4;
  color: #7d3456;
  border-radius: 3px;
  padding: 4px 10px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}

.soa-enriched-exists-notice .soa-btn-show-enriched:hover {
  background: #E1B7CE55;
}

  /* ── Gap-märken ──────────────────────────────────────────────────────────── */                                             
  .soa-gap-betald_utan_organisk { background: #fff3e0; color: #e65100; }                                                       
  .soa-gap-organisk_utan_betald { background: #e8f5e9; color: #2e7d32; }                                                       
  .soa-gap-stark_i_bada         { background: #e3f2fd; color: #1565c0; }                                                       
  .soa-gap-svag_i_bada          { background: #f5f5f5; color: #757575; }                                                       
                                                            
  /* ── Signalstyrka ────────────────────────────────────────────────────────── */                                             
  .soa-signal-stark   { background: #e8f5e9; color: #2e7d32; }
  .soa-signal-mattlig { background: #fff3e0; color: #e65100; }                                                                 
  .soa-signal-svag    { background: #f5f5f5; color: #757575; }
                                                                                                                               
  /* ── Tidsåtgång ──────────────────────────────────────────────────────────── */                                             
  .soa-time-lag   { background: #dcfce7; color: #166534; }
  .soa-time-medel { background: #fef9c3; color: #854d0e; }                                                                     
  .soa-time-hog   { background: #fee2e2; color: #991b1b; }  
                                                                                                                               
  /* ── Totalrapport – Impact ───────────────────────────────────────────────── */
  .soa-impact-hog   { background: #fee2e2; color: #991b1b; }                                                                   
  .soa-impact-medel { background: #fef9c3; color: #854d0e; }                                                                   
  .soa-impact-lag   { background: #f0fdf4; color: #166534; }
                                                                                                                               
  /* ── Totalrapport – Datakällor ───────────────────────────────────────────── */
  .soa-report-sources {                                                                                                        
    font-size: 12px;                                                                                                           
    color: #888;
    margin-bottom: 16px;                                                                                                       
  }                                                         

  /* ── Totalrapport – Dimensioner delbetyg ─────────────────────────────────── */                                             
  .soa-dim-sub-scores {
    margin-top: 8px;                                                                                                           
    display: flex;                                          
    flex-wrap: wrap;
    gap: 8px;
  }                                                                                                                            
   
  .soa-dim-sub-score {                                                                                                         
    font-size: 12px;                                        
    background: #f5f5f5;
    padding: 2px 8px;
    border-radius: 10px;
    color: #555;
  }                                                                                                                            
   
  .soa-dim-sub-score span {                                                                                                    
    font-weight: 600;                                       
    color: #333;
  }

  /* ── Totalrapport – Konkurrentorsak ─────────────────────────────────────── */                                              
  .soa-comp-reason {
    font-size: 12px;                                                                                                           
    color: #6b7280;                                         
    font-weight: 400;
  }

/* ── Totalrapport: SoA-mätdata-tabell ────────────────────────────────────── */

.soa-report-soa-section { margin: 24px 0; }
.soa-report-soa-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 12px; }
.soa-report-soa-table th { background: #f5f5f5; padding: 8px 12px; text-align: left; font-weight: 600; border-bottom: 2px solid #e0e0e0; }
.soa-report-soa-table td { padding: 8px 12px; border-bottom: 1px solid #f0f0f0; }
.soa-report-soa-table tr:hover { background: #fafafa; }
.soa-report-soa-analysis { font-size: 13px; color: #555; line-height: 1.6; font-style: italic; margin-top: 8px; }
.soa-report-soa-table .soa-soaw-badge { background: #D7269108; color: #222; border: 1px solid #D7269166; font-size: 11px; border-radius: 20px; padding: 2px 7px; white-space: nowrap; margin-right: 4px; }
.soa-report-soa-table .soa-soaw-badge-owned { background: #1A6E2008; border-color: #1A6E2066; }

/* ── Frågefilter: kategori ───────────────────────────────────────────────── */
.soa-q-filter-bar { margin-bottom: 12px; }
.soa-q-filter-bar .soa-q-cat-filter { margin-right: 12px; border:1px solid #e1b7ce; background: #fff !important; color:#282828;}
.soa-q-filter-bar .soa-q-cat-filter.active { border-color:#9b59b6 !important; box-shadow: inset 0 0 0 2px #9b59b633; }




 /* ── Generiska (delas av alla tre källorna) ──────────────────────────────── */                                             
                                                                                                                             
  .soa-frontend-research-section {                                                                                             
    margin-top: 32px;
  }                                                                                                                            
                                                                                                                             
  .soa-frontend-research-header {                                                                                              
    display: flex;
    align-items: center;                                                                                                       
    gap: 8px;                                                                                                                
  }

  .soa-frontend-beta-badge {
    background: #CC5500;
    color: #fff;
    padding: 3px 7px 4px;
    border-radius: 3px;                                                                                                        
    font-size: 11px;
    font-weight: 600;                                                                                                          
    vertical-align: middle;                                                                                                  
    margin-left: 6px;
  }

  .soa-frontend-research-table {                                                                                               
    width: 100%;
    border-collapse: collapse;                                                                                                 
  }                                                                                                                          

  .soa-frontend-research-badge {
    display: inline-block;
    padding: 3px 7px 4px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;                                                                                                          
    color: #fff;
  }                                                                                                                            
                                                                                                                             
  /* ── Google Trends ───────────────────────────────────────────────────────── */

  .soa-frontend-trends-wrap {
    margin-top: 32px;
  }                                                                                                                            
   
  .soa-frontend-trends-title {                                                                                                 
    font-size: 16px;                                                                                                         
    margin-bottom: 12px;
  }
                                                                                                                               
  .soa-frontend-trends-table {
    width: 100%;                                                                                                               
    border-collapse: collapse;                                                                                               
    margin-top: 8px;
  }

  .soa-frontend-trends-term-rising {                                                                                           
    background: #fff8f5;
  }                                                                                                                            
                                                                                                                             
  .soa-frontend-trends-term-top {
    background: #fff;
  }                                                                                                                            
   
  .soa-frontend-trends-badge {                                                                                                 
    display: inline-block;                                                                                                   
    padding: 3px 7px 4px;
    border-radius: 0px;
    font-size: 11px;
    color: #fff;
  }                                                                                                                            
                                                                                                                             
  .soa-frontend-trends-term-rising .soa-frontend-trends-badge {
    background: #CC5500 !important;
  }

  .soa-frontend-trends-term-top .soa-frontend-trends-badge {                                                                   
    background: #888 !important;
  }                                                                                                                            
                                                                                                                             
  .soa-frontend-trends-value {
    font-variant-numeric: tabular-nums;
    color: #444;
  }                                                                                                                            
   
  /* ── Ahrefs Semrush ─ ──────────────────────────────────────────────────────────────── */                                             
                                                                                                                             
  .soa-frontend-ahrefs-wrap, .soa-frontend-semrush-wrap {
    margin-top: 32px;
  }
                                                                                                                               
  .soa-frontend-ahrefs-title, .soa-frontend-semrush-title {
    font-size: 16px;                                                                                                           
    margin-bottom: 12px;
  }

  .soa-frontend-ahrefs-beta, .soa-frontend-semrush-beta {
    background: #CC5500;
    color: #fff;                                                                                                               
    padding: 3px 6px 4px;
    border-radius: 3px;                                                                                                        
    font-size: 11px;                                                                                                         
    vertical-align: middle;
    margin-left: 6px;
  }                                                                                                                            
   
  .soa-frontend-ahrefs-table, .soa-frontend-semrush-table {                                                                                                 
    width: 100%;                                                                                                             
    border-collapse: collapse;
  }