:root{
    --bg:#f4f6fa;
    --panel:#fff;
    --text:#172033;
    --muted:#667085;
    --border:#e3e7ee;
    --brand:#155eef;
    --brand-dark:#0d3ea6;
    --sidebar:#111827;
    --success:#067647;
    --success-bg:#ecfdf3;
    --danger:#b42318;
    --danger-bg:#fef3f2;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit}
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:var(--sidebar);color:#d6dbe5;padding:24px 16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:4px 8px 26px}
.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#155eef,#72a2ff);display:grid;place-items:center;color:#fff;font-weight:800}
.brand strong{display:block;font-size:18px}
.brand small{display:block;color:#93a2bb;margin-top:1px}
.sidebar nav{display:grid;gap:5px}
.sidebar nav a,.nav-disabled{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px}
.sidebar nav a:hover,.sidebar nav a.active{background:#1f2937;color:#fff}
.nav-disabled{opacity:.48}
.nav-disabled em{font-style:normal;font-size:10px;color:#95a1b4}
.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#66758f;margin:28px 12px 8px}
.main{min-width:0}
.topbar{height:78px;padding:0 30px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.topbar h1{font-size:21px;margin:0}
.user-menu{display:flex;align-items:center;gap:9px;font-size:13px}
.user-menu small{color:var(--muted);padding-right:8px;border-right:1px solid var(--border)}
.link-button{border:0;background:none;color:var(--brand);cursor:pointer;padding:4px}
.content{padding:28px;max-width:1500px}
.hero-card,.panel,.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:14px}
.hero-card{padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.hero-card h2{font-size:28px;margin:5px 0 8px}
.hero-card p{color:var(--muted);margin:0}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--brand)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.metric-card{padding:20px}
.metric-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}
.metric-card strong{font-size:27px}
.metric-card .small-value{font-size:15px;line-height:1.4}
.panel{padding:22px;margin-bottom:20px}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.panel-head h3{margin:0 0 4px;font-size:18px}
.panel-head p{margin:0;color:var(--muted);font-size:13px}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em}
.status-pill.success{background:var(--success-bg);color:var(--success)}
.status-pill.danger{background:var(--danger-bg);color:var(--danger)}
.roadmap{display:grid;gap:0}
.roadmap-item{display:grid;grid-template-columns:100px 1fr 90px;gap:12px;padding:14px 0;border-top:1px solid var(--border);align-items:center}
.roadmap-item:first-child{border-top:0}
.roadmap-item span{color:var(--muted)}
.roadmap-item em{font-style:normal;text-align:right;color:var(--muted);font-size:12px}
.roadmap-item.done em{color:var(--success);font-weight:700}
.roadmap-item.current{color:var(--brand)}
.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{padding:11px 10px;text-align:left;border-top:1px solid var(--border);font-size:13px}
.data-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}
.stack-form{display:grid;gap:14px}
.stack-form label,.login-card label{display:grid;gap:6px;font-size:13px;font-weight:650}
input,select{width:100%;padding:11px 12px;border:1px solid #cdd5df;border-radius:8px;background:#fff;font:inherit;color:var(--text)}
input:focus,select:focus{outline:2px solid rgba(21,94,239,.12);border-color:var(--brand)}
.primary-btn{border:0;background:var(--brand);color:#fff;padding:11px 15px;border-radius:8px;font-weight:750;cursor:pointer}
.primary-btn:hover{background:var(--brand-dark)}
.full{width:100%}
.alert{padding:12px 14px;border-radius:9px;background:#eef4ff;color:#1849a9;margin-bottom:16px;font-size:13px}
.alert.error{background:var(--danger-bg);color:var(--danger)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top right,#e8efff 0,transparent 35%),var(--bg)}
.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:34px;box-shadow:0 20px 45px rgba(16,24,40,.08)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}
.login-brand strong{display:block;font-size:18px}
.login-brand small{display:block;color:var(--muted)}
.login-card h1{margin:0 0 5px}
.login-card>p{margin:0 0 25px;color:var(--muted)}
.login-card form{display:grid;gap:17px}
@media(max-width:900px){
    .app-shell{grid-template-columns:1fr}
    .sidebar{display:none}
    .metric-grid{grid-template-columns:repeat(2,1fr)}
    .two-col{grid-template-columns:1fr}
}
@media(max-width:550px){
    .metric-grid{grid-template-columns:1fr}
    .content{padding:16px}
    .topbar{padding:0 16px}
    .hero-card{align-items:flex-start;gap:20px;flex-direction:column}
}

.system-grid{align-items:start}
.update-note{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--border);border-radius:9px;background:#f8fafc;font-size:13px}
.update-note span{color:var(--muted);line-height:1.45}
.policy-list{display:grid}
.policy-list>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--border);font-size:13px}
.policy-list>div:first-child{border-top:0}
.policy-list span{color:var(--muted)}

.no-underline{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;background:#fff;color:var(--text);padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none}
.secondary-btn:hover{background:#f8fafc}
.text-link{color:var(--brand);font-size:13px;text-decoration:none}
.text-link:hover{text-decoration:underline}
.muted-copy{color:var(--muted);line-height:1.6}
.status-pill.warning{background:#fff7e6;color:#9a6700}
.status-pill.neutral{background:#f2f4f7;color:#475467}
.status-pill.info{background:#eef4ff;color:#1849a9}
.page-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.metric-strip{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.metric-strip b{color:var(--text);font-size:15px}
.filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(140px,180px)) auto auto;gap:10px;align-items:center}
.table-panel{padding-bottom:12px}
.table-scroll{overflow-x:auto}
.prospect-table{min-width:1000px}
.data-table td small{display:block;color:var(--muted);margin-top:3px}
.clickable-row{cursor:pointer}
.clickable-row:hover td{background:#fafcff}
.table-main-link{font-weight:750;text-decoration:none;color:var(--text)}
.table-main-link:hover{color:var(--brand)}
.platform-badge{display:inline-flex;padding:4px 8px;border-radius:7px;background:#f2f4f7;color:#344054;font-size:11px;font-weight:750}
.mini-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef4ff;color:#1849a9;font-size:10px;font-weight:800}
.empty-state{display:grid;gap:5px;text-align:center;padding:42px 20px;color:var(--muted)}
.empty-state strong{color:var(--text);font-size:16px}
.empty-inline{color:var(--muted);padding:8px 0;font-size:13px}
.pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 10px 4px;font-size:13px}
.pagination a{color:var(--brand);text-decoration:none;font-weight:650}
.prospect-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}
.back-link{font-size:13px;color:var(--brand);text-decoration:none}
.prospect-title-line{display:flex;gap:12px;align-items:center;margin-top:6px}
.prospect-title-line h2{margin:0;font-size:27px}
.prospect-head p{margin:6px 0 0;color:var(--muted)}
.prospect-meta{display:grid;gap:5px;text-align:right;color:var(--muted);font-size:12px}
.prospect-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:20px;align-items:start}
.prospect-side{min-width:0}
.entity-list{display:grid}
.entity-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0;border-top:1px solid var(--border)}
.entity-card:first-child{border-top:0}
.entity-card a,.entity-card strong{font-weight:750;color:var(--text);text-decoration:none}
.entity-card a:hover{color:var(--brand)}
.entity-card small{display:block;color:var(--muted);margin-top:4px}
.inline-add{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.inline-add summary{cursor:pointer;color:var(--brand);font-size:13px;font-weight:700}
.inline-form{display:grid;grid-template-columns:minmax(180px,1fr) 170px auto;gap:9px;margin-top:12px}
.contact-form{grid-template-columns:repeat(4,minmax(120px,1fr)) auto}
.note-form{display:grid;gap:9px;margin-bottom:18px}
textarea{width:100%;padding:11px 12px;border:1px solid #cdd5df;border-radius:8px;background:#fff;font:inherit;color:var(--text);resize:vertical}
textarea:focus{outline:2px solid rgba(21,94,239,.12);border-color:var(--brand)}
.note-form .secondary-btn{justify-self:end}
.timeline{display:grid}
.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:10px;position:relative;padding:0 0 17px}
.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:11px;bottom:-1px;width:1px;background:var(--border)}
.timeline-dot{width:11px;height:11px;border-radius:50%;background:#b8c4d6;margin-top:4px;position:relative;z-index:1}
.timeline-meta{font-size:11px;color:var(--muted);margin-bottom:4px}
.timeline-body{font-size:13px;line-height:1.55}
.timeline-body small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:1100px){
    .filter-bar{grid-template-columns:1fr 1fr 1fr}
    .prospect-layout{grid-template-columns:1fr}
    .prospect-meta{text-align:left}
    .prospect-head{align-items:flex-start}
    .contact-form{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
    .page-actions,.prospect-head{flex-direction:column;align-items:stretch}
    .filter-bar,.inline-form,.contact-form{grid-template-columns:1fr}
}




/* v0.3.0 — multi-tenant */
.tenant-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#1849a9;font-size:12px;font-weight:750}
.tenant-switch select{min-width:150px;padding:7px 30px 7px 9px;font-size:12px;border-radius:8px}
.field-hint{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400}
.data-table td small{display:block;color:var(--muted);margin-top:3px}
.system-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.tenant-admin-grid{grid-template-columns:1.7fr 1fr}
@media(max-width:1100px){.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-admin-grid{grid-template-columns:1fr}}


/* v0.3.1 — Tenant/User administration hardening */
.small-action{
    color:var(--brand);
    text-decoration:none;
    font-size:12px;
    font-weight:750;
    white-space:nowrap;
}
.small-action:hover{text-decoration:underline}
.page-actions{margin-bottom:14px}
.danger-panel{border-color:#f2c8c5;background:#fffdfd}
.protected-panel{border-color:#d8e3f8;background:#f8fbff}
.protected-panel p{color:var(--muted);margin-bottom:0}
.danger-btn{
    border:0;
    background:#b42318;
    color:#fff;
    padding:11px 15px;
    border-radius:8px;
    font-weight:750;
    cursor:pointer;
}
.danger-btn:hover{background:#8f1c13}
.inline-danger-form{margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}
.text-danger-btn{
    border:0;
    background:none;
    color:#b42318;
    padding:0;
    font-weight:700;
    cursor:pointer;
}
.text-danger-btn:hover{text-decoration:underline}
.check-row{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    gap:9px!important;
    font-weight:600!important;
}
.check-row input{width:auto}
.form-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.empty-state{
    padding:30px 10px;
    text-align:center;
    color:var(--muted);
}
.empty-state strong{display:block;color:var(--text);margin-bottom:5px}
.data-table td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
code{background:#eef1f6;padding:2px 5px;border-radius:5px;font-size:.92em}
@media(max-width:700px){
    .form-split{grid-template-columns:1fr}
}


/* v0.3.2 — user/tenant role UX */
.locked-field{
    display:grid;
    gap:5px;
    padding:11px 12px;
    border:1px solid var(--border);
    border-radius:8px;
    background:#f8fafc;
}
.locked-field>span{
    font-size:13px;
    font-weight:650;
}
.locked-field>strong{
    font-size:14px;
}
.locked-field small{
    color:var(--muted);
    line-height:1.4;
}
.role-help{
    display:grid;
    gap:0;
    border:1px solid var(--border);
    border-radius:9px;
    overflow:hidden;
    background:#f8fafc;
}
.role-help>div{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:12px;
    padding:10px 12px;
    border-top:1px solid var(--border);
    font-size:12px;
    line-height:1.4;
}
.role-help>div:first-child{border-top:0}
.role-help span{color:var(--muted)}
.membership-table .action-col{
    width:42px;
}
.membership-remove-cell{
    width:42px;
    text-align:center!important;
}
.membership-remove-cell form{
    margin:0;
}
.membership-x{
    width:26px;
    height:26px;
    display:inline-grid;
    place-items:center;
    border:1px solid transparent;
    border-radius:7px;
    background:transparent;
    color:#b42318;
    font-size:19px;
    line-height:1;
    cursor:pointer;
}
.membership-x:hover{
    border-color:#f2c8c5;
    background:#fff1f0;
}
@media(max-width:700px){
    .role-help>div{grid-template-columns:1fr;gap:3px}
}




/* v0.3.4 — strict workspace vs platform context */
.workspace-context-banner,
.platform-context-banner{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    padding:10px 13px;
    border-radius:9px;
    font-size:12px;
}
.workspace-context-banner{
    background:#f5f8ff;
    border:1px solid #dbe5fb;
}
.workspace-context-banner strong{color:var(--brand)}
.workspace-context-banner span{color:var(--muted)}
.platform-context-banner{
    background:#fff8e8;
    border:1px solid #f2ddb0;
}
.platform-context-banner strong{color:#8a5a00}
.platform-context-banner span{color:#755f37}
.platform-chip{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:#fff5db;
    color:#8a5a00;
    border:1px solid #eed8a3;
    font-size:11px;
    font-weight:800;
}
.platform-nav-title{
    color:#b79a65!important;
}
.page-actions{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}



/* v0.7.0 — Outreach Core Reset */
.outreach-prospect-filter{
    grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(140px,170px) auto auto;
}
.outreach-prospect-table{min-width:900px}
.update-note{margin-bottom:18px}
@media(max-width:900px){
    .outreach-prospect-filter{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
    .outreach-prospect-filter{grid-template-columns:1fr}
}


/* v0.7.1 — Google Sheet Sources */
.sheet-setup-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start}
.sheet-connection-summary,.sheet-source-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.sheet-connection-summary>div,.sheet-source-summary-grid>div,.sheet-document-card{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--border);border-radius:9px;background:#fafcff}
.sheet-connection-summary span,.sheet-source-summary-grid span,.sheet-document-card span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.sheet-connection-summary strong,.sheet-source-summary-grid strong,.sheet-document-card strong{font-size:14px;overflow-wrap:anywhere}
.sheet-connection-summary small,.sheet-source-summary-grid small,.sheet-document-card small{color:var(--muted);overflow-wrap:anywhere}
.sheet-connection-actions{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.credential-replace{min-width:min(620px,100%)}
.credential-replace summary{cursor:pointer;color:var(--brand);font-size:13px;font-weight:700;padding:10px 0}
.credential-replace form{margin-top:8px}
.empty-action{justify-self:center;margin-top:10px}
.sheet-source-table{min-width:980px}
.source-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}
.source-actions form{margin:0}
.text-link-button{border:0;background:none;padding:0;color:var(--brand);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.text-link-button:hover{text-decoration:underline}
.sheet-source-form{max-width:820px}
.sheet-document-card{margin-bottom:4px}
.wizard-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:4px}
.sheet-source-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.mapping-group{grid-column:1/-1;margin-top:10px;padding:9px 0 3px;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.mapping-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1.2fr);gap:12px;align-items:center;font-size:13px}
.mapping-row>span{font-weight:650}
.sticky-actions{position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:14px 0 4px;border-top:1px solid var(--border);z-index:2}
.sheet-preview-table{min-width:1200px}
.sheet-preview-table td{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-preview-table th{white-space:nowrap}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f2f4f7;padding:2px 5px;border-radius:5px;font-size:.92em}
@media(max-width:1000px){.sheet-setup-grid{grid-template-columns:1fr}.sheet-connection-summary,.sheet-source-summary-grid{grid-template-columns:1fr 1fr}.mapping-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sheet-connection-summary,.sheet-source-summary-grid{grid-template-columns:1fr}.mapping-row{grid-template-columns:1fr}.wizard-actions{align-items:stretch;flex-direction:column}.wizard-actions .primary-btn,.wizard-actions .secondary-btn{width:100%}}

.wizard-left-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}


/* v0.7.4 — Sheet → Flow sync */
.flow-message-block{display:grid;gap:7px;padding:15px 0;border-top:1px solid var(--border)}
.flow-message-block:first-child{border-top:0}
.flow-message-block>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.flow-copy{font-size:14px;line-height:1.65;color:var(--text);white-space:normal}
.flow-followups{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compact-empty{padding:26px 10px}
@media(max-width:850px){.flow-followups{grid-template-columns:1fr}}

/* v0.7.6 */
.danger-zone{border-color:#fecaca;background:#fffafa}
.danger-btn{border:1px solid #dc2626;background:#dc2626;color:#fff;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer}
.danger-btn:hover{background:#b91c1c;border-color:#b91c1c}


/* v0.8.0 — Templates + Sequences */
.sequence-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);gap:20px;align-items:start}
.sequence-step-card{border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:14px;background:#fbfcff}
.sequence-step-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
.sequence-step-head span{font-size:12px;color:var(--muted)}
.input-suffix{display:flex;align-items:center;gap:8px}
.input-suffix input{max-width:120px}
.input-suffix span{color:var(--muted);font-size:13px}
.source-default-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.source-default-grid label{display:grid;gap:5px;border:1px solid var(--border);border-radius:10px;padding:12px}
.source-default-grid label small{color:var(--muted)}
.flow-readiness{display:grid;gap:4px;border-radius:10px;padding:12px 14px;margin:0 0 12px}
.flow-readiness.ready{background:#ecfdf3;border:1px solid #bbf7d0}
.flow-readiness.not-ready{background:#fff7ed;border:1px solid #fed7aa}
.flow-readiness span{font-size:12px;color:var(--muted)}
.flow-render-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:15px;border-top:1px solid var(--border)}
.flow-render-extras>div{display:grid;gap:6px}
.flow-render-extras span{font-size:13px;line-height:1.55}
@media(max-width:1050px){.sequence-layout{grid-template-columns:1fr}.source-default-grid{grid-template-columns:1fr}}


/* v0.9.0 — Manual Send Queue */
.sending-switch-panel{border-width:2px}
.sending-switch-panel.sending-off{border-color:#fecaca;background:#fffafa}
.sending-switch-panel.sending-on{border-color:#bbf7d0;background:#fbfffc}
.sending-switch-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}
.sending-switch-actions>div{display:grid;gap:4px}
.sending-switch-actions span{font-size:13px;color:var(--muted)}
.switch-metrics{margin-top:16px}
.suppression-layout{display:grid;grid-template-columns:minmax(260px,.45fr) minmax(0,1.55fr);gap:22px}
.queue-action-panel{border-color:#bfdbfe;background:#fbfdff}
.queue-note{border-color:#bfdbfe;background:#eff6ff}
.success-note{border-color:#bbf7d0;background:#ecfdf3}
code{overflow-wrap:anywhere}
@media(max-width:900px){
  .sending-switch-actions{align-items:stretch;flex-direction:column}
  .suppression-layout{grid-template-columns:1fr}
}


/* v0.9.1 — Async operational Sheet write-back */
.queue-head-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.operational-sync-panel{border-color:#bfdbfe;background:#fbfdff}
.queue-state{background:#eff6ff;border:1px solid #bfdbfe}
.flow-event-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.flow-event-row>div{display:grid;gap:5px}
.flow-event-row span{font-size:12px;color:var(--muted)}
@media(max-width:720px){.flow-event-row{grid-template-columns:1fr}}


/* v0.9.2 */
.sync-error{color:#b91c1c;overflow-wrap:anywhere;max-width:320px}


/* v0.10.0 — Open + Click Tracking */
.tracking-settings-panel{border-color:#c7d2fe;background:#fcfcff}
.tracking-settings-form{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.engagement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.engagement-card{border:1px solid var(--border);border-radius:10px;padding:13px;display:grid;gap:4px;background:#fff}
.engagement-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}
.engagement-card>span em{text-transform:none;font-style:normal;font-weight:500;letter-spacing:0}
.engagement-card>strong{font-size:22px}
.engagement-card>small{color:var(--muted);font-size:11px}
.tracking-signal-note{border:1px solid #fde68a;background:#fffbeb;border-radius:9px;padding:11px 13px;display:grid;gap:4px;margin:12px 0 18px}
.tracking-signal-note span{font-size:12px;color:var(--muted)}
.tracking-links-block,.tracking-timeline{margin-top:20px}
.tracking-links-block h4,.tracking-timeline h4{margin:0 0 10px;font-size:14px}
.compact-table td,.compact-table th{padding-top:9px;padding-bottom:9px}
.timeline-row{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--border);align-items:start}
.timeline-row .timeline-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;margin-top:4px}
.timeline-row.sent-event .timeline-dot{background:#16a34a}
.timeline-row.automated-event .timeline-dot{background:#94a3b8}
.timeline-row>div{display:grid;gap:3px}
.timeline-row small{color:var(--muted);overflow-wrap:anywhere}
@media(max-width:1000px){.engagement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.engagement-grid{grid-template-columns:1fr}.tracking-settings-form{align-items:stretch;flex-direction:column}}


/* v0.10.1 — hard Flow delete */
.hard-delete-form{display:grid;gap:12px}.hard-delete-form label{display:grid;gap:6px;font-size:13px}.hard-delete-form input{border:1px solid #fecaca;background:#fff;color:inherit;border-radius:8px;padding:10px 12px}.hard-delete-form input:focus{outline:2px solid #fecaca;outline-offset:1px}


/* v0.10.3 — Resend + current Sheet copy */
.resend-panel{padding:14px 16px}
.resend-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.resend-row>div{display:grid;gap:4px}
.resend-row span{font-size:12px;color:var(--muted)}
.small-action-btn{border:1px solid var(--border);background:#fff;color:#1d4ed8;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.small-action-btn:hover{background:#eff6ff;border-color:#bfdbfe}
@media(max-width:720px){.resend-row{align-items:stretch;flex-direction:column}.small-action-btn{width:100%}}


/* v0.12.0 — Manual Mail */
.manual-mail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}
.from-preview{border:1px solid var(--border);background:#fbfcff;border-radius:10px;padding:12px 14px;display:grid;gap:3px}
.from-preview span,.from-preview small{font-size:12px;color:var(--muted)}
.manual-tracking-box{border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;gap:8px;background:#fbfcff}
.manual-tracking-box small{color:var(--muted);font-size:12px;line-height:1.5}
.manual-mail-list{display:grid}
.manual-mail-item{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}
.manual-mail-item:last-child{border-bottom:0}
.manual-mail-item>div{display:grid;gap:4px}
.manual-mail-item>div:last-child{text-align:right;justify-items:end}
.manual-mail-item span:not(.status-pill),.manual-mail-item small{font-size:12px;color:var(--muted)}
.manual-mail-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:14px 0 18px}
.manual-mail-detail-head h2{margin:0 0 5px}
.manual-mail-detail-head>div{display:grid}
.manual-mail-detail-head>div>span{color:var(--muted)}
.manual-mail-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;align-items:start}
.manual-mail-copy{border-top:1px solid var(--border);padding-top:16px;margin-top:16px;display:grid;gap:8px}
.manual-mail-copy>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:var(--muted)}
.manual-mail-copy>div{white-space:normal;line-height:1.6}
.manual-mail-copy.signature{background:#fbfcff;border:1px solid var(--border);padding:14px;border-radius:10px}
.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.engagement-grid>div{border:1px solid var(--border);border-radius:10px;padding:12px;display:grid;gap:3px}
.engagement-grid span{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:800}
.engagement-grid strong{font-size:20px}
.activity-list{display:grid;margin-top:16px}
.activity-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border)}
.activity-row span{font-size:12px;color:var(--muted);text-align:right}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1000px){
  .manual-mail-grid,.manual-mail-detail-grid{grid-template-columns:1fr}
  .engagement-grid{grid-template-columns:repeat(2,1fr)}
}


/* v0.12.2 — Click diagnostics */
.tracking-diagnostic{margin:14px 0;padding:12px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;display:grid;gap:4px}
.tracking-diagnostic span{font-size:12px;line-height:1.45;color:var(--muted)}


/* v0.13.0 — local rich-text manual mail composer */
.rich-mail-composer{border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}
.rich-mail-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border);background:#f8fafc}
.rich-mail-toolbar button{border:1px solid transparent;background:transparent;border-radius:6px;min-height:30px;padding:4px 8px;cursor:pointer;color:var(--text);font:inherit;font-size:12px}
.rich-mail-toolbar button:hover{background:#fff;border-color:var(--border)}
.rich-mail-toolbar>span{width:1px;height:22px;background:var(--border);margin:0 3px}
.rich-mail-editor{min-height:280px;padding:14px;outline:none;font-size:14px;line-height:1.55;color:#111827;overflow-wrap:anywhere}
.rich-mail-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}
.rich-mail-editor p{margin:0 0 10px}.rich-mail-editor ul,.rich-mail-editor ol{padding-left:24px}.rich-mail-editor a{color:#0b57d0;text-decoration:underline}
.rich-source-hidden{display:none!important}
.manual-mail-rich-preview{font-size:14px;line-height:1.55;color:#111827}.manual-mail-rich-preview p{margin:0 0 10px}.manual-mail-rich-preview ul,.manual-mail-rich-preview ol{padding-left:24px}.manual-mail-rich-preview a{color:#0b57d0;text-decoration:underline}


/* v0.14.0 — Inbox / Replies */
.nav-count{margin-left:auto;background:#2563eb;color:#fff;border-radius:999px;padding:1px 7px;font-style:normal;font-size:10px}
.inbox-thread-list{display:grid}
.inbox-thread-row{display:flex;justify-content:space-between;gap:20px;padding:15px 4px;border-top:1px solid var(--border);text-decoration:none;color:inherit}
.inbox-thread-row:hover{background:#f8fafc}
.inbox-thread-main,.inbox-thread-meta{display:grid;gap:5px}
.inbox-thread-main span,.inbox-thread-meta small{font-size:12px;color:var(--muted)}
.inbox-thread-meta{text-align:right;justify-items:end}
.inbox-thread-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.inbox-thread-head h2{margin:0 0 5px}
.inbox-thread-head span{color:var(--muted)}
.inbox-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}
.conversation-timeline{display:grid;gap:16px}
.conversation-message{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}
.conversation-message.inbound{border-left:4px solid #2563eb}
.conversation-message.outbound{border-left:4px solid #16a34a;background:#fbfffc}
.conversation-message-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}
.conversation-message-head>div{display:grid;gap:3px}
.conversation-message-head span,.conversation-message-head small{font-size:12px;color:var(--muted)}
.conversation-subject{font-weight:700;margin-bottom:12px}
.conversation-body{line-height:1.6;overflow-wrap:anywhere}
.conversation-signature{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted)}
.tiny-link{display:inline-block;margin-top:12px;font-size:11px}
.inbox-settings-box{margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}
.inbox-settings-box h4{margin:0 0 3px}
.inbox-settings-box p{margin:0;color:var(--muted);font-size:12px}
.imap-status-line{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:8px}
.text-danger{color:#b91c1c!important}
.inline-action-form{display:grid;gap:7px;margin:12px 0}
.detail-back-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
@media(max-width:1000px){.inbox-thread-layout{grid-template-columns:1fr}.inbox-thread-meta{text-align:left;justify-items:start}}


/* v0.14.2 — Clean inbound reply display */
.quoted-history{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border);font-size:12px;color:var(--muted)}
.quoted-history summary{cursor:pointer;font-weight:700;color:#475569}
.quoted-history>div{margin-top:10px;padding:10px;border-radius:8px;background:#f8fafc;white-space:normal;overflow-wrap:anywhere}


/* v0.16.0 — Sequence Core */
.sequence-layout-v2{margin-bottom:20px}
.sequence-library{display:grid}
.sequence-library-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 8px;border-top:1px solid var(--border);text-decoration:none;color:inherit;border-radius:8px}
.sequence-library-item:first-child{border-top:0}
.sequence-library-item:hover,.sequence-library-item.selected{background:#f8fbff}
.sequence-library-item>div:first-child{display:grid;gap:4px}
.sequence-library-item>div:first-child span{font-size:12px;color:var(--muted)}
.sequence-library-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.legacy-sequence-box{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fafafa}
.legacy-sequence-box summary{cursor:pointer;font-weight:750}
.legacy-sequence-box p{font-size:12px;color:var(--muted);line-height:1.5}
.legacy-sequence-box[open]{display:grid;gap:12px}
.sequence-engine-panel{margin-top:20px}
.sequence-rule-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid #d8e3f8;border-radius:10px;background:#f8fbff;color:#475467;font-size:12px;margin-bottom:18px}
.sequence-node{position:relative;border:1px solid var(--border);border-radius:14px;padding:17px;margin-top:16px;background:#fff}
.sequence-node:before{content:"";position:absolute;left:28px;top:-17px;height:17px;border-left:2px solid #dbe5f2}
.sequence-node:first-of-type:before{display:none}
.sequence-node.entry-node{border-color:#b9cef5;background:#fbfdff}
.sequence-node.email-node{border-left:4px solid #2563eb}
.sequence-node.add-node{border-style:dashed;background:#fbfcfe}
.sequence-node-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.sequence-node-head h4{margin:3px 0 4px;font-size:16px}
.sequence-node-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.sequence-node-type{font-size:10px;font-weight:850;letter-spacing:.08em;color:#475467}
.sequence-step-form{padding-bottom:14px;border-bottom:1px solid var(--border)}
.sequence-wait-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sequence-wait-row strong{font-size:12px;margin-right:4px}
.sequence-wait-row input[type=number]{width:90px}
.sequence-wait-row select{width:120px}
.compact-check{width:auto!important;margin:0!important}
.sequence-branch-form{display:grid;gap:12px;padding-top:14px}
.branch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.branch-rule{border:1px solid var(--border);border-radius:10px;padding:10px;display:grid!important;gap:7px!important;background:#fbfcfe}
.branch-rule>span{font-size:10px;font-weight:850;letter-spacing:.06em;color:#475467}
.branch-rule select{width:100%}
.branch-rule.hard-stop{background:#fff7f6;border-color:#f2c8c5}
.branch-rule.hard-stop strong{color:#b42318}
.branch-rule.hard-stop small{color:var(--muted)}
.sequence-step-delete{margin-top:10px}
.inline-mini-form{display:inline}
.button-link{border:0;background:none;cursor:pointer;padding:0}
@media(max-width:1100px){.branch-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.branch-grid{grid-template-columns:1fr}.sequence-library-item,.sequence-node-head{flex-direction:column;align-items:stretch}.sequence-library-meta{justify-content:flex-start}}


/* v0.16.1 — Wait Scheduler */
.sequence-scheduler-panel{margin-top:20px}
.scheduler-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.scheduler-stat{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fbfcfe;display:grid;gap:3px}
.scheduler-stat span{font-size:10px;font-weight:850;letter-spacing:.05em;color:#667085;text-transform:uppercase}
.scheduler-stat strong{font-size:24px;line-height:1.1}
.scheduler-stat small{font-size:11px;color:var(--muted)}
.scheduler-next-due{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:12px}
@media(max-width:900px){.scheduler-stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.scheduler-stats-grid{grid-template-columns:1fr}}


/* v0.16.2 — Engagement Evaluator */
.scheduler-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.data-table td small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
@media(max-width:1150px){.scheduler-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* v0.16.4 — Manual Mail → Sequence */
.manual-sequence-box{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fbfcfe;display:grid;gap:10px}
.manual-sequence-box>div:first-child{display:grid;gap:3px}
.manual-sequence-box small{color:var(--muted);font-size:11px}
.manual-sequence-note{padding:9px 10px;border-radius:8px;background:#f3f4f6;color:#667085;font-size:12px;line-height:1.45}
.manual-sequence-note.active{background:#eef6ff;color:#344054;border:1px solid #cfe0f7}
.manual-sequence-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;margin:14px 0;border:1px solid var(--border);border-radius:10px;background:#fbfcfe}
.manual-sequence-status>div{display:grid;gap:2px;margin-right:auto}
.manual-sequence-status>div span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.manual-sequence-status small{width:100%;color:var(--muted)}


/* v0.16.5 — READY NEXT Sender Stage */
.scheduler-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1280px){.scheduler-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* v0.16.6 — HTML Composer v2 */
.html-mail-composer{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}
.html-mail-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border);background:#f8fafc}
.html-mail-tabs button{border:0;background:transparent;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:750;color:#667085;cursor:pointer}
.html-mail-tabs button:hover{background:#eef2f7;color:#344054}
.html-mail-tabs button.active{background:#fff;color:#175cd3;box-shadow:0 0 0 1px #d0d5dd}
.html-mail-visual,.html-mail-source,.html-mail-preview{min-height:330px}
.html-mail-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border);background:#fff}
.html-mail-toolbar button,.html-mail-toolbar select{height:32px;border:1px solid #d0d5dd;background:#fff;border-radius:6px;padding:0 9px;font-size:12px;color:#344054;cursor:pointer}
.html-mail-toolbar button:hover,.html-mail-toolbar select:hover{background:#f8fafc;border-color:#98a2b3}
.html-mail-toolbar select{min-width:112px}
.toolbar-sep{width:1px;height:22px;background:#e4e7ec;margin:0 3px}
.toolbar-color{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;height:32px;min-width:42px!important;padding:0 6px!important;margin:0!important;border:1px solid #d0d5dd;border-radius:6px;background:#fff;font-weight:800;cursor:pointer}
.toolbar-color input{width:18px!important;height:18px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}
.toolbar-color.highlight{font-size:13px}
.html-mail-editor{min-height:280px;padding:18px 20px;outline:none;line-height:1.55;overflow-wrap:anywhere}
.html-mail-editor:empty:before{content:attr(data-placeholder);color:#98a2b3;pointer-events:none}
.html-mail-editor img{max-width:100%;height:auto}
.html-mail-editor table{max-width:100%;border-collapse:collapse}
.html-mail-source{background:#0b1220}
.html-source-head,.html-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);background:#f8fafc;font-size:12px}
.html-source-head span,.html-preview-head span{color:#667085;font-size:11px}
.html-mail-source textarea{display:block;width:100%;min-height:330px;border:0!important;border-radius:0!important;padding:16px 18px!important;background:#0b1220!important;color:#d1e9ff!important;font-family:Consolas,Monaco,"Courier New",monospace!important;font-size:12px!important;line-height:1.55!important;resize:vertical;outline:none}
.html-mail-preview iframe{display:block;width:100%;height:380px;border:0;background:#fff}
@media(max-width:800px){.html-mail-toolbar{gap:3px}.toolbar-sep{display:none}.html-source-head,.html-preview-head{align-items:flex-start;flex-direction:column}}


/* v0.16.7 — Sequence Debug Diagnostics */
.sequence-diagnostics-panel{margin-bottom:20px}
.diagnostic-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}
.diagnostic-metrics>div{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fbfcfe;display:grid;gap:4px}
.diagnostic-metrics span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.diagnostic-metrics strong{font-size:22px}
.diagnostic-section{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}
.diagnostic-section h4{margin:0 0 10px;font-size:15px}
.diagnostic-table td{vertical-align:top}
.diagnostic-table td small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.diagnostic-error-cell{max-width:420px}
.diagnostic-error-cell code{white-space:pre-wrap;word-break:break-word;font-size:11px;color:#b42318}
.compact-head{margin-bottom:8px}
.diagnostic-log-list{display:grid;gap:7px}
.diagnostic-log{border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden}
.diagnostic-log summary{cursor:pointer;display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;padding:9px 11px;font-size:12px}
.diagnostic-log summary time{color:var(--muted);font-size:11px}
.diagnostic-log pre{margin:0;padding:12px;border-top:1px solid var(--border);background:#0f172a;color:#e5e7eb;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}
.diagnostic-log-error{border-color:#f1c0bc}
.diagnostic-log-warning{border-color:#f3d59b}
@media(max-width:1200px){.diagnostic-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.diagnostic-metrics{grid-template-columns:1fr 1fr}.diagnostic-log summary{grid-template-columns:auto 1fr}.diagnostic-log summary time{grid-column:1/-1}}


/* v0.16.8 — Logs & Debug */
.debug-link-panel{margin-bottom:18px}.debug-summary-grid{margin-bottom:18px}.debug-panel{margin-bottom:18px}
.debug-filter-grid{display:grid;grid-template-columns:150px 170px minmax(180px,1fr) minmax(180px,1fr) 95px auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fbfcfe;margin-bottom:14px}
.log-filter-grid{grid-template-columns:140px 200px minmax(260px,1fr) 95px auto}.debug-filter-grid label{display:grid;gap:5px;font-size:11px;font-weight:700}.debug-filter-grid input,.debug-filter-grid select{width:100%}.debug-filter-actions{display:flex;gap:7px;align-items:center}.debug-table th a{color:inherit;text-decoration:none;white-space:nowrap}.debug-table td{vertical-align:top}.debug-table td small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.debug-error-cell{max-width:360px}.debug-error-cell code{white-space:normal;word-break:break-word;color:#b42318}.debug-context summary{cursor:pointer;color:#2563eb;font-size:12px}.debug-context pre{max-width:650px;max-height:320px;overflow:auto;padding:10px;border-radius:8px;background:#0f172a;color:#e2e8f0;white-space:pre-wrap;word-break:break-word;font-size:11px}.debug-table-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;font-size:12px;color:var(--muted)}.debug-pager{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.debug-pager a{border:1px solid var(--border);border-radius:7px;padding:5px 8px;text-decoration:none;color:inherit;background:#fff}.debug-pager a.current{font-weight:800;background:#eef4ff;border-color:#bfd2f5}.debug-pager a.disabled{pointer-events:none;opacity:.4}.log-table td:nth-child(5){min-width:260px}.log-table td:nth-child(6){min-width:120px}
@media(max-width:1250px){.debug-filter-grid,.log-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.debug-filter-actions{grid-column:auto}.debug-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.debug-filter-grid,.log-filter-grid{grid-template-columns:1fr}.debug-table-footer{align-items:flex-start;flex-direction:column}.debug-summary-grid{grid-template-columns:1fr 1fr}}


/* v0.16.9 — Logs & Debug recovery controls */
.debug-stop-reason{color:#b42318!important;font-weight:700}
.debug-quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.debug-table form{margin:0}


/* v0.17.0 — Graph Branching Upgrade */
.alert.warning{border-color:#f5d58a;background:#fff8e6;color:#7a4b00}
.branch-cycle-note{margin-top:10px;padding:9px 10px;border:1px solid #ead7a1;border-radius:8px;background:#fffaf0;color:#6b5300;font-size:11px;line-height:1.45}
.branch-cycle-note strong{font-weight:850}

/* v0.19.0 Analytics */
.analytics-hero{gap:28px}
.analytics-period{display:grid;gap:4px;text-align:right;min-width:220px}
.analytics-period b{font-size:14px}
.analytics-period small{color:var(--muted);font-size:11px}
.analytics-filter-panel{padding-bottom:16px}
.analytics-filter-grid{display:grid;grid-template-columns:160px 160px minmax(180px,1fr) minmax(180px,1fr) auto auto;gap:10px;align-items:end}
.analytics-filter-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.analytics-presets{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:13px;font-size:12px}
.analytics-presets span{color:var(--muted);font-weight:700;margin-right:2px}
.analytics-presets a{color:var(--brand);text-decoration:none;border:1px solid #d7e2f5;background:#f8fbff;border-radius:999px;padding:5px 9px}
.analytics-presets a:hover{background:#eef4ff}
.analytics-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}
.analytics-kpi{min-width:0}
.analytics-kpi strong{display:block;font-size:25px;line-height:1.05}
.analytics-kpi small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:8px}
.analytics-table td,.analytics-table th{white-space:nowrap}
.analytics-table td:first-child,.analytics-table th:first-child{white-space:normal;min-width:160px}
.analytics-table td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.analytics-empty{text-align:center!important;color:var(--muted);padding:24px!important}
.analytics-two-col{grid-template-columns:1.25fr .75fr}
.analytics-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:0}
.analytics-outcomes>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--border);font-size:13px}
.analytics-outcomes>div:nth-child(-n+2){border-top:0}
.analytics-outcomes>div:nth-child(odd){padding-right:16px;border-right:1px solid var(--border)}
.analytics-outcomes>div:nth-child(even){padding-left:16px}
.analytics-outcomes span{color:var(--muted)}
.analytics-outcomes b{font-size:15px}
.analytics-methodology .policy-list>div{grid-template-columns:130px 1fr}
@media(max-width:1250px){
    .analytics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .analytics-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
    .analytics-two-col{grid-template-columns:1fr}
    .analytics-period{text-align:left;min-width:0}
}
@media(max-width:700px){
    .analytics-summary-grid,.analytics-filter-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
    .analytics-summary-grid,.analytics-filter-grid,.analytics-outcomes{grid-template-columns:1fr}
    .analytics-outcomes>div:nth-child(-n+2){border-top:1px solid var(--border)}
    .analytics-outcomes>div:nth-child(odd){padding-right:0;border-right:0}
    .analytics-outcomes>div:nth-child(even){padding-left:0}
}

/* v0.21.0 — mail-client shell */
.mail-shell{grid-template-columns:232px minmax(0,1fr);background:#f6f7f9}
.mail-sidebar{position:sticky;top:0;height:100vh;padding:18px 12px 14px;background:#111827;display:flex;flex-direction:column;overflow-y:auto}
.mail-brand{padding:2px 8px 18px;gap:10px}
.mail-brand .brand-mark{width:34px;height:34px;border-radius:9px}
.mail-brand strong{font-size:16px}.mail-brand small{font-size:11px}
.compose-nav-btn{display:flex;align-items:center;gap:9px;margin:2px 4px 14px;padding:11px 13px;border-radius:9px;background:#fff;color:#101828;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.compose-nav-btn:hover{background:#f8fafc}
.mail-sidebar .nav-section{margin:18px 10px 6px;color:#718096;font-size:9px;letter-spacing:.12em}
.mail-sidebar nav{gap:2px}
.mail-sidebar nav a{min-height:37px;padding:8px 10px;border-radius:7px;color:#cbd5e1;font-size:13px}
.mail-sidebar nav a:hover{background:#1d2736;color:#fff}
.mail-sidebar nav a.active{background:#263244;color:#fff;font-weight:700}
.nav-label{display:flex;align-items:center;gap:10px;min-width:0}
.nav-icon{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 17px}
.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-count{min-width:20px;text-align:center;background:#2563eb;color:#fff;padding:2px 6px;font-size:9px}
.nav-count.subtle{background:#344054;color:#e5e7eb}
.sidebar-foot{margin-top:auto;padding:16px 10px 3px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:2px;color:#d0d5dd;font-size:12px}
.sidebar-foot small{color:#7f8da3;font-size:10px}
.mail-main{min-width:0;background:#f6f7f9}
.mail-topbar{height:64px;padding:0 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:20}
.mail-topbar h1{font-size:18px;font-weight:750}
.mail-topbar .user-menu{font-size:12px}
.mail-content{padding:20px 22px 30px;max-width:none;width:100%}
.compact-btn{padding:8px 11px;font-size:12px}

.mailbox-shell{background:#fff;border:1px solid #e1e5eb;border-radius:10px;overflow:hidden;min-height:calc(100vh - 116px);box-shadow:0 1px 2px rgba(16,24,40,.02)}
.mailbox-toolbar{min-height:74px;padding:15px 18px;border-bottom:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}
.mailbox-toolbar h2{margin:0 0 3px;font-size:18px}.mailbox-toolbar p{margin:0;color:#7a8494;font-size:12px}
.mailbox-toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.mailbox-count{color:#667085;font-size:11px}
.mailbox-list{display:grid;background:#fff}
.mailbox-row{display:grid;grid-template-columns:38px minmax(185px,280px) minmax(260px,1fr) minmax(150px,190px);gap:12px;align-items:center;min-height:64px;padding:8px 16px;border-bottom:1px solid #edf0f4;text-decoration:none;color:inherit;background:#fff}
.mailbox-row:last-child{border-bottom:0}.mailbox-row:hover{background:#f8fafc}
.mailbox-row.unread{background:#f7faff}.mailbox-row.unread:hover{background:#f2f7ff}
.mailbox-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;color:#475467;font-size:11px;font-weight:800}
.mailbox-row.unread .mailbox-avatar{background:#e7efff;color:#155eef}
.sent-avatar{background:#eef4ff;color:#155eef;font-size:14px}
.mailbox-sender,.mailbox-subject{display:grid;gap:3px;min-width:0}
.mailbox-sender strong,.mailbox-subject strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}
.mailbox-row.unread .mailbox-sender strong,.mailbox-row.unread .mailbox-subject strong{font-weight:800}
.mailbox-sender small,.mailbox-subject small{font-size:10.5px;color:#8a94a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mailbox-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#7a8494;min-width:0}
.mailbox-row-meta time{font-size:10.5px;white-space:nowrap}
.mail-unread-dot{width:7px;height:7px;border-radius:50%;background:#2563eb;display:inline-block}
.mailbox-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#7a8494;padding:30px}
.mailbox-empty strong{color:#344054;font-size:15px}.mailbox-empty span{font-size:12px;max-width:420px}.mailbox-empty .primary-btn{margin-top:8px}
.mailbox-empty-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-size:18px;margin-bottom:2px}
.sent-row{grid-template-columns:38px minmax(210px,320px) minmax(280px,1fr) minmax(160px,200px)}

/* Keep existing pages usable inside the denser mail-client shell. */
.mail-content>.panel,.mail-content>.hero-card,.mail-content>.metric-grid,.mail-content>.two-col,.mail-content>.manual-mail-grid,.mail-content>.manual-mail-detail-grid,.mail-content>.sequence-layout-v2,.mail-content>.analytics-page{max-width:1500px}

@media(max-width:1050px){
  .mailbox-row{grid-template-columns:36px minmax(170px,240px) minmax(220px,1fr) 125px}
  .mailbox-subject small{display:none}
}
@media(max-width:900px){
  .mail-shell{grid-template-columns:1fr}.mail-sidebar{display:none}.mail-content{padding:14px}.mail-topbar{padding:0 16px}
  .mailbox-shell{min-height:calc(100vh - 92px)}
}
@media(max-width:700px){
  .mailbox-toolbar{align-items:flex-start;flex-direction:column}.mailbox-toolbar-actions{justify-content:flex-start}
  .mailbox-row,.sent-row{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:10px 12px}
  .mailbox-subject{grid-column:2/4}.mailbox-row-meta{grid-column:3;grid-row:1;align-self:start}.mailbox-sender small{display:none}
}

/* v0.22.0 — Inbox split-pane + conversation reading pane */
.inbox-client-shell{height:calc(100vh - 116px);min-height:640px;display:flex;flex-direction:column}
.inbox-client-toolbar{flex:0 0 auto}
.inbox-client-grid{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);min-height:0;flex:1}
.inbox-list-pane{min-width:0;border-right:1px solid #e6e9ef;background:#fff;overflow:auto}
.inbox-compact-list{display:block}
.inbox-compact-row{grid-template-columns:34px minmax(0,1fr);min-height:78px;padding:11px 13px;gap:10px;border-bottom:1px solid #edf0f4}
.inbox-compact-row.selected{background:#eef4ff;box-shadow:inset 3px 0 0 #2563eb}
.inbox-compact-row.selected:hover{background:#eaf2ff}
.inbox-row-copy{display:grid;gap:4px;min-width:0}
.inbox-row-topline,.inbox-row-bottomline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.inbox-row-topline strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.inbox-row-topline time{font-size:9.5px;color:#8a94a3;white-space:nowrap;flex:0 0 auto}
.inbox-row-subject{font-size:11.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-row-bottomline small{font-size:10px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-compact-row.unread .inbox-row-topline strong,.inbox-compact-row.unread .inbox-row-subject{font-weight:800;color:#101828}
.inbox-reading-pane{min-width:0;background:#f8fafc;overflow:auto;position:relative}
.reading-empty-state{min-height:100%;display:grid;place-content:center;justify-items:center;text-align:center;gap:8px;color:#98a2b3;padding:40px}
.reading-empty-state strong{color:#475467;font-size:15px}.reading-empty-state span{max-width:420px;font-size:12px;line-height:1.55}
.reading-empty-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;color:#667085;font-size:20px;margin-bottom:4px}
.reading-header{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6e9ef;backdrop-filter:blur(8px)}
.reading-title-block{display:flex;align-items:center;gap:12px;min-width:0}.reading-title-block>div{min-width:0}
.reading-contact-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9efff;color:#175cd3;font-size:13px;font-weight:850;flex:0 0 38px}
.reading-title-block h2{margin:0 0 3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-title-block p{margin:0;color:#7a8494;font-size:11px}
.reading-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.conversation-automation-strip{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr)) auto;gap:14px;align-items:center;padding:11px 18px;border-bottom:1px solid #dbe7fb;background:#f4f8ff}
.conversation-automation-strip>div{display:grid;gap:2px;min-width:0}.conversation-automation-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7a8494;font-weight:800}.conversation-automation-strip strong{font-size:11px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-automation-strip>a{font-size:11px;text-decoration:none;color:#175cd3;font-weight:750;white-space:nowrap}
.conversation-stream{display:grid;gap:12px;padding:18px 20px 22px;max-width:980px;margin:0 auto}
.mail-thread-message{border:1px solid #e1e5eb;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025);overflow:hidden}
.mail-thread-message.inbound{border-left:3px solid #2563eb}.mail-thread-message.outbound{border-left:3px solid #16a34a}
.mail-thread-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px 8px}
.mail-thread-author{display:flex;align-items:center;gap:9px;min-width:0}.mail-thread-author>div{display:grid;gap:2px;min-width:0}.mail-thread-author strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-thread-author small{font-size:9.5px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:850;flex:0 0 28px}.inbound-avatar{background:#eaf2ff;color:#155eef}.outbound-avatar{background:#eaf8ef;color:#067647}
.mail-thread-message-head time,.thread-message-meta time{font-size:9.5px;color:#98a2b3;white-space:nowrap}.thread-message-meta{display:flex;align-items:center;gap:8px}.thread-status{font-size:8.5px;font-weight:850;letter-spacing:.04em;color:#667085;background:#f2f4f7;border-radius:999px;padding:3px 6px}
.mail-thread-subject{padding:0 14px 9px;font-size:11px;font-weight:750;color:#344054;border-bottom:1px solid #f0f2f5}
.mail-thread-body{padding:14px;font-size:12px;line-height:1.65;color:#344054;overflow-wrap:anywhere}.mail-thread-body p:first-child{margin-top:0}.mail-thread-body p:last-child{margin-bottom:0}
.thread-detail-link{display:inline-block;margin:0 14px 12px;font-size:10px;color:#667085;text-decoration:none}.thread-detail-link:hover{color:#175cd3}
.compact-quoted-history{margin:0 14px 12px;padding-top:8px;border-top:1px dashed #e4e7ec;font-size:10px;color:#667085}.compact-quoted-history summary{cursor:pointer}
.quick-reply-dock{max-width:980px;margin:0 auto 22px;background:#fff;border:1px solid #dbe0e8;border-radius:10px;box-shadow:0 2px 6px rgba(16,24,40,.04);overflow:hidden}
.quick-reply-head{padding:12px 15px;border-bottom:1px solid #e6e9ef}.quick-reply-head>div{display:grid;gap:2px}.quick-reply-head strong{font-size:12px}.quick-reply-head span{font-size:10px;color:#98a2b3}
.compact-reply-form{padding:13px 15px;gap:10px}.quick-reply-fields{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:10px}.quick-reply-fields label{display:grid;gap:4px;font-size:10px;font-weight:750;color:#667085}.quick-reply-fields input,.quick-reply-fields select{height:35px;font-size:11px}
.compact-rich-composer{border-radius:8px}.compact-rich-editor{min-height:125px;padding:12px 14px;font-size:12px}.compact-rich-composer .rich-mail-toolbar{padding:6px}.compact-rich-composer .rich-mail-toolbar button{height:29px;font-size:11px;padding:0 8px}
.reply-options{border-top:1px solid #edf0f4;padding-top:7px}.reply-options summary{cursor:pointer;color:#667085;font-size:10.5px;font-weight:750}.reply-options-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.6fr);gap:12px;margin-top:9px}.reply-options-grid label{font-size:10px}.reply-options-grid textarea{font-size:11px}.compact-tracking-box{align-content:start}
.quick-reply-actions{display:flex;justify-content:flex-end}.quick-reply-actions .primary-btn{min-width:110px;padding:9px 13px;font-size:11px}
.compact-empty{min-height:100%;padding:25px}

@media(max-width:1180px){
  .inbox-client-grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}
  .conversation-automation-strip{grid-template-columns:1fr 1fr}.conversation-automation-strip>a{grid-column:1/-1}
}
@media(max-width:900px){
  .inbox-client-shell{height:auto;min-height:calc(100vh - 92px)}
  .inbox-client-grid{grid-template-columns:1fr}
  .inbox-list-pane{border-right:0;border-bottom:1px solid #e6e9ef;max-height:46vh}
  .inbox-reading-pane{min-height:54vh}
  .reading-header{top:64px}
}
@media(max-width:680px){
  .reading-header{align-items:flex-start;flex-direction:column}.reading-actions{width:100%}
  .conversation-stream{padding:12px}.conversation-automation-strip{grid-template-columns:1fr;padding:10px 12px}.conversation-automation-strip>a{grid-column:auto}
  .quick-reply-dock{margin:0 12px 16px}.quick-reply-fields,.reply-options-grid{grid-template-columns:1fr}
}

/* v0.23.0 — Compose, Sent and Outbox mail-client redesign */
.compose-client-shell{max-width:1280px;background:#fff;border:1px solid #e1e5eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.compose-client-toolbar{min-height:72px;padding:15px 18px;border-bottom:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;gap:16px}
.compose-client-toolbar h2{margin:0 0 3px;font-size:18px}.compose-client-toolbar p{margin:0;color:#7a8494;font-size:12px}
.compose-alert{margin:14px 16px 0}
.compose-mail-form{display:grid;gap:0}
.compose-address-fields{border-bottom:1px solid #e6e9ef}
.compose-field-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;min-height:50px;padding:0 18px;border-bottom:1px solid #edf0f4}
.compose-field-row:last-child{border-bottom:0}.compose-field-row>label{font-size:11px;font-weight:750;color:#667085}
.compose-field-control{min-width:0}.compose-field-control input,.compose-field-control select{width:100%;border:0!important;box-shadow:none!important;padding:10px 0!important;border-radius:0!important;background:transparent!important;font-size:13px!important}
.compose-field-control select{cursor:pointer}.compose-field-help{display:block;color:#98a2b3;font-size:9.5px;margin:-4px 0 8px}
.compose-editor-wrap{padding:14px 18px 0}.compose-html-composer{border-radius:8px}.compose-html-composer .html-mail-visual,.compose-html-composer .html-mail-source,.compose-html-composer .html-mail-preview{min-height:360px}.compose-html-composer .html-mail-editor{min-height:310px}
.compose-options-row{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(220px,.7fr) minmax(180px,.45fr);gap:10px;padding:12px 18px;border-top:1px solid #edf0f4;background:#fbfcfe}
.compose-option,.compose-more-options{border:1px solid #e4e7ec;background:#fff;border-radius:8px;padding:10px 12px;min-width:0}
.compose-option{display:grid;gap:6px}.compose-option>label,.compose-option>span{font-size:10px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.04em}.compose-option select{height:34px;font-size:11px}
.compose-option .manual-sequence-note{font-size:9.5px;color:#98a2b3;line-height:1.4}.compose-option .manual-sequence-note.active{color:#475467}
.compose-tracking-option{grid-template-columns:1fr auto auto;align-items:center}.compose-tracking-option>span{grid-column:1/-1}.compact-check{font-size:11px!important;font-weight:650!important;display:flex!important;align-items:center;gap:6px!important;color:#344054!important}.compact-check input{width:auto!important}
.compose-more-options summary{cursor:pointer;font-size:11px;font-weight:750;color:#475467}.compose-signature-field{margin-top:8px}.compose-signature-field textarea{font-size:11px;min-height:82px}
.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid #e6e9ef;background:#fff}.compose-send-note{font-size:10px;color:#98a2b3}.compose-send-btn{min-width:92px;padding:9px 16px}

.sent-client-shell{height:calc(100vh - 116px);min-height:640px;display:flex;flex-direction:column}
.sent-client-toolbar{flex:0 0 auto}.sent-client-grid{display:grid;grid-template-columns:minmax(330px,390px) minmax(0,1fr);min-height:0;flex:1}.sent-list-pane{min-width:0;border-right:1px solid #e6e9ef;background:#fff;overflow:auto}.sent-compact-list{display:block}
.sent-compact-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:78px;padding:11px 13px;border-bottom:1px solid #edf0f4;text-decoration:none;color:inherit;background:#fff}.sent-compact-row:hover{background:#f8fafc}.sent-compact-row.selected{background:#eef4ff;box-shadow:inset 3px 0 0 #2563eb}.sent-row-copy{display:grid;gap:4px;min-width:0}.sent-row-topline,.sent-row-bottomline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.sent-row-topline strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sent-row-topline time{font-size:9.5px;color:#8a94a3;white-space:nowrap}.sent-row-subject{font-size:11.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sent-row-bottomline small{font-size:10px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sent-reading-pane{min-width:0;background:#f8fafc;overflow:auto}.sent-reading-body{display:grid;gap:12px;padding:18px 20px 24px;max-width:980px;margin:0 auto}.sent-message-card{background:#fff;border:1px solid #e1e5eb;border-left:3px solid #16a34a;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.025)}.sent-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.sent-message-meta>div{display:grid;gap:2px;min-width:0}.sent-message-meta strong{font-size:11.5px}.sent-message-meta span:not(.status-pill){font-size:9.5px;color:#98a2b3}.sent-message-subject{padding:0 14px 10px;font-size:11px;font-weight:750;color:#344054;border-bottom:1px solid #edf0f4}.sent-message-content{padding:15px 14px;min-height:160px;overflow-wrap:anywhere}
.sent-engagement-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e1e5eb;border-radius:10px;overflow:hidden}.sent-engagement-strip>div{display:grid;gap:4px;padding:12px 14px;border-right:1px solid #edf0f4}.sent-engagement-strip>div:last-child{border-right:0}.sent-engagement-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3;font-weight:800}.sent-engagement-strip strong{font-size:14px;color:#344054}.sent-technical-details{background:#fff;border:1px solid #e1e5eb;border-radius:10px;padding:11px 13px}.sent-technical-details summary{cursor:pointer;font-size:10.5px;color:#667085;font-weight:750}.sent-detail-grid{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 12px;padding-top:10px;font-size:10.5px}.sent-detail-grid>span{color:#98a2b3}.sent-detail-grid code{overflow-wrap:anywhere}.sent-detail-grid a{color:#175cd3;text-decoration:none}

.outbox-client-shell{min-height:calc(100vh - 116px)}.outbox-alert{margin:14px 16px 0}.outbox-summary-bar{display:grid;grid-template-columns:repeat(5,minmax(105px,150px)) minmax(200px,1fr);gap:0;border-bottom:1px solid #e6e9ef;background:#fbfcfe}.outbox-summary-item{display:grid;gap:2px;padding:11px 14px;border-right:1px solid #edf0f4;text-decoration:none;color:inherit}.outbox-summary-item:hover,.outbox-summary-item.active{background:#eef4ff}.outbox-summary-item span,.outbox-sheet-state span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;font-weight:800}.outbox-summary-item strong{font-size:15px;color:#344054}.outbox-sheet-state{display:grid;align-content:center;justify-content:end;gap:3px;padding:10px 15px;text-align:right}.outbox-sheet-state strong{font-size:10px;color:#667085}
.outbox-message-list{display:grid}.outbox-message-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid #edf0f4}.outbox-message-row:last-child{border-bottom:0}.outbox-message-row:hover{background:#f8fafc}.outbox-avatar{background:#fff7e6;color:#b54708}.outbox-message-main{display:grid;gap:4px;min-width:0}.outbox-message-topline{display:flex;align-items:center;gap:9px}.outbox-message-topline a{text-decoration:none;color:#101828;min-width:0}.outbox-message-topline strong{font-size:12px}.outbox-message-subject{font-size:11.5px;color:#344054}.outbox-message-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:9.5px;color:#98a2b3}.outbox-error-copy{font-size:10px;color:#b42318;background:#fff4f3;padding:6px 8px;border-radius:6px;margin-top:2px}.outbox-row-actions{display:flex;align-items:center;gap:10px}.outbox-row-actions small{font-size:9.5px;color:#667085}.outbox-safety-note{margin:14px 16px 16px;border:1px solid #e4e7ec;border-radius:8px;padding:10px 12px;background:#fbfcfe}.outbox-safety-note summary{cursor:pointer;font-size:10.5px;font-weight:750;color:#667085}.outbox-safety-note p{font-size:10.5px;color:#7a8494;line-height:1.5;margin:8px 0 0}

@media(max-width:1180px){.compose-options-row{grid-template-columns:1fr 1fr}.compose-more-options{grid-column:1/-1}.sent-client-grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.outbox-summary-bar{grid-template-columns:repeat(5,1fr)}.outbox-sheet-state{grid-column:1/-1;text-align:left;justify-content:start;border-top:1px solid #edf0f4}}
@media(max-width:900px){.compose-client-shell,.sent-client-shell,.outbox-client-shell{min-height:calc(100vh - 92px);height:auto}.sent-client-grid{grid-template-columns:1fr}.sent-list-pane{max-height:42vh;border-right:0;border-bottom:1px solid #e6e9ef}.sent-reading-pane{min-height:52vh}.outbox-summary-bar{grid-template-columns:repeat(2,1fr)}.outbox-sheet-state{grid-column:1/-1}.outbox-message-row{grid-template-columns:34px minmax(0,1fr)}.outbox-row-actions{grid-column:2}}
@media(max-width:680px){.compose-field-row{grid-template-columns:1fr;align-items:start;padding:9px 12px;gap:2px}.compose-editor-wrap{padding:10px 12px 0}.compose-options-row{grid-template-columns:1fr;padding:10px 12px}.compose-more-options{grid-column:auto}.compose-footer{padding:10px 12px}.compose-send-note{display:none}.compose-send-btn{width:100%}.sent-engagement-strip{grid-template-columns:1fr 1fr}.sent-engagement-strip>div:nth-child(2){border-right:0}.sent-engagement-strip>div:nth-child(-n+2){border-bottom:1px solid #edf0f4}.outbox-summary-bar{grid-template-columns:1fr 1fr}.outbox-message-meta{display:grid;gap:2px}}

/* v0.24.0 — History timeline, prospect workspace, Compose/Queue polish */
.compose-sequence-option select{
  width:100%;
  min-width:0;
  min-height:38px;
  height:38px;
  padding:6px 34px 6px 10px!important;
  line-height:1.25!important;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.history-client-shell{min-height:calc(100vh - 116px)}
.history-filter-tabs{display:flex;align-items:center;gap:4px;padding:10px 16px;border-bottom:1px solid #e6e9ef;background:#fbfcfe;overflow:auto}
.history-filter-tabs a{padding:7px 11px;border-radius:7px;text-decoration:none;color:#667085;font-size:10.5px;font-weight:700;white-space:nowrap}
.history-filter-tabs a:hover{background:#f2f4f7;color:#344054}.history-filter-tabs a.active{background:#eaf2ff;color:#175cd3}
.history-stream{padding:8px 16px 20px;max-width:1180px}
.history-day-label{padding:14px 2px 7px;color:#98a2b3;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.history-event-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 4px;border-top:1px solid #edf0f4}
.history-day-label+.history-event-row{border-top:0}
.history-event-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#eef4ff;color:#175cd3}
.history-event-icon.success{background:#ecfdf3;color:#027a48}.history-event-icon.warning{background:#fffaeb;color:#b54708}.history-event-icon.danger{background:#fef3f2;color:#b42318}
.history-event-copy{min-width:0;display:grid;gap:4px}.history-event-topline{display:flex;align-items:center;gap:8px;min-width:0}.history-event-topline strong{font-size:11.5px;color:#101828}.history-event-topline>span:not(.status-pill){font-size:10px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-event-topline time{margin-left:auto;font-size:9.5px;color:#98a2b3;white-space:nowrap}
.history-event-subject{font-size:11px;color:#344054}.history-event-detail{font-size:10px;color:#7a8494;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}.history-event-links{display:flex;gap:12px;margin-top:1px}.history-event-links a{font-size:9.5px;color:#175cd3;text-decoration:none}.history-event-links a:hover{text-decoration:underline}

.prospect-mail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.prospect-mail-title-row{display:flex;align-items:center;gap:12px;margin-top:6px}.prospect-mail-title-row h2{margin:0;font-size:22px}.prospect-mail-title-row p{margin:3px 0 0;font-size:11px;color:#667085}.prospect-mail-avatar{width:38px;height:38px;font-size:13px;background:#eef4ff;color:#175cd3}.prospect-mail-actions{display:flex;align-items:center;gap:8px}
.prospect-mail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:14px;align-items:start}.prospect-mail-main,.prospect-mail-side{display:grid;gap:14px;min-width:0}
.compact-empty-state{padding:28px 18px}
.prospect-thread-preview{display:grid}.prospect-thread-item{padding:12px 14px;border-top:1px solid #edf0f4;border-left:3px solid #16a34a}.prospect-thread-item:first-child{border-top:0}.prospect-thread-item.inbound{border-left-color:#2563eb;background:#fbfdff}.prospect-thread-meta{display:flex;align-items:center;gap:8px}.prospect-thread-meta strong{font-size:10.5px}.prospect-thread-meta span{font-size:8.5px;color:#98a2b3;font-weight:800}.prospect-thread-meta time{margin-left:auto;font-size:9px;color:#98a2b3}.prospect-thread-subject{font-size:11px;font-weight:700;color:#344054;margin-top:5px}.prospect-thread-item p{font-size:10.5px;color:#667085;line-height:1.5;margin:5px 0 0}
.prospect-activity-list{display:grid}.prospect-activity-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #edf0f4}.prospect-activity-row:first-child{border-top:0}.prospect-activity-row>div{display:grid;gap:2px;min-width:0}.prospect-activity-row strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prospect-activity-row small{font-size:9.5px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prospect-activity-row time{font-size:9px;color:#98a2b3;white-space:nowrap}
.prospect-summary-list{margin:0;padding:0 14px 12px}.prospect-summary-list>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid #edf0f4}.prospect-summary-list>div:first-child{border-top:0}.prospect-summary-list dt{font-size:9.5px;color:#98a2b3}.prospect-summary-list dd{margin:0;font-size:10.5px;color:#344054;overflow-wrap:anywhere}.prospect-edit-details{border-top:1px solid #edf0f4;padding:10px 14px}.prospect-edit-details summary{cursor:pointer;font-size:10px;font-weight:750;color:#667085}.prospect-edit-details .stack-form{margin-top:10px}
.prospect-automation-state{display:grid;gap:7px;padding:0 14px 14px}.prospect-automation-state .status-pill{justify-self:start}.prospect-automation-state strong{font-size:11px}.prospect-automation-state small{font-size:9.5px;color:#98a2b3}
.prospect-mini-section{display:grid;gap:7px;padding:0 14px 14px}.prospect-mini-section+ .prospect-mini-section{border-top:1px solid #edf0f4;padding-top:12px}.prospect-mini-section>strong{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}.prospect-mini-entity{display:grid;gap:2px;padding:7px 0;border-top:1px solid #f0f2f5}.prospect-mini-entity:first-of-type{border-top:0}.prospect-mini-entity span,.prospect-mini-entity a{font-size:10.5px;color:#344054;text-decoration:none}.prospect-mini-entity small{font-size:9.5px;color:#98a2b3}.compact-inline-add{margin-top:3px}.compact-inline-add summary{font-size:10px;color:#175cd3}.compact-inline-add .stack-form{margin-top:8px}

@media(max-width:1050px){.prospect-mail-grid{grid-template-columns:1fr}.prospect-mail-side{grid-template-columns:1fr 1fr}.prospect-entities-card{grid-column:1/-1}}
@media(max-width:760px){.history-event-topline{flex-wrap:wrap}.history-event-topline time{margin-left:0;width:100%}.history-event-detail{white-space:normal}.prospect-mail-head{align-items:flex-start;flex-direction:column}.prospect-mail-actions{width:100%}.prospect-mail-actions a{flex:1;text-align:center}.prospect-mail-side{grid-template-columns:1fr}.prospect-entities-card{grid-column:auto}.prospect-activity-row{grid-template-columns:68px minmax(0,1fr)}.prospect-activity-row time{grid-column:2}}

/* v0.25.0 — Sequence Studio redesign */
.sequence-studio-head{max-width:1500px;margin:0 auto 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sequence-studio-head h2{margin:3px 0 4px;font-size:24px}.sequence-studio-head p{margin:0;color:#667085;font-size:12px}.sequence-studio-kicker{font-size:9px;font-weight:850;letter-spacing:.1em;color:#175cd3}.sequence-studio-head-actions{display:flex;align-items:center;gap:9px}.sequence-studio-library,.sequence-workspace-hero,.sequence-runtime-strip,.sequence-builder-panel,.sequence-enrollments-drawer,.sequence-source-defaults-drawer,.sequence-create-layout{max-width:1500px;margin-left:auto;margin-right:auto}.sequence-studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 10px}.sequence-studio-section-head h3{margin:0 0 3px}.sequence-studio-section-head p{margin:0;color:#667085;font-size:11px}.sequence-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;padding:8px 14px 14px}.sequence-library-card{display:grid;gap:8px;min-width:0;padding:13px 14px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;text-decoration:none;color:inherit}.sequence-library-card:hover{border-color:#b9cef5;background:#fbfdff}.sequence-library-card.selected{border-color:#84adff;box-shadow:0 0 0 2px #eef4ff;background:#fbfdff}.sequence-library-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sequence-library-card-top strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequence-library-card-sender{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequence-library-card-metrics{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:9.5px;color:#667085}.sequence-library-card-metrics b{color:#344054}.sequence-library-card-metrics em{font-style:normal;font-weight:800;font-size:8px;color:#175cd3;background:#eef4ff;padding:3px 6px;border-radius:999px}.sequence-create-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;margin-top:14px}.sequence-create-panel{margin:0}.sequence-workspace-hero{margin-top:14px;padding:0;overflow:hidden}.sequence-workspace-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px}.sequence-workspace-title{display:flex;align-items:center;gap:12px;min-width:0}.sequence-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#155eef;font-weight:850}.sequence-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sequence-title-line h3{margin:0;font-size:18px}.sequence-workspace-title p{margin:4px 0 0;color:#667085;font-size:10.5px}.sequence-workspace-metrics{display:flex;align-items:center;gap:0;border:1px solid #e4e7ec;border-radius:9px;overflow:hidden;background:#fbfcfe}.sequence-workspace-metrics>span{display:grid;gap:2px;min-width:82px;padding:9px 12px;border-right:1px solid #e4e7ec;text-align:center}.sequence-workspace-metrics>span:last-child{border-right:0}.sequence-workspace-metrics b{font-size:14px}.sequence-workspace-metrics small{font-size:8.5px;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;font-weight:800}.sequence-settings-drawer{border-top:1px solid #edf0f4}.sequence-settings-drawer>summary,.sequence-source-defaults-drawer>summary,.sequence-enrollments-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.sequence-settings-drawer>summary::-webkit-details-marker,.sequence-source-defaults-drawer>summary::-webkit-details-marker,.sequence-enrollments-drawer>summary::-webkit-details-marker{display:none}.sequence-settings-drawer>summary>span:first-child,.sequence-source-defaults-drawer>summary>span:first-child,.sequence-enrollments-drawer>summary>span:first-child{display:grid;gap:2px}.sequence-settings-drawer summary strong,.sequence-source-defaults-drawer summary strong,.sequence-enrollments-drawer summary strong{font-size:11px}.sequence-settings-drawer summary small,.sequence-source-defaults-drawer summary small,.sequence-enrollments-drawer summary small{font-size:9.5px;color:#98a2b3}.drawer-chevron{font-size:16px;color:#98a2b3;transition:transform .15s ease}.sequence-settings-drawer[open] .drawer-chevron,.sequence-source-defaults-drawer[open] .drawer-chevron,.sequence-enrollments-drawer[open] .drawer-chevron{transform:rotate(180deg)}.sequence-drawer-body{padding:14px 16px 16px;border-top:1px solid #edf0f4;background:#fbfcfe}.sequence-settings-body{display:grid;gap:12px}.sequence-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.sequence-settings-toggles{display:flex;gap:18px;align-items:center}.sequence-runtime-strip{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr)) minmax(170px,1.35fr);margin-top:14px;padding:0;overflow:hidden}.sequence-runtime-stat,.sequence-runtime-next{display:grid;gap:3px;padding:11px 13px;border-right:1px solid #edf0f4}.sequence-runtime-strip>div:last-child{border-right:0}.sequence-runtime-stat span,.sequence-runtime-next span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:850}.sequence-runtime-stat strong{font-size:15px}.sequence-runtime-next{align-content:center}.sequence-runtime-next strong{font-size:10.5px;color:#344054}.sequence-runtime-stat.warning strong{color:#b54708}.sequence-builder-panel{margin-top:14px;padding:0;overflow:hidden}.sequence-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 18px;border-bottom:1px solid #edf0f4}.sequence-builder-head h3{margin:3px 0 4px}.sequence-builder-head p{margin:0;color:#667085;font-size:11px;max-width:720px}.sequence-builder-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:9.5px;color:#667085}.sequence-builder-legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.reply{background:#d92d20}.dot.click{background:#7f56d9}.dot.open{background:#2e90fa}.dot.none{background:#98a2b3}.sequence-journey{padding:16px 18px 20px;background:#f8fafc}.sequence-journey-step{border:1px solid #e1e5eb;border-radius:12px;background:#fff;overflow:hidden}.sequence-journey-step.entry-step{border-color:#b9cef5}.sequence-journey-step>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:46px minmax(180px,.9fr) minmax(420px,1.5fr) 48px;gap:12px;align-items:center;padding:13px 14px}.sequence-journey-step>summary::-webkit-details-marker{display:none}.sequence-journey-step[open]>summary{background:#fbfdff;border-bottom:1px solid #edf0f4}.sequence-step-index{width:38px;height:38px;border-radius:10px;background:#f2f4f7;color:#475467;display:grid;place-items:center;font-size:10px;font-weight:850}.entry-step .sequence-step-index{background:#eef4ff;color:#175cd3}.sequence-step-summary-main{display:grid;gap:3px;min-width:0}.sequence-step-summary-top{display:flex;align-items:center;gap:8px;min-width:0}.sequence-step-summary-top strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequence-step-summary-main small{font-size:9.5px;color:#667085}.sequence-step-summary-main em{font-style:normal;font-size:9px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequence-step-branch-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.branch-chip{display:grid;gap:2px;padding:6px 7px;border-radius:7px;background:#f8fafc;border:1px solid #edf0f4;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#667085}.branch-chip b{font-size:9px;text-transform:none;letter-spacing:0;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-chip.reply{background:#fff7f6;border-color:#fee4e2}.branch-chip.click{background:#f9f5ff;border-color:#e9d7fe}.branch-chip.open{background:#eff8ff;border-color:#d1e9ff}.branch-chip.none{background:#f9fafb}.sequence-step-toggle{font-size:9px;color:#175cd3;font-weight:800;text-align:right}.sequence-step-editor{padding:14px 16px 16px;background:#fff}.sequence-entry-note{padding:10px 11px;border:1px solid #dbe7fb;border-radius:8px;background:#f4f8ff;color:#475467;font-size:10.5px;line-height:1.45}.sequence-branch-editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.sequence-branch-editor-title>div{display:grid;gap:2px}.sequence-branch-editor-title strong{font-size:11px}.sequence-branch-editor-title small{font-size:9.5px;color:#98a2b3}.sequence-journey-connector{height:24px;display:grid;place-items:center;color:#98a2b3;font-weight:800}.sequence-journey-connector span{background:#f8fafc;padding:0 5px}.sequence-add-step-drawer{border:1px dashed #b9cef5;border-radius:12px;background:#fbfdff;overflow:hidden}.sequence-add-step-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px}.sequence-add-step-drawer>summary::-webkit-details-marker{display:none}.sequence-add-step-drawer>summary>span:last-child{display:grid;gap:2px}.sequence-add-step-drawer strong{font-size:11.5px;color:#175cd3}.sequence-add-step-drawer small{font-size:9.5px;color:#667085}.sequence-add-icon{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#175cd3;display:grid;place-items:center;font-size:18px}.sequence-enrollments-drawer,.sequence-source-defaults-drawer{margin-top:14px;overflow:hidden}.sequence-enrollment-table td{vertical-align:middle}.sequence-source-defaults-drawer{margin-bottom:20px}
@media(max-width:1200px){.sequence-runtime-strip{grid-template-columns:repeat(4,1fr)}.sequence-runtime-next{grid-column:span 2}.sequence-journey-step>summary{grid-template-columns:46px minmax(180px,.75fr) minmax(360px,1.4fr) 44px}.sequence-step-branch-preview{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sequence-studio-head,.sequence-workspace-main,.sequence-builder-head{align-items:stretch;flex-direction:column}.sequence-create-layout{grid-template-columns:1fr}.sequence-workspace-metrics{width:100%}.sequence-runtime-strip{grid-template-columns:repeat(3,1fr)}.sequence-runtime-next{grid-column:span 3}.sequence-journey-step>summary{grid-template-columns:42px minmax(0,1fr) 42px}.sequence-step-branch-preview{grid-column:2/-1}.sequence-step-toggle{grid-column:3;grid-row:1}.sequence-builder-legend{justify-content:flex-start}}
@media(max-width:650px){.sequence-card-grid{grid-template-columns:1fr}.sequence-workspace-metrics{display:grid;grid-template-columns:1fr 1fr}.sequence-workspace-metrics>span:nth-child(2){border-right:0}.sequence-workspace-metrics>span:nth-child(-n+2){border-bottom:1px solid #e4e7ec}.sequence-runtime-strip{grid-template-columns:1fr 1fr}.sequence-runtime-next{grid-column:1/-1}.sequence-journey{padding:10px}.sequence-journey-step>summary{grid-template-columns:38px minmax(0,1fr);padding:10px}.sequence-step-toggle{display:none}.sequence-step-branch-preview{grid-column:1/-1;grid-template-columns:1fr 1fr}.sequence-settings-footer{align-items:stretch;flex-direction:column}.sequence-settings-toggles{flex-wrap:wrap}}

/* v0.26.0 — Imports + Settings consolidation */
.settings-tabs{display:flex;gap:4px;align-items:center;margin:0 0 14px;padding:4px;background:#eef1f5;border:1px solid #e1e5eb;border-radius:10px;width:max-content;max-width:100%;overflow:auto}
.settings-tabs a{padding:8px 12px;border-radius:7px;text-decoration:none;color:#667085;font-size:11px;font-weight:750;white-space:nowrap}
.settings-tabs a:hover{color:#344054;background:#f8fafc}.settings-tabs a.active{background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.settings-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;margin-bottom:14px}.settings-hero h2{margin:4px 0 6px;font-size:20px}.settings-hero p{margin:0;color:#667085;font-size:11px;max-width:760px;line-height:1.55}.eyebrow{font-size:8px;letter-spacing:.12em;font-weight:850;color:#155eef}
.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.settings-card{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:16px;border:1px solid #e1e5eb;border-radius:10px;background:#fff;text-decoration:none;color:inherit}.settings-card:hover{border-color:#b9cef5;background:#fbfdff}.settings-card-icon{width:38px;height:38px;border-radius:10px;background:#eef4ff;color:#155eef;display:grid;place-items:center;font-size:17px;font-weight:800}.settings-card-copy{display:grid;gap:4px}.settings-card-copy strong{font-size:13px}.settings-card-copy span{font-size:10.5px;color:#667085;line-height:1.45}.settings-card-copy small{font-size:9.5px;color:#98a2b3}.settings-card-arrow{font-size:24px;color:#98a2b3;text-align:right}.settings-integrations-panel{margin-top:0}.settings-integration-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:2px 0}.settings-integration-row>div{display:grid;gap:3px}.settings-integration-row strong{font-size:12px}.settings-integration-row span{font-size:10px;color:#667085}

.imports-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.imports-head h2{margin:4px 0 4px;font-size:20px}.imports-head p{margin:0;color:#667085;font-size:11px;max-width:760px}.imports-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.imports-summary-card{display:grid;gap:4px;padding:14px 15px;border:1px solid #e1e5eb;background:#fff;border-radius:10px}.imports-summary-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:850}.imports-summary-card strong{font-size:22px}.imports-summary-card strong.imports-summary-word{font-size:15px}.imports-summary-card small{font-size:9.5px;color:#667085}.imports-panel{padding:0;overflow:hidden}.imports-panel>.panel-head{padding:16px 18px;border-bottom:1px solid #edf0f4}.imports-empty{padding:42px 20px}.import-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:#f8fafc}.import-source-card{border:1px solid #e1e5eb;border-radius:10px;background:#fff;padding:14px;display:grid;gap:13px}.import-source-card.has-error{border-color:#fecdca}.import-source-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.import-source-title{display:flex;gap:10px;align-items:center;min-width:0}.import-source-title>div{display:grid;gap:3px;min-width:0}.import-source-title strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-source-title small{font-size:9.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-source-icon{width:32px;height:32px;border-radius:9px;background:#eef4ff;color:#155eef;display:grid;place-items:center;font-size:16px;font-weight:850;flex:0 0 auto}.import-source-stats{display:grid;grid-template-columns:.65fr 1fr 1.2fr;border:1px solid #edf0f4;border-radius:8px;overflow:hidden}.import-source-stats>div{display:grid;gap:3px;padding:9px 10px;border-right:1px solid #edf0f4}.import-source-stats>div:last-child{border-right:0}.import-source-stats span{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3;font-weight:800}.import-source-stats b{font-size:9.5px;color:#344054;font-weight:750;line-height:1.35}.import-source-error{padding:8px 9px;border-radius:7px;background:#fff5f4;color:#b42318;font-size:9.5px;line-height:1.4}.import-source-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.import-source-actions form{margin:0}.import-source-more{position:relative;margin-left:auto}.import-source-more>summary{list-style:none;cursor:pointer;color:#667085;font-size:10px;font-weight:700;padding:7px}.import-source-more>summary::-webkit-details-marker{display:none}.import-source-more-menu{position:absolute;right:0;top:100%;z-index:10;min-width:130px;padding:8px;border:1px solid #e1e5eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.12);display:grid;gap:5px}.import-connection-drawer{padding:0;margin-top:14px;overflow:visible}.import-connection-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.import-connection-drawer>summary::-webkit-details-marker{display:none}.import-connection-drawer>summary>span:first-child{display:grid;gap:3px}.import-connection-drawer>summary strong{font-size:11.5px}.import-connection-drawer>summary small{font-size:9.5px;color:#667085}.import-connection-body{padding:14px 16px 16px;border-top:1px solid #edf0f4;background:#fbfcfe}.import-writeback-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.import-writeback-strip>div:first-child{display:grid;gap:3px}.import-writeback-strip strong{font-size:11.5px}.import-writeback-strip span{font-size:9.5px;color:#667085}
@media(max-width:1000px){.settings-card-grid,.import-source-grid{grid-template-columns:1fr}.imports-summary-grid{grid-template-columns:1fr 1fr 1fr}.import-source-stats{grid-template-columns:1fr}.import-source-stats>div{border-right:0;border-bottom:1px solid #edf0f4}.import-source-stats>div:last-child{border-bottom:0}}
@media(max-width:700px){.settings-card-grid,.imports-summary-grid{grid-template-columns:1fr}.settings-hero,.imports-head,.import-writeback-strip{flex-direction:column;align-items:stretch}.settings-tabs{width:100%}}

/* v0.27 analytics + terminology polish */
.analytics-hero{align-items:center;background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)}
.analytics-hero h2{margin:4px 0 6px;font-size:22px}.analytics-hero p{max-width:760px}
.analytics-methodology-drawer{padding:0;overflow:hidden}.analytics-methodology-drawer>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 18px}.analytics-methodology-drawer>summary::-webkit-details-marker{display:none}.analytics-methodology-drawer>summary>span:first-child{display:grid;gap:3px}.analytics-methodology-drawer>summary strong{font-size:12px}.analytics-methodology-drawer>summary small{font-size:10px;color:var(--muted)}.analytics-methodology-drawer .policy-list{padding:0 18px 16px;border-top:1px solid var(--border)}.analytics-methodology-caret{color:#667085;font-size:16px;transition:transform .15s ease}.analytics-methodology-drawer[open] .analytics-methodology-caret{transform:rotate(180deg)}

/* v1.1 data management + large-list controls */
.mailbox-filter-row{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(5,minmax(120px,.65fr)) auto auto;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid #e6e9ef;background:#fbfcfe}
.mailbox-filter-row input,.mailbox-filter-row select{min-width:0;height:36px}
.inbox-filter-row{grid-template-columns:minmax(220px,1.7fr) minmax(150px,.7fr) minmax(120px,.55fr) minmax(110px,.5fr) auto auto}
.mailbox-list-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 10px;border-top:1px solid #e6e9ef;background:#fff;font-size:12px;color:#687386}
.mailbox-list-pagination a{color:var(--brand);text-decoration:none;font-weight:700;padding:3px 7px;border-radius:6px}
.mailbox-list-pagination a:hover{background:#eef4ff}
.thread-message-actions{display:flex;align-items:center;gap:10px;margin-top:8px}
.thread-delete-form{margin-top:8px}
.thread-delete-link{border:0;background:none;color:#b42318;padding:0;font:inherit;font-size:11px;cursor:pointer;text-decoration:none}
.thread-delete-link:hover{text-decoration:underline}
.history-page-controls{display:flex;justify-content:flex-end;padding:8px 14px;border-bottom:1px solid #e6e9ef;background:#fbfcfe}
.history-page-controls label{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px}
.history-page-controls select{height:32px}
.history-pagination{margin:0 14px 12px}
.sequence-enrollment-filter{grid-template-columns:minmax(220px,1fr) repeat(4,minmax(120px,.6fr)) auto auto;margin-bottom:12px}
.compact-danger-zone{padding:12px;margin-top:12px}
.compact-danger-zone summary{cursor:pointer;color:#b42318;font-weight:700}
.debug-log-delete-form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(180px,.7fr) auto minmax(260px,1fr);gap:10px;align-items:end;padding-top:12px}
.debug-log-delete-form label{display:flex;flex-direction:column;gap:5px}
.cleanup-card .stack-form{max-width:520px}
.data-cleanup-grid{align-items:start}
.data-cleanup-metrics{margin-bottom:14px}
.message-delete-zone{margin-top:14px}
.prospect-delete-card{margin-top:0}
.outreach-prospect-filter{grid-template-columns:minmax(230px,1.5fr) repeat(6,minmax(120px,.65fr)) auto auto}
@media(max-width:1200px){
  .mailbox-filter-row,.inbox-filter-row,.sequence-enrollment-filter,.outreach-prospect-filter{grid-template-columns:1fr 1fr 1fr}
  .debug-log-delete-form{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .mailbox-filter-row,.inbox-filter-row,.sequence-enrollment-filter,.outreach-prospect-filter,.debug-log-delete-form{grid-template-columns:1fr}
}


/* v1.1.1 — compact form control vertical alignment */
.mailbox-filter-row input{
  height:38px;
  padding:0 12px;
  line-height:36px;
}
.mailbox-filter-row select{
  height:38px;
  padding:0 34px 0 12px;
  line-height:normal;
}
.quick-reply-fields input{
  height:36px;
  padding:0 12px;
  line-height:34px;
}
.quick-reply-fields select{
  height:36px;
  padding:0 34px 0 12px;
  line-height:normal;
}
.compose-option select{
  height:36px;
  padding:0 34px 0 12px;
  line-height:normal;
}
.history-page-controls select{
  height:34px;
  padding:0 32px 0 10px;
  line-height:normal;
}

/* v1.2.0 — Prospects CRM-light workspace */
.prospect-page-actions{align-items:flex-end;gap:24px}.page-section-title{margin:0;font-size:22px}.page-section-copy{margin:5px 0 0;color:#667085;font-size:11px;max-width:760px}.prospect-metric-strip{justify-content:flex-end}.prospect-filter-panel{padding:0;overflow:hidden}
.outreach-prospect-filter{grid-template-columns:minmax(250px,1.6fr) repeat(5,minmax(128px,.72fr)) minmax(145px,.8fr) minmax(118px,.55fr) minmax(110px,.5fr) auto auto;padding:10px 14px;gap:8px;align-items:center}.outreach-prospect-filter input,.outreach-prospect-filter select{height:38px;min-width:0}.outreach-prospect-filter input{padding:0 12px;line-height:36px}.outreach-prospect-filter select{padding:0 34px 0 12px;line-height:normal}.prospect-filter-reset{white-space:nowrap}
.prospect-crm-table{min-width:1120px}.prospect-crm-table td{vertical-align:middle}.prospect-crm-table td small{display:block;margin-top:3px;color:#98a2b3;font-size:9.5px}.prospect-contact-name{font-size:11px;color:#344054}.prospect-status-cell,.prospect-automation-cell{display:grid;gap:4px;justify-items:start}.prospect-status-cell small{margin:0!important;text-transform:uppercase;letter-spacing:.04em;font-size:8px!important}.prospect-automation-cell strong{font-size:10.5px;color:#344054;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prospect-automation-cell small{margin:0!important}.warning-text{color:#b54708!important}.muted-cell{color:#98a2b3;font-size:10.5px}
.prospect-title-status-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.prospect-title-status-line h2{margin:0}.prospect-commercial-state{display:grid;gap:12px;padding:0 14px 14px}.prospect-commercial-current{display:flex;align-items:center;justify-content:space-between;gap:10px}.prospect-commercial-current small{font-size:9px;color:#98a2b3;text-align:right}.prospect-status-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.prospect-status-form label{display:grid;gap:5px;font-size:9px;color:#667085;font-weight:700}.prospect-status-form select{height:38px;padding:0 34px 0 10px}.prospect-commercial-note{margin:0;font-size:9.5px;line-height:1.45;color:#7a8494}
@media(max-width:1380px){.outreach-prospect-filter{grid-template-columns:repeat(4,minmax(150px,1fr))}.outreach-prospect-filter input[name="q"]{grid-column:span 2}}
@media(max-width:900px){.prospect-page-actions{align-items:stretch}.prospect-metric-strip{justify-content:flex-start}.outreach-prospect-filter{grid-template-columns:1fr 1fr}.outreach-prospect-filter input[name="q"]{grid-column:1/-1}}
@media(max-width:620px){.outreach-prospect-filter{grid-template-columns:1fr}.outreach-prospect-filter input[name="q"]{grid-column:auto}.prospect-status-form{grid-template-columns:1fr}.prospect-commercial-current{align-items:flex-start;flex-direction:column}.prospect-commercial-current small{text-align:left}}