.prospects-workspace { min-width: 0; }
.prospects-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(15, 22, 32, .1); }
.prospects-header h1 { margin: 4px 0 8px; font-family: Fraunces, Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); }
.prospects-header p { margin: 0; max-width: 720px; color: #617083; }
.prospects-header-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.prospects-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.prospects-metrics article { padding: 18px; border: 1px solid rgba(15, 22, 32, .1); border-radius: 15px; background: #fff; }
.prospects-metrics span { display: block; color: #6a7788; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.prospects-metrics strong { display: block; margin-top: 8px; font-family: Fraunces, Georgia, serif; font-size: 2rem; color: #10271f; }
.prospects-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) 190px 210px; gap: 12px; margin-bottom: 16px; }
.prospects-toolbar label, .prospect-form-grid label, .prospect-consent-grid label { display: grid; gap: 7px; color: #344355; font-size: .78rem; font-weight: 800; }
.prospects-toolbar input, .prospects-toolbar select, .prospect-form-grid input, .prospect-form-grid select, .prospect-form-grid textarea, .prospect-consent-grid input, .prospect-consent-grid select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(15, 22, 32, .16); border-radius: 10px; background: #fff; color: #111a26; font: inherit; font-weight: 600; }
.prospects-list { display: grid; gap: 10px; }
.prospect-row { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 1fr) minmax(220px, 1.1fr) auto; gap: 18px; align-items: center; width: 100%; padding: 17px 18px; border: 1px solid rgba(15, 22, 32, .1); border-radius: 14px; background: #fff; text-align: left; color: inherit; cursor: pointer; }
.prospect-row:hover { border-color: rgba(17, 111, 92, .38); box-shadow: 0 10px 30px rgba(12, 28, 24, .07); }
.prospect-row strong, .prospect-row span { display: block; }
.prospect-row small { display: block; margin-top: 4px; color: #6a7788; }
.prospect-row-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 7px; }
.prospect-row-tags i, .prospect-badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; background: #eef4f2; color: #225c4e; font-size: .7rem; font-style: normal; font-weight: 800; }
.prospect-channel-stack { display: flex; gap: 6px; flex-wrap: wrap; }
.prospect-channel { padding: 5px 8px; border-radius: 999px; background: #f1f3f6; color: #748092; font-size: .69rem; font-weight: 800; }
.prospect-channel.is-on { background: #dff3e8; color: #176744; }
.prospects-empty { padding: 48px 24px; border: 1px dashed rgba(15, 22, 32, .18); border-radius: 16px; text-align: center; color: #6a7788; }
.prospect-dialog { width: min(920px, calc(100vw - 28px)); max-height: calc(100vh - 28px); padding: 0; border: 0; border-radius: 20px; box-shadow: 0 28px 90px rgba(0, 0, 0, .28); }
.prospect-dialog::backdrop { background: rgba(5, 10, 15, .72); backdrop-filter: blur(3px); }
.prospect-dialog form { padding: 24px; }
.prospect-dialog-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.prospect-dialog-head h2 { margin: 4px 0 0; font-family: Fraunces, Georgia, serif; font-size: 2rem; }
.prospect-dialog-close { width: 42px; height: 42px; border: 1px solid rgba(15, 22, 32, .12); border-radius: 50%; background: #fff; font-size: 1.5rem; cursor: pointer; }
.prospect-card-capture { display: grid; grid-template-columns: 250px 1fr; gap: 22px; align-items: center; margin: 22px 0; padding: 18px; border-radius: 16px; background: #f2f6f5; }
.prospect-card-preview { display: grid; place-items: center; aspect-ratio: 1.65 / 1; overflow: hidden; border: 1px dashed rgba(15, 22, 32, .25); border-radius: 12px; background: #fff; color: #748092; font-size: .78rem; font-weight: 800; }
.prospect-card-preview img { width: 100%; height: 100%; object-fit: contain; }
.prospect-card-capture h3, .prospect-consent-panel h3 { margin: 0 0 6px; }
.prospect-card-capture p, .prospect-consent-panel p { margin: 0; color: #617083; font-size: .86rem; line-height: 1.55; }
.prospect-card-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 14px; }
.prospect-scan-status, .prospect-form-status { min-height: 20px; margin: 10px 0 0; color: #526276; font-size: .8rem; font-weight: 700; }
.prospect-scan-status.is-error, .prospect-form-status.is-error { color: #ad2f2f; }
.prospect-scan-status.is-success, .prospect-form-status.is-success { color: #16724f; }
.prospect-form-grid, .prospect-consent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.prospect-span-two { grid-column: 1 / -1; }
.prospect-form-grid textarea { resize: vertical; }
.prospect-consent-panel { display: grid; grid-template-columns: .85fr 1.3fr; gap: 24px; margin-top: 22px; padding: 18px; border: 1px solid rgba(15, 22, 32, .1); border-radius: 16px; }
.prospect-dialog-actions { display: grid; grid-template-columns: auto 1fr auto auto; gap: 10px; align-items: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(15, 22, 32, .1); }
.prospect-delete { border: 0; background: transparent; color: #ad2f2f; font-weight: 800; cursor: pointer; }
@media (max-width: 900px) { .prospects-metrics { grid-template-columns: repeat(2, 1fr); } .prospects-toolbar { grid-template-columns: 1fr 1fr; } .prospects-toolbar label:first-child { grid-column: 1 / -1; } .prospect-row { grid-template-columns: 1fr 1fr; } .prospect-card-capture, .prospect-consent-panel { grid-template-columns: 1fr; } .prospect-card-preview { max-width: 360px; } }
@media (max-width: 620px) { .prospects-header { display: grid; } .prospects-header-actions { justify-content: stretch; } .prospects-header-actions .portal-button { flex: 1; } .prospects-metrics, .prospects-toolbar, .prospect-form-grid, .prospect-consent-grid, .prospect-row { grid-template-columns: 1fr; } .prospects-toolbar label:first-child, .prospect-span-two { grid-column: auto; } .prospect-dialog form { padding: 18px; } .prospect-dialog-actions { grid-template-columns: 1fr 1fr; } .prospect-delete { grid-column: 1 / -1; justify-self: start; } .prospect-dialog-actions span { display: none; } }