/* Karm partner portal: builds on karm_corporate.css tokens */
.portal-hero{padding:56px max(32px,calc((100% - 1240px)/2)) 60px}
.portal-hero h1{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:10px}
.portal-hero .lead{max-width:640px}
.portal-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}
.portal-bar nav{display:flex;flex-wrap:wrap;gap:10px}
.portal-bar form{margin:0}
.portal-bar .btn{padding:10px 18px;font-size:.85rem}
.portal-bar .btn-outline:hover{color:#fff;border-color:#fff}
.portal-user{color:#d0c2dc;font-size:.85rem}
.portal-user strong{color:#fff}
.portal-section{padding-block:56px 80px}
.portal-section .btn-outline{background:#fff;color:var(--purple);border-color:var(--purple)}
.portal-section .btn-outline:hover{background:var(--lavender);color:var(--purple-deep);border-color:var(--purple)}
.portal-section .btn-outline:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.portal-grid .content-card{display:flex;flex-direction:column;gap:10px;padding:30px}
.portal-grid .content-card h2{font-size:1.2rem;margin:0}
.portal-grid .content-card p{font-size:.9rem;flex:1}
.portal-grid .content-card:hover{color:inherit}
.portal-grid .content-card .card-tag{margin-top:18px;padding-top:14px}
.portal-grid .content-card.portal-card--accent{background:var(--gradient-dark);color:#fff;border-color:transparent}
.portal-grid .content-card.portal-card--accent h2,.portal-grid .content-card.portal-card--accent p{color:#fff}
.portal-card--accent p{opacity:.85}
.portal-card--accent .card-tag{color:#ff76b9;border-color:#ffffff22}
.portal-card--accent:before{background:#ffffff14}
.portal-card__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f5eaf8;color:var(--magenta);margin-bottom:6px}
.portal-card--accent .portal-card__icon{background:#ffffff1a;color:#ff76b9}
.portal-card__icon svg{width:22px;height:22px}

/* Login */
.login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);gap:48px;align-items:center}
.login-intro h2{font-size:1.7rem;margin-bottom:14px}
.login-intro ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.login-intro li{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:.95rem}
.login-intro li:before{content:'';flex:none;width:22px;height:22px;border-radius:50%;background:var(--gradient);margin-top:6px}
.login-panel.form-panel{display:grid;gap:18px}
.login-panel h2{font-size:1.35rem}
.login-panel .field input{padding:13px 14px}
.login-panel .btn{width:100%;margin-top:6px}
.login-panel .privacy-note{font-size:.8rem;color:var(--muted);text-align:center}

/* Instagram connect */
.connect-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:32px;align-items:start}
.connect-steps{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px;counter-reset:step}
.connect-steps li{display:flex;gap:14px;align-items:flex-start;color:var(--muted);font-size:.92rem}
.connect-steps li>span{flex:1}
.connect-steps strong{color:var(--ink)}
.connect-steps li:before{counter-increment:step;content:counter(step);flex:none;width:28px;height:28px;border-radius:50%;background:var(--gradient);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center;margin-top:3px}
.connect-cta{display:grid;gap:14px;text-align:center}
.connect-cta .ig-mark{width:64px;height:64px;margin:0 auto 4px;border-radius:18px;background:linear-gradient(45deg,#f9ce34,#ee2a7b 50%,#6228d7);display:grid;place-items:center;color:#fff}
.connect-cta .ig-mark svg{width:34px;height:34px}
.connect-cta .btn{width:100%}
.connect-cta small{color:var(--muted);font-size:.78rem}
.account-list{display:grid;gap:14px;margin-top:22px}
.account-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.account-row.is-new{border-color:#b9d9c4;background:#f3faf5}
.account-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem;flex:none}
.account-row .account-meta{flex:1;min-width:200px}
.account-row .account-meta strong{display:block;font-size:1.05rem;color:var(--ink)}
.account-row .account-meta span{font-size:.82rem;color:var(--muted)}
.account-perms{display:flex;flex-wrap:wrap;gap:6px}
.account-perms span{font-size:.7rem;font-weight:700;color:var(--purple);background:#f5eaf8;border-radius:999px;padding:3px 10px}
.account-status{font-size:.78rem;font-weight:700;color:#155632;display:inline-flex;align-items:center;gap:6px}
.account-status:before{content:'';width:8px;height:8px;border-radius:50%;background:#2e9e5b}
.account-status.is-expired{color:#9e1837}.account-status.is-expired:before{background:#b32342}
.success-message.is-connected{display:flex;gap:18px;align-items:center}
.success-message .check{flex:none;width:48px;height:48px;border-radius:50%;background:#2e9e5b;color:#fff;display:grid;place-items:center}
.success-message .check svg{width:26px;height:26px}
.success-message h2{margin-bottom:4px}
@media (max-width:860px){.login-layout,.connect-layout{grid-template-columns:1fr}.portal-hero{padding:44px 20px 48px}.portal-section{padding-block:40px 60px}}
.account-list-title{margin-top:34px}
.account-disconnect{margin:0;flex-basis:100%;display:flex;justify-content:flex-end}
.btn-danger{min-height:0;padding:8px 16px;font-size:.8rem;color:#9e1837;background:#fff;border-color:#f0c9d2}
.btn-danger:hover{color:#fff;background:#b32342;border-color:#b32342}
@media (min-width:861px){.account-disconnect{flex-basis:auto}}

/* Auto-reply settings */
.account-status.is-off{color:#6b6480}.account-status.is-off:before{background:#b8b0c4}
.autoreply{flex-basis:100%;margin-top:6px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:14px}
.toggle-form{margin:0}
.rule-card{display:grid;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.rule-card.is-disabled{opacity:.7}
.rule-card.is-new{background:#fff;border-style:dashed}
.rule-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rule-index{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--magenta)}
.rule-card .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}
.rule-card .field textarea,.rule-card .field input{resize:vertical;line-height:1.7;background:#fff}
.rule-card .field small{color:var(--muted);font-size:.78rem}
.rule-card .field-errors{color:#9e1837;font-size:.8rem;font-weight:600}
.rule-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.rule-card__actions .btn{min-height:42px;padding:8px 22px}
.rule-add summary{list-style:none;display:inline-flex;width:auto;cursor:pointer;background:#fff;color:var(--purple);border-color:#d9cce7;min-height:42px;padding:8px 20px}
.rule-add summary::-webkit-details-marker{display:none}
.rule-add[open] summary{display:none}
.switch-sm{font-size:.78rem}
.switch-sm i{width:36px;height:20px}.switch-sm i:after{width:14px;height:14px}
.switch-sm input:checked+i:after{transform:translateX(16px)}[dir=rtl] .switch-sm input:checked+i:after{transform:translateX(-16px)}
@media (max-width:860px){.rule-card .form-grid{grid-template-columns:1fr}}
.autoreply-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px}
.autoreply-head h3{font-size:1.02rem;margin-bottom:4px}
.autoreply-head p{font-size:.85rem;max-width:560px}
.autoreply-actions{display:flex;justify-content:flex-end}
.autoreply-actions .btn{min-height:44px;padding:8px 26px}
.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--ink)}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch i{width:44px;height:24px;border-radius:999px;background:#d6cfe0;position:relative;transition:background .2s;flex:none}
.switch i:after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.switch input:checked+i{background:var(--magenta)}
.switch input:checked+i:after{transform:translateX(20px)}
[dir=rtl] .switch input:checked+i:after{transform:translateX(-20px)}
.switch input:focus-visible+i{outline:3px solid var(--magenta);outline-offset:3px}

/* Reports */
:root{--c-comments:#5b2fb8;--c-messages:#c80076}
.btn-reports{background:#fff;color:var(--purple);border-color:#d9cce7}
.btn-reports:hover{color:var(--magenta);border-color:var(--magenta);background:#fff}
.report-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:24px}
.report-filters .field{min-width:200px}
.report-filters .btn-export{margin-inline-start:auto;background:#fff;color:var(--purple);border-color:#d9cce7;min-height:44px}
.report-filters .btn-export:hover{color:var(--magenta);border-color:var(--magenta)}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.stat-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:grid;gap:4px}
.stat-tile span{font-size:.78rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:6px}
.stat-tile strong{font-size:1.9rem;line-height:1.2;letter-spacing:-.5px}
.stat-tile.is-warn strong{color:#9e1837}
.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.swatch-comments{background:var(--c-comments)}.swatch-messages{background:var(--c-messages)}
.report-card{margin-bottom:22px;padding:26px 28px}
.report-card h2{font-size:1.15rem;margin:0 0 6px}
.report-card__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.report-card__head p{font-size:.85rem}
.chart-legend{display:flex;gap:16px;font-size:.8rem;font-weight:700;color:var(--muted)}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart{position:relative;padding-top:8px}
.chart svg{width:100%;height:220px;display:block;overflow:visible}
.chart .axis{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.chart .bar-comments{fill:var(--c-comments)}.chart .bar-messages{fill:var(--c-messages)}
.chart g.day.is-hover .bar{opacity:.75}
.chart-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:6px}
.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;font-size:.78rem;display:grid;gap:2px;min-width:140px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.chart-tip strong{font-size:.82rem;margin-bottom:2px}
.chart-tip span{display:flex;align-items:center;gap:6px;color:#e6dff0}
.chart-table{margin-top:14px;font-size:.85rem}
.chart-table summary{cursor:pointer;font-weight:700;color:var(--purple)}
.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.report-table{width:100%;border-collapse:collapse;font-size:.86rem;margin-top:10px}
.report-table th,.report-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.report-table th{font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.report-table td{color:var(--ink)}
.report-table .text-cell{color:var(--muted);max-width:360px}
.share-bar{display:inline-block;width:70px;height:6px;border-radius:999px;background:#eee9f5;vertical-align:middle;margin-inline-end:8px;overflow:hidden}
.share-bar i{display:block;height:100%;background:var(--gradient)}
.pill{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 10px;background:#eee9f5;color:var(--muted)}
.pill-ok{background:#eaf5ee;color:#155632}.pill-bad{background:#fff1f4;color:#9e1837}
.empty-note{color:var(--muted);font-size:.9rem;padding:18px 0 6px}
.chart-table table{width:100%;border-collapse:collapse;margin-top:8px}
.chart-table td,.chart-table th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:start}
.funnel-summary{background:linear-gradient(145deg,#fff 55%,#f8f5ff)}
.instagram-funnel-dashboard{margin-top:26px}
.funnel-account-filter{display:flex;align-items:center;gap:9px}
.funnel-account-filter label{font-size:.8rem;font-weight:700;color:var(--muted)}
.funnel-account-filter select{min-width:170px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.funnel-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.funnel-stage{position:relative;display:grid;gap:6px;min-height:132px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f7f5fc)}
.funnel-stage:not(:last-child)::after{content:'›';position:absolute;inset-inline-end:-16px;top:42%;z-index:1;display:grid;place-items:center;width:18px;height:24px;color:var(--magenta);font-size:1.6rem;font-weight:800}
.funnel-stage span{font-size:.75rem;font-weight:700;color:var(--muted)}
.funnel-stage strong{font-size:2rem;line-height:1.15;color:var(--ink)}
.funnel-stage small{font-size:.75rem;color:var(--muted)}
.funnel-stage--lead{border-top:3px solid #7024b8}.funnel-stage--reply{border-top:3px solid #9a1fc0}.funnel-stage--click{border-top:3px solid #d20b79}.funnel-stage--action{border-top:3px solid #3169d6}
.funnel-report-columns{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);align-items:start}
.table-scroll{overflow-x:auto}
.funnel-table{min-width:720px}
.funnel-table td small{color:var(--muted)}
.ai-reply-preview{white-space:pre-wrap;overflow-wrap:anywhere}
/* Funnel analysis workspace */
.portal-hero--ai{padding-top:30px;padding-bottom:34px}
.portal-hero--ai h1{font-size:clamp(1.7rem,3vw,2.5rem)}
.portal-hero--ai .portal-bar{margin-top:20px}
.portal-hero--ai>.eyebrow{margin-bottom:12px}
.portal-hero--ai>.lead{margin-bottom:0}
.portal-hero--ai .portal-bar .portal-bar{margin-top:0}
.portal-hero--ai .portal-bar .btn{min-height:42px;padding:8px 16px}
.page-FunnelAI .portal-section{padding-top:30px}
.ai-workspace{display:grid;gap:22px}
.ai-workspace .content-card{padding:26px 28px;min-width:0}
.ai-workspace .content-card::before{display:none}
.ai-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ai-card-heading h2,.ai-reply-card h2,.ai-recommendations-card h2{margin:0;font-size:1.16rem}
.ai-card-heading p{margin:4px 0 0;font-size:.84rem;color:var(--muted)}
.ai-account-heading{display:flex;align-items:center;gap:14px}
.ai-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--gradient);color:#fff;font-size:1.5rem;flex-shrink:0}
.ai-model-badge{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:.78rem;font-weight:700;color:var(--purple);overflow-wrap:anywhere}
.ai-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-top:24px}
.ai-toolbar .field{min-width:185px;flex:0 1 225px}
.ai-toolbar .field label{font-size:.76rem;margin-bottom:7px}
.ai-toolbar .field select{min-height:48px;padding:10px 14px}
.ai-toolbar .btn{min-height:48px;padding:10px 23px;font-size:.83rem}
.ai-toolbar-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-inline-start:auto}
.ai-toolbar-links .text-link{font-size:.82rem;font-weight:700}
.ai-control-note{font-size:.78rem;color:var(--muted);margin:16px 0 0;line-height:1.7}
.ai-notice{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;flex-wrap:wrap}
.ai-notice[hidden]{display:none}
.ai-notice p{margin:0;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}
.ai-notice h2{font-size:1rem;margin:0 0 4px}
.ai-notice--neutral{margin-top:16px;background:#f7f4fb;color:var(--muted);padding:11px 15px}
.ai-notice--error{background:#fff6f8;border-color:#edc8d3;color:#862544}
.ai-notice--error>div{flex:1;min-width:200px}
.ai-notice--error .btn{min-height:40px;padding:7px 17px;font-size:.78rem;box-shadow:none}
.ai-notice-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f7dfe7;font-weight:800;flex-shrink:0}
.ai-status{padding:6px 11px;border-radius:999px;background:var(--soft);color:var(--purple);font-size:.73rem;font-weight:800}
.ai-status--failed{background:#fce9ef;color:#982649}
.ai-status--ready,.ai-status--applied{background:#e9f6ee;color:#257347}
.ai-metric-grid{margin-top:22px}
.ai-metric-grid .funnel-stage{min-height:120px;grid-template-rows:2.5em auto 1fr;align-content:start;gap:9px;padding:18px;background:#faf9fd}
.ai-metric-grid .funnel-stage::after{display:none}
.ai-review-grid{align-items:start}
.ai-summary{padding-top:12px;line-height:1.85}
.ai-recommendation-stage{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);font-weight:800}
.ai-original-message{margin-bottom:20px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--soft)}
.ai-original-message summary{font-size:.84rem;font-weight:800;cursor:pointer;color:var(--muted)}
.ai-original-message p{font-size:.76rem;margin:12px 0 8px}
.ai-original-message .ai-reply-preview{font-size:.85rem}
.ai-draft-form{display:grid;gap:16px}
.ai-draft-form textarea{background:#fff;line-height:1.85}
.ai-draft-form small{font-size:.76rem;color:var(--muted)}
.ai-draft-form .btn{justify-self:start;box-shadow:none}
.ai-dismiss-form{margin-top:12px}
.ai-empty{display:flex;align-items:center;gap:18px;color:var(--muted)}
.ai-toolbar .btn:disabled{opacity:.65;cursor:wait;box-shadow:none;transform:none}
@media(max-width:760px){.portal-hero--ai{padding-top:26px;padding-bottom:28px}.ai-workspace .content-card{padding:22px}.ai-toolbar-links{margin-inline-start:0;width:100%}.ai-notice{padding:16px}.ai-card-heading{align-items:flex-start}}
@media(max-width:520px){.ai-workspace .ai-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-metric-grid .funnel-stage{padding:14px;min-height:112px}.ai-toolbar .field{flex:1 1 100%}.ai-toolbar>.btn{width:100%}.ai-toolbar-links{justify-content:space-between;gap:12px}.ai-model-badge{font-size:.7rem}.ai-empty{align-items:flex-start}}
.recommendation-panel>p{font-size:.86rem;color:var(--muted)}
.recommendation-card{display:grid;gap:8px;margin-top:14px;padding:15px;border:1px solid #e8daf1;border-radius:14px;background:linear-gradient(145deg,#fff,#faf4fc)}
.recommendation-card h3{margin:0;color:var(--ink);font-size:.98rem}
.recommendation-card p{margin:0;font-size:.85rem}
.recommendation-card small{color:var(--muted);font-size:.75rem}
.recommendation-card .btn{justify-self:start;margin-top:3px}
@media(max-width:980px){.funnel-report-columns{grid-template-columns:1fr}}
@media(max-width:760px){.funnel-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-stage:nth-child(2)::after{display:none}.funnel-stage:not(:last-child)::after{inset-inline-end:-15px}}
@media(max-width:520px){.funnel-stage-grid{grid-template-columns:1fr}.funnel-stage::after{display:none}}
@media (max-width:860px){.report-columns{grid-template-columns:1fr}.report-filters .btn-export{margin-inline-start:0}.interactions .text-cell{max-width:180px}}

/* Instagram funnel workspace */
.portal-hero--instagram{padding-top:30px;padding-bottom:34px}
.portal-hero--instagram h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.portal-hero--instagram .portal-bar{margin-top:20px}
.portal-hero--instagram .portal-bar .portal-bar{margin-top:0}
.portal-hero--instagram .lead{max-width:720px;margin-bottom:0}
.page-Instagram .portal-section{padding-top:30px}
.instagram-workspace{display:grid;gap:24px}
.instagram-workspace .content-card{padding:26px;min-width:0;border-radius:20px}
.instagram-workspace .content-card::before{display:none}
.instagram-workspace .report-card{margin:0}
.instagram-workspace .instagram-funnel-dashboard{margin:0;background:#fff}
.instagram-workspace h2{font-size:1.15rem;margin:0}
.instagram-workspace .report-card__head p{font-size:.8rem;margin:5px 0 0}
.instagram-workspace .funnel-stage-grid{gap:14px;margin-top:22px}
.instagram-workspace .funnel-stage{min-height:130px;grid-template-rows:2.6em auto 1fr;gap:8px;padding:18px;background:#faf9fd}
.instagram-workspace .funnel-stage::after{display:none}
.instagram-workspace .funnel-report-columns{gap:24px}
.instagram-workspace .funnel-table{min-width:640px}
.instagram-workspace .funnel-table th{font-size:.65rem;line-height:1.6}
.instagram-workspace .report-table td{padding-top:16px;padding-bottom:16px}
.instagram-workspace .recommendation-panel{border-top:3px solid var(--magenta)}
.instagram-workspace .recommendation-panel .empty-note{padding:16px;background:var(--soft);border-radius:12px;margin-top:18px;font-size:.82rem;line-height:1.8}
.instagram-manager{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
.ig-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.ig-section-heading .eyebrow{font-size:.66rem;margin:0 0 5px}
.ig-section-heading .account-list-title{margin:0}
.ig-count{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--purple);font-weight:800}
.instagram-workspace .account-list{gap:24px}
.instagram-workspace .account-row{padding:20px;gap:12px;border-radius:16px;background:#fff}
.instagram-workspace .account-meta{min-width:0}
.instagram-workspace .account-meta>span{font-size:.7rem;overflow-wrap:anywhere}
.instagram-workspace .account-status{font-size:.7rem}
.ig-account-settings{grid-column:1/-1;font-size:.76rem;padding:12px 0;border-top:1px solid var(--line)}
.ig-account-settings summary{cursor:pointer;color:var(--muted);font-weight:700}
.ig-account-settings .account-perms{margin-top:12px;overflow-wrap:anywhere}
.ig-account-settings .account-disconnect{margin-top:12px}
.instagram-workspace .autoreply{padding-top:16px;margin-top:0}
.instagram-workspace .autoreply-head{align-items:flex-start;gap:16px;margin-bottom:18px}
.instagram-workspace .autoreply-head h3{font-size:1rem}
.instagram-workspace .autoreply-head p{font-size:.76rem;max-width:440px;line-height:1.8}
.instagram-workspace .toggle-form{flex-shrink:0}
.instagram-workspace .switch span{font-size:.7rem}
.ig-funnel-editor{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;scroll-margin-top:110px;background:#fff}
.ig-funnel-summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:17px;list-style:none}
.ig-funnel-summary::-webkit-details-marker{display:none}
.ig-funnel-summary:focus-visible,.ig-account-settings summary:focus-visible,.ig-connection-help summary:focus-visible{outline:3px solid var(--purple);outline-offset:-3px;border-radius:10px}
.ig-funnel-summary:hover{background:#faf8fe}
.ig-funnel-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#f4eaf9;color:var(--purple);font-size:.76rem;font-weight:800}
.ig-funnel-description{display:grid;gap:4px;min-width:0;flex:1}
.ig-funnel-description strong{font-size:.9rem}
.ig-funnel-description>span{font-size:.71rem;color:var(--purple)}
.ig-funnel-description small{font-size:.7rem;color:var(--muted);overflow-wrap:anywhere;text-align:start}
.ig-funnel-state{padding:4px 9px;border-radius:999px;background:#eaf6ee;color:#236643;font-size:.65rem;font-weight:700;flex-shrink:0}
.ig-funnel-state.is-off{background:#eeeaf3;color:var(--muted)}
.ig-funnel-chevron{font-size:1.25rem;color:var(--purple);transition:transform .15s}
.ig-funnel-editor[open] .ig-funnel-chevron{transform:rotate(180deg)}
.instagram-workspace .ig-funnel-editor .rule-card{margin:0;border:0;border-radius:0;border-top:1px solid var(--line);padding:20px;background:#faf8fd}
.instagram-workspace .rule-card.is-disabled{opacity:1}
.instagram-workspace .rule-card .field label{font-size:.79rem}
.instagram-workspace .rule-card .field small{font-size:.72rem;line-height:1.7}
.instagram-workspace .rule-card input:not([type=checkbox]),.instagram-workspace .rule-card select,.instagram-workspace .rule-card textarea{padding:11px 13px;border-radius:11px;font-size:.84rem;min-width:0}
.instagram-workspace .rule-card__actions{border-top:1px solid var(--line);padding-top:16px}
.instagram-workspace .rule-card__actions .btn{font-size:.76rem;padding:9px 18px;box-shadow:none}
.instagram-workspace .rule-card__actions>a{margin-inline-end:auto}
.instagram-workspace .rule-add{margin-top:18px}
.instagram-workspace .rule-add[open]>summary{display:inline-flex;margin-bottom:14px}
.instagram-workspace .connect-cta{padding:24px;border-radius:20px;text-align:start}
.instagram-workspace .connect-cta .ig-mark{width:42px;height:42px;margin:0 0 18px;border-radius:12px}
.instagram-workspace .connect-cta h2{font-size:1.3rem;line-height:1.4;margin-bottom:10px}
.instagram-workspace .connect-cta p{font-size:.8rem;line-height:1.8}
.instagram-workspace .connect-cta>.btn{width:100%;font-size:.76rem;padding:10px 14px;min-height:44px;margin-top:14px}
.instagram-workspace .connect-cta>small{font-size:.7rem;text-align:start;line-height:1.8}
.ig-connection-help{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
.ig-connection-help summary{font-size:.8rem;font-weight:800;color:var(--purple);cursor:pointer}
.ig-connection-help .eyebrow{display:none}
.instagram-workspace .ig-connection-help h2{font-size:.95rem;margin-top:18px}
.instagram-workspace .ig-connection-help .connect-steps{margin-top:16px;gap:16px;font-size:.73rem}
@media(max-width:1080px){.instagram-manager{grid-template-columns:1fr}.instagram-workspace .connect-cta{max-width:none}.instagram-workspace .autoreply-head{flex-wrap:wrap}}
@media(max-width:760px){.instagram-workspace .content-card{padding:20px}.instagram-workspace .report-card__head{flex-wrap:wrap}.instagram-workspace .funnel-account-filter{width:100%;justify-content:space-between}.instagram-workspace .account-row{padding:15px}.instagram-workspace .rule-card .form-grid{grid-template-columns:1fr}.instagram-workspace .rule-card__head{flex-wrap:wrap}.instagram-workspace .rule-card__head .pill{white-space:normal}.instagram-workspace .ig-funnel-editor .rule-card{padding:16px}.portal-hero--instagram{padding-top:24px;padding-bottom:26px}}
@media(max-width:520px){.instagram-workspace .funnel-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.instagram-workspace .funnel-stage{padding:14px;min-height:125px}.instagram-workspace .funnel-stage strong{font-size:1.7rem}.instagram-workspace .funnel-stage span{font-size:.69rem}.ig-funnel-summary{padding:14px;gap:9px;flex-wrap:wrap}.ig-funnel-number{width:28px;height:28px}.ig-funnel-description{flex-basis:calc(100% - 46px)}.ig-funnel-state{margin-inline-start:37px}.ig-funnel-chevron{margin-inline-start:auto}.instagram-workspace .rule-card__actions>a{width:100%;margin:0}.instagram-workspace .rule-card__actions>button{flex:1}.instagram-workspace .account-meta>span{font-size:.65rem}.instagram-workspace .account-avatar{width:38px;height:38px}.instagram-workspace .account-row{grid-template-columns:38px minmax(0,1fr)}}
.instagram-workspace .ig-account-settings{flex-basis:100%}
.instagram-workspace .custom-action-fields[hidden]{display:none}
