/* K261 »Farveskala – orange som fokus« (Kim 29/10: »K261 ok«) – trin 1.
   Én fælles skala for, hvor kunden skal kigge:
     N1 FOKUS  – her arbejder du nu: orange kant 2px + blød orange glød + løftet kort. Højst ÉT N1-kort pr. skærm.
     N2 VALGT  – valg du kan tage / har taget (mørk #182A24) og næste handling, der ikke koster penge.
     N3 KORT   – noget at se på (K197-C4 C: 1,5px #929384 + dyb, blød skygge).
     N4 ROLIG  – sekundært: ingen kasse, kun hårfine linjer.
     SIGNAL    – »den lille« lyse orange: små mærker, aldrig en hel flade.
     EVENT     – blå, kun midlertidig opmærksomhed.  KØB – grøn, kun købsknapper.
   Regler: orange betyder aldrig fejl (fejl er fortsat #71312C på #FBF4F2). Prissiden får ingen orange glød.
   Filen står efter palette-k24e.css og afhænger ikke af Blazor-scope-id'er (palette-k24e.css er ikke genereret igen). */

:root {
    /* N1 Fokus – kort */
    --v247-n1: #D9773F;
    --v247-n1-tint: #FFFAF5;
    --v247-n1-glow: 0 0 0 6px rgba(217, 119, 63, .17);
    --v247-n1-lift: 0 2px 4px rgba(168, 80, 28, .08), 0 30px 64px -28px rgba(168, 80, 28, .50);
    --v247-n1-radius: 20px;
    /* N1 Fokus – indtastningsfelt (K239) og felt i fokus */
    --v247-n1-input: #C96A33;
    --v247-n1-input-shadow: inset 0 1px 2px rgba(22, 32, 28, .04);
    --v247-n1-placeholder: #66716B;
    --v247-n1-strong: #A8501C;
    --v247-n1-ring: 0 0 0 4px rgba(217, 119, 63, .26);
    --v247-n1-field-radius: 12px;
    /* N2 Valgt + næste handling */
    --v247-n2: #182A24;
    --v247-n2-choice: #7D8A83;
    --v247-n2-shadow: 0 1px 2px rgba(22, 32, 28, .10);
    --v247-n2-next-shadow: 0 6px 16px rgba(24, 42, 36, .25);
    /* N3 Kort */
    --v247-n3: #929384;
    --v247-n3-shadow: 0 1px 2px rgba(22, 32, 28, .09), 0 18px 42px -21px rgba(22, 32, 28, .34);
    --v247-n3-radius: 20px;
    /* N4 Rolig */
    --v247-n4: #E2DDD3;
    --v247-n4-wall: #FBF7F0;
    --v247-n4-ink: #46524C;
    /* Signal (lys orange) */
    --v247-signal-bg: #FCEBDD;
    --v247-signal-line: #F1C7A6;
    --v247-signal-ink: #A8501C;
    /* Event (blå) */
    --v247-event: #46657F;
    --v247-event-bg: #EAF0F4;
    /* Køb (grøn) – kun købsknapper */
    --v247-buy: #1E7A4C;
    --v247-buy-shadow: 0 4px 12px rgba(30, 122, 76, .28);
    /* Fokusring (tastatur) */
    --v247-focus-outline: 2px solid #A8501C;
    --v247-focus-offset: 2px;
    /* Fejl (uændret – orange betyder aldrig fejl) */
    --v247-error-ink: #71312C;
    --v247-error-bg: #FBF4F2;
}

/* ---------- Lav speak › faner: en rigtig segmenteret kontrol (Apple-stil, skarp kontrast) ----------
   Sporet er et N3-kort (K197-C4 C-kant + skygge) med en lidt dybere flade; valgt fane = N2 fyldt mørk med hvid tekst;
   ikke-valgte faner mørk tekst #2C3A34; NY-mærker forbliver signal-orange. Grøn bruges ikke (kun køb).
   Står her uden scope-id'er, så det virker uanset den genererede palette-k24e.css. */
html body .v247-workspace-tabs:not(#k261-n1) {
    background: #ECE7DD;
    border: 1.5px solid var(--v247-n3);
    border-radius: 14px;
    padding: 4px;
    box-shadow: inset 0 1px 2px rgba(22, 32, 28, .06), var(--v247-n3-shadow);
}
html body .v247-workspace-tabs:not(#k261-n1) .v247-workspace-tab {
    color: #2C3A34;
    font-weight: 600;
    border-radius: 10px;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
html body .v247-workspace-tabs:not(#k261-n1) .v247-workspace-tab:hover { color: var(--v247-n2); background: rgba(255, 255, 255, .7); }
html body .v247-workspace-tabs:not(#k261-n1) .v247-workspace-tab.is-on {
    background: var(--v247-n2);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(22, 32, 28, .20), 0 6px 14px -6px rgba(24, 42, 36, .45);
}
html body .v247-workspace-tabs:not(#k261-n1) .v247-workspace-tab:focus-visible {
    outline: var(--v247-focus-outline);
    outline-offset: var(--v247-focus-offset);
}
html body .v247-workspace-tabs:not(#k261-n1) .v247-workspace-new {
    background: var(--v247-signal-bg);
    color: var(--v247-signal-ink);
    border: 1px solid var(--v247-signal-line);
}

/* ---------- Lav speak › Enkelt speak: tekstfeltet er scenen ----------
   N3 kort (skarp K197-C4 C-kant + dyb skygge) i ro; N1 (orange kant + ring + løft), når kunden skriver i det.
   :not(#k261-n1) løfter specificiteten over K167-A (v247-speaks-list.css) og palette-k24e.css uden scope-id'er.
   .is-landed (v247-manual.css) beholder sin landings-animation. */
html body .v247-speak-page .v247-speak-editor.v247-speak-stage:not(#k261-n1) {
    border: 1.5px solid var(--v247-n3) !important;
    border-radius: var(--v247-n3-radius) !important;
    background: #fff !important;
}
html body .v247-speak-page .v247-speak-editor.v247-speak-stage:not(.is-landed):not(#k261-n1) { box-shadow: var(--v247-n3-shadow) !important; }
/* K289 (Kim 29/10 23:31): ingen orange kant om tekstfeltet, når man skriver – kortet beholder sin rolige N3-kant */
html body .v247-speak-page .v247-speak-editor.v247-speak-stage:not(#k261-n1) textarea::placeholder {
    color: var(--v247-n1-placeholder) !important;
    opacity: 1 !important;
}
html body .v247-speak-page .v247-speak-editor.v247-speak-stage:not(#k261-n1) :is(button, a, [role="button"]):focus-visible {
    outline: var(--v247-focus-outline) !important;
    outline-offset: var(--v247-focus-offset) !important;
}

/* ---------- Lav speak › Telefonbeskeder (PhoneMessagesPanel) ----------
   Ikke-aktive trin-kort = N3. Kun det aktive trin-kort (.is-focus, sat i komponenten) = N1; gløden flytter med til næste trin. */
.v247-ph .v247-ws-card {
    border: 1.5px solid var(--v247-n3);
    border-radius: var(--v247-n3-radius);
    box-shadow: var(--v247-n3-shadow);
}
.v247-ph .v247-ws-card.is-focus {
    border: 2px solid var(--v247-n1);
    border-radius: var(--v247-n1-radius);
    box-shadow: var(--v247-n1-glow), var(--v247-n1-lift);
    background: linear-gradient(180deg, var(--v247-n1-tint), #fff 70%);
}
.v247-ph .v247-ph-card.is-focus { padding: 24px 26px; }
.v247-ph .v247-ph-card.is-focus h3 { font-size: 21px; }
.v247-ph .v247-ph-final.is-focus .v247-ph-final-head { background: transparent; }

/* Trinnumre: aktivt = signal (orange ring), færdigt = N2 (mørk), resten = N2-valgkant */
.v247-ph .v247-ws-stepper li.is-on .v247-ws-step-n,
.v247-ph .v247-ws-card.is-focus .v247-ph-sh .v247-ph-n {
    background: #fff;
    border: 2px solid var(--v247-n1);
    color: var(--v247-signal-ink);
    box-shadow: 0 0 0 4px rgba(217, 119, 63, .16);
}
.v247-ph .v247-ws-stepper li.is-on button { font-weight: 700; }
.v247-ph .v247-ws-stepper li.is-done .v247-ws-step-n,
.v247-ph .v247-ph-n.is-done {
    background: var(--v247-n2);
    border-color: var(--v247-n2);
    color: #fff;
}
.v247-ph .v247-ws-card:not(.is-focus) .v247-ph-sh .v247-ph-n:not(.is-done) { border: 1.5px solid var(--v247-n2-choice); }

/* Indtastningsfelter (K239): 1,5px orange kant, 2px i det aktive kort; i fokus 2px mørkere orange + ring */
.v247-ph .v247-ws-input {
    border: 1.5px solid var(--v247-n1-input);
    border-radius: var(--v247-n1-field-radius);
    background-color: #fff;
    box-shadow: var(--v247-n1-input-shadow);
}
.v247-ph .v247-ws-input.is-suggested { border-color: var(--v247-n1-input); }
.v247-ph .v247-ws-input::placeholder { color: var(--v247-n1-placeholder); opacity: 1; }
.v247-ph .v247-ws-input:focus {
    outline: none;
    border: 2px solid var(--v247-n1-strong);
    box-shadow: var(--v247-n1-ring);
}
.v247-ph .v247-ws-card.is-focus .v247-ws-input { border-width: 2px; }
.v247-ph .v247-ph-card.is-focus .v247-ph-site .v247-ws-input { min-height: 54px; font-size: 17px; padding: 12px 16px; }

/* Næste handling i det aktive kort (»Lav forslag«) = N2 mørk – grøn er kun til køb */
.v247-ph .v247-ph-card.is-focus .v247-ph-suggest {
    background: var(--v247-n2);
    border-color: var(--v247-n2);
    color: #fff;
    min-height: 54px;
    padding: 12px 22px;
    font-size: 16px;
    box-shadow: var(--v247-n2-next-shadow);
}
.v247-ph .v247-ph-card.is-focus .v247-ph-suggest:disabled { opacity: .55; box-shadow: none; }

/* Valg (situationer, sprog) = N2 */
.v247-ph .v247-ph-sit { border: 1.5px solid var(--v247-n2-choice); box-shadow: var(--v247-n2-shadow); }
.v247-ph .v247-ph-sit.is-on { background: var(--v247-n2); border-color: var(--v247-n2); color: #fff; }
.v247-ph .v247-ph-lang { border-top-color: var(--v247-n4); }

/* Fokusring (tastatur) */
.v247-ph :is(button, a, select, [role="button"]):focus-visible {
    outline: var(--v247-focus-outline);
    outline-offset: var(--v247-focus-offset);
}

@media (max-width: 760px) {
    .v247-ph .v247-ph-card.is-focus { padding: 18px 16px; }
    .v247-ph .v247-ph-card.is-focus .v247-ph-site { grid-template-columns: minmax(0, 1fr); }
    .v247-ph .v247-ph-card.is-focus .v247-ph-suggest { width: 100%; }
    /* Trin 3 på mobil er en åben liste uden kasse (K180) – den får ingen glød */
    .v247-ph .v247-ph-final, .v247-ph .v247-ph-final.is-focus { border: 0; box-shadow: none; background: transparent; }
}

/* K290 (Kim 29/10 23:53): Ekstra minutter hører til abonnementet – lysere grøn, aldrig minutpakkens brune */
html body .xs-pack-h { background: radial-gradient(90% 90% at 100% 0%, rgba(170, 214, 190, .45), rgba(170, 214, 190, 0) 70%), linear-gradient(180deg, #3F7A64, #6FA88E) !important; }
html body .xs-pack:not(.is-selected) { border-color: #6FA88E !important; }

/* K291 (Kim 30/10 00:08): Byen i footeren er midlertidigt slukket – kun footerens farve og lys. Fjern denne blok for at tænde igen. */
html body .v247-footer .v247-footer-skyline,
html body .v247-footer .v247-skyline-front,
html body .v247-footer .v247-byen-toggle { display: none !important; }
/* K328 A Kompakt footer (Kim 30/10): følger med K291 – uden Byen ingen tom flade under kolonnerne på desktop. Fjernes sammen med K291-blokken, så fladen kommer tilbage, når Byen tændes. */
@media (min-width:1101px) { html body .v247-footer .v247-footer-grid { padding-bottom: 40px !important; } }

/* Kim 30/10 00:46: »Opbrugt« skal kunne læses – lys grå flade, mørk tekst */
html body .account-status-badge.account-status-badge--neutral { background: #E8ECE9 !important; color: #3E4A44 !important; border: 1px solid #CFD6D2 !important; }

/* K328 A Kompakt footer (Kim 30/10): Vilkår, Privatlivspolitik, Cookiepolitik og Administrér cookies i samme størrelse og farve som resten af copyright-linjen (11,5px). Understreget kun ved hover. Gælder kun copyright-linjen – øvrige footer-links er uændrede. */
html body .v247-footer .v247-footer-legal .v247-footer-legal-links a,
html body .v247-footer .v247-footer-legal .v247-footer-legal-button { font-size: 11.5px !important; line-height: inherit !important; text-decoration: none !important; }
html body .v247-footer .v247-footer-legal .v247-footer-legal-links a:hover,
html body .v247-footer .v247-footer-legal .v247-footer-legal-button:hover { text-decoration: underline !important; text-underline-offset: 2px; }