/**
 * Pasningsplanen — intake (/plan) + plan (/plan/min)
 * Følger docs/ai-handoff/DESIGN_SYSTEM.md: ro, ét fokus pr. skærm,
 * datoer som typografiske helte, ingen alarm-farver på frister.
 */

.plan-page {
    min-height: 100vh;
    background: linear-gradient(180deg, var(--ivory, #FBF8F0) 0%, var(--emerald-50, #F2FEF9) 100%);
}

.plan-shell {
    max-width: 40rem;
    margin: 0 auto;
    padding: 1.25rem 1rem 4rem;
}

.plan-shell--wide {
    max-width: 46rem;
}

/* ---------- Fokuseret topbar ---------- */
.plan-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 0;
}

.plan-topbar__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    color: var(--mb-navy, #172033);
    text-decoration: none;
    letter-spacing: -0.02em;
}

.plan-topbar__brand img {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.plan-topbar__exit {
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    padding: 0.45rem 0.8rem;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
}

.plan-topbar__exit:hover {
    border-color: #cbd5e1;
    color: var(--mb-navy, #172033);
}

/* ---------- Fremskridt ---------- */
.plan-progress {
    margin: 0.5rem 0 1.5rem;
}

.plan-progress__label {
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
    margin: 0 0 0.4rem;
}

.plan-progress__track {
    height: 6px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.plan-progress__bar {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #18A77B, #35C99A, #0F8A66);
    background-size: 200% 100%;
    animation: plan-progress-shimmer 2.6s linear infinite;
    transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes plan-progress-shimmer {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .plan-progress__bar {
        animation: none;
        background: #0F8A66;
    }
}

/* ---------- Intake-trin ---------- */
.plan-step {
    display: none;
    animation: plan-step-in 0.22s ease;
}

.plan-step.is-active {
    display: block;
}

@keyframes plan-step-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.plan-card {
    background: #fff;
    border: 1px solid var(--mb-line, #e2eaf4);
    border-radius: var(--mb-radius-lg, 22px);
    box-shadow: var(--mb-shadow-md, 0 8px 28px rgba(15, 23, 42, 0.09));
    padding: 1.5rem 1.4rem 1.6rem;
}

.plan-step h1,
.plan-step h2 {
    margin: 0 0 0.4rem;
    font-size: clamp(1.3rem, 3.5vw, 1.6rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--mb-navy, #172033);
    line-height: 1.25;
}

.plan-step__help {
    margin: 0 0 1.1rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #64748b;
}

.plan-field label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
    margin: 0 0 0.35rem;
}

.plan-field input[type="text"],
.plan-field input[type="search"],
.plan-field input[type="date"],
.plan-field input[type="month"],
.plan-field input[type="email"],
.plan-field textarea {
    width: 100%;
    min-height: 48px;
    padding: 0.6rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: var(--mb-navy, #172033);
    font-size: 1rem;
    box-sizing: border-box;
}

.plan-field textarea {
    min-height: 96px;
    resize: vertical;
}

.plan-field input:focus,
.plan-field textarea:focus {
    outline: none;
    border-color: #7EE0BF;
    box-shadow: 0 0 0 3px rgba(15, 138, 102, 0.12);
}

.plan-field__error {
    display: none;
    margin: 0.4rem 0 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #b91c1c;
}

.plan-field__hint {
    margin: 0.45rem 0 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #64748b;
}

.plan-field.has-error .plan-field__error {
    display: block;
}

.plan-field.has-error input {
    border-color: #fca5a5;
}

.plan-kommune-hint {
    display: none;
    margin: 0.6rem 0 0;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #166534;
}

.plan-kommune-hint.is-visible {
    display: block;
}

.plan-kommune-hint--unknown {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

/* Valg-kort (pasningstype, transport) */
.plan-options {
    display: grid;
    gap: 0.55rem;
}

@media (min-width: 480px) {
    .plan-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.plan-option {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    text-align: left;
    padding: 0.85rem 0.95rem;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    font: inherit;
}

.plan-option strong {
    font-size: 0.95rem;
    color: var(--mb-navy, #172033);
}

.plan-option span {
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.4;
}

.plan-option:hover {
    border-color: #B9F0DD;
    background: #FFFDF7;
}

.plan-option.is-selected {
    border-color: #0F8A66;
    background: #F2FEF9;
    box-shadow: 0 0 0 1px #0F8A66 inset;
    animation: plan-chip-pop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.plan-option:focus-visible {
    outline: 2px solid #18A77B;
    outline-offset: 2px;
}

/* Prioritets-chips */
.plan-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.plan-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.plan-chip:hover {
    border-color: #7EE0BF;
}

.plan-chip.is-selected {
    border-color: #22c55e;
    background: #ecfdf5;
    color: #14532d;
    animation: plan-chip-pop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes plan-chip-pop {
    0% { transform: scale(0.95); }
    60% { transform: scale(1.06); }
    100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .plan-chip.is-selected {
        animation: none;
    }
}

.plan-chip:focus-visible {
    outline: 2px solid #18A77B;
    outline-offset: 2px;
}

.plan-chips__hint {
    margin: 0.6rem 0 0;
    font-size: 0.8rem;
    color: #94a3b8;
}

/* Navigation */
.plan-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.4rem;
}

.plan-nav .mb-btn {
    min-height: 48px;
}

.plan-nav__back {
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
}

.plan-nav__back:hover {
    background: #eef2f7;
    color: var(--mb-navy, #172033);
}

.plan-nav__skip {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    padding: 0.5rem;
}

.plan-nav__skip:hover {
    color: #64748b;
}

.plan-privacy-note {
    margin: 1rem 0 0;
    font-size: 0.78rem;
    color: #94a3b8;
    text-align: center;
    line-height: 1.5;
}

/* ---------- Loading ---------- */
.plan-loading {
    text-align: center;
    padding: 2.5rem 1rem;
}

.plan-loading__milo {
    width: 96px;
    height: 96px;
    margin: 0 auto 1rem;
    object-fit: contain;
}

.plan-loading h2 {
    margin: 0 0 1.2rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--mb-navy, #172033);
}

.plan-loading__lines {
    display: grid;
    gap: 0.5rem;
    max-width: 22rem;
    margin: 0 auto;
    text-align: left;
}

.plan-loading__line {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.9rem;
    color: #94a3b8;
    transition: color 0.3s ease;
}

.plan-loading__line.is-done {
    color: #166534;
}

.plan-loading__line .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
    flex-shrink: 0;
}

.plan-loading__line.is-done .dot {
    background: #22c55e;
}

/* ---------- Planen (/plan/min) ---------- */
.plan-result-art {
    max-width: 100%;
    overflow: hidden;
}

.plan-result-art .ec-editorial-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.plan-header {
    margin: 0.75rem 0 1.25rem;
}

.plan-header h1 {
    margin: 0 0 0.3rem;
    font-size: clamp(1.5rem, 4vw, 1.9rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--mb-navy, #172033);
}

.plan-header p {
    margin: 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.55;
}

.plan-generic-notice {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid #c7d2fe;
    border-radius: 16px;
    background: #eef6ff;
    color: #334155;
    box-shadow: 0 10px 24px rgba(15, 138, 102, 0.08);
}

.plan-generic-notice > svg {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    color: #0F8A66;
}

.plan-generic-notice p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
}

.plan-generic-notice p + p {
    margin-top: 0.35rem;
}

.plan-generic-notice a {
    color: #0B6B50;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.plan-generic-notice__action {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Fristkortet — produktets helt */
@keyframes deadline-enter {
    0% {
        opacity: 0;
        transform: translateY(14px) scale(0.985);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes phase-enter {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.deadline-card {
    position: relative;
    background: #fff;
    border: 1px solid #B9F0DD;
    border-radius: var(--mb-radius-lg, 22px);
    box-shadow: 0 18px 44px rgba(15, 138, 102, 0.12);
    padding: 1.4rem 1.4rem 1.2rem;
    margin-bottom: 1.5rem;
    animation: deadline-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

/* Blød gradient-kant der gør fristkortet til siden helt */
.deadline-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(120deg, rgba(53, 201, 154, 0.55), rgba(15, 138, 102, 0.2), rgba(53, 201, 154, 0.55));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.plan-header {
    animation: phase-enter 0.45s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.plan-phases .phase-card {
    animation: phase-enter 0.5s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.plan-phases .phase-card:nth-child(1) { animation-delay: 0.1s; }
.plan-phases .phase-card:nth-child(2) { animation-delay: 0.17s; }
.plan-phases .phase-card:nth-child(3) { animation-delay: 0.24s; }
.plan-phases .phase-card:nth-child(4) { animation-delay: 0.31s; }
.plan-phases .phase-card:nth-child(5) { animation-delay: 0.38s; }
.plan-phases .phase-card:nth-child(6) { animation-delay: 0.45s; }

@media (prefers-reduced-motion: reduce) {
    .deadline-card,
    .plan-header,
    .plan-phases .phase-card {
        animation: none;
    }
}

.deadline-card__label {
    display: inline-block;
    margin: 0 0 0.5rem;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: #F2FEF9;
    border: 1px solid #B9F0DD;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0B6B50;
}

.deadline-card__date {
    margin: 0 0 0.5rem;
    font-size: clamp(1.4rem, 4.5vw, 1.9rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--mb-navy, #172033);
    line-height: 1.2;
}

.deadline-card__math {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    line-height: 1.55;
    color: #475569;
}

.deadline-card__source {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin: 0;
    padding-top: 0.75rem;
    border-top: 1px solid #eef2f7;
    font-size: 0.78rem;
    line-height: 1.5;
    color: #64748b;
}

.deadline-card__source svg {
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: #94a3b8;
}

.deadline-card__source a {
    color: #0B6B50;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.deadline-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.deadline-card__actions .mb-btn {
    min-height: 42px;
    font-size: 0.85rem;
}

.deadline-card--generic {
    border-color: #e2e8f0;
}

/* Fase-tidslinje */
.plan-phases {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.phase-card {
    background: #fff;
    border: 1px solid var(--mb-line, #e2eaf4);
    border-radius: 18px;
    box-shadow: var(--mb-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.04));
    overflow: hidden;
}

.phase-card.is-active {
    border-color: #7EE0BF;
    box-shadow: 0 10px 30px rgba(15, 138, 102, 0.1);
}

.phase-card__head {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 1rem 1.1rem;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.phase-card__num {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: #eef2f7;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

.phase-card.is-active .phase-card__num {
    background: #0F8A66;
    color: #fff;
}

.phase-card.is-done .phase-card__num {
    background: #dcfce7;
    color: #166534;
}

.phase-card__titles {
    flex: 1;
    min-width: 0;
}

.phase-card__titles h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mb-navy, #172033);
    letter-spacing: -0.01em;
}

.phase-card__titles p {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
    line-height: 1.45;
}

.phase-card__chevron {
    flex-shrink: 0;
    color: #94a3b8;
    transition: transform 0.2s ease;
}

.phase-card.is-open .phase-card__chevron {
    transform: rotate(180deg);
}

.phase-card__body {
    display: none;
    padding: 0 1.1rem 1.2rem;
    border-top: 1px solid #f1f5f9;
}

.phase-card.is-open .phase-card__body {
    display: block;
}

.phase-card__body > :first-child {
    margin-top: 1rem;
}

/* Shortlist-kort */
.shortlist-cards {
    display: grid;
    gap: 0.75rem;
}

.shortlist-cards .shortlist-card {
    animation: phase-enter 0.45s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.shortlist-cards .shortlist-card:nth-child(2) { animation-delay: 0.08s; }
.shortlist-cards .shortlist-card:nth-child(3) { animation-delay: 0.16s; }
.shortlist-cards .shortlist-card:nth-child(4) { animation-delay: 0.24s; }
.shortlist-cards .shortlist-card:nth-child(5) { animation-delay: 0.32s; }

@media (prefers-reduced-motion: reduce) {
    .shortlist-cards .shortlist-card {
        animation: none;
    }
}

.shortlist-card {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 0.95rem 1rem;
    background: #fdfefe;
}

.shortlist-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.6rem;
}

.shortlist-card h3 {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--mb-navy, #172033);
    line-height: 1.35;
}

.shortlist-card__meta {
    margin: 0.15rem 0 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
}

.reason-line {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin: 0.3rem 0 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: #334155;
}

.reason-line svg {
    flex-shrink: 0;
    margin-top: 0.15rem;
    color: #16a34a;
}

.shortlist-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.shortlist-card__actions .mb-btn {
    min-height: 38px;
    font-size: 0.8rem;
    padding: 0.4rem 0.85rem;
}

.shortlist-card__remove {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    padding: 0.35rem;
}

.shortlist-card__remove:hover {
    color: #64748b;
}

/* Tjeklister i faser */
.plan-checklist {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.plan-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.plan-checklist input[type="checkbox"] {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.15rem;
    accent-color: #16a34a;
    flex-shrink: 0;
}

.plan-checklist label {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #334155;
    cursor: pointer;
}

.plan-questions {
    margin: 0;
    padding: 0 0 0 1.15rem;
    display: grid;
    gap: 0.45rem;
}

.plan-questions li {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #334155;
}

/* Trust-callout (genbrug af mønster) */
.plan-trust-note {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 1.25rem 0 0;
    padding: 0.8rem 0.95rem;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    font-size: 0.84rem;
    line-height: 1.55;
    color: #92400e;
}

.plan-trust-note svg {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* Officiel-knap */
.plan-official-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}

/* Tom tilstand */
.plan-empty {
    text-align: center;
    padding: 3rem 1rem;
}

.plan-empty img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    margin: 0 auto 1rem;
}

.plan-empty h1 {
    margin: 0 0 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--mb-navy, #172033);
}

.plan-empty p {
    margin: 0 0 1.4rem;
    color: #64748b;
    line-height: 1.6;
}

/* Slet-sektion */
.plan-danger {
    margin-top: 2rem;
    text-align: center;
}

.plan-danger button {
    background: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.55rem 1rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
}

.plan-danger button:hover {
    border-color: #fca5a5;
    color: #b91c1c;
}

.plan-danger p {
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
    color: #94a3b8;
}

/* Fase-fejring */
.plan-cheer {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0.9rem 0 0;
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    font-size: 0.88rem;
    font-weight: 600;
    color: #14532d;
    animation: plan-step-in 0.35s ease;
}

.plan-cheer img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
}

/* ---------- E-mail-fristpåmindelse (fase 5) ---------- */

.plan-reminder-form {
    margin: 1.1rem 0 0;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    border: 1px solid #B9F0DD;
    background: linear-gradient(180deg, #F2FEF9 0%, #ffffff 100%);
}

.plan-reminder-form__label {
    margin: 0 0 0.65rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #1e3a5f;
}

.plan-reminder-form__row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.plan-reminder-form__row input {
    flex: 1 1 220px;
    min-height: 48px;
    padding: 0 0.85rem;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    font-size: 0.95rem;
    font-family: inherit;
    color: #172033;
}

.plan-reminder-form__row input:focus {
    outline: none;
    border-color: #0F8A66;
    box-shadow: 0 0 0 3px rgba(15, 138, 102, 0.15);
}

.plan-reminder-form__row .mb-btn {
    min-height: 48px;
    flex: 0 0 auto;
}

.plan-reminder-form__privacy {
    margin: 0.6rem 0 0;
    font-size: 0.76rem;
    line-height: 1.5;
    color: #64748b;
}

.plan-reminder-form__status {
    margin: 0.45rem 0 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #0B6B50;
    min-height: 1em;
}

.plan-reminder {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 1.1rem 0 0;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    font-size: 0.88rem;
    line-height: 1.55;
}

.plan-reminder--done {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.plan-reminder--pending {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.plan-reminder svg {
    flex-shrink: 0;
    margin-top: 0.15rem;
}

/* ---------- Tryg start (feature-flagged) ---------- */

.tryg-start-card {
    margin: 1.5rem 0 0;
    padding: 1.25rem 1.35rem;
    border-radius: 16px;
    border: 1px solid #bbf7d0;
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
    box-shadow: 0 8px 24px rgba(22, 101, 52, 0.08);
}

.tryg-start-card__eyebrow {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #166534;
}

.tryg-start-card h2 {
    margin: 0 0 0.6rem;
    font-size: 1.2rem;
    letter-spacing: -0.02em;
    color: #14532d;
}

.pasningsagent-panel {
    border-color: #B9F0DD;
    background: linear-gradient(180deg, #F2FEF9 0%, #ffffff 100%);
    box-shadow: 0 8px 24px rgba(11, 107, 80, 0.08);
}

.pasningsagent-panel .tryg-start-card__eyebrow,
.pasningsagent-panel h2 {
    color: #063528;
}

.pasningsagent-task-list {
    display: grid;
    gap: 0.6rem;
}

.pasningsagent-task {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.7rem;
    align-items: start;
    min-height: 44px;
    padding: 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-task input {
    width: 22px;
    height: 22px;
    margin: 0.2rem auto 0;
    accent-color: #0F8A66;
}

.pasningsagent-task small {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-cockpit {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-cockpit__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-cockpit h3 {
    margin: 0;
    font-size: 1rem;
    color: #063528;
}

.pasningsagent-cockpit__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.pasningsagent-cockpit__grid div {
    min-height: 66px;
    padding: 0.65rem 0.7rem;
    border: 1px solid #e0ecff;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-cockpit dt {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.pasningsagent-cockpit dd {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
    color: #172033;
}

.pasningsagent-cockpit__note {
    margin: 0;
    padding: 0.6rem 0.7rem;
    border-radius: 12px;
    background: #fffbeb;
    color: #92400e;
    font-size: 0.86rem;
    line-height: 1.45;
}

.pasningsagent-delivery-receipt {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-delivery-receipt__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-delivery-receipt h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-delivery-receipt__head p {
    margin: 0.3rem 0 0;
    max-width: 62ch;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-delivery-receipt__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-delivery-receipt__grid,
.pasningsagent-delivery-receipt__lists {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.pasningsagent-delivery-receipt__grid div,
.pasningsagent-delivery-receipt__lists div {
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-delivery-receipt dt {
    margin-bottom: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.3;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
}

.pasningsagent-delivery-receipt dd {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: #172033;
    font-weight: 700;
}

.pasningsagent-delivery-receipt__lists strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    color: #172033;
}

.pasningsagent-delivery-receipt__lists ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pasningsagent-delivery-receipt__lists li span,
.pasningsagent-delivery-receipt__lists li small {
    display: block;
}

.pasningsagent-deadline-watch {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-deadline-watch__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-deadline-watch h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-deadline-watch__list {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-deadline-watch__list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-deadline-watch__list span,
.pasningsagent-deadline-watch__list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-quality-audit {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-quality-audit__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-quality-audit h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-quality-audit__list {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-quality-audit__list li {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.25rem 0.65rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-quality-audit__list span {
    align-self: start;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #475569;
}

.pasningsagent-quality-audit__list small {
    grid-column: 1 / -1;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-quality-audit__list li[data-status="haster"] {
    border-color: #fde68a;
    background: #fffbeb;
}

.pasningsagent-quality-audit__list li[data-status="klar"] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.pasningsagent-case-packet {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-case-packet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-case-packet h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-case-packet__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-case-packet__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.pasningsagent-case-packet__meta div {
    min-height: 64px;
    padding: 0.65rem 0.7rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-case-packet dt {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.pasningsagent-case-packet dd {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.35;
    color: #172033;
}

.pasningsagent-case-packet__missing {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.2rem;
    color: #334155;
    font-size: 0.88rem;
    line-height: 1.5;
}

.pasningsagent-case-timeline {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-case-timeline__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-case-timeline h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-case-timeline__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-case-timeline p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-case-timeline__list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-case-timeline__list li {
    display: grid;
    grid-template-columns: minmax(7rem, auto) 1fr;
    gap: 0.25rem 0.7rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-case-timeline__list span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-case-timeline__list strong {
    color: #172033;
}

.pasningsagent-case-timeline__list small {
    grid-column: 1 / -1;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

@media (max-width: 560px) {
    .pasningsagent-case-timeline__list li {
        grid-template-columns: 1fr;
    }
}

.pasningsagent-followup-brief {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-followup-brief__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-followup-brief h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-followup-brief__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-followup-brief p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-followup-brief__questions,
.pasningsagent-followup-brief__facts {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1.2rem;
    color: #334155;
}

.pasningsagent-followup-brief__facts {
    padding-left: 0;
    list-style: none;
}

.pasningsagent-followup-brief__facts li {
    display: grid;
    gap: 0.18rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-followup-brief__facts span {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-contact-package {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-contact-package__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-contact-package h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-contact-package__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-contact-package p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-contact-package__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.pasningsagent-contact-package__meta div,
.pasningsagent-contact-package__lists div {
    padding: 0.65rem 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-contact-package dt {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.pasningsagent-contact-package dd {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.35;
    color: #172033;
}

.pasningsagent-contact-package__lists {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.55rem;
}

.pasningsagent-contact-package__lists strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #172033;
}

.pasningsagent-contact-package__lists ul {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-work-order {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #7EE0BF;
    border-radius: 12px;
    background: #F2FEF9;
}

.pasningsagent-work-order__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-work-order h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-work-order__head p {
    margin: 0.3rem 0 0;
    max-width: 58ch;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-work-order__head span {
    padding: 0.25rem 0.5rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #1e40af;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-work-order__meta,
.pasningsagent-work-order__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.pasningsagent-work-order__meta div,
.pasningsagent-work-order__grid div {
    padding: 0.65rem 0.75rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-work-order dt {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.pasningsagent-work-order dd {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.35;
    color: #172033;
}

.pasningsagent-work-order__grid strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #172033;
}

.pasningsagent-work-order__grid ol,
.pasningsagent-work-order__grid ul {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-action-session {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-action-session__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-action-session h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-action-session__head p {
    margin: 0.3rem 0 0;
    max-width: 62ch;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-action-session__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #f8fafc;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-action-session__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.pasningsagent-action-session__meta div {
    padding: 0.65rem 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-action-session dt {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.pasningsagent-action-session dd {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.35;
    color: #172033;
}

.pasningsagent-action-session-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-action-session__steps {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-action-session__steps label {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.65rem;
    align-items: start;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-action-session__steps input {
    width: 22px;
    height: 22px;
    margin: 0.2rem auto 0;
    accent-color: #0F8A66;
}

.pasningsagent-action-session__steps small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-action-session-form > label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-action-session-form textarea {
    width: 100%;
    min-height: 84px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
    resize: vertical;
}

.pasningsagent-service-ticket,
.pasningsagent-support-queue,
.pasningsagent-time-budget,
.pasningsagent-delivery-gate,
.pasningsagent-customer-delivery,
.pasningsagent-customer-acceptance,
.pasningsagent-customer-correction,
.pasningsagent-delivery-sla,
.pasningsagent-mandate,
.pasningsagent-support-runbook,
.pasningsagent-work-proof,
.pasningsagent-service-brief,
.pasningsagent-service-intake,
.pasningsagent-support-reply,
.pasningsagent-service-plan,
.pasningsagent-service-desk,
.pasningsagent-customer-status,
.pasningsagent-service-order,
.pasningsagent-source-check,
.pasningsagent-service-flow,
.pasningsagent-service-delivery,
.pasningsagent-service-acceptance,
.pasningsagent-service-revision,
.pasningsagent-delivery-report,
.pasningsagent-delivery-followup,
.pasningsagent-solution-proof,
.pasningsagent-value-check {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-service-ticket__head,
.pasningsagent-support-queue__head,
.pasningsagent-time-budget__head,
.pasningsagent-delivery-gate__head,
.pasningsagent-customer-delivery__head,
.pasningsagent-customer-acceptance__head,
.pasningsagent-customer-correction__head,
.pasningsagent-delivery-sla__head,
.pasningsagent-mandate__head,
.pasningsagent-support-runbook__head,
.pasningsagent-work-proof__head,
.pasningsagent-service-brief__head,
.pasningsagent-service-intake__head,
.pasningsagent-support-reply__head,
.pasningsagent-service-plan__head,
.pasningsagent-service-desk__head,
.pasningsagent-customer-status__head,
.pasningsagent-service-order__head,
.pasningsagent-source-check__head,
.pasningsagent-service-flow__head,
.pasningsagent-service-delivery__head,
.pasningsagent-service-acceptance__head,
.pasningsagent-service-revision__head,
.pasningsagent-delivery-report__head,
.pasningsagent-delivery-followup__head,
.pasningsagent-solution-proof__head,
.pasningsagent-value-check__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-service-ticket h4,
.pasningsagent-support-queue h4,
.pasningsagent-time-budget h4,
.pasningsagent-delivery-gate h4,
.pasningsagent-customer-delivery h4,
.pasningsagent-customer-acceptance h4,
.pasningsagent-customer-correction h4,
.pasningsagent-delivery-sla h4,
.pasningsagent-mandate h4,
.pasningsagent-support-runbook h4,
.pasningsagent-work-proof h4,
.pasningsagent-service-brief h4,
.pasningsagent-service-intake h4,
.pasningsagent-support-reply h4,
.pasningsagent-service-plan h4,
.pasningsagent-service-desk h4,
.pasningsagent-customer-status h4,
.pasningsagent-service-order h4,
.pasningsagent-source-check h4,
.pasningsagent-service-flow h4,
.pasningsagent-service-delivery h4,
.pasningsagent-service-acceptance h4,
.pasningsagent-service-revision h4,
.pasningsagent-delivery-report h4,
.pasningsagent-delivery-followup h4,
.pasningsagent-solution-proof h4,
.pasningsagent-value-check h4 {
    margin: 0;
    color: #063528;
}

.pasningsagent-service-ticket__head p,
.pasningsagent-support-queue__head p,
.pasningsagent-time-budget__head p,
.pasningsagent-delivery-gate__head p,
.pasningsagent-customer-delivery__head p,
.pasningsagent-customer-acceptance__head p,
.pasningsagent-customer-correction__head p,
.pasningsagent-delivery-sla__head p,
.pasningsagent-mandate__head p,
.pasningsagent-support-runbook__head p,
.pasningsagent-work-proof__head p,
.pasningsagent-service-brief__head p,
.pasningsagent-service-intake__head p,
.pasningsagent-support-reply__head p,
.pasningsagent-service-plan__head p,
.pasningsagent-service-desk__head p,
.pasningsagent-customer-status__head p,
.pasningsagent-service-order__head p,
.pasningsagent-source-check__head p,
.pasningsagent-service-flow__head p,
.pasningsagent-service-delivery__head p,
.pasningsagent-service-acceptance__head p,
.pasningsagent-service-revision__head p,
.pasningsagent-delivery-report__head p,
.pasningsagent-delivery-followup__head p,
.pasningsagent-solution-proof__head p,
.pasningsagent-value-check__head p {
    margin: 0.3rem 0 0;
    max-width: 62ch;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-service-ticket__head span,
.pasningsagent-support-queue__head span,
.pasningsagent-time-budget__head span,
.pasningsagent-delivery-gate__head span,
.pasningsagent-customer-delivery__head span,
.pasningsagent-customer-acceptance__head span,
.pasningsagent-customer-correction__head span,
.pasningsagent-delivery-sla__head span,
.pasningsagent-mandate__head span,
.pasningsagent-support-runbook__head span,
.pasningsagent-work-proof__head span,
.pasningsagent-service-brief__head span,
.pasningsagent-service-intake__head span,
.pasningsagent-support-reply__head span,
.pasningsagent-service-plan__head span,
.pasningsagent-service-desk__head span,
.pasningsagent-customer-status__head span,
.pasningsagent-service-order__head span,
.pasningsagent-source-check__head span,
.pasningsagent-service-flow__head span,
.pasningsagent-service-delivery__head span,
.pasningsagent-service-acceptance__head span,
.pasningsagent-service-revision__head span,
.pasningsagent-delivery-report__head span,
.pasningsagent-delivery-followup__head span,
.pasningsagent-solution-proof__head span,
.pasningsagent-value-check__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #f8fafc;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-service-ticket-form,
.pasningsagent-support-queue-form,
.pasningsagent-time-budget-form,
.pasningsagent-delivery-gate-form,
.pasningsagent-customer-delivery-form,
.pasningsagent-customer-acceptance-form,
.pasningsagent-customer-correction-form,
.pasningsagent-delivery-sla-form,
.pasningsagent-mandate-form,
.pasningsagent-support-runbook-form,
.pasningsagent-work-proof-form,
.pasningsagent-service-brief-form,
.pasningsagent-service-intake-form,
.pasningsagent-support-reply-form,
.pasningsagent-service-plan-form,
.pasningsagent-service-desk-form,
.pasningsagent-customer-status-form,
.pasningsagent-service-order-form,
.pasningsagent-source-check-form,
.pasningsagent-service-flow-form,
.pasningsagent-service-delivery-form,
.pasningsagent-service-acceptance-form,
.pasningsagent-service-revision-form,
.pasningsagent-delivery-report-form,
.pasningsagent-delivery-followup-form,
.pasningsagent-solution-proof-form,
.pasningsagent-value-check-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-service-ticket-form > label,
.pasningsagent-support-queue-form > label,
.pasningsagent-time-budget-form > label,
.pasningsagent-delivery-gate-form > label,
.pasningsagent-customer-delivery-form > label,
.pasningsagent-customer-acceptance-form > label,
.pasningsagent-customer-correction-form > label,
.pasningsagent-delivery-sla-form > label,
.pasningsagent-mandate-form > label,
.pasningsagent-support-runbook-form > label,
.pasningsagent-work-proof-form > label,
.pasningsagent-service-brief-form > label,
.pasningsagent-service-intake-form > label,
.pasningsagent-support-reply-form > label,
.pasningsagent-service-plan-form > label,
.pasningsagent-service-desk-form > label,
.pasningsagent-customer-status-form > label,
.pasningsagent-service-order-form > label,
.pasningsagent-source-check-form > label,
.pasningsagent-service-flow-form > label,
.pasningsagent-service-delivery-form > label,
.pasningsagent-service-acceptance-form > label,
.pasningsagent-service-revision-form > label,
.pasningsagent-delivery-report-form > label,
.pasningsagent-delivery-followup-form > label,
.pasningsagent-solution-proof-form > label,
.pasningsagent-value-check-form > label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-service-ticket-form select,
.pasningsagent-service-ticket-form input,
.pasningsagent-service-ticket-form textarea,
.pasningsagent-support-queue-form select,
.pasningsagent-support-queue-form input,
.pasningsagent-support-queue-form textarea,
.pasningsagent-time-budget-form select,
.pasningsagent-time-budget-form input,
.pasningsagent-time-budget-form textarea,
.pasningsagent-delivery-gate-form select,
.pasningsagent-delivery-gate-form input,
.pasningsagent-delivery-gate-form textarea,
.pasningsagent-customer-delivery-form select,
.pasningsagent-customer-delivery-form input,
.pasningsagent-customer-delivery-form textarea,
.pasningsagent-customer-acceptance-form select,
.pasningsagent-customer-acceptance-form input,
.pasningsagent-customer-acceptance-form textarea,
.pasningsagent-customer-correction-form select,
.pasningsagent-customer-correction-form input,
.pasningsagent-customer-correction-form textarea,
.pasningsagent-delivery-sla-form select,
.pasningsagent-delivery-sla-form input,
.pasningsagent-delivery-sla-form textarea,
.pasningsagent-mandate-form select,
.pasningsagent-mandate-form input,
.pasningsagent-mandate-form textarea,
.pasningsagent-support-runbook-form select,
.pasningsagent-support-runbook-form input,
.pasningsagent-support-runbook-form textarea,
.pasningsagent-work-proof-form select,
.pasningsagent-work-proof-form input,
.pasningsagent-work-proof-form textarea,
.pasningsagent-service-brief-form select,
.pasningsagent-service-brief-form textarea,
.pasningsagent-service-intake-form select,
.pasningsagent-service-intake-form input,
.pasningsagent-service-intake-form textarea,
.pasningsagent-support-reply-form select,
.pasningsagent-support-reply-form input,
.pasningsagent-support-reply-form textarea,
.pasningsagent-service-plan-form select,
.pasningsagent-service-plan-form input,
.pasningsagent-service-plan-form textarea,
.pasningsagent-service-desk-form select,
.pasningsagent-service-desk-form input,
.pasningsagent-service-desk-form textarea,
.pasningsagent-customer-status-form select,
.pasningsagent-customer-status-form input,
.pasningsagent-customer-status-form textarea,
.pasningsagent-service-order-form select,
.pasningsagent-service-order-form input,
.pasningsagent-service-order-form textarea,
.pasningsagent-source-check-form select,
.pasningsagent-source-check-form input,
.pasningsagent-source-check-form textarea,
.pasningsagent-service-flow-form select,
.pasningsagent-service-flow-form input,
.pasningsagent-service-flow-form textarea,
.pasningsagent-service-delivery-form textarea,
.pasningsagent-service-acceptance-form select,
.pasningsagent-service-acceptance-form input,
.pasningsagent-service-acceptance-form textarea,
.pasningsagent-service-revision-form textarea,
.pasningsagent-delivery-report-form textarea,
.pasningsagent-delivery-followup-form select,
.pasningsagent-delivery-followup-form input,
.pasningsagent-delivery-followup-form textarea,
.pasningsagent-solution-proof-form select,
.pasningsagent-solution-proof-form input,
.pasningsagent-solution-proof-form textarea,
.pasningsagent-value-check-form select,
.pasningsagent-value-check-form input,
.pasningsagent-value-check-form textarea {
    width: 100%;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-service-ticket-form textarea,
.pasningsagent-support-queue-form textarea,
.pasningsagent-time-budget-form textarea,
.pasningsagent-delivery-gate-form textarea,
.pasningsagent-customer-delivery-form textarea,
.pasningsagent-customer-acceptance-form textarea,
.pasningsagent-customer-correction-form textarea,
.pasningsagent-delivery-sla-form textarea,
.pasningsagent-mandate-form textarea,
.pasningsagent-support-runbook-form textarea,
.pasningsagent-work-proof-form textarea,
.pasningsagent-service-brief-form textarea,
.pasningsagent-service-intake-form textarea,
.pasningsagent-support-reply-form textarea,
.pasningsagent-service-plan-form textarea,
.pasningsagent-service-desk-form textarea,
.pasningsagent-customer-status-form textarea,
.pasningsagent-service-order-form textarea,
.pasningsagent-source-check-form textarea,
.pasningsagent-service-flow-form textarea,
.pasningsagent-service-delivery-form textarea,
.pasningsagent-service-acceptance-form textarea,
.pasningsagent-service-revision-form textarea,
.pasningsagent-delivery-report-form textarea,
.pasningsagent-delivery-followup-form textarea,
.pasningsagent-solution-proof-form textarea,
.pasningsagent-value-check-form textarea {
    min-height: 76px;
    resize: vertical;
}

.pasningsagent-mandate__consent,
.pasningsagent-service-brief__consent,
.pasningsagent-service-intake__privacy,
.pasningsagent-support-reply__privacy,
.pasningsagent-source-check__opened,
.pasningsagent-service-delivery__applied,
.pasningsagent-service-acceptance__checked,
.pasningsagent-service-revision__applied,
.pasningsagent-delivery-report__reviewed,
.pasningsagent-delivery-followup__support {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    padding: 0.65rem 0.7rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-mandate__consent input,
.pasningsagent-service-brief__consent input,
.pasningsagent-service-intake__privacy input,
.pasningsagent-support-reply__privacy input,
.pasningsagent-source-check__opened input,
.pasningsagent-service-delivery__applied input,
.pasningsagent-service-acceptance__checked input,
.pasningsagent-service-revision__applied input,
.pasningsagent-delivery-report__reviewed input,
.pasningsagent-delivery-followup__support input {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    accent-color: #0F8A66;
}

.pasningsagent-delivery-report__includes {
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-delivery-report__includes strong {
    display: block;
    margin-bottom: 0.45rem;
    color: #172033;
}

.pasningsagent-delivery-report__includes ul {
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.5;
}

.pasningsagent-delivery-gate__checks,
.pasningsagent-service-order__checks,
.pasningsagent-value-check__checks {
    display: grid;
    gap: 0.5rem;
}

.pasningsagent-delivery-gate__checks label,
.pasningsagent-service-order__checks label,
.pasningsagent-value-check__checks label {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    padding: 0.65rem 0.7rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #172033;
}

.pasningsagent-delivery-gate__checks input,
.pasningsagent-service-order__checks input,
.pasningsagent-value-check__checks input {
    width: 22px;
    height: 22px;
    margin: 0 auto;
    accent-color: #0F8A66;
}

.pasningsagent-contact-receipt {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-contact-receipt__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-contact-receipt h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-contact-receipt__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-contact-receipt p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-contact-receipt-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-contact-receipt-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-contact-receipt-form select,
.pasningsagent-contact-receipt-form input,
.pasningsagent-contact-receipt-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-contact-receipt-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-contact-receipt-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-contact-receipt-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-contact-receipt-list span,
.pasningsagent-contact-receipt-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-stalled-case {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
}

.pasningsagent-stalled-case__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-stalled-case h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #92400e;
}

.pasningsagent-stalled-case__head p {
    margin: 0.3rem 0 0;
    max-width: 58ch;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-stalled-case__head span {
    padding: 0.25rem 0.5rem;
    border: 1px solid #fde68a;
    border-radius: 999px;
    background: #fff;
    color: #92400e;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-stalled-case__list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.2rem;
}

.pasningsagent-stalled-case__list li {
    padding: 0.7rem 0.8rem;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-stalled-case__list span,
.pasningsagent-stalled-case__list small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-promise-watch {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-promise-watch__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-promise-watch h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-promise-watch__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-promise-watch p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-promise-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-promise-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-promise-form select,
.pasningsagent-promise-form input,
.pasningsagent-promise-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-promise-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-promise-watch-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-promise-watch-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-promise-watch-list span,
.pasningsagent-promise-watch-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-family-handoff {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-family-handoff__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-family-handoff h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-family-handoff__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-family-handoff p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-family-handoff-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-family-handoff-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-family-handoff-form select,
.pasningsagent-family-handoff-form input,
.pasningsagent-family-handoff-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-family-handoff-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-family-handoff-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-family-handoff-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-family-handoff-list span,
.pasningsagent-family-handoff-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-reply-packet {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-reply-packet__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-reply-packet h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-reply-packet__head p,
.pasningsagent-reply-packet p {
    margin: 0.25rem 0 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-reply-packet__head span {
    padding: 0.25rem 0.5rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-reply-packet__meta,
.pasningsagent-reply-packet__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.6rem;
}

.pasningsagent-reply-packet__meta div,
.pasningsagent-reply-packet__grid div {
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-reply-packet dt {
    margin-bottom: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.3;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
}

.pasningsagent-reply-packet dd {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #172033;
    font-weight: 700;
}

.pasningsagent-reply-packet__grid strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    color: #172033;
}

.pasningsagent-reply-packet__grid ol,
.pasningsagent-reply-packet__grid ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pasningsagent-application {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-application__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-application h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-application__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-application p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-application__steps {
    display: grid;
    gap: 0.5rem;
}

.pasningsagent-application__step {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.65rem;
    align-items: start;
    min-height: 44px;
    padding: 0.65rem 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-application__step input {
    width: 22px;
    height: 22px;
    margin: 0.15rem auto 0;
    accent-color: #0F8A66;
}

.pasningsagent-application__step small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #475569;
}

.pasningsagent-application-draft {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #F2FEF9;
}

.pasningsagent-application-draft__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-application-draft h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-application-draft__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-application-draft-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-application-draft-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-application-draft-form input,
.pasningsagent-application-draft-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-application-draft-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-receipt-review {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-receipt-review__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-receipt-review h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-receipt-review__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-receipt-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-receipt-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-receipt-form select,
.pasningsagent-receipt-form input,
.pasningsagent-receipt-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-receipt-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-documentation-pack {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-documentation-pack__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-documentation-pack h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-documentation-pack__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-documentation-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-documentation-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-documentation-form select,
.pasningsagent-documentation-form input,
.pasningsagent-documentation-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-documentation-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-missing-response {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
}

.pasningsagent-missing-response__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-missing-response h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #92400e;
}

.pasningsagent-missing-response__head p {
    margin: 0.25rem 0 0;
    font-size: 0.86rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-missing-response__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #fde68a;
    border-radius: 999px;
    background: #fff;
    color: #92400e;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-missing-response__meta,
.pasningsagent-missing-response__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.55rem;
}

.pasningsagent-missing-response__meta div,
.pasningsagent-missing-response__grid div {
    padding: 0.7rem 0.8rem;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-missing-response dt {
    margin-bottom: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.3;
    color: #92400e;
    text-transform: uppercase;
    font-weight: 700;
}

.pasningsagent-missing-response dd {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: #172033;
    font-weight: 700;
}

.pasningsagent-missing-response__grid strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    color: #172033;
}

.pasningsagent-missing-response__grid ol,
.pasningsagent-missing-response__grid ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pasningsagent-priority-brief {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-priority-brief__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-priority-brief h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-priority-brief__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-priority-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-priority-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-priority-form textarea {
    width: 100%;
    min-height: 84px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
    resize: vertical;
}

.pasningsagent-outreach-tracker {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-outreach-tracker__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-outreach-tracker h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-outreach-tracker__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-outreach-tracker p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-outreach-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-outreach-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-outreach-form select,
.pasningsagent-outreach-form input,
.pasningsagent-outreach-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-outreach-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-outreach-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-outreach-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-outreach-list span,
.pasningsagent-outreach-list small {
    color: #475569;
}

.pasningsagent-visit-debrief {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-visit-debrief__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-visit-debrief h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-visit-debrief__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-visit-debrief p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-visit-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-visit-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-visit-form select,
.pasningsagent-visit-form input,
.pasningsagent-visit-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-visit-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-visit-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-visit-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-visit-list span,
.pasningsagent-visit-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-waiting-status {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-waiting-status__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-waiting-status h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-waiting-status__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-waiting-status p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-waiting-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-waiting-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-waiting-form select,
.pasningsagent-waiting-form input,
.pasningsagent-waiting-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-waiting-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-waiting-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-waiting-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-waiting-list span,
.pasningsagent-waiting-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-offer-tracker {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-offer-tracker__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-offer-tracker h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-offer-tracker__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-offer-tracker p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-offer-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-offer-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-offer-form select,
.pasningsagent-offer-form input,
.pasningsagent-offer-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-offer-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-offer-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-offer-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-offer-list span,
.pasningsagent-offer-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

.pasningsagent-offer-packet {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-offer-packet__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-offer-packet h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-offer-packet__head p,
.pasningsagent-offer-packet p {
    margin: 0.25rem 0 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-offer-packet__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-offer-packet__meta,
.pasningsagent-offer-packet__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.55rem;
}

.pasningsagent-offer-packet__meta div,
.pasningsagent-offer-packet__grid div {
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-offer-packet dt {
    margin-bottom: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.3;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
}

.pasningsagent-offer-packet dd {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: #172033;
    font-weight: 700;
}

.pasningsagent-offer-packet__grid strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    color: #172033;
}

.pasningsagent-offer-packet__grid ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pasningsagent-decision-brief {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-decision-brief__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-decision-brief h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-decision-brief__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-decision-brief p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-decision-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-decision-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-decision-form select,
.pasningsagent-decision-form input,
.pasningsagent-decision-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-decision-form textarea {
    min-height: 78px;
    resize: vertical;
}

.pasningsagent-start-handoff {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-start-handoff__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-start-handoff h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-start-handoff__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-start-handoff p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-start-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-start-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-start-form select,
.pasningsagent-start-form input,
.pasningsagent-start-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-start-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-start-agreement {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-start-agreement__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-start-agreement h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-start-agreement__head p,
.pasningsagent-start-agreement p {
    margin: 0.25rem 0 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-start-agreement__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-start-agreement__meta,
.pasningsagent-start-agreement__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.55rem;
}

.pasningsagent-start-agreement__meta div,
.pasningsagent-start-agreement__grid div {
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-start-agreement dt {
    margin-bottom: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.3;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
}

.pasningsagent-start-agreement dd {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: #172033;
    font-weight: 700;
}

.pasningsagent-start-agreement__grid strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    color: #172033;
}

.pasningsagent-start-agreement__grid ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pasningsagent-backup-plan {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-backup-plan__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-backup-plan h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-backup-plan__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-backup-plan p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-backup-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-backup-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-backup-form select,
.pasningsagent-backup-form input,
.pasningsagent-backup-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-backup-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-first-week {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-first-week__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-first-week h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-first-week__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-first-week p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-first-week-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-first-week-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-first-week-form select,
.pasningsagent-first-week-form input,
.pasningsagent-first-week-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-first-week-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-first-week-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-first-week-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem;
    border: 1px solid #E4FAF2;
    border-radius: 10px;
    background: #f8fafc;
}

.pasningsagent-first-week-list span,
.pasningsagent-first-week-list small {
    color: #475569;
}

.pasningsagent-first-week-adjustment {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-first-week-adjustment__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-first-week-adjustment h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-first-week-adjustment__head p,
.pasningsagent-first-week-adjustment p {
    margin: 0.25rem 0 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-first-week-adjustment__head span {
    padding: 0.2rem 0.45rem;
    border: 1px solid #B9F0DD;
    border-radius: 999px;
    background: #fff;
    color: #063528;
    font-size: 0.78rem;
    font-weight: 700;
}

.pasningsagent-first-week-adjustment__meta,
.pasningsagent-first-week-adjustment__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.55rem;
}

.pasningsagent-first-week-adjustment__meta div,
.pasningsagent-first-week-adjustment__grid div {
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-first-week-adjustment dt {
    margin-bottom: 0.2rem;
    font-size: 0.74rem;
    line-height: 1.3;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
}

.pasningsagent-first-week-adjustment dd {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: #172033;
    font-weight: 700;
}

.pasningsagent-first-week-adjustment__grid strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.86rem;
    color: #172033;
}

.pasningsagent-first-week-adjustment__grid ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pasningsagent-call-log {
    display: grid;
    gap: 0.75rem;
    margin: 0 0 1rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-call-log__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-call-log h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #063528;
}

.pasningsagent-call-log__head span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.pasningsagent-call-log p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-call-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-call-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-call-form select,
.pasningsagent-call-form input,
.pasningsagent-call-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-call-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-call-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-call-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem;
    border: 1px solid #E4FAF2;
    border-radius: 10px;
    background: #f8fafc;
}

.pasningsagent-call-list span,
.pasningsagent-call-list small {
    color: #475569;
}

.pasningsagent-workbench {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #E4FAF2;
}

.pasningsagent-workbench h3 {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    color: #063528;
}

.pasningsagent-latest,
.pasningsagent-empty {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #475569;
}

.pasningsagent-action-pack {
    margin: 0 0 0.9rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-action-pack h4 {
    margin: 0 0 0.45rem;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-action-pack ol {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.2rem;
    color: #334155;
    font-size: 0.88rem;
    line-height: 1.5;
}

.pasningsagent-weekly-plan {
    display: grid;
    gap: 0.6rem;
    margin: 0 0 1rem;
}

.pasningsagent-weekly-plan__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.pasningsagent-weekly-plan h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-weekly-list {
    display: grid;
    gap: 0.5rem;
}

.pasningsagent-weekly-item {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0.65rem;
    align-items: start;
    min-height: 44px;
    padding: 0.65rem 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-weekly-item input {
    width: 22px;
    height: 22px;
    margin: 0.15rem auto 0;
    accent-color: #0F8A66;
}

.pasningsagent-weekly-item small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #475569;
}

.pasningsagent-escalation {
    display: grid;
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
}

.pasningsagent-escalation h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #92400e;
}

.pasningsagent-escalation p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #475569;
}

.pasningsagent-evidence-vault {
    display: grid;
    gap: 0.65rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-evidence-vault h4 {
    margin: 0;
    font-size: 0.9rem;
    color: #063528;
}

.pasningsagent-evidence-form {
    display: grid;
    gap: 0.5rem;
}

.pasningsagent-evidence-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-evidence-form select,
.pasningsagent-evidence-form input,
.pasningsagent-evidence-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-evidence-form textarea {
    min-height: 76px;
    resize: vertical;
}

.pasningsagent-evidence-list {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-evidence-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #f8fafc;
}

.pasningsagent-evidence-list span,
.pasningsagent-evidence-list small {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #475569;
}

.pasningsagent-reply-form {
    display: grid;
    gap: 0.55rem;
}

.pasningsagent-reply-form label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #172033;
}

.pasningsagent-reply-form select,
.pasningsagent-reply-form input,
.pasningsagent-reply-form textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid #B9F0DD;
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    color: #172033;
    background: #fff;
}

.pasningsagent-reply-form textarea {
    min-height: 84px;
    resize: vertical;
}

.pasningsagent-workbench .shortlist-card__actions {
    align-items: center;
}

.pasningsagent-reply-list {
    display: grid;
    gap: 0.55rem;
    margin: 0.85rem 0 0;
    padding: 0;
    list-style: none;
}

.pasningsagent-reply-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #E4FAF2;
    border-radius: 12px;
    background: #fff;
}

.pasningsagent-reply-list span,
.pasningsagent-reply-list small {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #475569;
}

/* Print = gratis "dossier-light" */
@media print {
    .plan-topbar,
    .plan-danger,
    .deadline-card__actions,
    .shortlist-card__actions,
    .phase-card__chevron {
        display: none !important;
    }

    .plan-page {
        background: #fff;
    }

    .phase-card__body {
        display: block !important;
    }

    .phase-card,
    .deadline-card {
        box-shadow: none;
        break-inside: avoid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .plan-step,
    .plan-cheer {
        animation: none;
    }

    .plan-progress__bar,
    .phase-card__chevron {
        transition: none;
    }
}