:root {
    --brown: #5f412d;
    --brown-dark: #3f2d24;
    --brown-light: #8a664c;
    --teal: #69bdc5;
    --teal-dark: #397f87;
    --gold: #c7974e;
    --ink: #292725;
    --muted: #697681;
    --line: #dde4e8;
    --soft: #f4f7f8;
    --soft-teal: #edf8f9;
    --white: #ffffff;
}

* {
    box-sizing: border-box;
}

html {
    background: #eef2f4;
}

body {
    margin: 0;
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.45;
}

a {
    color: inherit;
}

.topbar {
    height: 5px;
    background: linear-gradient(
        90deg,
        var(--brown-dark),
        var(--brown-light),
        var(--teal)
    );
}

.shell {
    width: min(1220px, calc(100% - 40px));
    margin: 0 auto;
}

.header {
    background: var(--white);
    border-bottom: 1px solid var(--line);
}

.header-inner {
    min-height: 104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.logo {
    display: block;
    max-width: 190px;
    max-height: 70px;
    object-fit: contain;
}

.logo-fallback {
    color: var(--brown);
    font-family: Georgia, serif;
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
}

.header-copy {
    text-align: right;
}

.header-copy h1 {
    margin: 0;
    color: var(--brown-dark);
    font-size: 24px;
    line-height: 1.15;
}

.header-copy p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.preview-badge {
    display: inline-block;
    margin-top: 8px;
    padding: 4px 9px;
    border: 1px solid #ead8af;
    border-radius: 999px;
    color: #74551c;
    background: #fcf7ec;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

main {
    padding: 32px 0 60px;
}

.page-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.page-heading h2 {
    margin: 0;
    color: var(--brown-dark);
    font-size: 27px;
}

.page-heading p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.range-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.range-selector a {
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--white);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.range-selector a.active {
    border-color: var(--teal-dark);
    color: var(--white);
    background: var(--teal-dark);
}

.live-notice {
    margin-bottom: 20px;
    padding: 13px 16px;
    border: 1px solid #cce4e6;
    border-radius: 8px;
    background: var(--soft-teal);
    color: #305f63;
    font-size: 12px;
}

.metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
}

.metric {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--white);
    box-shadow: 0 4px 16px rgba(42, 53, 61, .035);
}

.metric-value {
    color: var(--brown-dark);
    font-size: 27px;
    font-weight: 800;
    line-height: 1;
}

.metric-label {
    margin-top: 8px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.grid-two {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(300px, .65fr);
    gap: 18px;
    margin-top: 20px;
}

.panel {
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--white);
    box-shadow: 0 4px 16px rgba(42, 53, 61, .035);
}

.panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 19px;
    border-bottom: 1px solid var(--line);
}

.panel-header h3 {
    margin: 0;
    color: var(--brown-dark);
    font-size: 16px;
}

.panel-header span {
    color: var(--muted);
    font-size: 10px;
}

.panel-body {
    padding: 18px 19px;
}

.activity-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 72px;
    align-items: center;
    gap: 9px;
    margin: 9px 0;
}

.activity-date {
    color: var(--muted);
    font-size: 10px;
}

.activity-value {
    color: var(--brown-dark);
    font-size: 10px;
    font-weight: 700;
    text-align: right;
}

progress {
    display: block;
    width: 100%;
    height: 13px;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    background: #e9eef0;
}

progress::-webkit-progress-bar {
    border-radius: 10px;
    background: #e9eef0;
}

progress.activity-progress::-webkit-progress-value {
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        var(--teal-dark),
        var(--teal)
    );
}

progress.activity-progress::-moz-progress-bar {
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        var(--teal-dark),
        var(--teal)
    );
}

progress.depth-progress {
    height: 10px;
}

progress.depth-progress::-webkit-progress-value {
    border-radius: 10px;
    background: var(--gold);
}

progress.depth-progress::-moz-progress-bar {
    border-radius: 10px;
    background: var(--gold);
}

.empty-state {
    padding: 30px 15px;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

.depth-row {
    margin-bottom: 15px;
}

.depth-top {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 6px;
    font-size: 11px;
}

.depth-top strong {
    color: var(--brown-dark);
}

.collector-status {
    margin-top: 19px;
    padding: 14px;
    border-radius: 7px;
    background: var(--soft);
}

.collector-status strong {
    color: var(--brown-dark);
}

.status-pill {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.status-completed {
    color: #246744;
    background: #dff2e8;
}

.status-failed {
    color: #8f3535;
    background: #f8e1e1;
}

.status-running {
    color: #76551c;
    background: #f8edcf;
}

.collector-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 12px;
    color: var(--muted);
    font-size: 10px;
}

.collector-details b {
    display: block;
    margin-bottom: 2px;
    color: var(--ink);
}

.recent-panel {
    margin-top: 20px;
}

.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

th {
    padding: 11px 13px;
    color: var(--muted);
    background: #f8fafb;
    font-size: 9px;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
}

td {
    padding: 13px;
    border-top: 1px solid var(--line);
    vertical-align: middle;
}

.visitor-id {
    color: var(--teal-dark);
    font-family: Consolas, Monaco, monospace;
    font-size: 10px;
}

.message-count {
    font-weight: 700;
    color: var(--brown-dark);
}

.footer {
    padding: 22px 0 34px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    background: var(--white);
    font-size: 10px;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.powered {
    color: #8b969e;
    font-size: 9px;
}

@media (max-width: 950px) {
    .metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-two {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .shell {
        width: min(100% - 24px, 1220px);
    }

    .header-inner,
    .page-heading,
    .footer-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .header-copy {
        text-align: left;
    }

    .metrics {
        grid-template-columns: 1fr;
    }

    .collector-details {
        grid-template-columns: 1fr;
    }

    .page-heading h2 {
        font-size: 23px;
    }
}

/* Authentication and account navigation */
.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
}

.account-menu {
    min-width: 145px;
    padding-left: 18px;
    border-left: 1px solid var(--line);
    text-align: right;
}

.account-name,
.account-role {
    display: block;
}

.account-name {
    color: var(--brown-dark);
    font-size: 11px;
    font-weight: 700;
}

.account-role {
    margin-top: 2px;
    color: var(--muted);
    font-size: 9px;
}

.account-menu form {
    margin-top: 4px;
}

.link-button {
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--teal-dark);
    background: transparent;
    font: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.link-button:hover,
.link-button:focus {
    text-decoration: underline;
}

.table-link,
.back-link {
    color: var(--teal-dark);
    font-weight: 700;
    text-decoration: none;
}

.table-link:hover,
.table-link:focus,
.back-link:hover,
.back-link:focus {
    text-decoration: underline;
}

.auth-page {
    min-height: 100vh;
    background: #eef2f4;
}

.auth-shell {
    width: min(100% - 30px, 460px);
    margin: 0 auto;
    padding: 72px 0;
}

.auth-card {
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 12px 40px rgba(35, 52, 65, .08);
}

.auth-brand {
    color: var(--brown-dark);
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.4px;
}

.auth-brand span {
    color: var(--teal-dark);
}

.auth-card h1 {
    margin: 25px 0 7px;
    color: var(--brown-dark);
    font-size: 24px;
}

.auth-intro,
.auth-footnote {
    color: var(--muted);
    font-size: 12px;
}

.auth-footnote {
    margin: 22px 0 0;
    font-size: 9px;
    text-align: center;
}

.auth-error {
    margin: 18px 0;
    padding: 11px 13px;
    border: 1px solid #e7bcbc;
    border-radius: 7px;
    color: #873838;
    background: #fbefef;
    font-size: 11px;
}

.auth-form {
    margin-top: 23px;
}

.auth-form label {
    display: block;
    margin: 14px 0 6px;
    color: var(--brown-dark);
    font-size: 11px;
    font-weight: 700;
}

.auth-form input[type="email"],
.auth-form input[type="password"] {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #cfd9de;
    border-radius: 7px;
    color: var(--ink);
    background: var(--white);
    font: inherit;
    font-size: 14px;
}

.auth-form input:focus {
    border-color: var(--teal-dark);
    outline: 3px solid rgba(57, 127, 135, .13);
}

.primary-button {
    width: 100%;
    margin-top: 22px;
    padding: 12px 15px;
    border: 0;
    border-radius: 7px;
    color: var(--white);
    background: var(--teal-dark);
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.primary-button:hover,
.primary-button:focus {
    background: var(--brown-dark);
}

/* Transcript viewer */
.transcript-shell {
    max-width: 960px;
}

.back-link {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 11px;
}

.transcript-summary {
    margin-bottom: 22px;
}

.transcript-summary h2 {
    margin: 0;
    color: var(--brown-dark);
    font-size: 17px;
}

.transcript-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 19px;
}

.transcript-meta div {
    padding: 12px;
    border-radius: 7px;
    background: var(--soft);
}

.transcript-meta b,
.transcript-meta span {
    display: block;
}

.transcript-meta b {
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 9px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.transcript-meta span {
    color: var(--brown-dark);
    font-size: 11px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.conversation-stream {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.message-card {
    max-width: 82%;
    padding: 15px 17px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0 3px 13px rgba(42, 53, 61, .035);
}

.message-visitor {
    align-self: flex-start;
    border-left: 4px solid var(--gold);
}

.message-assistant {
    align-self: flex-end;
    border-right: 4px solid var(--teal-dark);
    background: var(--soft-teal);
}

.message-system {
    align-self: center;
    border-color: #d6dce0;
    background: var(--soft);
}

.message-heading {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 8px;
}

.message-heading strong {
    color: var(--brown-dark);
    font-size: 10px;
}

.message-heading time {
    color: var(--muted);
    font-size: 9px;
}

.message-content {
    color: var(--ink);
    font-size: 12px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

@media (max-width: 760px) {
    .header-right {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .account-menu {
        padding-left: 0;
        border-left: 0;
        text-align: left;
    }

    .transcript-meta {
        grid-template-columns: 1fr 1fr;
    }

    .message-card {
        max-width: 96%;
    }
}

@media (max-width: 520px) {
    .auth-card {
        padding: 25px 21px;
    }

    .transcript-meta {
        grid-template-columns: 1fr;
    }
}

/* Conversation Intelligence Dashboard v1 */
.eyebrow{display:block;margin-bottom:5px;color:var(--teal-dark);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.intelligence-coverage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:28px;align-items:center;margin-bottom:20px;padding:20px 22px;border:1px solid #cce4e6;border-radius:10px;background:linear-gradient(135deg,#edf8f9,#fff);box-shadow:0 5px 18px rgba(42,53,61,.035)}
.coverage-copy strong,.coverage-copy p,.coverage-meter span{display:block}.coverage-copy strong{color:var(--brown-dark);font-size:18px}.coverage-copy p{max-width:760px;margin:6px 0 0;color:var(--muted);font-size:11px}.coverage-number{margin-bottom:7px;color:var(--brown-dark);font-size:24px;font-weight:800;line-height:1;text-align:right}.coverage-meter progress{height:9px}.coverage-meter span{margin-top:7px;color:var(--muted);font-size:9px;text-align:right}
.metrics-intelligence{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-note{margin-top:7px;color:#89949c;font-size:9px;line-height:1.35}.metric-emphasis{border-color:#c9dfe1;background:linear-gradient(145deg,#fff,var(--soft-teal))}
.insight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.insight-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;min-height:146px;padding:19px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 4px 16px rgba(42,53,61,.035)}.insight-card-opportunity{border-color:#dfc794;background:linear-gradient(145deg,#fff,#fcf7ec)}.insight-number{color:#c7d4d8;font-family:Georgia,serif;font-size:27px;font-weight:700;line-height:1}.insight-card p{margin:7px 0 0;color:var(--brown-dark);font-family:Georgia,serif;font-size:15px;line-height:1.48}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:18px;margin-top:20px}.dashboard-grid-leads{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)}.panel-header-rich{align-items:flex-end}.panel-header-rich h3{margin-top:1px}
.opportunity-list{display:flex;flex-direction:column;gap:13px}.opportunity-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:16px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.opportunity-score{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:74px;border-radius:8px;color:#fff;background:var(--brown-dark);text-align:center}.opportunity-score strong{font-size:25px;line-height:1}.opportunity-score span{margin-top:5px;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.opportunity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.opportunity-heading h4{margin:0;color:var(--brown-dark);font-size:14px}.opportunity-heading>div:first-child>span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.opportunity-main>p{margin:10px 0;color:var(--ink);font-size:11px}.badge-group{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}
.data-badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-style:normal;font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap}.badge-positive{color:#246744;background:#dff2e8}.badge-watch{color:#76551c;background:#f8edcf}.badge-priority{color:#8c4728;background:#f8e5d8}.badge-urgent{color:#8f3535;background:#f8dede}.badge-neutral{color:#5f6b73;background:#e9eef0}
.next-action{margin:10px 0;padding:10px 12px;border-left:3px solid var(--gold);border-radius:0 6px 6px 0;background:#fcf7ec;color:var(--brown-dark);font-size:10px}.next-action b{display:block;margin-bottom:3px;font-size:8px;letter-spacing:.05em;text-transform:uppercase}
.interest-section+.interest-section{margin-top:21px;padding-top:18px;border-top:1px solid var(--line)}.interest-section h4,.distribution-grid h4,.review-queue-preview h4,.recommendation-columns h4,.analysis-detail-grid h3,.analysis-detail-grid h4,.weak-answer-section h3{margin:0 0 11px;color:var(--brown-dark);font-size:12px}.analysis-detail-grid h4{margin-top:19px;font-size:10px;text-transform:uppercase}.interest-list{display:flex;flex-direction:column;gap:8px}.interest-list div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-radius:6px;background:var(--soft);font-size:10px}.interest-list strong{color:var(--brown-dark)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud span{padding:6px 8px;border:1px solid #d7e5e7;border-radius:999px;color:#3e666a;background:var(--soft-teal);font-size:9px}.muted-copy{margin:0;color:var(--muted);font-size:10px}.signal-list{margin:0;padding:0;list-style:none}.signal-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #edf0f2;color:var(--ink);font-size:9px}.signal-list li:first-child{border-top:0}.signal-list b{color:var(--brown-dark)}
.distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.distribution-row{margin-bottom:12px}.distribution-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:10px}.distribution-row strong{color:var(--brown-dark)}.distribution-row progress{height:9px}.resolution-progress::-webkit-progress-value{background:var(--gold)}.resolution-progress::-moz-progress-bar{background:var(--gold)}
.quality-score-block{display:grid;grid-template-columns:112px minmax(0,1fr);gap:17px;align-items:center}.quality-ring{display:flex;align-items:center;justify-content:center;flex-direction:column;width:112px;height:112px;border:10px solid #dcecee;border-top-color:var(--teal-dark);border-radius:50%;background:#fff;text-align:center}.quality-ring strong{color:var(--brown-dark);font-size:24px;line-height:1}.quality-ring span{margin-top:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.quality-counters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quality-counters div{padding:9px;border-radius:6px;background:var(--soft)}.quality-counters b,.quality-counters span{display:block}.quality-counters b{color:var(--brown-dark);font-size:16px}.quality-counters span{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.3}
.review-queue-preview{margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.review-queue-preview a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf0f2;text-decoration:none}.review-queue-preview a:first-of-type{border-top:0}.review-queue-preview b,.review-queue-preview small{display:block}.review-queue-preview b{color:var(--brown-dark);font-size:10px}.review-queue-preview small{max-width:360px;margin-top:3px;color:var(--muted);font-size:8px}
.recommendation-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.recommendation-list{margin:0;padding:0;list-style:none;counter-reset:recommendation}.recommendation-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0 10px 30px;border-top:1px solid #edf0f2;color:var(--ink);font-size:10px;counter-increment:recommendation}.recommendation-list li:first-child{border-top:0}.recommendation-list li::before{position:absolute;top:10px;left:0;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;color:#fff;background:var(--brown-light);font-size:8px;font-weight:800;content:counter(recommendation)}.recommendation-list b{color:var(--muted);font-size:8px;white-space:nowrap}.compact-recommendations li{grid-template-columns:1fr}.dashboard-weak-answers{margin:0 19px 19px;padding:15px;border:1px solid #ecd1c4;border-radius:8px;background:#fdf5f1}.dashboard-weak-answers h4{margin:0 0 8px;color:var(--brown-dark);font-size:10px;text-transform:uppercase}
.business-insights-panel{margin-top:20px}.business-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.business-insight-grid article{padding:16px;border-radius:8px;background:var(--soft)}.business-insight-grid article>span{color:var(--gold);font-family:Georgia,serif;font-size:22px;font-weight:700}.business-insight-grid p{margin:8px 0 10px;color:var(--brown-dark);font-family:Georgia,serif;font-size:13px;line-height:1.45}.business-insight-grid small{color:var(--muted);font-size:8px}
.intelligence-table{min-width:1080px}.score-inline{display:inline-block;min-width:25px;margin-right:4px;color:var(--brown-dark);font-weight:800}.quality-inline{color:var(--teal-dark);font-weight:800}.analysis-pending{color:var(--muted);font-size:9px;font-style:italic}.system-grid{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)}.compact-activity{max-height:310px;overflow-y:auto}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.health-card{padding:13px;border-radius:7px;background:var(--soft)}.health-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-card strong{color:var(--brown-dark);font-size:10px}.health-card dl{margin:11px 0 0}.health-card dl div{display:flex;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px solid #e3e8ea;font-size:8px}.health-card dt{color:var(--muted)}.health-card dd{margin:0;color:var(--ink);font-weight:700;text-align:right}
/* Transcript intelligence */
.transcript-intelligence-shell{max-width:1120px}.transcript-analysis-panel{margin-bottom:24px}.transcript-analysis-panel h2{margin:1px 0 0;color:var(--brown-dark);font-size:18px}.analysis-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 19px;border-bottom:1px solid var(--line)}.analysis-score-grid>div{display:flex;align-items:flex-start;flex-direction:column;min-height:102px;padding:14px;border-radius:7px;background:var(--soft)}.analysis-score-grid strong{color:var(--brown-dark);font-size:25px;line-height:1}.analysis-score-grid .score-word{font-size:15px;line-height:1.2}.analysis-score-grid>div>span{margin:7px 0 8px;color:var(--muted);font-size:8px;letter-spacing:.04em;text-transform:uppercase}.analysis-score-grid>div>em:not(.data-badge){color:var(--muted);font-size:8px;font-style:normal}.analysis-narrative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:19px;border-bottom:1px solid var(--line)}.analysis-narrative-grid article{padding:14px;border-left:3px solid var(--teal);border-radius:0 7px 7px 0;background:#fbfcfc}.analysis-narrative-grid p{margin:7px 0 0;color:var(--ink);font-size:11px}.transcript-next-action{margin:19px;padding:17px;border:1px solid #e7d3a7;border-radius:8px;background:#fcf7ec}.transcript-next-action p{margin:6px 0 11px;color:var(--brown-dark);font-family:Georgia,serif;font-size:14px;line-height:1.5}.analysis-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 19px 20px}.analysis-detail-grid>div{padding:17px;border-radius:8px;background:var(--soft)}.analysis-definition-list{margin:0}.analysis-definition-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid #e3e8ea}.analysis-definition-list div:first-child{border-top:0}.analysis-definition-list dt{color:var(--muted);font-size:9px}.analysis-definition-list dd{margin:0;color:var(--brown-dark);font-size:10px;font-weight:700}.detail-list{margin:0;padding-left:17px;color:var(--ink);font-size:10px}.detail-list li+li{margin-top:7px}.action-list li::marker{color:var(--teal-dark)}.weak-answer-section{margin:0 19px 20px;padding:16px;border:1px solid #ecd1c4;border-radius:8px;background:#fdf5f1}.weak-answer-section article{display:grid;grid-template-columns:86px minmax(0,1fr);gap:13px;padding:11px 0;border-top:1px solid #eeded7}.weak-answer-section article:first-of-type{border-top:0}.weak-answer-section a{color:var(--teal-dark);font-size:9px;font-weight:800;text-decoration:none}.weak-answer-section b,.weak-answer-section p{display:block}.weak-answer-section b{color:var(--brown-dark);font-size:10px}.weak-answer-section p{margin:5px 0 0;color:var(--muted);font-size:9px}.transcript-pending-notice{margin-bottom:22px}.message-card:target{outline:3px solid rgba(199,151,78,.28);scroll-margin-top:18px}
@media(max-width:1120px){.metrics-intelligence{grid-template-columns:repeat(3,minmax(0,1fr))}.business-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.intelligence-coverage,.dashboard-grid,.dashboard-grid-leads,.system-grid{grid-template-columns:1fr}.insight-strip{grid-template-columns:1fr}.insight-card{min-height:0}.analysis-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-narrative-grid,.analysis-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.metrics-intelligence,.distribution-grid,.recommendation-columns,.quality-counters,.health-grid,.business-insight-grid{grid-template-columns:1fr}.opportunity-card{grid-template-columns:1fr}.opportunity-score{min-height:68px}.opportunity-heading{flex-direction:column}.badge-group{justify-content:flex-start}.quality-score-block{grid-template-columns:1fr}.quality-ring{margin:0 auto}.analysis-score-grid{grid-template-columns:1fr}.weak-answer-section article{grid-template-columns:1fr}}