:root {
    --ss-ink: #101b2b;
    --ss-ink-2: #1d2c42;
    --ss-spruce: #087f5b;
    --ss-spruce-dark: #056044;
    --ss-mint: #2dd4bf;
    --ss-lime: #a3e635;
    --ss-amber: #f59e0b;
    --ss-coral: #e85d4a;
    --ss-sky: #0ea5e9;
    --ss-mist: #f3f7f5;
    --ss-line: #dbe5e1;
    --ss-muted: #65758b;
}

.ss-remember-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    border-color: #94a3b8;
    color: var(--ss-spruce);
}

.ss-remember-checkbox:focus {
    outline: 3px solid rgba(45, 212, 191, .25);
    outline-offset: 2px;
}

body { color: var(--ss-ink); background: var(--ss-mist); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.45; }
body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body textarea {
    padding-left: .8rem !important;
    padding-right: .8rem !important;
    color: var(--ss-ink);
    font-family: inherit;
    font-size: .875rem;
}
body input::placeholder,
body textarea::placeholder,
body .ts-control input::placeholder,
body .ts-dropdown input::placeholder {
    color: #8b9bad;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 400;
    opacity: 1;
}
body .ts-control > input {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body select:not([multiple]) {
    appearance: none;
    padding-left: .8rem !important;
    padding-right: 2.6rem !important;
    color: var(--ss-ink);
    font-family: inherit;
    font-size: .875rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2352647a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: .8rem;
}
.ts-wrapper.single.input-active .ts-control {
    flex-wrap: nowrap;
}
.ts-wrapper.single.input-active .ts-control > .item {
    display: none;
}
.ts-wrapper.single.input-active .ts-control > input {
    width: 100% !important;
    min-width: 0;
    flex: 1 1 auto;
    margin: 0 !important;
    opacity: 1 !important;
}
.ts-wrapper.single .ts-control::after {
    right: 1rem;
}
.ss-eyebrow { color: var(--ss-spruce); font-size: .67rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.ss-page-title { margin-top: .2rem; color: var(--ss-ink); font-size: 1.75rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.18; }
.ss-page-subtitle { margin-top: .3rem; color: var(--ss-muted); font-size: .94rem; line-height: 1.45; }
.ss-filter-card { padding: 1rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; box-shadow: 0 1px 0 rgba(16,27,43,.02); }
.ss-field-label { display: block; margin-bottom: .38rem; color: var(--ss-muted); font-size: .72rem; font-weight: 700; }
.ss-field { display: block; width: 100%; min-height: 2.65rem; padding: .55rem .7rem; border: 1px solid var(--ss-line); border-radius: .65rem; background: white; color: var(--ss-ink); }
.ss-field:focus { border-color: var(--ss-spruce); outline: 3px solid rgba(45,212,191,.2); }
.ss-filter-card .ts-wrapper.ss-field { min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.ss-filter-card .ts-wrapper.single .ts-control { min-height: 2.65rem; border-color: var(--ss-line); border-radius: .65rem; padding: .48rem .7rem; }
.ss-filter-card .ts-wrapper.single .ts-control::after { right: 1rem; }
.ss-filter-card .ts-wrapper.single .ts-control > .item { align-self: center; line-height: 1.35; }
.ss-filter-card .ts-wrapper.focus .ts-control { border-color: var(--ss-spruce); box-shadow: 0 0 0 3px rgba(45,212,191,.2); }
.ss-filter-pill { display: inline-flex; min-height: 2.25rem; align-items: center; gap: .38rem; padding: .42rem .75rem; border: 1px solid var(--ss-line); border-radius: 999px; background: white; color: #506075; font-size: .78rem; font-weight: 600; text-decoration: none; }
.ss-filter-pill:hover { border-color: #8acdbb; color: var(--ss-spruce); }
.ss-filter-pill.is-active { border-color: #79d7c1; background: #eefbf7; color: var(--ss-spruce); }
.ss-dot { width: .38rem; height: .38rem; border-radius: 50%; background: var(--ss-mint); }
.ss-count-dot { display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; background: var(--ss-spruce); color: white; font-size: .58rem; }
.ss-results-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 .8rem; color: var(--ss-muted); font-size: .8rem; }
.ss-results-head strong { color: #465a70; font-weight: 800; }
#article-results, #contact-results, #outreach-results, #country-results, #medicine-results, #user-results { transition: opacity .14s ease; }
#article-results.is-updating, #contact-results.is-updating, #outreach-results.is-updating, #country-results.is-updating, #medicine-results.is-updating, #user-results.is-updating { opacity: .48; pointer-events: none; }
.ss-rows-select { min-height: 2rem; border: 1px solid var(--ss-line); border-radius: .5rem; background: white; padding: .25rem .45rem; }
.ss-meta-badge, .ss-status-badge { display: inline-flex; align-items: center; gap: .25rem; padding: .24rem .48rem; border-radius: 999px; background: #edf2f6; color: #52647a; font-size: .66rem; font-weight: 700; line-height: 1.15; }
.ss-meta-badge.is-catalogue { background: #def7ec; color: #08694d; }
.ss-meta-badge.is-journalist { background: #e5f5fd; color: #0876a8; }
.ss-status-badge.is-aligned { background: #def7ec; color: #08694d; }
.ss-status-badge.is-maybe { background: #fff1cf; color: #8c5504; }
.ss-status-badge.is-unaligned { background: #fee8e5; color: #a53b32; }
.ss-status-badge.is-processing { background: #e5f5fd; color: #0876a8; }
.ss-score { display: inline-grid; width: 2.55rem; height: 2.55rem; place-items: center; border-radius: 50%; font-size: .82rem; font-weight: 800; }
.ss-score.is-high { background: #def7ec; color: var(--ss-spruce); }
.ss-score.is-medium { background: #fff1cf; color: #995d05; }
.ss-score.is-low { background: #f7e8e7; color: #ad4036; }
.ss-score-large { width: 4.2rem; height: 4.2rem; font-size: 1.25rem; }
.ss-article-card { position: relative; padding: 1rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-triage-table th { padding-top: .78rem; padding-bottom: .78rem; color: #607086; font-size: .7rem; font-weight: 800; letter-spacing: .075em; }
.ss-triage-table td { padding-top: .95rem; padding-bottom: .95rem; vertical-align: middle; }
.ss-triage-title { font-size: .88rem; font-weight: 600; line-height: 1.35; letter-spacing: -.008em; }
.ss-page-link { display: inline-flex; min-height: 2.4rem; min-width: 2.4rem; align-items: center; justify-content: center; padding: .45rem .7rem; border: 1px solid var(--ss-line); border-radius: .6rem; background: white; color: #506075; font-size: .78rem; font-weight: 650; text-decoration: none; }
.ss-page-link:hover { border-color: #8acdbb; color: var(--ss-spruce); }
.ss-page-link.is-current { border-color: var(--ss-spruce); background: var(--ss-spruce); color: white; }
.ss-page-link.is-disabled { color: #a6b1be; cursor: default; }

.ss-dashboard-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.ss-widget { grid-column: span 12; overflow: hidden; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-widget.size-third { grid-column: span 4; }
.ss-widget.size-half { grid-column: span 6; }
.ss-widget.size-two-thirds { grid-column: span 8; }
.ss-widget.size-full { grid-column: span 12; }
.ss-widget-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem .8rem; border-bottom: 1px solid var(--ss-line); }
.ss-widget-title { font-size: .95rem; font-weight: 750; }
.ss-widget-subtitle { color: var(--ss-muted); font-size: .72rem; }
.ss-section-head { padding: 1.15rem 1.2rem; border-bottom-color: #264157; background: linear-gradient(120deg,var(--ss-ink),#193a4d); color: white; }
.ss-section-head .ss-widget-title { font-size: 1.05rem; font-weight: 800; }
.ss-section-head .ss-widget-subtitle { margin-top: .18rem; color: #b9cbd5; font-size: .75rem; }
.ss-section-count { display: inline-grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(45,212,191,.16); color: #82ead8; font-size: .75rem; font-weight: 800; }
.ss-section-action { flex: 0 0 auto; color: #82ead8; font-size: .72rem; font-weight: 750; }
.ss-section-action:hover { color: white; }
.ss-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .8rem; }
.ss-metric { position: relative; overflow: hidden; padding: 1rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-metric::after { position: absolute; right: -1.2rem; bottom: -1.6rem; width: 5rem; height: 5rem; border-radius: 50%; background: #e8f3ef; content: ""; }
.ss-metric.is-warning::after { background: #fff4d8; }
.ss-metric-label { color: var(--ss-muted); font-size: .67rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.ss-metric-value { margin: .15rem 0; font-size: 1.8rem; font-weight: 800; letter-spacing: -.045em; }
.ss-metric-note { color: var(--ss-spruce); font-size: .72rem; }
.ss-signal-list { list-style: none; margin: 0; padding: 0; }
.ss-signal-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem; padding: .85rem 1.1rem; border-top: 1px solid var(--ss-line); }
.ss-signal-row:first-child { border-top: 0; }
.ss-signal-title { font-size: .84rem; font-weight: 700; }
.ss-signal-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-top: .25rem; color: var(--ss-muted); font-size: .68rem; }
.ss-health-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .72rem 1.1rem; border-top: 1px solid var(--ss-line); font-size: .77rem; }
.ss-health-row:first-child { border-top: 0; }
.ss-health-value { text-align: right; font-weight: 750; }
.ss-ai-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem; padding: .85rem 1.1rem; border-bottom: 1px solid var(--ss-line); background: #f8fbfa; }
.ss-ai-summary div { min-width: 0; }
.ss-ai-summary strong { display: block; font-size: 1.15rem; font-weight: 800; letter-spacing: -.03em; }
.ss-ai-summary span { display: block; overflow: hidden; color: var(--ss-muted); font-size: .61rem; font-weight: 700; letter-spacing: .045em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.ss-ai-model-list { display: grid; }
.ss-ai-model-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: center; padding: .72rem 1.1rem; border-top: 1px solid var(--ss-line); font-size: .74rem; }
.ss-ai-model-row:first-child { border-top: 0; }
.ss-ai-model-id { margin-top: .2rem; overflow-wrap: anywhere; color: var(--ss-muted); font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: .64rem; }
.ss-ai-footer { padding: .65rem 1.1rem; border-top: 1px solid var(--ss-line); background: #fbfcfc; color: var(--ss-muted); font-size: .65rem; }
.ss-bar-row { display: grid; grid-template-columns: minmax(5rem,auto) 1fr 2rem; gap: .65rem; align-items: center; padding: .46rem 1.1rem; font-size: .72rem; }
.ss-bar { height: .45rem; overflow: hidden; border-radius: 999px; background: #e8eeec; }
.ss-bar > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--ss-spruce),var(--ss-mint)); }

.ss-workflow { display: grid; grid-template-columns: repeat(4,minmax(7rem,1fr)); margin-top: 1.2rem; overflow-x: auto; }
.ss-workflow-step { position: relative; padding-top: 1rem; color: #92a8bb; font-size: .68rem; }
.ss-workflow-step::before { position: absolute; top: .25rem; right: 0; left: 0; height: 3px; background: #2d4a65; content: ""; }
.ss-workflow-step.is-done, .ss-workflow-step.is-active { color: white; }
.ss-workflow-step.is-done::before { background: var(--ss-mint); }
.ss-workflow-step.is-active::before { background: linear-gradient(90deg,var(--ss-mint) 55%,#2d4a65 55%); }
.ss-action-card { border-left: 4px solid var(--ss-mint); }
.ss-editorial-textarea { font-size: .78rem; line-height: 1.35rem; resize: vertical; }
.ss-editorial-textarea.is-story-angle { min-height: 11rem; }
.ss-editorial-textarea.is-support-offer { min-height: 8.75rem; }
.ss-editorial-textarea.is-summary { min-height: 7rem; }
.ss-primary-button { display: inline-flex; min-height: 2.55rem; align-items: center; justify-content: center; padding: .6rem .9rem; border-radius: .65rem; background: var(--ss-spruce); color: white; font-size: .78rem; font-weight: 750; }
.ss-primary-button:hover { background: var(--ss-spruce-dark); }
.ss-secondary-button { display: inline-flex; min-height: 2.55rem; align-items: center; justify-content: center; padding: .6rem .9rem; border: 1px solid var(--ss-line); border-radius: .65rem; background: white; color: var(--ss-ink); font-size: .78rem; font-weight: 700; }
.ss-primary-button:disabled, .ss-secondary-button:disabled { cursor: wait; opacity: .68; }
.ss-progress-panel { min-width: 0; padding: .8rem; border: 1px solid #bde8dc; border-radius: .7rem; background: #f0fbf7; color: #305669; }
.ss-progress-track { height: .48rem; overflow: hidden; border-radius: 999px; background: #dce9e5; }
.ss-progress-track > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--ss-spruce),var(--ss-mint)); transition: width .45s ease; }

.ss-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.ss-page-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .6rem; }
.ss-card { border: 1px solid var(--ss-line); border-radius: 1rem; background: white; box-shadow: 0 1px 0 rgba(16,27,43,.02); }
.ss-card-pad { padding: 1.15rem; }
.ss-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem .8rem; border-bottom: 1px solid var(--ss-line); }
.ss-card-title { color: var(--ss-ink); font-size: .96rem; font-weight: 700; letter-spacing: -.012em; }
.ss-card-subtitle { margin-top: .18rem; color: var(--ss-muted); font-size: .75rem; }
.ss-toolbar { margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-toolbar .ts-wrapper { width: 100%; min-width: 0; padding: 0 !important; border: 0; border-radius: 0; background: transparent; }
.ss-toolbar .ts-wrapper.single .ts-control { min-height: 2.65rem; border-color: var(--ss-line); border-radius: .65rem; padding: .48rem .8rem; font-family: inherit; font-size: .875rem; }
.ss-toolbar .ts-wrapper.single .ts-control::after { right: 1rem; }
.ss-toolbar .ts-wrapper.single .ts-control > .item { align-self: center; line-height: 1.35; }
.ss-toolbar .ts-wrapper.focus .ts-control { border-color: var(--ss-spruce); box-shadow: 0 0 0 3px rgba(45,212,191,.2); }
.ss-table-wrap { overflow: hidden; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-data-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.ss-data-table thead { background: #f7faf9; color: #607086; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ss-data-table th { padding: .75rem 1rem; text-align: left; }
.ss-data-table td { padding: .82rem 1rem; border-top: 1px solid var(--ss-line); vertical-align: middle; }
.ss-data-table tbody tr { transition: background .14s ease; }
.ss-data-table tbody tr:hover { background: #fbfdfc; }
.ss-data-table a:not(.ss-primary-button):not(.ss-secondary-button) { color: var(--ss-spruce); }
.ss-data-table .ss-numeric-column { text-align: right !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ss-form-card { max-width: 52rem; padding: 1.25rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-form-section { padding: 1rem 0; border-top: 1px solid var(--ss-line); }
.ss-form-section:first-child { padding-top: 0; border-top: 0; }
.ss-form-section-title { margin-bottom: .75rem; color: var(--ss-ink); font-size: .92rem; font-weight: 700; }
.ss-form-card input:not([type="checkbox"]):not([type="radio"]), .ss-form-card select, .ss-form-card textarea,
.ss-toolbar input:not([type="checkbox"]):not([type="radio"]), .ss-toolbar select {
    width: 100%; min-height: 2.65rem; border: 1px solid var(--ss-line); border-radius: .65rem; background: white; color: var(--ss-ink);
}
.ss-form-card input:focus, .ss-form-card select:focus, .ss-form-card textarea:focus,
.ss-toolbar input:focus, .ss-toolbar select:focus { border-color: var(--ss-spruce); outline: 3px solid rgba(45,212,191,.2); box-shadow: none; }
.ss-detail-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(18rem,.8fr); gap: 1rem; align-items: start; }
.ss-article-workspace { display: grid; gap: 1rem; }
.ss-article-workspace-head { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.25rem 1.4rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-article-workspace-title { max-width: 60rem; margin: .18rem 0 .45rem; color: var(--ss-ink); font-size: clamp(1.45rem,2.4vw,2.15rem); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; overflow-wrap: anywhere; }
.ss-article-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .65rem; color: var(--ss-muted); font-size: .75rem; }
.ss-article-byline > span:not(.ss-meta-badge) + span:not(.ss-meta-badge)::before { content: '·'; margin-right: .65rem; color: #a7b4c1; }
.ss-article-score-block { display: flex; flex: 0 0 auto; align-items: center; gap: .75rem; }
.ss-article-score-block > span:last-child { display: grid; color: var(--ss-ink); font-size: .8rem; }
.ss-article-score-block small { color: var(--ss-muted); font-size: .68rem; }
.ss-workflow-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; }
.ss-workflow-strip > div { position: relative; display: grid; grid-template-columns: 1.7rem minmax(0,1fr); gap: 0 .55rem; align-items: center; padding: .85rem 1rem; border-left: 1px solid var(--ss-line); }
.ss-workflow-strip > div:first-child { border-left: 0; }
.ss-workflow-strip > div > span { grid-row: span 2; display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; background: #edf2f6; color: #66788b; font-size: .7rem; font-weight: 800; }
.ss-workflow-strip strong { color: #405267; font-size: .74rem; }
.ss-workflow-strip small { color: var(--ss-muted); font-size: .65rem; }
.ss-workflow-strip .is-complete > span { background: #d9f7ed; color: var(--ss-spruce); }
.ss-workflow-strip .is-active > span { background: #dff7fb; color: #0876a8; }
.ss-workflow-strip .is-error > span { background: #fee8e5; color: #a53b32; }
.ss-article-workspace-grid { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(18rem,.75fr); gap: 1rem; align-items: start; }
.ss-workspace-panel { overflow: hidden; }
.ss-settings-tabs { display: flex; gap: 1.25rem; padding: 0 1.3rem; border-bottom: 1px solid var(--ss-line); background: #fbfcfd; }
.ss-settings-tabs button { min-height: 3.4rem; margin-bottom: -1px; border-bottom: 2px solid transparent; color: #647489; font-size: .8rem; font-weight: 650; }
.ss-settings-tabs button:hover { color: var(--ss-spruce); }
.ss-settings-tabs button:focus-visible { border-radius: .3rem; outline: 3px solid rgba(45,212,191,.3); outline-offset: -3px; }
.ss-settings-tabs button.is-active { border-bottom-color: var(--ss-spruce); color: var(--ss-ink); }
.ss-workspace-panel [role="tabpanel"] { padding: 1.35rem; }
.ss-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.ss-panel-heading h3, .ss-next-step h3, .ss-create-outreach-card h3 { margin: 0; color: var(--ss-ink); font-size: 1.05rem; font-weight: 700; letter-spacing: -.018em; }
.ss-panel-heading p, .ss-next-step p, .ss-create-outreach-card > p { margin: .25rem 0 0; color: var(--ss-muted); font-size: .75rem; line-height: 1.55; }
.ss-source-original { margin-bottom: 1rem; padding: .75rem .9rem; border-radius: .7rem; background: #f4f7f8; color: #607086; font-size: .75rem; }
.ss-source-original strong { display: block; margin-bottom: .2rem; color: #405267; font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; }
.ss-evidence-summary { padding: 1rem; border: 1px solid var(--ss-line); border-radius: .8rem; background: #fbfdfc; }
.ss-evidence-summary h4 { margin: 0 0 .45rem; color: var(--ss-ink); font-size: .8rem; font-weight: 700; }
.ss-evidence-summary p, .ss-evidence-note p { margin: 0; color: #405267; font-size: .8rem; line-height: 1.65; }
.ss-evidence-summary details { margin-top: .75rem; color: var(--ss-muted); font-size: .72rem; }
.ss-evidence-summary details p { margin-top: .55rem; color: var(--ss-muted); }
.ss-signal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem; margin-top: 1rem; }
.ss-signal-grid > div { padding: .8rem; border-radius: .7rem; background: #f3f7f5; }
.ss-signal-grid small, .ss-signal-grid strong { display: block; overflow-wrap: anywhere; }
.ss-signal-grid small { margin-bottom: .2rem; color: var(--ss-muted); font-size: .62rem; text-transform: uppercase; letter-spacing: .055em; }
.ss-signal-grid strong { color: #31465b; font-size: .76rem; font-weight: 650; }
.ss-evidence-note { margin-top: 1rem; padding: .9rem 1rem; border-left: 3px solid #77d6c0; border-radius: 0 .65rem .65rem 0; background: #f1fbf8; }
.ss-evidence-note strong { display: block; margin-bottom: .3rem; color: var(--ss-spruce); font-size: .7rem; }
.ss-technical-details { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--ss-line); color: var(--ss-muted); font-size: .75rem; }
.ss-technical-details > summary { color: #516479; font-weight: 650; cursor: pointer; }
.ss-technical-details > .ss-kv { margin-top: 1rem; }
.ss-story-brief-form { display: grid; gap: 1rem; }
.ss-story-brief-form label, .ss-outreach-create-form label { display: grid; gap: .35rem; color: #44586d; font-size: .7rem; font-weight: 650; }
.ss-story-brief-form label span small, .ss-outreach-create-form label span small { color: var(--ss-muted); font-weight: 400; }
.ss-story-brief-form input, .ss-story-brief-form select, .ss-story-brief-form textarea, .ss-outreach-create-form input, .ss-outreach-create-form textarea, .ss-outreach-create-form select { width: 100%; border: 1px solid var(--ss-line); border-radius: .7rem; background: white; padding: .72rem .8rem; color: var(--ss-ink); font-family: inherit; font-size: .8rem; font-weight: 400; }
.ss-story-brief-form input:focus, .ss-story-brief-form select:focus, .ss-story-brief-form textarea:focus, .ss-outreach-create-form input:focus, .ss-outreach-create-form textarea:focus, .ss-outreach-create-form select:focus { border-color: var(--ss-spruce); outline: 3px solid rgba(45,212,191,.2); }
.ss-form-two { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 1rem; }
.ss-form-actions { display: flex; justify-content: flex-end; }
.ss-ai-generate-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.1rem; padding: .9rem 1rem; border: 1px solid #bde8dc; border-radius: .75rem; background: #f0fbf7; }
.ss-ai-generate-row strong { color: var(--ss-spruce); font-size: .75rem; }
.ss-ai-generate-row p { margin: .2rem 0 0; color: #587185; font-size: .69rem; }
.ss-generation-progress { margin-bottom: 1rem; padding: .9rem 1rem; border: 1px solid #bce3ea; border-radius: .75rem; background: #f1fafc; }
.ss-generation-progress.hidden { display: none; }
.ss-generation-progress-head { display: flex; justify-content: space-between; gap: 1rem; color: #27677a; font-size: .72rem; }
.ss-progress-track { height: .45rem; margin-top: .55rem; overflow: hidden; border-radius: 999px; background: #dcecef; }
.ss-progress-track span { display: block; height: 100%; border-radius: inherit; background: #1ba6a0; transition: width .25s ease; }
.ss-generation-progress p { margin: .45rem 0 0; color: #a53b32; font-size: .68rem; }
.ss-generation-progress.is-error { border-color: #f2c4bf; background: #fff5f3; }
.ss-generation-progress.is-error .ss-generation-progress-head { color: #9e4038; }
.ss-generation-progress.is-error .ss-progress-track span { background: var(--ss-coral); }
.ss-next-step { border-color: #aee1d4; background: linear-gradient(145deg,#f2fcf9,#fff); }
.ss-next-step h3 { margin-top: .3rem; }
.ss-create-outreach-card { display: grid; gap: .75rem; }
.ss-outreach-create-form { display: grid; gap: .85rem; margin-top: .25rem; padding-top: .9rem; border-top: 1px solid var(--ss-line); }
.ss-outreach-create-form details summary { color: #53677b; font-size: .72rem; font-weight: 650; cursor: pointer; }
.ss-inline-working { display: grid; gap: .55rem; padding: .75rem; border: 1px solid #bce3ea; border-radius: .7rem; background: #f1fafc; }
.ss-inline-working strong, .ss-inline-working span { display: block; }
.ss-inline-working strong { color: #27677a; font-size: .7rem; }
.ss-inline-working span { margin-top: .15rem; color: #5b7485; font-size: .64rem; }
.ss-indeterminate-track { height: .4rem; overflow: hidden; border-radius: 999px; background: #dcecef; }
.ss-indeterminate-track span { width: 40%; height: 100%; border-radius: inherit; background: #1ba6a0; animation: ss-indeterminate 1.1s ease-in-out infinite; }
@keyframes ss-indeterminate { from { transform: translateX(-110%); } to { transform: translateX(260%); } }
.ss-outreach-history-panel { overflow: hidden; }
.ss-outreach-history-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.25rem; border-bottom: 1px solid #d7e4ec; background: #eef4f8; }
.ss-outreach-history-head h3 { margin: .15rem 0 0; color: var(--ss-ink); font-size: 1.05rem; font-weight: 700; letter-spacing: -.018em; }
.ss-outreach-history-head p { margin: .2rem 0 0; color: #617589; font-size: .72rem; }
.ss-outreach-empty { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 1rem; align-items: center; margin: 1.2rem; padding: 1.25rem; border: 1px dashed #bed0dc; border-radius: .85rem; background: linear-gradient(135deg,#fbfdfd,#f3f8fa); }
.ss-outreach-empty-icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .8rem; background: #e0f5ef; color: var(--ss-spruce); }
.ss-outreach-empty-icon svg { width: 1.45rem; height: 1.45rem; }
.ss-outreach-empty h4 { margin: 0; color: var(--ss-ink); font-size: .88rem; font-weight: 700; }
.ss-outreach-empty p { max-width: 34rem; margin: .25rem 0 0; color: var(--ss-muted); font-size: .72rem; line-height: 1.5; }
.ss-outreach-history-list { display: grid; gap: .7rem; padding: 1rem; }
.ss-outreach-history-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: .85rem; align-items: center; padding: .9rem; border: 1px solid var(--ss-line); border-radius: .8rem; background: white; transition: border-color .15s ease,box-shadow .15s ease; }
.ss-outreach-history-item:hover { border-color: #afd4c9; box-shadow: 0 6px 18px rgba(16,27,43,.05); }
.ss-outreach-avatar { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: 50%; background: #e6f6f1; color: var(--ss-spruce); font-size: .76rem; font-weight: 800; }
.ss-outreach-history-copy { min-width: 0; }
.ss-outreach-history-copy h4 { margin: 0; color: var(--ss-ink); font-size: .82rem; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
.ss-outreach-history-copy p { margin: .22rem 0 0; color: var(--ss-muted); font-size: .67rem; }
.ss-outreach-history-copy p strong { color: #44586d; font-weight: 650; }
.ss-outreach-history-meta { display: flex; flex-wrap: wrap; gap: .3rem .7rem; margin-top: .35rem; color: #8796a6; font-size: .62rem; }
.ss-outreach-state { display: inline-flex; align-items: center; padding: .28rem .55rem; border-radius: 999px; font-size: .64rem; font-weight: 700; white-space: nowrap; }
.ss-outreach-state.is-neutral { background: #edf2f6; color: #53667a; }
.ss-outreach-state.is-warning { background: #fff1cf; color: #8c5504; }
.ss-outreach-state.is-success { background: #def7ec; color: #08694d; }
.ss-outreach-state.is-info { background: #e5f5fd; color: #0876a8; }
.ss-outreach-state.is-danger { background: #fee8e5; color: #a53b32; }
.ss-detail-stack { display: grid; gap: 1rem; }
.ss-detail-hero { padding: 1.35rem; border-radius: 1rem; background: linear-gradient(135deg,var(--ss-ink),#193a59); color: white; }
.ss-detail-hero a { color: #82ead8; }
.ss-detail-hero .ss-page-subtitle { color: #b9cbd5; }
.ss-kv { display: grid; grid-template-columns: minmax(8rem,.45fr) minmax(0,1fr); gap: .55rem 1rem; font-size: .8rem; }
.ss-kv dt { color: var(--ss-muted); }
.ss-kv dd { min-width: 0; overflow-wrap: anywhere; color: var(--ss-ink); }
.ss-empty { padding: 2.5rem 1.25rem; text-align: center; color: #8b9bad; }
.ss-callout { padding: .85rem 1rem; border: 1px solid #bde8dc; border-radius: .75rem; background: #f0fbf7; color: #305669; font-size: .78rem; }
.ss-callout.is-warning { border-color: #f4d89b; background: #fff8e8; color: #8a5907; }
.ss-callout.is-danger { border-color: #f2c4bf; background: #fff1ef; color: #a53b32; }
.ss-code-panel { max-width: 100%; overflow: auto; border-radius: .75rem; background: var(--ss-ink); padding: 1rem; color: #e6edf5; font-size: .72rem; line-height: 1.55; }
.ss-danger-zone { border-color: #f1c8c3; background: #fffafa; }
.ss-danger-button { display: inline-flex; min-height: 2.55rem; align-items: center; justify-content: center; padding: .6rem .9rem; border: 1px solid #efb8b1; border-radius: .65rem; background: #fff1ef; color: #b7382d; font-size: .78rem; font-weight: 700; }
.ss-text-link { color: var(--ss-spruce); font-size: .78rem; font-weight: 650; text-decoration: none; }
.ss-text-link:hover { text-decoration: underline; }
.ss-sticky-actions { position: sticky; bottom: .75rem; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: .75rem; border: 1px solid var(--ss-line); border-radius: .8rem; background: rgba(255,255,255,.96); box-shadow: 0 10px 28px rgba(16,27,43,.1); backdrop-filter: blur(12px); }
.ss-mobile-list { display: none; }

.ss-widget-picker { display: grid; gap: .75rem; }
.ss-widget-option { display: grid; grid-template-columns: auto minmax(0,1fr) 13.5rem; gap: .85rem; align-items: center; padding: 1rem; border: 1px solid var(--ss-line); border-radius: .85rem; background: white; }
.ss-widget-width { display: grid; grid-template-columns: 3rem minmax(0,1fr); align-items: center; gap: .5rem; width: 100%; }
.ss-widget-width select { width: 100%; min-width: 0; }
.ss-widget-option[draggable="true"] { cursor: grab; }
.ss-widget-option.is-dragging { opacity: .45; }
.ss-drag-handle { color: #93a1b0; font-size: 1.2rem; letter-spacing: -.18em; }
.ss-reorder-controls { display: flex; align-items: center; gap: .25rem; }
.ss-reorder-controls button { display: none; width: 1.9rem; height: 1.9rem; place-items: center; border: 1px solid var(--ss-line); border-radius: .45rem; background: white; color: var(--ss-muted); font-weight: 800; }
.ss-reorder-controls button:hover, .ss-reorder-controls button:focus { border-color: var(--ss-mint); color: var(--ss-spruce); outline: none; }

.ss-auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(25rem,.8fr); background: white; }
.ss-auth-story { display: flex; min-height: 100vh; flex-direction: column; padding: 3rem; background: radial-gradient(circle at 75% 18%,rgba(45,212,191,.24),transparent 30%),var(--ss-ink); color: white; }
.ss-auth-brand { display: flex; align-items: center; gap: .8rem; }
.ss-auth-brand-name { font-size: 1.2rem; font-weight: 800; }
.ss-auth-tag { color: #76e7d2; font-size: .58rem; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
.ss-auth-story-copy { margin: auto 0; }
.ss-auth-story h1 { max-width: 42rem; margin: 0 0 1rem; font-size: clamp(3rem,6vw,5.5rem); font-weight: 800; line-height: .94; letter-spacing: -.06em; }
.ss-auth-story p { max-width: 34rem; color: #b7c7d4; font-size: 1rem; }
.ss-auth-form-wrap { display: grid; place-items: center; padding: 2rem; background: var(--ss-mist); }
.ss-auth-card { width: min(27rem,100%); padding: 2rem; border: 1px solid var(--ss-line); border-radius: 1rem; background: white; box-shadow: 0 12px 32px rgba(16,27,43,.08); }
.ss-auth-card h2 { margin: .2rem 0 .35rem; font-size: 1.7rem; font-weight: 800; letter-spacing: -.04em; }
.ss-auth-card input[type="email"], .ss-auth-card input[type="text"] { width: 100%; min-height: 3rem; border-color: var(--ss-line); border-radius: .7rem; }
.ss-auth-card input[type="checkbox"] { width: 1.2rem; height: 1.2rem; border-color: #a8b6c3; color: var(--ss-spruce); }
.ss-auth-card input:focus { border-color: var(--ss-spruce); --tw-ring-color: rgba(45,212,191,.35); }

@media (max-width: 1023px) {
    .ss-widget.size-third, .ss-widget.size-half, .ss-widget.size-two-thirds { grid-column: span 12; }
    .ss-detail-grid { grid-template-columns: 1fr; }
    .ss-article-workspace-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .ss-page-head { align-items: flex-start; flex-direction: column; }
    .ss-page-actions { justify-content: flex-start; }
    .ss-data-table.desktop-only { display: none; }
    .ss-table-wrap { overflow-x: auto; }
    .ss-table-wrap .ss-data-table { min-width: 48rem; }
    .ss-mobile-list { display: grid; gap: .75rem; }
    .ss-kv { grid-template-columns: 1fr; gap: .15rem; }
    .ss-kv dd { margin-bottom: .55rem; }
    .ss-sticky-actions { bottom: .5rem; }
    .ss-metric-grid { grid-template-columns: 1fr 1fr; }
    .ss-ai-summary { grid-template-columns: 1fr 1fr; }
    .ss-auth-shell { grid-template-columns: 1fr; }
    .ss-auth-story { min-height: 34vh; padding: 1.7rem 1.4rem; }
    .ss-auth-story h1 { margin-top: auto; font-size: 3rem; }
    .ss-auth-story p { margin-bottom: 0; font-size: .85rem; }
    .ss-auth-form-wrap { align-items: start; padding: 1.4rem .8rem; }
    .ss-auth-card { padding: 1.4rem; }
    .ss-widget-option { grid-template-columns: auto minmax(0,1fr); }
    .ss-widget-option > label:last-child { grid-column: 2; }
    .ss-article-workspace-head { align-items: flex-start; flex-direction: column; padding: 1rem; }
    .ss-article-score-block { align-self: stretch; }
    .ss-workflow-strip { grid-template-columns: 1fr 1fr; }
    .ss-workflow-strip > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ss-line); }
    .ss-workflow-strip > div:nth-child(4) { border-top: 1px solid var(--ss-line); }
    .ss-settings-tabs { padding: 0 1rem; }
    .ss-workspace-panel [role="tabpanel"] { padding: 1rem; }
    .ss-panel-heading { flex-direction: column; }
    .ss-signal-grid, .ss-form-two { grid-template-columns: 1fr 1fr; }
    .ss-ai-generate-row { align-items: flex-start; flex-direction: column; }
    .ss-outreach-history-head { align-items: flex-start; flex-direction: column; }
    .ss-outreach-empty { grid-template-columns: auto minmax(0,1fr); margin: .8rem; padding: 1rem; }
    .ss-outreach-empty .ss-primary-button { grid-column: 1 / -1; }
    .ss-outreach-history-item { grid-template-columns: auto minmax(0,1fr) auto; }
    .ss-outreach-history-item .ss-secondary-button { grid-column: 2 / -1; justify-self: start; }
    .ss-widget-width { grid-template-columns: 3rem minmax(0,1fr); }
    .ss-reorder-controls { flex-direction: column; }
    .ss-reorder-controls button { display: grid; }
    .ss-drag-handle { display: none; }
}