@charset "UTF-8";
/* Markedsanalyse app styling - aligned with homepage 3 design */
html, body {
    min-height: 100%;
}

body {
    font-family: "Raleway", Arial, sans-serif;
    background: var(--pale-2);
    color: var(--ink);
}

body.me-embedded {
    background: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.me-hidden {
    display: none !important;
}

.market-shell-header .brand img {
    width: 166px;
    height: auto;
}

.market-shell-header .main-nav {
    gap: 34px;
}

.market-shell-header .header-inner {
    justify-content: space-between;
}

.market-shell-header .main-nav {
    margin-left: auto;
}

.market-shell-header .nav-link {
    font-size: 13px;
}

.market-login-body .site-header {
    position: sticky;
}

.market-login-hero {
    min-height: 570px;
    overflow: visible;
}

.market-login-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(380px, .62fr);
    gap: 72px;
    align-items: center;
}

.market-login-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.market-login-badges span {
    display: inline-flex;
    align-items: center;
    border: 1px solid #cbdced;
    background: #fff;
    color: var(--navy);
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
}

.market-login-card {
    position: relative;
    z-index: 3;
    border-radius: 20px;
    padding: 34px;
    box-shadow: 0 18px 56px rgba(0,51,99,.12);
    max-width: 460px;
    margin-left: auto;
}

.market-login-card h2 {
    margin: 0 0 8px;
    color: var(--navy);
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: -.03em;
}

.market-login-card > p {
    margin: 0 0 24px;
    color: var(--muted);
    font-weight: 700;
}

.market-login-card .form-grid {
    gap: 16px;
}

.market-login-card .field label {
    font-size: 13px;
    color: var(--navy);
}

.market-login-card .field input {
    border-radius: 12px;
    padding: 14px 15px;
    border-color: #cbdced;
    font-size: 14px;
    font-weight: 700;
}

.market-login-card .btn {
    width: 100%;
    margin-top: 20px;
    padding: 15px 26px;
    font-size: 14px;
    background: var(--cyan);
    color: #fff;
    border-color: var(--cyan);
}

.market-login-card .form-note {
    margin: 16px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}

.market-login-card__link {
    display: block;
    margin-top: 18px;
    color: var(--navy);
    font-size: 14px;
    font-weight: 900;
    text-align: center;
}

.market-login-card__link:hover {
    color: var(--cyan);
}

.market-login-access .final-cta__inner {
    grid-template-columns: 1fr auto;
}

.market-login-access h2 {
    max-width: none;
}

.market-login-access .btn {
    background: var(--cyan);
    color: #fff;
    border-color: var(--cyan);
}

.market-dashboard-hero {
    min-height: auto;
}

.market-dashboard-hero .hero-inner {
    padding: 70px 0;
}

.market-dashboard-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .45fr);
    gap: 58px;
    align-items: center;
}

.market-flow-card {
    position: relative;
    z-index: 3;
    background: #fff;
    border: 1px solid #d6e3f0;
    border-radius: 18px;
    box-shadow: 0 18px 56px rgba(0,51,99,.12);
    padding: 26px;
    color: var(--ink);
}

.market-flow-card h3 {
    margin: 0 0 16px;
    color: var(--navy);
    font-size: 22px;
}

.market-flow-steps {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.market-flow-steps span {
    display: block;
    border-radius: 10px;
    background: var(--pale-2);
    border-left: 4px solid var(--cyan);
    padding: 10px 12px;
    color: var(--navy);
    font-weight: 800;
}

.market-flow-card p {
    margin: 14px 0 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
}

.market-dashboard-section {
    padding-top: 44px;
}

.market-background-note {
    margin: 14px 0 0;
    color: var(--muted);
    font-weight: 700;
    text-align: center;
}

/* App window */
.me-window {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.me-window-heading {
    min-height: 66px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--navy);
    color: #fff;
    padding: 18px 24px;
    font-size: 22px;
    font-weight: 900;
}

.me-heading-subtitle {
    color: rgba(255,255,255,.78);
    font-size: 13px;
    font-weight: 700;
}

.me-window-body {
    padding: 24px;
}

.me-kpi-row {
    margin: 0 0 24px !important;
}

body:not(.me-embedded) .me-kpi-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body:not(.me-embedded) .me-kpi-row:before,
body:not(.me-embedded) .me-kpi-row:after {
    content: none !important;
    display: none !important;
}

body:not(.me-embedded) .me-kpi-row > [class*="col-"] {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
}

.me-kpi {
    min-height: 125px;
    background: #fff;
    border: 1px solid var(--line);
    border-top: 4px solid var(--cyan);
    border-radius: 12px;
    padding: 18px;
}

.me-kpi-green { border-top-color: var(--green); }
.me-kpi-orange { border-top-color: #ffb020; }
.me-kpi-yellow { border-top-color: var(--navy); }

.me-kpi-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.me-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--pale-2);
    color: var(--navy);
    flex: 0 0 38px;
}

.me-kpi-icon:before {
    font-weight: 900;
    font-size: 18px;
}

.me-kpi-icon-plan:before { content: "\2713"; }
.me-kpi-icon-reports:before { content: "\21AF"; color: var(--green); }
.me-kpi-icon-lines:before { content: "\2261"; color: #b56b00; }
.me-kpi-icon-upgrade:before { content: "+"; }

.me-kpi-value {
    color: var(--navy);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 900;
}

.me-kpi-value-small {
    font-size: 18px;
}

.me-kpi-bottom {
    margin-top: 14px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.me-kpi-bottom a {
    color: var(--navy);
    font-weight: 900;
}

.me-kpi-bottom a:hover {
    color: var(--cyan);
}

.me-tabs {
    border: 0 !important;
    display: flex;
    gap: 8px;
    background: var(--pale-2);
    border-radius: 999px;
    padding: 7px;
    margin: 0 0 22px;
}

.me-tabs > li {
    float: none;
    margin: 0;
}

.me-tabs > li > a {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--navy);
    background: transparent !important;
    font-weight: 900;
    padding: 11px 18px;
}

.me-tabs > li.active > a,
.me-tabs > li.active > a:hover,
.me-tabs > li.active > a:focus {
    background: var(--cyan) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(0,174,238,.22);
}

.me-box {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px;
}

.me-box-heading {
    padding: 18px 20px 13px;
    border-bottom: 1px solid var(--line);
    color: var(--navy);
    font-size: 18px;
    font-weight: 900;
}

.me-box-body {
    padding: 20px;
}

.me-filter-box {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--pale-2);
    padding: 16px;
    margin-bottom: 16px;
}

.me-step-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.me-step-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    color: var(--ink);
    font-weight: 700;
}

.me-step-number {
    min-width: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--cyan);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.me-help-text,
.me-small-muted {
    color: var(--muted);
    font-size: 13px;
}

.form-group label {
    color: var(--navy);
    font-size: 13px;
    font-weight: 900;
}

.form-control {
    height: 44px;
    border: 1px solid #cbdced;
    border-radius: 12px;
    box-shadow: none !important;
    color: var(--ink);
    font-size: 14px;
}

.form-control:focus {
    border-color: var(--cyan);
    box-shadow: 0 0 0 4px rgba(0,174,238,.13) !important;
}

input[type="file"].form-control {
    height: auto;
    min-height: 44px;
    padding: 10px 12px;
}

.btn-primary,
.me-btn-primary {
    background: var(--cyan) !important;
    border-color: var(--cyan) !important;
    color: #fff !important;
}

.btn-primary:hover,
.me-btn-primary:hover {
    background: var(--cyan-2) !important;
    border-color: var(--cyan-2) !important;
}

.btn-default {
    background: #fff;
    border-color: var(--line);
    color: var(--navy);
}

.btn-default:hover {
    border-color: var(--cyan);
    color: var(--cyan);
}

.me-button-spacer {
    margin-right: 6px;
}

.alert {
    border-radius: 12px;
}

.alert-success {
    color: #0d6b3f;
    background: rgba(140,197,61,.12);
    border-color: rgba(140,197,61,.35);
}

.alert-danger {
    color: #9b1c1c;
    background: rgba(201,56,56,.10);
    border-color: rgba(201,56,56,.25);
}

.alert-warning {
    color: #805000;
    background: rgba(255,176,32,.14);
    border-color: rgba(255,176,32,.30);
}

.me-status-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 26px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid var(--line);
    background: #fff;
}

.me-status-completed { color: #0d6b3f; background: rgba(140,197,61,.12); border-color: rgba(140,197,61,.35); }
.me-status-queued,
.me-status-processing,
.me-status-dataready { color: #805000; background: rgba(255,176,32,.14); border-color: rgba(255,176,32,.30); }
.me-status-failed { color: #9b1c1c; background: rgba(201,56,56,.10); border-color: rgba(201,56,56,.25); }

.me-spinner {
    width: 13px;
    height: 13px;
    border: 2px solid rgba(128,80,0,.18);
    border-top-color: #805000;
    border-radius: 50%;
    display: inline-block;
    animation: meSpin .8s linear infinite;
}

@keyframes meSpin {
    to { transform: rotate(360deg); }
}

.table > thead > tr > th {
    background: var(--pale-2);
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--line) !important;
}

.table > tbody > tr > td {
    vertical-align: middle;
    color: var(--ink);
    font-weight: 650;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #fbfdff;
}

.me-api-docs,
.me-created-key {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--pale-2);
    padding: 14px;
    overflow-wrap: anywhere;
}

.market-message-hero {
    min-height: calc(100vh - 78px);
}

.market-message-card {
    background: #fff;
    color: var(--ink);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 44px;
    max-width: 700px;
}

.market-message-card h1 {
    color: var(--navy);
    font-size: 42px;
    line-height: 1.1;
    margin: 0 0 16px;
}

/* Embedded portal mode remains compact */
body.me-embedded .me-page,
body.me-embedded .me-page-embedded {
    padding: 0;
}

body.me-embedded .me-kpi-row {
    margin: 0 -5px 12px !important;
}

body.me-embedded .me-kpi {
    min-height: 82px;
    border-radius: 3px;
    padding: 10px;
    box-shadow: none;
}

body.me-embedded .me-kpi-value {
    font-size: 18px;
}

body.me-embedded .me-tabs {
    border-bottom: 1px solid #ddd !important;
    border-radius: 0;
    background: transparent;
    padding: 0;
    gap: 0;
    margin-bottom: 12px;
}

body.me-embedded .me-tabs > li {
    float: left;
}

body.me-embedded .me-tabs > li > a {
    border-radius: 3px 3px 0 0 !important;
    padding: 8px 12px;
    font-size: 12px;
    color: #337ab7;
}

body.me-embedded .me-tabs > li.active > a,
body.me-embedded .me-tabs > li.active > a:hover,
body.me-embedded .me-tabs > li.active > a:focus {
    color: #555 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
    box-shadow: none;
}

body.me-embedded .me-box {
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 12px;
}

body.me-embedded .me-box-heading {
    padding: 8px 10px;
    background: #f5f5f5;
    color: #333;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}

body.me-embedded .me-box-body {
    padding: 10px;
}

body.me-embedded .form-control,
body.me-embedded .btn {
    border-radius: 3px;
}

@media (max-width: 900px) {
    .market-login-hero__inner,
    .market-dashboard-hero__inner {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .market-login-card,
    .market-flow-card {
        max-width: none;
        margin-left: 0;
    }

    body:not(.me-embedded) .me-kpi-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .market-shell-header .main-nav {
        display: none;
    }

    .market-login-hero .hero-inner,
    .market-dashboard-hero .hero-inner {
        padding: 48px 0;
    }

    .market-login-card,
    .market-message-card {
        padding: 24px;
    }

    body:not(.me-embedded) .me-kpi-row {
        grid-template-columns: 1fr;
    }

    .me-window-body {
        padding: 16px;
    }

    .me-tabs {
        overflow-x: auto;
        border-radius: 16px;
    }

    .me-tabs > li > a {
        white-space: nowrap;
    }
}

/* =========================================================
   v20 layout fix
   Årsag: login-layoutet kan blive forkert, hvis gamle CSS/JS
   caches eller Bootstrap/global-grid påvirker rækkefølgen.
   Disse regler låser forside-login til designoplæggets placering:
   tekst til venstre, login-kort til højre, samme række.
   ========================================================= */

body:not(.me-embedded) .market-login-hero {
    min-height: 570px;
    overflow: visible;
    background: linear-gradient(135deg,#f4f8fc 0%,#eaf2f8 58%,#dcebf5 100%);
    color: var(--navy);
}

body:not(.me-embedded) .market-login-hero:before {
    background:
        radial-gradient(circle at 78% 20%,rgba(0,174,238,.18),transparent 32%),
        linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(244,248,252,.72) 52%,rgba(221,236,246,.5) 100%);
}

body:not(.me-embedded) .market-login-hero .hero-inner.market-login-hero__inner {
    width: min(var(--max), calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(380px, .62fr) !important;
    grid-template-areas: "copy login" !important;
    gap: 72px !important;
    align-items: center !important;
    padding: 70px 0 120px !important;
}

body:not(.me-embedded) .market-login-hero__inner > .hero-copy {
    grid-area: copy !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 620px !important;
    justify-self: start !important;
    align-self: center !important;
}

body:not(.me-embedded) .market-login-hero__inner > .market-login-card {
    grid-area: login !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 460px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-self: end !important;
    align-self: center !important;
}

body:not(.me-embedded) .market-login-hero .hero-copy h1 {
    color: var(--navy) !important;
    text-shadow: none !important;
}

body:not(.me-embedded) .market-login-hero .hero-copy h1 span {
    color: var(--cyan) !important;
}

body:not(.me-embedded) .market-login-hero .hero-copy > p {
    color: var(--muted) !important;
    font-weight: 600 !important;
}

body:not(.me-embedded) .market-login-card {
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 56px rgba(0,51,99,.12) !important;
    padding: 34px !important;
}

body:not(.me-embedded) .market-login-card .btn,
body:not(.me-embedded) .market-login-card .btn--cyan {
    background: var(--cyan) !important;
    color: #fff !important;
    border-color: var(--cyan) !important;
}

body:not(.me-embedded) .market-login-access {
    clear: both;
}

@media (max-width: 900px) {
    body:not(.me-embedded) .market-login-hero .hero-inner.market-login-hero__inner {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "copy"
            "login" !important;
        gap: 34px !important;
        padding: 54px 0 80px !important;
    }

    body:not(.me-embedded) .market-login-hero__inner > .hero-copy,
    body:not(.me-embedded) .market-login-hero__inner > .market-login-card {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* =========================================================
   v21 layout fix
   Låser også layout efter login:
   - hero-tekst i venstre kolonne
   - rapportflow-kort i højre kolonne
   - mobilmenu-knappen vises ikke på desktop
   ========================================================= */

body:not(.me-embedded) .market-shell-header .mobile-toggle {
    display: none !important;
    visibility: hidden !important;
}

body:not(.me-embedded) .market-shell-header .mobile-toggle span {
    display: none !important;
}

body:not(.me-embedded) .market-dashboard-hero {
    min-height: auto !important;
    overflow: visible !important;
    background: linear-gradient(135deg,#f4f8fc 0%,#eaf2f8 58%,#dcebf5 100%) !important;
    color: var(--navy) !important;
}

body:not(.me-embedded) .market-dashboard-hero:before {
    background:
        radial-gradient(circle at 78% 20%,rgba(0,174,238,.18),transparent 32%),
        linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(244,248,252,.72) 52%,rgba(221,236,246,.5) 100%) !important;
}

body:not(.me-embedded) .market-dashboard-hero .hero-inner.market-dashboard-hero__inner {
    width: min(var(--max), calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(320px, .62fr) !important;
    grid-template-areas: "copy flow" !important;
    gap: 58px !important;
    align-items: center !important;
    padding: 70px 0 !important;
}

body:not(.me-embedded) .market-dashboard-hero__inner > .hero-copy {
    grid-area: copy !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 640px !important;
    justify-self: start !important;
    align-self: center !important;
}

body:not(.me-embedded) .market-dashboard-hero__inner > .market-flow-card {
    grid-area: flow !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-self: end !important;
    align-self: center !important;
}

body:not(.me-embedded) .market-dashboard-hero .hero-copy h1 {
    color: var(--navy) !important;
    text-shadow: none !important;
}

body:not(.me-embedded) .market-dashboard-hero .hero-copy > p {
    color: var(--muted) !important;
    font-weight: 600 !important;
}

body:not(.me-embedded) .market-flow-card {
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 56px rgba(0,51,99,.12) !important;
    padding: 26px !important;
}

body:not(.me-embedded) .market-flow-card h3 {
    margin: 0 0 16px !important;
    color: var(--navy) !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
}

body:not(.me-embedded) .market-flow-steps {
    display: grid !important;
    gap: 10px !important;
}

body:not(.me-embedded) .market-flow-steps span {
    display: block !important;
    border-radius: 10px !important;
    background: var(--pale-2) !important;
    border-left: 4px solid var(--cyan) !important;
    padding: 10px 12px !important;
    color: var(--navy) !important;
    font-weight: 800 !important;
}

@media (max-width: 900px) {
    body:not(.me-embedded) .market-dashboard-hero .hero-inner.market-dashboard-hero__inner {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "copy"
            "flow" !important;
        gap: 34px !important;
        padding: 54px 0 70px !important;
    }

    body:not(.me-embedded) .market-dashboard-hero__inner > .hero-copy,
    body:not(.me-embedded) .market-dashboard-hero__inner > .market-flow-card {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 860px) {
    body:not(.me-embedded) .market-shell-header .mobile-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        flex-direction: column !important;
        gap: 5px !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }

    body:not(.me-embedded) .market-shell-header .mobile-toggle span {
        display: block !important;
        width: 24px !important;
        height: 2px !important;
        background: var(--navy) !important;
        border: 0 !important;
        border-radius: 99px !important;
    }
}

/* =========================================================
   v23 layout cleanup
   - Topmenu: API/Prisvogter.dk flugter til højre i samme container
   - CTA-bund: tekst til venstre, knap til højre
   - Efter login: ingen hero/rapportflow, dashboard starter direkte
   ========================================================= */

/* Header alignment */
body:not(.me-embedded) .market-shell-header .header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: min(var(--max), calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.me-embedded) .market-shell-header .brand {
    flex: 0 0 auto !important;
}

body:not(.me-embedded) .market-shell-header .main-nav {
    margin-left: auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 42px !important;
}

body:not(.me-embedded) .market-shell-header .mobile-toggle {
    display: none !important;
    visibility: hidden !important;
}

/* Login CTA bottom alignment */
body:not(.me-embedded) .market-login-access .final-cta__inner {
    width: min(var(--max), calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "copy action" !important;
    gap: 70px !important;
    align-items: center !important;
}

body:not(.me-embedded) .market-login-access .final-cta__inner > div:first-child {
    grid-area: copy !important;
    justify-self: start !important;
    text-align: left !important;
}

body:not(.me-embedded) .market-login-access .final-cta__action {
    grid-area: action !important;
    justify-self: end !important;
    align-self: center !important;
    text-align: right !important;
}

body:not(.me-embedded) .market-login-access h2 {
    max-width: none !important;
    margin-bottom: 16px !important;
}

body:not(.me-embedded) .market-login-access .btn {
    white-space: nowrap !important;
}

/* App starts directly with dashboard */
body:not(.me-embedded) .market-dashboard-section--top {
    padding-top: 54px !important;
    padding-bottom: 74px !important;
    min-height: calc(100vh - 78px) !important;
}

/* If an older browser-cached render still outputs the old hero, hide it */
body:not(.me-embedded) .market-app .market-dashboard-hero {
    display: none !important;
}

/* Since old hero is hidden, make sure dashboard section has enough top spacing */
body:not(.me-embedded) .market-app .market-dashboard-section {
    padding-top: 54px !important;
}

/* Keep mobile menu only on small screens */
@media (max-width: 860px) {
    body:not(.me-embedded) .market-shell-header .mobile-toggle {
        display: inline-flex !important;
        visibility: visible !important;
    }

    body:not(.me-embedded) .market-shell-header .main-nav {
        gap: 0 !important;
    }
}

@media (max-width: 900px) {
    body:not(.me-embedded) .market-login-access .final-cta__inner {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "copy"
            "action" !important;
        gap: 28px !important;
    }

    body:not(.me-embedded) .market-login-access .final-cta__action {
        justify-self: start !important;
        text-align: left !important;
    }
}

/* v24 final layout adjustments */
:root {
    --market-shell-width: min(1340px, calc(100% - 80px));
}

body:not(.me-embedded) .market-shell-header .header-inner,
body:not(.me-embedded) .market-app .container,
body:not(.me-embedded) .market-login-hero .container,
body:not(.me-embedded) .market-login-access .container,
body:not(.me-embedded) .market-shell-footer .container,
body:not(.me-embedded) .site-footer .container {
    width: var(--market-shell-width) !important;
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.me-embedded) .market-shell-header .header-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

body:not(.me-embedded) .market-shell-header .brand {
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 0 0 auto !important;
}

body:not(.me-embedded) .market-shell-header .main-nav {
    margin-left: auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 42px !important;
}

body:not(.me-embedded) .market-shell-header .nav-link {
    text-align: right !important;
}

/* Removed fixed background note and old refresh button fallback */
body:not(.me-embedded) .market-background-note,
body:not(.me-embedded) #meRefreshJobs {
    display: none !important;
}

/* Footer alignment */
body:not(.me-embedded) .market-shell-footer,
body:not(.me-embedded) .site-footer {
    margin-top: 0 !important;
}

body:not(.me-embedded) .market-shell-footer .footer-inner,
body:not(.me-embedded) .site-footer .footer-inner {
    width: var(--market-shell-width) !important;
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1.35fr) minmax(180px, .75fr) minmax(180px, .75fr) !important;
    gap: 70px !important;
    align-items: start !important;
}

body:not(.me-embedded) .market-shell-footer .footer-bottom,
body:not(.me-embedded) .site-footer .footer-bottom {
    width: var(--market-shell-width) !important;
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 30px !important;
}

/* App spacing */
body:not(.me-embedded) .market-dashboard-section--top,
body:not(.me-embedded) .market-app .market-dashboard-section {
    padding-top: 54px !important;
    padding-bottom: 64px !important;
}

@media (max-width: 900px) {
    :root {
        --market-shell-width: min(100% - 40px, 1340px);
    }

    body:not(.me-embedded) .market-shell-footer .footer-inner,
    body:not(.me-embedded) .site-footer .footer-inner {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body:not(.me-embedded) .market-shell-footer .footer-bottom,
    body:not(.me-embedded) .site-footer .footer-bottom {
        flex-direction: column !important;
    }
}

@media (max-width: 620px) {
    :root {
        --market-shell-width: min(100% - 24px, 1340px);
    }
}

/* =========================================================
   v25 footer fix
   Isoleret footer uden globale .site-footer/.footer-inner klasser.
   Retter skæve kolonner og flugter footer med dashboard/header.
   ========================================================= */

body:not(.me-embedded) .site-footer.market-shell-footer,
body:not(.me-embedded) footer.site-footer.market-shell-footer {
    display: none !important;
}

body:not(.me-embedded) .market-footer {
    background:
        radial-gradient(circle at 18% 22%, rgba(0,174,238,.08), transparent 26%),
        radial-gradient(circle at 70% 20%, rgba(0,174,238,.08), transparent 30%),
        linear-gradient(135deg, #00284d, #00345f);
    color: #ffffff;
    margin-top: 0;
    padding: 70px 0 24px;
    position: relative;
    overflow: hidden;
}

body:not(.me-embedded) .market-footer:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.055) 2px, transparent 2.5px);
    background-size: 18px 18px;
    opacity: .35;
    pointer-events: none;
}

body:not(.me-embedded) .market-footer__inner,
body:not(.me-embedded) .market-footer__bottom {
    position: relative;
    z-index: 1;
    width: var(--market-shell-width, min(1340px, calc(100% - 80px)));
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}

body:not(.me-embedded) .market-footer__inner {
    display: grid;
    grid-template-columns: minmax(320px, 1.35fr) minmax(190px, .55fr) minmax(190px, .55fr);
    gap: 80px;
    align-items: start;
}

body:not(.me-embedded) .market-footer__col {
    min-width: 0;
}

body:not(.me-embedded) .market-footer h3 {
    margin: 0 0 18px;
    color: #00aeee;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body:not(.me-embedded) .market-footer__company h3 {
    color: #ffffff;
}

body:not(.me-embedded) .market-footer p {
    margin: 0 0 20px;
    max-width: 360px;
    color: #d5e7f2;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

body:not(.me-embedded) .market-footer address {
    margin: 0;
    color: #d5e7f2;
    font-style: normal;
    line-height: 1.65;
    font-size: 14px;
}

body:not(.me-embedded) .market-footer a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.9;
    font-weight: 600;
}

body:not(.me-embedded) .market-footer a:hover {
    color: #00aeee;
}

body:not(.me-embedded) .market-footer address a {
    display: inline;
    font-weight: 800;
}

body:not(.me-embedded) .market-footer__bottom {
    margin-top: 54px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: #cfe0ec;
    font-size: 13px;
}

body:not(.me-embedded) .market-footer__bottom span:last-child {
    display: flex;
    gap: 26px;
    align-items: center;
}

body:not(.me-embedded) .market-footer__bottom a {
    display: inline;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
}

@media (max-width: 900px) {
    body:not(.me-embedded) .market-footer {
        padding-top: 54px;
    }

    body:not(.me-embedded) .market-footer__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    body:not(.me-embedded) .market-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 620px) {
    body:not(.me-embedded) .market-footer__inner,
    body:not(.me-embedded) .market-footer__bottom {
        width: min(100% - 24px, 1340px);
    }
}

/* v26 icon encoding fix: ASCII-safe CSS escapes instead of literal UTF-8 glyphs */
body:not(.me-embedded) .me-kpi-icon-plan:before { content: "\2713" !important; }
body:not(.me-embedded) .me-kpi-icon-reports:before { content: "\21AF" !important; color: var(--green) !important; }
body:not(.me-embedded) .me-kpi-icon-lines:before { content: "\2261" !important; color: #b56b00 !important; }
body:not(.me-embedded) .me-kpi-icon-upgrade:before { content: "+" !important; }

/* v28 Kenneth changes: welcome + logout in header */
body:not(.me-embedded) .market-user-nav {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-left: 8px !important;
}

body:not(.me-embedded) .market-user-name {
    color: #5A7B9D !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body:not(.me-embedded) .market-logout-button {
    border: 1px solid rgba(0, 51, 99, .22) !important;
    background: #ffffff !important;
    color: #003363 !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

body:not(.me-embedded) .market-logout-button:hover {
    border-color: #00AEEE !important;
    color: #00AEEE !important;
}

@media (max-width: 860px) {
    body:not(.me-embedded) .market-user-nav {
        margin-left: 0 !important;
        margin-top: 10px !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
}

/* v32 FreshDataDelay statuses */
.me-status-preparingindexing,
.me-status-waitingforfreshdata {
    color: #805000;
    background: rgba(255,176,32,.14);
    border-color: rgba(255,176,32,.30);
}

#meJobsTable .me-status-label {
    white-space: normal;
    line-height: 1.35;
}