/* nl-foundations-phase1.css — säker foundations-utullning för låg-risk-sidor.
   Mål: samma card/pill/button/field-känsla som Företagsprofil utan att röra kärnlogik. */

:root{
  --nl-found-surface: rgba(227,236,242,.96);
  --nl-found-surface-strong: #ffffff;
  --nl-found-border: rgba(15,24,33,.10);
  --nl-found-border-strong: rgba(15,24,33,.14);
  --nl-found-shadow: 0 18px 42px rgba(15,23,42,.10);
  --nl-found-field-shadow: 0 1px 0 rgba(255,255,255,.72) inset;
  --nl-found-radius-card: 28px;
  --nl-found-radius-field: 18px;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-card,
body.cm-brand-neolinkd.cm-light #main-content .card,
body.cm-brand-neolinkd.cm-light #main-content .nl-struct-card,
body.cm-brand-neolinkd.cm-light #main-content .nl-surface-card,
body.cm-brand-neolinkd.cm-light #main-content .cm-home-row,
body.cm-brand-neolinkd.cm-light #main-content .cm-feed-item,
body.cm-brand-neolinkd.cm-light #main-content .cm-news-item,
body.cm-brand-neolinkd.cm-light #main-content .cm-todo,
body.cm-brand-neolinkd.cm-light #main-content .cm-ad-slot,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card,
body.cm-brand-neolinkd.cm-light #main-content .faq dt,
body.cm-brand-neolinkd.cm-light #main-content .faq dd,
body.cm-brand-neolinkd.cm-light #main-content details{
  background: var(--nl-found-surface) !important;
  border: 1px solid var(--nl-found-border) !important;
  border-radius: var(--nl-found-radius-card) !important;
  box-shadow: var(--nl-found-shadow) !important;
  color: var(--nl-text, #0e1722) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-card,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card,
body.cm-brand-neolinkd.cm-light #main-content .nl-surface-card,
body.cm-brand-neolinkd.cm-light #main-content .card,
body.cm-brand-neolinkd.cm-light #main-content .nl-struct-card{
  overflow: hidden;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-btn,
body.cm-brand-neolinkd.cm-light #main-content .cm-membership-badge,
body.cm-brand-neolinkd.cm-light #main-content .cm-rating-pill,
body.cm-brand-neolinkd.cm-light #main-content .cm-foretag-chipbtn,
body.cm-brand-neolinkd.cm-light #main-content .cm-badge{
  border-radius: 999px !important;
  font-weight: 800 !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-btn:not(.cm-btn--primary):not(.cm-btn--danger):not(.cm-profile-top-dark-btn){
  background: var(--nl-found-surface-strong) !important;
  border: 1px solid var(--nl-found-border) !important;
  color: var(--nl-text, #0e1722) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-home-row,
body.cm-brand-neolinkd.cm-light #main-content .cm-feed-item,
body.cm-brand-neolinkd.cm-light #main-content .cm-news-item,
body.cm-brand-neolinkd.cm-light #main-content .cm-todo,
body.cm-brand-neolinkd.cm-light #main-content details,
body.cm-brand-neolinkd.cm-light #main-content .faq dd,
body.cm-brand-neolinkd.cm-light #main-content .faq dt,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card .cm-switch-row,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card .cm-field input,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card .cm-field textarea,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card .cm-field select{
  background: var(--nl-found-surface-strong) !important;
  border: 1px solid var(--nl-found-border) !important;
  border-radius: var(--nl-found-radius-field) !important;
  box-shadow: var(--nl-found-field-shadow) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-home-row,
body.cm-brand-neolinkd.cm-light #main-content .cm-feed-item,
body.cm-brand-neolinkd.cm-light #main-content .cm-news-item,
body.cm-brand-neolinkd.cm-light #main-content .cm-todo{
  padding: 14px 16px !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-home-row .cm-subtle,
body.cm-brand-neolinkd.cm-light #main-content .cm-feed-item .meta,
body.cm-brand-neolinkd.cm-light #main-content .cm-news-item .meta,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-sub,
body.cm-brand-neolinkd.cm-light #main-content .nl-struct-muted,
body.cm-brand-neolinkd.cm-light #main-content .meta{
  color: rgba(14,23,34,.60) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-feed-item .title,
body.cm-brand-neolinkd.cm-light #main-content .cm-news-item strong,
body.cm-brand-neolinkd.cm-light #main-content .cm-home-row strong,
body.cm-brand-neolinkd.cm-light #main-content .faq dt,
body.cm-brand-neolinkd.cm-light #main-content summary{
  color: var(--nl-text, #0e1722) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .nl-struct-hero{
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(77,141,157,.10), rgba(227,236,242,.98)) !important;
  border: 1px solid var(--nl-found-border) !important;
  box-shadow: var(--nl-found-shadow) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .nl-struct-card:hover,
body.cm-brand-neolinkd.cm-light #main-content .cm-home-row:hover,
body.cm-brand-neolinkd.cm-light #main-content .cm-feed-item:hover,
body.cm-brand-neolinkd.cm-light #main-content .cm-news-item:hover{
  transform: translateY(-1px);
}

body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card .cm-field .label,
body.cm-brand-neolinkd.cm-light #main-content .cm-settings-card .cm-field-hint,
body.cm-brand-neolinkd.cm-light #main-content .cm-switch-help{
  color: rgba(14,23,34,.58) !important;
  opacity: 1 !important;
}


body.cm-brand-neolinkd.cm-light #main-content .cm-profile-top-dark-btn{
  background: linear-gradient(135deg, #071527 0%, #20384f 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

body.cm-brand-neolinkd.cm-light #main-content .cm-profile-top-dark-btn:hover,
body.cm-brand-neolinkd.cm-light #main-content .cm-profile-top-dark-btn:focus-visible{
  background: linear-gradient(135deg, #0a1b2f 0%, #27425a 100%) !important;
  color: #ffffff !important;
}


/* 2026-03-15 patch: redigera profil hard lock in the actual winning global layer */
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera .main,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content{
  overflow-x: hidden !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera main,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera .main{
  height: auto !important;
  min-height: 0 !important;
  overflow-y: visible !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-page{
  max-width: 1180px !important;
  padding-top: 24px !important;
  padding-bottom: 44px !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-head{
  padding: 28px 30px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(23,35,49,.10) !important;
  background: linear-gradient(180deg, rgba(248,251,253,.98) 0%, rgba(236,243,247,.96) 100%) !important;
  box-shadow: 0 14px 34px rgba(15,23,35,.07) !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-head-logo{
  background: rgba(8,16,28,.98) !important;
  border: 1px solid rgba(16,24,36,.18) !important;
  box-shadow: 0 10px 24px rgba(8,16,28,.14) !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-h1{
  color: #0b1c33 !important;
  font-size: 36px !important;
  line-height: 1.04 !important;
  letter-spacing: -.02em !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-sub{
  color: rgba(14,23,34,.72) !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-actions .cm-btn,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-verify-actions .cm-btn,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-save-card .cm-btn,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-image-actions .cm-btn,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-actions-row .cm-btn{
  background: linear-gradient(135deg, #071527 0%, #20384f 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-card.cm-edit-section,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-card.cm-foretag-main-card.cm-edit-section,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-card.cm-foretag-side-card.cm-edit-section{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  border: 1px solid rgba(52,94,121,.46) !important;
  background: linear-gradient(135deg, #08101d 0%, #14243b 46%, #2d475c 100%) !important;
  box-shadow: 0 18px 44px rgba(8,16,27,.14) !important;
  color: #ffffff !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section{
  padding: 18px 18px 20px !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section-head{
  position: relative !important;
  margin-bottom: 14px !important;
  padding-left: 16px !important;
  min-height: 28px !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section-head::before{
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 5px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #6ef1ff 0%, #40b3cc 100%) !important;
  box-shadow: 0 0 0 1px rgba(125,243,255,.12) !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-foretag-h2{
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section-sub{
  margin-top: 4px !important;
  color: rgba(233,242,248,.78) !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section #cm-onboarding,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-edit-preview-tags,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-edit-media-preview,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-inline-check,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-file-block,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-foretag-images-grid,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-verify-status,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-verify-missing,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-actions-row,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-edit-status-note,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-foretag-image-card{
  background: rgba(247,251,253,.98) !important;
  border: 1px solid rgba(21,37,52,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.62) inset !important;
  color: #0e1722 !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field{
  padding: 10px 12px !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field > span,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field-hint,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-counter,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-edit-media-placeholder,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-verify-status-text span,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-edit-status-note{
  color: rgba(14,23,34,.66) !important;
  opacity: 1 !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field input,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field textarea,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-field select,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section input.cm-input,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section textarea.cm-input,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section select.cm-input,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section input[type="text"],
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section input[type="url"],
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section input[type="email"],
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section textarea,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section select{
  background: #ffffff !important;
  border: 1px solid rgba(21,37,52,.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset !important;
  color: #0e1722 !important;
}

body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-edit-preview-tag,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-qual-item,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-inline-check,
body.cm-brand-neolinkd.cm-light.cm-page-foretag-redigera #main-content .cm-edit-section .cm-foretag-image-actions .cm-btn:not(.cm-btn--primary){
  background: rgba(247,251,253,.98) !important;
  color: #0e1722 !important;
  border: 1px solid rgba(21,37,52,.12) !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
}