*,:before,:after{box-sizing:border-box}html,body{color:#0f172a;background:#f3f4f6;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:2.5rem 1.5rem 3rem;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;width:100%;max-width:480px;padding:2rem 2.5rem;box-shadow:0 18px 45px #0f172a14}.card.app-shell{max-width:960px}.card h1{margin:0 0 1rem;font-size:2rem}.card p{color:#4b5563;margin:.5rem 0;line-height:1.6}.card .hint{color:#9ca3af;margin-top:1.25rem;font-size:.9rem}.app-header{justify-content:space-between;gap:1.5rem;margin-bottom:2rem;display:flex}.app-header-main h1{margin:0;font-size:1.9rem}.app-header-main p{margin-top:.5rem}.app-header-meta{text-align:right;color:#6b7280;font-size:.85rem}.badge-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.badge-pill{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:.2rem .7rem}.badge-prioriter{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.badge-overvej{color:#854d0e;background:#fefce8;border:1px solid #fef3c7}.badge-afvis{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-channel{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-small{color:#111827;background:#f3f4f6}.summary-row{background:#eef2ff;border:1px solid #c7d2fe;border-radius:.75rem;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;padding:.9rem 1rem;display:flex}.summary-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.summary-label{color:#6b7280;font-size:.8rem}.summary-value{color:#111827;font-size:.9rem}.leads-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:1.5rem;display:grid}.lead-list{flex-direction:column;gap:.9rem;display:flex}.lead-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.9rem 1rem}.lead-card-clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s,transform 60ms}.lead-card-clickable:hover{border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f}.lead-card-selected{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e559}.lead-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.lead-title{font-size:.95rem;font-weight:600}.lead-meta{color:#6b7280;font-size:.8rem}.lead-body{color:#111827;margin-top:.6rem;font-size:.9rem}.lead-section-title{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.lead-section-subtitle{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-top:.4rem;font-size:.78rem}.lead-message{white-space:pre-wrap;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:.5rem;padding:.6rem .7rem}.lead-message-compact{text-overflow:ellipsis;max-height:4.4rem;overflow:hidden}.lead-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.2rem;margin-top:.7rem;font-size:.8rem;display:grid}.lead-fields-compact{margin-top:.5rem}.lead-field-label{color:#6b7280}.lead-field-value{color:#111827}.lead-reasons{color:#4b5563;margin-top:.55rem;font-size:.8rem}.lead-reasons-compact{margin-top:.45rem}.lead-ai-summary{color:#111827;margin-top:.15rem;font-size:.9rem}.lead-reasons ul{margin:.25rem 0 0;padding-left:1.1rem}.lead-reasons li{margin-bottom:.15rem}.lead-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.btn{color:#111827;cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .85rem;font-size:.8rem}.btn-primary{color:#eff6ff;background:linear-gradient(90deg,#2563eb,#3b82f6);border-color:#2563eb}.btn-ghost{border-style:dashed;border-color:#d1d5db}.detail-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem 1.1rem;font-size:.9rem}.detail-panel h2{margin-top:0;margin-bottom:.2rem;font-size:1rem}.detail-panel p{color:#4b5563;font-size:.88rem}.detail-panel small{color:#6b7280}.detail-meta{margin-top:0;margin-bottom:.8rem}.detail-meta-badge{font-size:.7rem}.detail-section{margin-bottom:1rem}.detail-highlight{background:#fff;border:1px dashed #e5e7eb;border-radius:.5rem;margin-top:.7rem;padding:.6rem .7rem}.detail-highlight-title{color:#9ca3af;margin-bottom:.35rem;font-size:.8rem}.detail-highlight-body{color:#111827;white-space:pre-wrap;font-size:.9rem}.legend{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.legend-item{color:#6b7280;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.legend-dot{border-radius:999px;width:.55rem;height:.55rem}.legend-dot-prioriter{background:#22c55ee6}.legend-dot-overvej{background:#facc15e6}.legend-dot-afvis{background:#f87171e6}@media (max-width:768px){.card.app-shell{padding:1.5rem 1.4rem}.app-header{flex-direction:column;align-items:flex-start}.app-header-meta{text-align:left}.leads-layout,.lead-fields{grid-template-columns:minmax(0,1fr)}}