/* K580 »Tekniske rettelser fra Kims test« (Kim 2/11). Rollback: fjern linket i _Host.cshtml. */

/* Ventefigurens ene størrelse (samme som i »Lav speak«-knappen) – også de figurer, der tegnes direkte (O4-spans). */
:root { --v247-thinking-size: 18px; }

/* Punkt 4: saldoens plads holdes usynligt, mens kontoen indlæses – avatar og menupunkter flytter sig aldrig. */
html body .v247-site-header .k580-reserve { visibility: hidden; pointer-events: none; }

/* Punkt 7: lyse hjælpebobler på Lav speak (hvidt kort, blød skygge, mørkegrøn læsbar tekst) i stedet for sorte. */
html body .v247-speak-page .v247-stage-bot .v247-tool-tip.v247-tool-tip {
    padding: 7px 11px;
    border: 1px solid #E2E8E3;
    border-radius: 10px;
    background: #fff;
    color: #1F362F;
    box-shadow: 0 10px 28px rgba(27, 29, 27, .14);
}
html body .v247-speak-page .v247-stage-bot .v247-tool-tip.v247-tool-tip::after { border-top-color: #fff; }

html body .v247-speak-page .v247-usage-pill-popover.v247-usage-pill-popover,
html body .v247-speak-page .v247-usage-quiet-detail.v247-usage-quiet-detail {
    border: 1px solid #E2E8E3 !important;
    background: #fff !important;
    color: #1F362F !important;
    box-shadow: 0 10px 28px rgba(27, 29, 27, .14) !important;
}

/* MudBlazor-tooltips (fx i Seneste speaks) på Lav speak: samme lyse boble – følelses-tippet har allerede sin egen. */
html body:has(.v247-speak-page) .mud-tooltip:not(:has(.v247-emotion-pop)) {
    padding: 7px 11px !important;
    border: 1px solid #E2E8E3;
    border-radius: 10px !important;
    background: #fff !important;
    color: #1F362F !important;
    font-size: 12.5px;
    box-shadow: 0 10px 28px rgba(27, 29, 27, .14) !important;
}
html body:has(.v247-speak-page) .mud-tooltip:not(:has(.v247-emotion-pop))::after { content: none !important; }

/* Punkt 3: Økonomi på Lav speak/Produktioner/Stemmer – en venlig besked med vejen til Konto. */
.k580-billing-note .k580-billing-note-title { margin: 0; font-size: 22px; font-weight: 600; color: #16201C; }
.k580-billing-note .k580-billing-note-text { max-width: 30rem; margin: 0; font-size: 15px; line-height: 1.5; color: #33413B; }
.k580-billing-note .k580-billing-note-go { margin-top: 6px; }

/* Punkt 7: den lyse hjælpeboble, der afløser browserens sorte title-tooltips på Lav speak (js/v247-k580-help.js). */
.v247-k580-help {
    position: fixed;
    z-index: 2000;
    max-width: 300px;
    padding: 8px 12px;
    border: 1px solid #E2E8E3;
    border-radius: 10px;
    background: #fff;
    color: #1F362F;
    font: 500 13px/1.45 var(--v247-design-font-family, inherit);
    box-shadow: 0 10px 28px rgba(27, 29, 27, .14);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
}
.v247-k580-help.is-on { opacity: 1; visibility: visible; }

/* »X sek. brugt« ved saldoen efter en rettelse – samme lyse boble (før mørk). */
html body .v247-seltoast.v247-seltoast {
    border: 1px solid #E2E8E3;
    background: #fff;
    color: #1F362F;
    box-shadow: 0 10px 28px rgba(27, 29, 27, .14);
}

/* Organisation for inviterede/Økonomi (én topmenu): samme venlige besked som på arbejdssiderne. */
.k580-org-note { display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 34rem; margin: 12vh auto; text-align: center; }

/* Punkt 3: gæstens topmenu = samme punkter OG samme udseende som for indloggede (K438 C: valgt punkt = blød pille). */
@media (min-width: 921px) { html body .v247-site-header .k580-guest-nav { display: flex; align-items: center; gap: 26px; } }
html body .v247-site-header .k580-guest-nav .v247-ah-link {
    gap: 6px;
    padding: 6px 12px;
    margin: 0 -12px;
    border-bottom: 0;
    border-radius: 99px;
    color: var(--v247-chrome-text-muted, #46524C);
    line-height: 1.25;
}
html body .v247-site-header .k580-guest-nav .v247-ah-link:hover { color: var(--v247-chrome-text, #182A24); }
html body .v247-site-header .k580-guest-nav .v247-ah-link.active {
    background: var(--v247-mark-bg, #fff);
    color: var(--v247-mark-ink, #1F4A3C);
    box-shadow: var(--v247-mark-ring, inset 0 0 0 1.5px #2C5A4A);
}
html body .v247-site-header .k580-guest-nav .v247-workspace-mic { width: 16px; height: 16px; flex: none; }
/* »Gå til Konto« – samme mørkegrønne knap som platformens øvrige sekundære handlinger (fx »Prøv igen«-knappen) */
.k580-billing-note a.v247-btn, .k580-org-note a.v247-btn {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 6px; padding: 10px 20px;
    border-radius: 999px; background: #1F362F; color: #fff; font-weight: 600; font-size: 15px; text-decoration: none;
}
.k580-billing-note a.v247-btn:hover, .k580-org-note a.v247-btn:hover { background: #2C4A42; color: #fff; }
.k580-billing-note a.v247-btn:focus-visible, .k580-org-note a.v247-btn:focus-visible { outline: 3px solid rgba(44, 74, 66, .3); outline-offset: 2px; }

/* K580.1 (Claudes egen QA på TEST 3/11): »Kun TEST«-mærket ved logoet blev dækket af menuens første pille (»Lav speak«),
   fordi menupunkterne har negativ venstremargin. Kun på TEST – luft efter mærket på brede skærme. */
@media (min-width: 481px) {
    .v247-topnav-inner > .v247-test-pill + .v247-desktop-nav,
    .v247-topnav-inner > .v247-test-pill + .v247-ah-links { margin-left: 20px; }
}
/* K580.1: på mobil rørte »Opret gratis konto« menuknappen – lidt luft imellem. */
@media (max-width: 480px) {
    .v247-topnav-inner > .v247-menu-toggle { margin-left: 6px; }
    /* K624 (6): med menuen åben forsvinder »Opret gratis konto« – ✕ bliver i højre hjørne, hvor ☰ stod */
    .v247-site-header:not(.is-app-header) .v247-topnav-inner:not(:has(> .v247-guest-signup, > .v247-guest-speak-cta, > .k576-guest-pill-mobile)) > .v247-menu-toggle { margin-left: auto; }
}