.tp-sager-app{--tp:#0b2a42;--tp2:#1674a6;--tp3:#eaf6fc;--green:#22a06b;max-width:980px;margin:30px auto;padding:34px;background:#fff;border:1px solid #dbe8ef;border-radius:24px;box-shadow:0 18px 55px rgba(11,42,66,.10);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#173044}.tp-sager-app *{box-sizing:border-box}.tp-progress{display:flex;align-items:center;margin-bottom:34px}.tp-progress span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7eef2;color:#718492;font-weight:800;transition:.2s}.tp-progress span.active{background:var(--tp2);color:#fff;box-shadow:0 0 0 7px rgba(22,116,166,.12)}.tp-progress i{height:3px;background:#e7eef2;flex:1}.tp-step{display:none}.tp-step.active{display:block;animation:tpFade .25s ease}.tp-step-head small{color:var(--tp2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tp-step-head h2{font-size:32px;margin:7px 0 6px;color:var(--tp)}.tp-step-head p{margin:0 0 26px;color:#607787}.tp-step-head.center{text-align:center}.tp-grid{display:grid;gap:18px}.tp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-grid label,.tp-lookup-form label{font-weight:700;font-size:14px;color:#294457}.tp-grid label.full{grid-column:1/-1}.tp-grid input,.tp-grid select,.tp-grid textarea,.tp-lookup-form input{display:block;width:100%;margin-top:8px;border:1px solid #c9d9e2;border-radius:12px;padding:14px 15px;background:#fbfdfe;color:#173044;font:inherit;outline:none}.tp-grid input:focus,.tp-grid select:focus,.tp-grid textarea:focus,.tp-lookup-form input:focus{border-color:var(--tp2);box-shadow:0 0 0 4px rgba(22,116,166,.1)}.tp-grid label.invalid input,.tp-grid label.invalid textarea,.tp-grid label.invalid select{border-color:#c83232;background:#fff7f7}.tp-choice-grid{display:grid;gap:16px}.tp-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-choice{position:relative;display:flex;min-height:185px;flex-direction:column;gap:8px;padding:23px;border:2px solid #dbe8ef;border-radius:18px;cursor:pointer;transition:.2s;background:#fff}.tp-choice:hover,.tp-choice.selected{transform:translateY(-2px);border-color:var(--tp2);box-shadow:0 12px 30px rgba(11,42,66,.09)}.tp-choice input{position:absolute;opacity:0}.tp-choice .tp-icon{font-size:30px}.tp-choice strong{font-size:19px;color:var(--tp)}.tp-choice small{color:#657c8b;line-height:1.45}.tp-choice b{margin-top:auto;font-size:21px;color:var(--tp2)}.tp-choice.featured{background:linear-gradient(180deg,#f5fbfe,#fff)}.tp-badge{position:absolute;right:14px;top:14px;background:var(--green);color:#fff;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.tp-choice-grid.compact .tp-choice{min-height:112px}.tp-subpanel{margin-top:22px;padding:22px;background:#f5fafc;border-radius:16px}.tp-subpanel.invalid{outline:2px solid #c83232}.tp-subpanel h3{margin:0 0 15px}.tp-summary{border:1px solid #dbe8ef;border-radius:16px;overflow:hidden}.tp-summary>div{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid #edf3f6}.tp-summary>div:last-child{border:0}.tp-summary span{color:#657c8b}.tp-summary .total{background:var(--tp);color:#fff}.tp-summary .total span{color:#cfe1ec}.tp-summary .total b{font-size:20px}.tp-consent{display:flex;gap:12px;margin-top:20px;padding:16px;border-radius:12px;background:#f6f9fb;line-height:1.5}.tp-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.tp-btn{appearance:none;border:0;border-radius:12px;background:var(--tp2);color:#fff;padding:14px 23px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(22,116,166,.22)}.tp-btn:hover{filter:brightness(.95)}.tp-btn.secondary{background:#e8f0f4;color:var(--tp);box-shadow:none}.tp-btn[disabled]{opacity:.55;cursor:wait}.tp-form-message{margin:15px 0 0;font-weight:700}.tp-form-message.error{color:#b42318}.tp-form-message.success{color:var(--green)}.tp-success-card{text-align:center;padding:30px}.tp-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#e8f8f1;color:var(--green);font-size:35px;font-weight:900}.tp-success-card h2{font-size:34px;color:var(--tp);margin:5px 0}.tp-price-box{display:flex;justify-content:space-between;max-width:430px;margin:22px auto 0;padding:16px 18px;border-radius:12px;background:var(--tp);color:#fff}.tp-lookup-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;max-width:800px;margin:0 auto}.tp-lookup-form .tp-btn{height:49px}.tp-case-card{margin-top:28px;border:1px solid #dbe8ef;border-radius:20px;overflow:hidden}.tp-case-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--tp);color:#fff;padding:24px}.tp-case-card-head small{color:#bed4e0}.tp-case-card-head h3{margin:3px 0 0;font-size:27px}.tp-status-pill{background:#fff;color:var(--tp2);padding:9px 13px;border-radius:99px;font-weight:800}.tp-case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe8ef}.tp-case-meta span{display:flex;flex-direction:column;gap:5px;padding:17px;background:#fff}.tp-case-meta b{font-size:12px;text-transform:uppercase;color:#768c99}.tp-current-status{margin:22px;padding:22px;border-radius:16px;background:var(--tp3);border-left:5px solid var(--tp2)}.tp-current-status small{color:var(--tp2);font-weight:800;text-transform:uppercase}.tp-current-status h4{font-size:24px;margin:4px 0}.tp-current-status p{margin:0;color:#526b7a}.tp-timeline{padding:10px 22px 28px}.tp-timeline-item{display:grid;grid-template-columns:42px 1fr;gap:15px;position:relative;padding-bottom:25px}.tp-timeline-item:before{content:"";position:absolute;left:19px;top:36px;bottom:0;width:3px;background:#dce7ed}.tp-timeline-item:last-child:before{display:none}.tp-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#edf2f5;color:#8ba0ad;font-weight:900;z-index:1}.tp-timeline-item.done .tp-dot{background:var(--green);color:#fff}.tp-timeline-item.active .tp-dot{background:var(--tp2);color:#fff;box-shadow:0 0 0 7px rgba(22,116,166,.12)}.tp-timeline-item strong{display:block;margin-top:8px;color:#294457}.tp-timeline-item p{margin:5px 0 0;color:#6b7f8c}.tp-timeline-item.future{opacity:.62}@keyframes tpFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:760px){.tp-sager-app{padding:22px;margin:15px}.tp-progress i{min-width:12px}.tp-step-head h2{font-size:26px}.tp-grid.two,.tp-choice-grid.three,.tp-choice-grid.two,.tp-lookup-form,.tp-case-meta{grid-template-columns:1fr}.tp-choice{min-height:150px}.tp-case-card-head{align-items:flex-start;flex-direction:column}.tp-actions{position:sticky;bottom:8px;background:#fff;padding-top:10px}.tp-btn{flex:1}.tp-lookup-form .tp-btn{width:100%}}

/* v1.0.1: Beskyt trin-knapper mod tema-CSS og gør statusvisningen kompakt. */
.tp-sager-app [hidden]{display:none!important}.tp-timeline-compact{padding-top:4px}.tp-timeline-compact .tp-timeline-item:last-child{padding-bottom:0}.tp-timeline-label{display:block;margin-top:5px;margin-bottom:2px;color:var(--tp2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tp-timeline-compact .tp-timeline-item.done .tp-timeline-label{color:var(--green)}

/* Kundeportal v1.0.2: lys, læsbar statusvisning uden irrelevante hover-effekter */
.tp-portal .tp-case-card{background:#fff;color:#173044;box-shadow:0 18px 45px rgba(11,42,66,.10);transition:none}
.tp-portal .tp-case-card:hover,.tp-portal .tp-current-status:hover,.tp-portal .tp-case-status-area:hover{transform:none;filter:none;box-shadow:inherit}
.tp-portal .tp-case-card-head{background:#0b2f49;color:#fff}
.tp-portal .tp-case-card-head small{color:#c9dce8}
.tp-portal .tp-case-card-head h3{color:#fff}
.tp-portal .tp-status-pill{background:#fff;color:#126f9f;border:1px solid rgba(255,255,255,.65)}
.tp-portal .tp-case-meta{background:#dbe8ef;color:#173044}
.tp-portal .tp-case-meta span{background:#fff;color:#173044}
.tp-portal .tp-case-meta b{color:#647e8f}
.tp-case-status-area{padding:26px;background:#f5f9fc}
.tp-portal .tp-current-status{margin:0 0 22px;background:#eaf6fc;border-left:5px solid #1685ba;color:#173044;box-shadow:none;transition:none}
.tp-portal .tp-current-status small{color:#0874a8}
.tp-portal .tp-current-status h4{color:#0b2a42}
.tp-portal .tp-current-status p{color:#526b7a}
.tp-portal .tp-timeline{margin:0;padding:24px 8px 2px;background:#fff;border:1px solid #dce8ef;border-radius:16px;color:#173044}
.tp-portal .tp-timeline-item strong{color:#173044}
.tp-portal .tp-timeline-item p{color:#5d7483;line-height:1.55}
.tp-portal .tp-timeline-item time{display:block;margin-top:7px;color:#78909f;font-size:12px}
.tp-portal .tp-timeline-label{color:#0874a8}
.tp-portal .tp-timeline-item.done .tp-timeline-label{color:#13875c}
.tp-portal .tp-timeline-item:before{background:#cddce5}
.tp-portal .tp-current-only .tp-timeline-item{padding-bottom:18px}
.tp-portal .tp-current-only .tp-timeline-item:before{display:none}
@media(max-width:760px){.tp-case-status-area{padding:18px}.tp-portal .tp-timeline{padding:20px 14px 2px}}