/* ══════════════════════════════════════════════
   SPACESHIELD AI v5.2 · marketing.css
   LinkedIn Ads B2B · Painel de Marketing com IA
   Claude · Sponsored Content · InMail
   Lead Gen Forms · Audience Targeting
   Seletores: mktai-*
══════════════════════════════════════════════ */

/* ──────────────────────────────────────────────
   AD UNIT (LinkedIn Ads / AdSense <ins> blocks)
────────────────────────────────────────────── */
.adsbygoogle { display: block; }

/* ──────────────────────────────────────────────
   PANEL WRAPPER
────────────────────────────────────────────── */
.mktai-panel {
    padding:    0 2px;
    min-height: 500px;
}

/* ──────────────────────────────────────────────
   DEMO MODE BADGE & API STATUS
────────────────────────────────────────────── */
.mktai-demo-badge {
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    color:          #f59e0b;
    background:     rgba(245,158,11,.08);
    border:         1px solid rgba(245,158,11,.25);
    border-radius:  5px;
    padding:        8px 12px;
    margin-bottom:  12px;
    line-height:    1.5;
    letter-spacing: .3px;
}

.mktai-api-status {
    margin-top: 6px;
}

.mktai-api-ok {
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
    color:         var(--green);
    letter-spacing:.3px;
}

.mktai-api-demo {
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
    color:         #f59e0b;
    letter-spacing:.3px;
}

/* ──────────────────────────────────────────────
   HEADER
────────────────────────────────────────────── */
.mktai-header {
    background:    linear-gradient(135deg, rgba(0,119,181,.12), rgba(0,212,255,.05));
    border:        1px solid rgba(0,119,181,.3);
    border-radius: 8px;
    padding:       14px 16px;
    margin-bottom: 16px;
}

.mktai-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      15px;
    color:          #0077b5;
    letter-spacing: 1.5px;
    margin-bottom:  4px;
    text-shadow:    0 0 12px rgba(0,119,181,.3);
}

.mktai-subtitle {
    font-size:     10px;
    color:         var(--text2);
    margin-bottom: 4px;
}

.mktai-li-badge {
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
    color:         #0077b5;
    background:    rgba(0,119,181,.08);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 3px;
    padding:       3px 8px;
    display:       inline-block;
}

/* ──────────────────────────────────────────────
   KPIs LINKEDIN B2B
────────────────────────────────────────────── */
.mktai-li-kpis {
    display:       flex;
    gap:           10px;
    flex-wrap:     wrap;
    margin-bottom: 16px;
}

.mktai-li-kpi {
    flex:          1;
    min-width:     100px;
    background:    rgba(0,119,181,.07);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 6px;
    padding:       10px;
    text-align:    center;
}

.mktai-li-kpi-val {
    font-family:    'Share Tech Mono', monospace;
    font-size:      22px;
    font-weight:    700;
    color:          #0077b5;
    line-height:    1;
}

.mktai-li-kpi-lbl {
    font-size:   9px;
    color:       var(--text3);
    letter-spacing: .3px;
    margin-top:  4px;
}

/* ──────────────────────────────────────────────
   FORMULÁRIO DE CAMPANHA
────────────────────────────────────────────── */
.mktai-form {
    background:    var(--bg3);
    border:        1px solid var(--border);
    border-radius: 8px;
    padding:       16px;
    margin-bottom: 16px;
}

.mktai-form-row {
    display:       grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap:           12px;
    margin-bottom: 12px;
}

.mktai-field        { display: flex; flex-direction: column; gap: 4px; }
.mktai-field-full   { grid-column: 1 / -1; }

.mktai-label {
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    color:          var(--text3);
    letter-spacing: .5px;
}

.mktai-em { font-style: italic; color: var(--text3); opacity: .7; }

.mktai-select,
.mktai-input {
    background:  var(--bg4);
    border:      1px solid var(--border);
    color:       var(--text1);
    font-family: 'Share Tech Mono', monospace;
    font-size:   10px;
    padding:     7px 9px;
    border-radius: 3px;
    outline:     none;
    transition:  border-color .2s;
    width:       100%;
}

.mktai-select:focus,
.mktai-input:focus  { border-color: #0077b5; }

.mktai-btn-row {
    display:     flex;
    align-items: center;
    gap:         14px;
    margin-top:  4px;
}

.mktai-btn-generate {
    font-family:    'Share Tech Mono', monospace;
    font-size:      10px;
    padding:        10px 20px;
    background:     rgba(0,119,181,.15);
    color:          #0077b5;
    border:         1px solid rgba(0,119,181,.4);
    border-radius:  4px;
    cursor:         pointer;
    letter-spacing: .5px;
    transition:     background .2s, transform .1s;
}

.mktai-btn-generate:hover   { background: rgba(0,119,181,.25); transform: translateY(-1px); }
.mktai-btn-generate:disabled{ opacity: .5; cursor: not-allowed; transform: none; }

.mktai-loading {
    display:     flex;
    align-items: center;
    gap:         8px;
    font-size:   10px;
    color:       var(--text2);
}

.mktai-spinner {
    width:         14px;
    height:        14px;
    border:        2px solid rgba(0,119,181,.2);
    border-top:    2px solid #0077b5;
    border-radius: 50%;
    animation:     mktSpin .8s linear infinite;
}

@keyframes mktSpin { to { transform: rotate(360deg); } }
.mktai-hidden { display: none !important; }

/* ──────────────────────────────────────────────
   OUTPUT SECTIONS
────────────────────────────────────────────── */
.mktai-output { animation: mktFadeIn .3s ease; }

@keyframes mktFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.mktai-out-section {
    background:    var(--bg3);
    border:        1px solid var(--border);
    border-radius: 8px;
    padding:       14px;
    margin-bottom: 14px;
}

.mktai-out-hdr {
    display:       flex;
    align-items:   center;
    gap:           10px;
    flex-wrap:     wrap;
    margin-bottom: 12px;
    padding-bottom:8px;
    border-bottom: 1px solid var(--border);
}

.mktai-out-label {
    font-family:    'Share Tech Mono', monospace;
    font-size:      11px;
    font-weight:    700;
    letter-spacing: .5px;
    flex:           1;
}

.mktai-out-rule {
    font-size:  9px;
    color:      var(--text3);
    white-space:nowrap;
}

.mktai-copy-btn {
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
    padding:       4px 10px;
    background:    rgba(0,212,255,.07);
    color:         var(--accent);
    border:        1px solid rgba(0,212,255,.2);
    border-radius: 3px;
    cursor:        pointer;
    transition:    background .15s;
    white-space:   nowrap;
}

.mktai-copy-btn:hover { background: rgba(0,212,255,.15); }

/* ──────────────────────────────────────────────
   SPONSORED CONTENT PREVIEW (LinkedIn-style)
────────────────────────────────────────────── */
.mktai-li-card {
    background:    #f3f2ef;
    border:        1px solid #dde0e4;
    border-radius: 8px;
    overflow:      hidden;
    max-width:     520px;
}

.mktai-li-card-header {
    display:     flex;
    align-items: center;
    gap:         10px;
    padding:     12px 14px 8px;
}

.mktai-li-logo {
    width:         40px;
    height:        40px;
    background:    linear-gradient(135deg, #0077b5, #00a0dc);
    border-radius: 4px;
    flex-shrink:   0;
}

.mktai-li-company {
    font-size:   13px;
    font-weight: 600;
    color:       rgba(0,0,0,.9);
    font-family: sans-serif;
}

.mktai-li-type {
    font-size:  11px;
    color:      rgba(0,0,0,.5);
    font-family:sans-serif;
}

.mktai-li-intro {
    padding:     0 14px 8px;
    font-size:   13px;
    color:       rgba(0,0,0,.8);
    line-height: 1.5;
    font-family: sans-serif;
}

.mktai-li-image-placeholder {
    width:       100%;
    height:      80px;
    background:  linear-gradient(135deg, #0a1628, #0d2040);
    display:     flex;
    align-items: center;
    justify-content:center;
    font-size:   24px;
    color:       rgba(255,255,255,.4);
}

.mktai-li-headline {
    padding:     8px 14px;
    font-size:   13px;
    font-weight: 700;
    color:       rgba(0,0,0,.9);
    font-family: sans-serif;
}

.mktai-li-footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         8px 14px 12px;
}

.mktai-li-url {
    font-size:   11px;
    color:       rgba(0,0,0,.5);
    font-family: sans-serif;
}

.mktai-li-cta {
    font-size:     12px;
    font-weight:   600;
    padding:       7px 16px;
    background:    #0077b5;
    color:         #fff;
    border:        none;
    border-radius: 20px;
    cursor:        pointer;
    font-family:   sans-serif;
    transition:    background .2s;
}

.mktai-li-cta:hover { background: #005885; }

.mktai-char-info {
    display:       flex;
    gap:           12px;
    padding:       6px 14px 10px;
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
}

.mktai-ok   { color: var(--green); }
.mktai-warn { color: var(--yellow); }

/* ──────────────────────────────────────────────
   INMAIL PREVIEW
────────────────────────────────────────────── */
.mktai-inmail-card {
    background:    var(--bg4);
    border:        1px solid var(--border);
    border-radius: 6px;
    overflow:      hidden;
}

.mktai-inmail-field {
    display:     flex;
    align-items: center;
    gap:         8px;
    padding:     8px 12px;
    border-bottom:1px solid var(--border);
}

.mktai-inmail-lbl {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    color:          var(--text3);
    min-width:      55px;
    letter-spacing: .5px;
}

.mktai-inmail-val {
    flex:        1;
    font-size:   10px;
    color:       var(--text1);
    font-weight: 600;
}

.mktai-inmail-count {
    font-family: 'Share Tech Mono', monospace;
    font-size:   8px;
}

.mktai-inmail-body {
    padding:     12px;
    font-size:   10px;
    color:       var(--text2);
    line-height: 1.7;
    min-height:  80px;
}

.mktai-inmail-footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         8px 12px;
    border-top:      1px solid var(--border);
    background:      rgba(0,119,181,.04);
}

/* ──────────────────────────────────────────────
   LEAD GEN FORM
────────────────────────────────────────────── */
.mktai-li-leadgen-preview { display: flex; flex-direction: column; gap: 10px; }

.mktai-leadgen-q {
    background:    var(--bg4);
    border:        1px solid var(--border);
    border-radius: 6px;
    padding:       10px 12px;
}

.mktai-leadgen-qnum {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    color:          #0077b5;
    font-weight:    700;
    margin-bottom:  4px;
    letter-spacing: .5px;
}

.mktai-leadgen-qtxt {
    font-size:     10px;
    color:         var(--text1);
    font-weight:   600;
    margin-bottom: 8px;
}

.mktai-leadgen-opts {
    display:   flex;
    flex-wrap: wrap;
    gap:       5px;
}

.mktai-leadgen-opt {
    font-size:     9px;
    padding:       3px 8px;
    background:    rgba(0,119,181,.08);
    color:         #0077b5;
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 12px;
}

/* ──────────────────────────────────────────────
   TARGETING
────────────────────────────────────────────── */
.mktai-targeting-grid {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap:                   10px;
}

.mktai-tg-cell {
    background:    var(--bg4);
    border:        1px solid var(--border);
    border-radius: 5px;
    padding:       10px;
}

.mktai-tg-lbl {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    color:          var(--text3);
    letter-spacing: .5px;
    margin-bottom:  6px;
}

.mktai-tg-chip {
    display:       inline-block;
    font-size:     9px;
    padding:       2px 7px;
    background:    rgba(155,89,255,.08);
    color:         var(--purple);
    border:        1px solid rgba(155,89,255,.2);
    border-radius: 3px;
    margin:        2px 2px 2px 0;
}

/* ──────────────────────────────────────────────
   EXPORT ROW
────────────────────────────────────────────── */
.mktai-export-row {
    display:       flex;
    gap:           10px;
    flex-wrap:     wrap;
    margin-bottom: 10px;
}

.mktai-btn-export {
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
    padding:       8px 16px;
    background:    rgba(0,119,181,.1);
    color:         #0077b5;
    border:        1px solid rgba(0,119,181,.3);
    border-radius: 4px;
    cursor:        pointer;
    letter-spacing:.5px;
    transition:    background .2s;
}

.mktai-btn-export:hover { background: rgba(0,119,181,.2); }

.mktai-btn-export-all {
    font-family:   'Share Tech Mono', monospace;
    font-size:     9px;
    padding:       8px 16px;
    background:    rgba(0,212,255,.07);
    color:         var(--accent);
    border:        1px solid rgba(0,212,255,.2);
    border-radius: 4px;
    cursor:        pointer;
    letter-spacing:.5px;
    transition:    background .2s;
}

.mktai-btn-export-all:hover { background: rgba(0,212,255,.15); }

.mktai-ads-note {
    font-size:     9px;
    color:         var(--text3);
    padding:       6px 0;
    margin-bottom: 14px;
    font-style:    italic;
}

/* ──────────────────────────────────────────────
   LINKEDIN CONVERSION TRACKING
────────────────────────────────────────────── */
.mktai-conv-section {
    background:    var(--bg3);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 8px;
    padding:       14px;
}

.mktai-conv-hdr {
    font-family:    'Share Tech Mono', monospace;
    font-size:      11px;
    color:          #0077b5;
    font-weight:    700;
    letter-spacing: .5px;
    margin-bottom:  12px;
}

.mktai-conv-table { margin-bottom: 12px; }

.mktai-conv-row {
    display:         flex;
    align-items:     center;
    gap:             10px;
    padding:         7px 0;
    border-bottom:   1px solid rgba(0,119,181,.08);
    font-size:       10px;
}

.mktai-conv-row:last-child { border-bottom: none; }

.mktai-conv-lbl {
    flex:      1;
    color:     var(--text2);
    font-size: 10px;
}

.mktai-conv-val {
    font-family:    'Share Tech Mono', monospace;
    font-size:      10px;
    color:          var(--green);
    min-width:      65px;
    text-align:     right;
}

.mktai-track-btn {
    font-family:   'Share Tech Mono', monospace;
    font-size:     8px;
    padding:       4px 10px;
    background:    rgba(0,119,181,.1);
    color:         #0077b5;
    border:        1px solid rgba(0,119,181,.3);
    border-radius: 3px;
    cursor:        pointer;
    letter-spacing:.3px;
    transition:    background .15s;
    white-space:   nowrap;
}

.mktai-track-btn:hover      { background: rgba(0,119,181,.2); }
.mktai-track-sent           { background: rgba(0,255,136,.12) !important; color: var(--green) !important; border-color: rgba(0,255,136,.3) !important; }

.mktai-conv-note {
    font-size:     9px;
    color:         var(--text3);
    line-height:   1.5;
    margin-bottom: 10px;
    font-style:    italic;
}

.mktai-li-pixel-status {
    display:     flex;
    align-items: center;
    gap:         8px;
    font-size:   9px;
    color:       var(--text2);
    padding:     6px 0;
}

.mktai-pixel-dot {
    width:         8px;
    height:        8px;
    border-radius: 50%;
    background:    var(--text3);
    flex-shrink:   0;
    transition:    background .3s;
}

/* ──────────────────────────────────────────────
   ERROR / WEBVIEW
────────────────────────────────────────────── */
.mktai-error {
    background:    rgba(255,43,85,.07);
    border:        1px solid rgba(255,43,85,.2);
    border-radius: 6px;
    padding:       12px 14px;
    font-size:     10px;
    color:         var(--red);
}

.mktai-webview-pre {
    background:   var(--bg4);
    border:       1px solid var(--border);
    border-radius:4px;
    padding:      12px;
    font-size:    9px;
    color:        var(--text2);
    overflow-x:   auto;
    white-space:  pre-wrap;
    word-break:   break-all;
    max-height:   400px;
    overflow-y:   auto;
}

/* ──────────────────────────────────────────────
   LINKEDIN B2B AUDIENCE INSIGHTS PANEL
────────────────────────────────────────────── */
.mktai-b2b-insights {
    background:    var(--bg3);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 8px;
    padding:       14px;
    margin-bottom: 14px;
}

.mktai-b2b-insights-hdr {
    font-family:    'Share Tech Mono', monospace;
    font-size:      11px;
    color:          #0077b5;
    font-weight:    700;
    letter-spacing: .5px;
    margin-bottom:  12px;
    display:        flex;
    align-items:    center;
    gap:            8px;
}

.mktai-b2b-grid {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap:                   10px;
}

.mktai-b2b-cell {
    background:    rgba(0,119,181,.06);
    border:        1px solid rgba(0,119,181,.15);
    border-radius: 5px;
    padding:       10px;
    text-align:    center;
}

.mktai-b2b-val {
    font-family: 'Share Tech Mono', monospace;
    font-size:   18px;
    font-weight: 700;
    color:       #0077b5;
    line-height: 1;
}

.mktai-b2b-lbl {
    font-size:  8px;
    color:      var(--text3);
    margin-top: 4px;
}

/* ──────────────────────────────────────────────
   LINKEDIN ADS FUNNEL VISUAL
────────────────────────────────────────────── */
.mktai-funnel {
    display:        flex;
    flex-direction: column;
    gap:            4px;
    margin:         12px 0;
    align-items:    stretch;
}

.mktai-funnel-step {
    display:         flex;
    align-items:     center;
    gap:             10px;
    padding:         8px 12px;
    background:      rgba(0,119,181,.06);
    border:          1px solid rgba(0,119,181,.12);
    border-radius:   4px;
    position:        relative;
    transition:      background .15s;
}

.mktai-funnel-step:hover { background: rgba(0,119,181,.12); }

.mktai-funnel-label {
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    color:          var(--text2);
    flex:           1;
    letter-spacing: .3px;
}

.mktai-funnel-val {
    font-family: 'Share Tech Mono', monospace;
    font-size:   10px;
    font-weight: 700;
    color:       #0077b5;
    min-width:   50px;
    text-align:  right;
}

.mktai-funnel-pct {
    font-family: 'Share Tech Mono', monospace;
    font-size:   8px;
    color:       var(--green);
    min-width:   35px;
    text-align:  right;
}

/* ──────────────────────────────────────────────
   ABAS INTERNAS LINKEDIN: Sponsored / InMail / Lead Gen
────────────────────────────────────────────── */
.mktai-format-tabs {
    display:       flex;
    gap:           6px;
    margin-bottom: 14px;
    flex-wrap:     wrap;
}

.mktai-format-tab {
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    padding:        5px 12px;
    background:     rgba(0,119,181,.06);
    color:          var(--text2);
    border:         1px solid rgba(0,119,181,.15);
    border-radius:  3px;
    cursor:         pointer;
    letter-spacing: .3px;
    transition:     background .15s, color .15s;
}

.mktai-format-tab:hover  { background: rgba(0,119,181,.12); color: #0077b5; }
.mktai-format-tab.active { background: rgba(0,119,181,.18); color: #0077b5; border-color: rgba(0,119,181,.4); }

/* ──────────────────────────────────────────────
   CAMPAIGN OBJECTIVE SELECTOR
────────────────────────────────────────────── */
.mktai-objectives {
    display:   flex;
    gap:       8px;
    flex-wrap: wrap;
    margin:    8px 0;
}

.mktai-obj-btn {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    padding:        5px 10px;
    background:     rgba(0,119,181,.05);
    color:          var(--text2);
    border:         1px solid rgba(0,119,181,.12);
    border-radius:  3px;
    cursor:         pointer;
    letter-spacing: .3px;
    transition:     all .15s;
}

.mktai-obj-btn:hover  { background: rgba(0,119,181,.12); color: #0077b5; }
.mktai-obj-btn.active {
    background:  rgba(0,119,181,.2);
    color:       #0077b5;
    border-color:rgba(0,119,181,.4);
    font-weight: 700;
}

/* ──────────────────────────────────────────────
   B2B SALES FUNNEL (NEW)
────────────────────────────────────────────── */
.mktai-funnel-wrap {
    background:    var(--bg3);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 8px;
    padding:       14px;
    margin-bottom: 16px;
}

.mktai-funnel-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      10px;
    color:          #0077b5;
    letter-spacing: 1px;
    margin-bottom:  12px;
    padding-bottom: 8px;
    border-bottom:  1px solid rgba(0,119,181,.15);
}

.mktai-funnel-wrap .mktai-funnel {
    display:        flex;
    flex-direction: column;
    align-items:    stretch;
    gap:            4px;
}

.mktai-funnel-wrap .mktai-funnel-step {
    display:       grid;
    grid-template-columns: 28px 90px 1fr 100px 80px;
    align-items:   center;
    gap:           10px;
    padding:       10px 14px;
    background:    rgba(0,119,181,.05);
    border:        1px solid rgba(0,119,181,.1);
    border-left:   3px solid #0077b5;
    border-radius: 4px;
    transition:    background .15s, border-color .15s;
}

.mktai-funnel-wrap .mktai-funnel-step:hover {
    background:  rgba(0,119,181,.1);
    border-color:rgba(0,119,181,.3);
}

.mktai-funnel-step-revenue {
    border-left-color: var(--green) !important;
    background:        rgba(0,255,136,.05) !important;
    border-color:      rgba(0,255,136,.12) !important;
}

.mktai-funnel-step-revenue:hover {
    background: rgba(0,255,136,.1) !important;
}

.mktai-funnel-icon {
    font-size:  16px;
    text-align: center;
}

/* ══════════════════════════════════════════════
   CREATIVE ASSETS · IMAGENS & VÍDEO
   Claude Image Generation — v5.1
   Seletores: mktai-media-* · mktai-li-ad-* ·
              mktai-carousel-* · mktai-vp-* · mktai-sb-*
══════════════════════════════════════════════ */

/* ── Seção de mídia no output ── */
.mktai-media-section {
    border-color: rgba(255,107,157,.2) !important;
    background:   linear-gradient(135deg, rgba(255,107,157,.03), rgba(0,212,255,.02)) !important;
}

/* ── Barra de progresso da geração ── */
.mktai-media-loader-bar {
    padding: 12px 0 4px;
}
.mktai-media-loader-inner {
    display:        flex;
    flex-direction: column;
    gap:            6px;
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    color:          var(--text2);
}
.mktai-progress-bar-wrap {
    height:       5px;
    background:   rgba(0,212,255,.1);
    border-radius:3px;
    overflow:     hidden;
}
.mktai-progress-fill {
    height:       100%;
    background:   linear-gradient(90deg, rgba(0,212,255,.6), var(--accent));
    border-radius:3px;
    transition:   width .4s ease;
    min-width:    4px;
}

/* ── Placeholder com loading spinner enquanto gera imagem ── */
.mktai-li-image-placeholder {
    width:            100%;
    height:           80px;
    background:       linear-gradient(135deg, #0a1628, #0d2040);
    display:          flex;
    align-items:      center;
    justify-content:  center;
}
.mktai-img-gen-loading {
    display:     flex;
    align-items: center;
    gap:         8px;
    font-family: 'Share Tech Mono', monospace;
    font-size:   8.5px;
    color:       rgba(0,212,255,.6);
}
.mktai-img-spinner-ring {
    width:         16px;
    height:        16px;
    border:        2px solid rgba(0,212,255,.15);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation:     spinRing .8s linear infinite;
    flex-shrink:   0;
}
@keyframes spinRing { to { transform: rotate(360deg); } }

/* ── Imagem gerada no slot ── */
.mktai-ad-image-generated {
    width:        100%;
    display:      block;
    object-fit:   cover;
    max-height:   200px;
    border-radius:0;
}

/* ─────────────────────────────────────────
   MOCKUP DO ANÚNCIO LINKEDIN (preview)
───────────────────────────────────────── */
.mktai-media-preview {
    display:   flex;
    gap:       16px;
    flex-wrap: wrap;
    padding:   10px 0;
}

.mktai-li-ad-mockup {
    flex:          1;
    min-width:     260px;
    max-width:     420px;
    background:    #ffffff;
    border-radius: 8px;
    overflow:      hidden;
    border:        1px solid rgba(0,0,0,.12);
    box-shadow:    0 2px 12px rgba(0,0,0,.15);
}

.mktai-li-ad-top-bar {
    display:     flex;
    align-items: center;
    gap:         10px;
    padding:     10px 12px 8px;
}

.mktai-li-ad-avatar-circle {
    width:           34px;
    height:          34px;
    border-radius:   50%;
    background:      linear-gradient(135deg, #0077b5, #00a0dc);
    color:           white;
    font-family:     'Share Tech Mono', monospace;
    font-size:       10px;
    font-weight:     700;
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-shrink:     0;
}

.mktai-li-ad-company-name {
    font-family:  sans-serif;
    font-size:    12px;
    font-weight:  600;
    color:        rgba(0,0,0,.9);
    line-height:  1.3;
}

.mktai-li-ad-sponsored-lbl {
    font-family: sans-serif;
    font-size:   10px;
    color:       rgba(0,0,0,.5);
    line-height: 1.2;
}

.mktai-li-ad-intro-preview {
    font-family: sans-serif;
    font-size:   11px;
    color:       rgba(0,0,0,.8);
    padding:     0 12px 8px;
    line-height: 1.4;
}

.mktai-ad-img-wrap {
    position:     relative;
    width:        100%;
    aspect-ratio: 1200/627;
    overflow:     hidden;
}

.mktai-ad-full-img {
    width:       100%;
    height:      100%;
    object-fit:  cover;
    display:     block;
}

.mktai-ad-format-chip {
    position:      absolute;
    bottom:        6px;
    right:         6px;
    background:    rgba(0,0,0,.65);
    color:         var(--accent);
    font-family:   'Share Tech Mono', monospace;
    font-size:     7px;
    letter-spacing:.5px;
    padding:       2px 6px;
    border-radius: 3px;
}

.mktai-li-ad-footer-bar {
    display:      flex;
    align-items:  center;
    justify-content: space-between;
    padding:      8px 12px 10px;
    gap:          8px;
}

.mktai-li-ad-domain-lbl {
    font-family: sans-serif;
    font-size:   9px;
    color:       rgba(0,0,0,.45);
}

.mktai-li-ad-headline-preview {
    font-family:  sans-serif;
    font-size:    11px;
    font-weight:  700;
    color:        rgba(0,0,0,.85);
    line-height:  1.3;
    max-width:    180px;
}

/* ── Meta / specs do criativo ── */
.mktai-media-meta {
    flex:           1;
    min-width:      160px;
    display:        flex;
    flex-direction: column;
    gap:            8px;
    padding:        8px 0;
}

.mktai-media-meta-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8.5px;
    letter-spacing: .8px;
    color:          var(--accent);
    padding-bottom: 6px;
    border-bottom:  1px solid var(--border);
}

.mktai-media-meta-row {
    display:   flex;
    gap:       6px;
    font-size: 9px;
}

.mktai-media-meta-lbl {
    color:     var(--text3);
    min-width: 60px;
}

.mktai-media-meta-val {
    color:       var(--text1);
    font-family: 'Share Tech Mono', monospace;
    font-size:   8.5px;
}

/* ── Botão de download ── */
.mktai-dl-img-btn {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    letter-spacing: .5px;
    padding:        6px 12px;
    background:     rgba(0,212,255,.06);
    color:          var(--accent);
    border:         1px solid rgba(0,212,255,.25);
    border-radius:  4px;
    cursor:         pointer;
    transition:     background .2s;
    margin-top:     auto;
    white-space:    nowrap;
}
.mktai-dl-img-btn:hover { background: rgba(0,212,255,.14); }

/* ── Erro de geração ── */
.mktai-media-error {
    padding:      12px 14px;
    background:   rgba(255,43,85,.06);
    border:       1px solid rgba(255,43,85,.2);
    border-radius:6px;
    font-size:    9.5px;
    color:        var(--red);
    line-height:  1.5;
}

/* ─────────────────────────────────────────
   FADE DE FRAME (transição entre imagens)
───────────────────────────────────────── */
@keyframes frameFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.mktai-frame-fade { animation: frameFadeIn .3s ease; }

/* ══════════════════════════════════════════════
   CAROUSEL ADS
══════════════════════════════════════════════ */
.mktai-carousel-wrap {
    display:        flex;
    flex-direction: column;
    gap:            10px;
    padding:        8px 0;
}

.mktai-carousel-topbar {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
}

.mktai-carousel-badge {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8.5px;
    letter-spacing: .6px;
    color:          var(--accent);
}

.mktai-carousel-counter {
    font-family: 'Share Tech Mono', monospace;
    font-size:   9px;
    color:       var(--text3);
}

.mktai-carousel-viewport {
    display:     flex;
    align-items: center;
    gap:         8px;
}

.mktai-carousel-frame {
    flex:         1;
    position:     relative;
    aspect-ratio: 1 / 1;
    background:   var(--bg2);
    border:       1px solid var(--border);
    border-radius:8px;
    overflow:     hidden;
    max-width:    340px;
    margin:       0 auto;
}

.mktai-carousel-img {
    width:       100%;
    height:      100%;
    object-fit:  cover;
    display:     block;
}

.mktai-car-empty {
    width:           100%;
    height:          100%;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       32px;
    color:           var(--text3);
}

.mktai-car-caption {
    position:      absolute;
    bottom:        0;
    left:          0;
    right:         0;
    background:    linear-gradient(transparent, rgba(0,0,0,.75));
    color:         white;
    font-family:   sans-serif;
    font-size:     10px;
    font-weight:   600;
    padding:       20px 10px 10px;
    line-height:   1.3;
}

.mktai-car-dots {
    position:        absolute;
    top:             8px;
    left:            50%;
    transform:       translateX(-50%);
    display:         flex;
    gap:             4px;
    align-items:     center;
}

.mktai-car-dot {
    width:        6px;
    height:       6px;
    border-radius:50%;
    background:   rgba(255,255,255,.4);
    border:       none;
    cursor:       pointer;
    transition:   background .2s, transform .2s;
    padding:      0;
}
.mktai-car-dot.active { background: white; transform: scale(1.3); }

.mktai-car-nav {
    width:        32px;
    height:       32px;
    border-radius:50%;
    background:   rgba(0,212,255,.08);
    border:       1px solid var(--border);
    color:        var(--accent);
    font-size:    12px;
    cursor:       pointer;
    display:      flex;
    align-items:  center;
    justify-content:center;
    flex-shrink:  0;
    transition:   background .2s;
}
.mktai-car-nav:hover { background: rgba(0,212,255,.18); }

.mktai-car-thumbs {
    display:         flex;
    gap:             6px;
    overflow-x:      auto;
    padding:         4px 0;
}
.mktai-car-thumbs::-webkit-scrollbar { display: none; }

.mktai-car-thumb {
    flex-shrink:   0;
    width:         56px;
    border:        2px solid var(--border);
    border-radius: 5px;
    overflow:      hidden;
    cursor:        pointer;
    background:    var(--bg2);
    transition:    border-color .2s;
    padding:       0;
    position:      relative;
}
.mktai-car-thumb.active { border-color: var(--accent); }

.mktai-thumb-img {
    width:       100%;
    aspect-ratio:1 / 1;
    object-fit:  cover;
    display:     block;
}

.mktai-thumb-ph {
    width:           100%;
    aspect-ratio:    1 / 1;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       18px;
    color:           var(--text3);
}

.mktai-thumb-num {
    font-family:  'Share Tech Mono', monospace;
    font-size:    7px;
    color:        var(--text3);
    text-align:   center;
    padding:      2px 0;
    background:   var(--bg3);
}

.mktai-car-dl-row {
    display:  flex;
    gap:      8px;
    flex-wrap:wrap;
}

/* ══════════════════════════════════════════════
   VIDEO ADS — PLAYER DE STORYBOARD
══════════════════════════════════════════════ */
.mktai-video-player {
    display:        flex;
    flex-direction: column;
    gap:            10px;
    padding:        8px 0;
}

.mktai-vp-header {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding-bottom:  8px;
    border-bottom:   1px solid var(--border);
}

.mktai-vp-badge {
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    letter-spacing: .6px;
    color:          var(--accent);
}

.mktai-vp-fmt {
    font-family: 'Share Tech Mono', monospace;
    font-size:   8px;
    color:       var(--text3);
}

/* ── Tela de video ── */
.mktai-vp-screen {
    position:     relative;
    width:        100%;
    aspect-ratio: 16 / 9;
    max-height:   280px;
    background:   var(--bg2);
    border:       1px solid var(--border);
    border-radius:8px;
    overflow:     hidden;
}

.mktai-vp-img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
}

.mktai-vp-no-frame {
    width:           100%;
    height:          100%;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       32px;
    color:           var(--text3);
}

/* ── Overlay de texto sobre o frame ── */
.mktai-vp-overlay {
    position:      absolute;
    inset:         0;
    display:       flex;
    flex-direction:column;
    justify-content:space-between;
    padding:       12px;
    background:    linear-gradient(transparent 40%, rgba(0,0,0,.55));
    pointer-events:none;
}

.mktai-vp-text-layer {
    text-align:  center;
    color:       white;
    font-family: 'Share Tech Mono', monospace;
    font-size:   11px;
    font-weight: 700;
    letter-spacing:.5px;
    text-shadow: 0 1px 4px rgba(0,0,0,.8);
    line-height: 1.5;
    align-self:  center;
}

.mktai-vp-meta-row {
    display:     flex;
    align-items: flex-end;
    justify-content:space-between;
}

.mktai-vp-timecode {
    font-family: 'Share Tech Mono', monospace;
    font-size:   8px;
    color:       rgba(255,255,255,.7);
}

.mktai-vp-trans-badge {
    font-family:   'Share Tech Mono', monospace;
    font-size:     7px;
    padding:       2px 6px;
    background:    rgba(0,212,255,.25);
    color:         var(--accent);
    border-radius: 3px;
    letter-spacing:.4px;
}

/* ── Controls ── */
.mktai-vp-controls {
    display:     flex;
    align-items: center;
    gap:         8px;
}

.mktai-vp-ctrl-btn {
    width:        30px;
    height:       30px;
    border-radius:50%;
    background:   rgba(0,212,255,.07);
    border:       1px solid var(--border);
    color:        var(--accent);
    cursor:       pointer;
    font-size:    12px;
    display:      flex;
    align-items:  center;
    justify-content:center;
    transition:   background .2s;
    flex-shrink:  0;
}
.mktai-vp-ctrl-btn:hover { background: rgba(0,212,255,.16); }

.mktai-vp-play-btn {
    width:  36px;
    height: 36px;
    font-size:13px;
}

.mktai-vp-timeline {
    flex: 1;
}

.mktai-vp-timeline-bg {
    height:       4px;
    background:   rgba(0,212,255,.1);
    border-radius:2px;
    overflow:     hidden;
}

.mktai-vp-timeline-fill {
    height:       100%;
    background:   var(--accent);
    border-radius:2px;
    transition:   width .3s ease;
    min-width:    4px;
}

.mktai-vp-time-lbl {
    font-family: 'Share Tech Mono', monospace;
    font-size:   8px;
    color:       var(--text3);
    white-space: nowrap;
}

/* ── Tira de thumbnails (storyboard) ── */
.mktai-sb-strip {
    display:         flex;
    gap:             6px;
    overflow-x:      auto;
    padding:         4px 0;
    -ms-overflow-style: none;
}
.mktai-sb-strip::-webkit-scrollbar { display: none; }

.mktai-sb-thumb-btn {
    flex-shrink:    0;
    width:          80px;
    border:         2px solid var(--border);
    border-radius:  5px;
    overflow:       hidden;
    cursor:         pointer;
    background:     var(--bg2);
    transition:     border-color .2s;
    padding:        0;
    display:        flex;
    flex-direction: column;
}
.mktai-sb-thumb-btn.active  { border-color: var(--accent); }
.mktai-sb-thumb-btn:hover   { border-color: rgba(0,212,255,.4); }

.mktai-sb-th-img {
    width:       100%;
    aspect-ratio:16/9;
    object-fit:  cover;
    display:     block;
}

.mktai-sb-th-ph {
    width:           100%;
    aspect-ratio:    16/9;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       18px;
    color:           var(--text3);
    background:      var(--bg3);
}

.mktai-sb-th-meta {
    padding:    3px 4px;
    background: var(--bg3);
}

.mktai-sb-th-n {
    font-family:    'Share Tech Mono', monospace;
    font-size:      6.5px;
    letter-spacing: .3px;
    color:          var(--accent);
}

.mktai-sb-th-tc {
    font-size: 6px;
    color:     var(--text3);
}

/* ── Detalhe da cena atual ── */
.mktai-scene-detail {
    background:    rgba(0,212,255,.03);
    border:        1px solid var(--border);
    border-radius: 6px;
    padding:       10px 12px;
    display:       flex;
    flex-direction:column;
    gap:           4px;
}

.mktai-sd-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8.5px;
    letter-spacing: .6px;
    color:          var(--accent);
}

.mktai-sd-desc {
    font-size:   9px;
    color:       var(--text2);
    line-height: 1.5;
}

.mktai-sd-vo {
    font-size:   9px;
    color:       var(--text3);
    line-height: 1.5;
}

.mktai-sd-lbl {
    margin-right: 4px;
}

/* ── Script + trilha ── */
.mktai-vp-script {
    display:       flex;
    flex-direction:column;
    gap:           8px;
}

.mktai-vps-item {
    background:    rgba(0,212,255,.02);
    border:        1px solid rgba(255,255,255,.04);
    border-radius: 5px;
    padding:       8px 12px;
    display:       flex;
    flex-direction:column;
    gap:           4px;
}

.mktai-vps-lbl {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    letter-spacing: .5px;
    color:          var(--text3);
}

.mktai-vps-txt {
    font-size:   9px;
    color:       var(--text2);
    line-height: 1.5;
}

/* ── Downloads do player ── */
.mktai-vp-dl-row {
    display:  flex;
    gap:      8px;
    flex-wrap:wrap;
}

/* ══════════════════════════════════════════════
   LOADING DE VÍDEO (enquanto gera)
══════════════════════════════════════════════ */
.mktai-video-loading {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            12px;
    padding:        24px 16px;
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    color:          var(--text2);
    text-align:     center;
}

.mktai-vl-icon {
    font-size: 28px;
    animation: livePulse 1.5s ease-in-out infinite;
}

/* ── Barra de progresso de carousel ── */
.mktai-carousel-loading {
    display:        flex;
    flex-direction: column;
    gap:            8px;
    padding:        16px 0;
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    color:          var(--text2);
}

.mktai-progress-bar {
    height:       5px;
    background:   rgba(0,212,255,.1);
    border-radius:3px;
    overflow:     hidden;
}

/* nota: .mktai-progress-fill já definido acima */

.mktai-funnel-stage {
    font-family:    'Share Tech Mono', monospace;
    font-size:      9px;
    font-weight:    700;
    color:          #0077b5;
    letter-spacing: .5px;
}

.mktai-funnel-step-revenue .mktai-funnel-stage { color: var(--green); }

.mktai-funnel-format {
    font-size:  9px;
    color:      var(--text2);
    line-height:1.4;
}

.mktai-funnel-metric {
    text-align: right;
}

.mktai-funnel-wrap .mktai-funnel-val {
    font-family: 'Share Tech Mono', monospace;
    font-size:   13px;
    font-weight: 700;
    color:       #0077b5;
    display:     block;
}

.mktai-funnel-step-revenue .mktai-funnel-val { color: var(--green); }

.mktai-funnel-lbl {
    font-size:  7px;
    color:      var(--text3);
    display:    block;
    text-align: right;
}

.mktai-funnel-kpi {
    font-family: 'Share Tech Mono', monospace;
    font-size:   8px;
    color:       var(--text3);
    text-align:  right;
}

.mktai-funnel-arrow {
    text-align:  center;
    color:       rgba(0,119,181,.4);
    font-size:   12px;
    line-height: 1;
    padding:     0 14px;
}

/* ──────────────────────────────────────────────
   ROI CALCULATOR
────────────────────────────────────────────── */
.mktai-roi-wrap {
    background:    var(--bg3);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 8px;
    padding:       14px;
    margin-bottom: 16px;
}

.mktai-roi-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      10px;
    color:          #0077b5;
    letter-spacing: 1px;
    margin-bottom:  12px;
    padding-bottom: 8px;
    border-bottom:  1px solid rgba(0,119,181,.15);
}

.mktai-roi-grid {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   16px;
    align-items:           start;
}

.mktai-roi-inputs {
    display:        flex;
    flex-direction: column;
    gap:            10px;
}

.mktai-roi-row {
    display:     flex;
    align-items: center;
    gap:         10px;
    justify-content: space-between;
}

.mktai-roi-lbl {
    font-size:  10px;
    color:      var(--text2);
    flex:       1;
}

.mktai-roi-input {
    font-family:   'Share Tech Mono', monospace;
    font-size:     11px;
    color:         var(--text);
    background:    rgba(0,0,0,.3);
    border:        1px solid rgba(0,119,181,.25);
    border-radius: 4px;
    padding:       5px 8px;
    width:         90px;
    text-align:    right;
    outline:       none;
    transition:    border-color .15s;
}

.mktai-roi-input:focus { border-color: #0077b5; }

.mktai-roi-results {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   8px;
}

.mktai-roi-result-card {
    background:    rgba(0,119,181,.06);
    border:        1px solid rgba(0,119,181,.15);
    border-radius: 6px;
    padding:       10px;
    text-align:    center;
}

.mktai-roi-highlight {
    background:   rgba(0,255,136,.08);
    border-color: rgba(0,255,136,.25);
}

.mktai-roi-res-lbl {
    font-family:   'Share Tech Mono', monospace;
    font-size:     7px;
    color:         var(--text3);
    letter-spacing:.5px;
    margin-bottom: 4px;
}

.mktai-roi-res-val {
    font-family: 'Share Tech Mono', monospace;
    font-size:   16px;
    font-weight: 700;
    color:       #0099e6;
    transition:  color .3s;
}

.mktai-roi-highlight .mktai-roi-res-val { color: var(--green); }

.mktai-roi-note {
    font-size:   8px;
    color:       var(--text3);
    margin-top:  10px;
    line-height: 1.5;
    font-style:  italic;
}

/* ──────────────────────────────────────────────
   ABM TARGETING
────────────────────────────────────────────── */
.mktai-abm-wrap {
    background:    var(--bg3);
    border:        1px solid rgba(0,119,181,.2);
    border-radius: 8px;
    padding:       14px;
    margin-bottom: 16px;
}

.mktai-abm-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      10px;
    color:          #0077b5;
    letter-spacing: 1px;
    margin-bottom:  12px;
    padding-bottom: 8px;
    border-bottom:  1px solid rgba(0,119,181,.15);
}

.mktai-abm-grid {
    display:               grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap:                   12px;
}

.mktai-abm-cell {
    background:    rgba(0,119,181,.04);
    border:        1px solid rgba(0,119,181,.12);
    border-radius: 6px;
    padding:       10px 12px;
}

.mktai-abm-cell-title {
    font-family:    'Share Tech Mono', monospace;
    font-size:      8px;
    color:          #0077b5;
    letter-spacing: .5px;
    margin-bottom:  8px;
}

.mktai-abm-chips {
    display:  flex;
    flex-wrap:wrap;
    gap:      5px;
}

.mktai-abm-chip {
    font-family:   'Share Tech Mono', monospace;
    font-size:     8px;
    padding:       3px 8px;
    background:    rgba(0,119,181,.06);
    color:         var(--text2);
    border:        1px solid rgba(0,119,181,.15);
    border-radius: 3px;
    cursor:        pointer;
    transition:    background .15s, color .15s, border-color .15s;
    -webkit-user-select: none;
    user-select:         none;
}

.mktai-abm-chip:hover {
    background:   rgba(0,119,181,.12);
    color:        #0099e6;
    border-color: rgba(0,119,181,.3);
}

.mktai-abm-chip-primary {
    background:   rgba(0,119,181,.12);
    color:        #0099e6;
    border-color: rgba(0,119,181,.3);
    font-weight:  700;
}

.mktai-abm-chip-selected {
    background:   rgba(0,119,181,.25) !important;
    color:        #0099e6 !important;
    border-color: #0077b5 !important;
    box-shadow:   0 0 6px rgba(0,119,181,.3);
}

.mktai-abm-budget { display: flex; flex-direction: column; gap: 5px; }

.mktai-abm-budget-row {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    font-size:       9px;
    color:           var(--text2);
    padding:         3px 0;
    border-bottom:   1px solid rgba(0,119,181,.08);
}

.mktai-abm-budget-row:last-child { border-bottom: none; }

.mktai-abm-budget-total {
    font-family: 'Share Tech Mono', monospace;
    font-weight: 700;
    color:       var(--text) !important;
}

.mktai-abm-budget-val {
    font-family: 'Share Tech Mono', monospace;
    font-size:   10px;
    color:       #0099e6;
}

/* ──────────────────────────────────────────────
   RESPONSIVE OVERRIDES
────────────────────────────────────────────── */
@media (max-width: 640px) {
    .mktai-li-kpis        { gap: 6px; }
    .mktai-li-kpi         { min-width: 80px; padding: 8px 6px; }
    .mktai-li-kpi-val     { font-size: 18px; }
    .mktai-form-row       { grid-template-columns: 1fr; }
    .mktai-targeting-grid { grid-template-columns: 1fr 1fr; }
    .mktai-export-row     { flex-direction: column; }
    .mktai-b2b-grid       { grid-template-columns: 1fr 1fr; }
    .mktai-format-tabs    { gap: 4px; }
    .mktai-format-tab     { font-size: 8px; padding: 4px 8px; }
    .mktai-roi-grid       { grid-template-columns: 1fr; }
    .mktai-roi-results    { grid-template-columns: 1fr 1fr; }
    .mktai-abm-grid       { grid-template-columns: 1fr; }
    .mktai-funnel-wrap .mktai-funnel-step { grid-template-columns: 28px 1fr; grid-template-rows: auto auto; }
    .mktai-funnel-metric,
    .mktai-funnel-kpi     { grid-column: 2; }
    .mktai-funnel-format  { display: none; }
}