/* Audience, pro layer: Segmentos + Plantillas. Builds on marketing-pro.css. */
.mp-enter :is(.au-seg,.au-tcard){animation:mp-rise .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.08s + var(--i,0) * 40ms)}
.mp-enter .au-explain{animation:mp-rise .45s cubic-bezier(.22,1,.36,1) both}

/* Segment cards */
.au-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.au-seg{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--cp-line);border-radius:18px;background:#fff;transition:box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1)}
.au-seg:hover{box-shadow:0 10px 26px #1c362812;transform:translateY(-2px)}
.au-seg header{display:flex;gap:12px}
.au-seg-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--cp-hover);color:var(--cp-accent)}
.au-seg-icon .icon{width:18px;height:18px}
.au-seg h3{margin:0;font:700 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px}
.au-seg header p{margin:3px 0 0;font-size:12px;color:var(--cp-muted)}
.au-logic{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.au-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:8px;background:#f4f7f2;border:1px solid #e6ece3;font-size:11.5px;color:var(--cp-text)}
.au-chip.soft{background:#fff;border-style:dashed;color:var(--cp-muted)}.au-chip .icon{width:11px;height:11px}
.au-join{font:800 10px 'DM Sans',sans-serif;color:var(--mk);letter-spacing:.4px}
.au-seg-count{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:8px;row-gap:6px}
.au-seg-count b{font:750 24px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.7px}
.au-seg-count span{font-size:12px;color:var(--cp-muted)}
.au-seg-count em{font-style:normal;font:700 11px 'DM Sans',sans-serif;padding:2px 7px;border-radius:999px}
.au-seg-count em.up{background:#e2f0dc;color:var(--cp-accent)}.au-seg-count em.down{background:#fdf0dc;color:#9a5b12}
.au-meter{grid-column:1/-1;display:block;height:6px;border-radius:999px;background:#edf2ea;overflow:hidden}
.au-meter>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d7b52,#86b578);transition:width .5s cubic-bezier(.22,1,.36,1);animation:mp-grow .7s cubic-bezier(.22,1,.36,1) both;transform-origin:left}
.au-meter.big{height:10px;margin:12px 0 16px}
.au-seg footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #eef2ec}
.au-used{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--cp-muted)}.au-used .icon{width:12px;height:12px}
.au-actions,.au-confirm{display:flex;align-items:center;gap:4px}
.au-confirm{font-size:12px;font-weight:600;color:#a3423f}
.button.small.danger{background:#a3423f;color:#fff;border-color:#a3423f}

/* Builder */
.au-rules-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.au-rules-head h3{margin:0}
.au-rules{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.au-rule{display:grid;grid-template-columns:34px minmax(150px,1.2fr) minmax(110px,.8fr) minmax(120px,1fr) 30px;align-items:center;gap:8px;padding:8px;border:1px solid #e8eee5;border-radius:12px;background:#fbfcfa;animation:mp-rise .3s cubic-bezier(.22,1,.36,1) both}
.au-rule .mp-input{height:36px;padding:0 10px}
.au-rule .au-join{text-align:center}.au-rule .au-join.first{color:var(--cp-muted)}
.au-val{display:flex;align-items:center;gap:6px}.au-val small{font-size:11.5px;color:var(--cp-muted);white-space:nowrap}
.au-consent{margin-top:12px;border-top:1px solid #eef2ec!important;padding-top:12px!important}
.au-live{display:flex;flex-direction:column}
.au-live>small{font:600 11px 'DM Sans',sans-serif;color:var(--cp-muted);text-transform:uppercase;letter-spacing:.4px}
.au-live-n{font:750 40px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.4px;line-height:1.1;margin-top:4px;transition:color .3s}
.au-live-n.changed{color:var(--cp-accent)}
.au-live>span{font-size:12.5px;color:var(--cp-text)}
.au-live dl{margin:0;display:flex;flex-direction:column;gap:2px}
.au-live dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #eef2ec;font-size:12.5px}
.au-live dt{display:flex;align-items:center;gap:7px;color:var(--cp-text)}.au-live dt .icon{width:14px;height:14px;color:var(--cp-muted)}
.au-live dd{margin:0;font-weight:700}
.au-live .mp-warn{margin-top:10px}
.au-sample{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.au-sample>small{font:600 11px 'DM Sans',sans-serif;color:var(--cp-muted);text-transform:uppercase;letter-spacing:.4px}
.au-sample span{display:flex;align-items:center;gap:8px;font-size:12.5px}
.au-sample .ex-avatar{width:24px!important;height:24px!important}.au-sample .ex-channel{display:none}

/* Templates */
.au-explain{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:12px 14px;border-radius:14px;background:#f2f5fd;border:1px solid #dde5f8;font-size:12.5px;color:#3a4d78;line-height:1.45}
.au-explain .icon{width:16px;height:16px;flex:none;margin-top:1px}
.au-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.au-tcard{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--cp-line);border-radius:18px;background:#fff;transition:box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1)}
.au-tcard:hover{box-shadow:0 10px 26px #1c362812;transform:translateY(-2px)}
.au-tcard.rejected{border-color:#f0cfcd}.au-tcard.draft{border-style:dashed}
.au-tcard header{display:flex;align-items:center;justify-content:space-between}
.au-tstatus{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font:700 11px 'DM Sans',sans-serif}
.au-tstatus .icon{width:12px;height:12px;stroke-width:2.6}
.au-tstatus.green{background:#e2f0dc;color:#2f6b46}.au-tstatus.amber{background:#fdf0dc;color:#9a5b12}.au-tstatus.red{background:#fae5e4;color:#a3423f}.au-tstatus.gray{background:#eef1ed;color:#5f6f63}
.au-tcard.pending .au-tstatus .icon{animation:au-spin 2.4s linear infinite}
@keyframes au-spin{to{transform:rotate(360deg)}}
.au-tmain{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.au-tmain code{font:600 12px ui-monospace,Consolas,monospace;color:var(--cp-ink)}
.au-tmini{padding:10px 12px;border-radius:2px 12px 12px 12px;background:#efe9df;font-size:12.5px;line-height:1.45;color:#1c2a22;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.au-tmini b{font-weight:650;color:#1f5c44}.au-tmini i{font-style:normal;color:var(--mk)}
.au-tmh{display:block;color:#1c2a22;font-weight:700}
.au-tmini>span{display:block;margin-top:6px;font-size:11px;font-weight:600;color:#1f7a5a}
.au-reject{display:flex;gap:7px;margin:0;padding:9px 10px;border-radius:10px;background:#fcf1f0;color:#8f3a37;font-size:11.5px;line-height:1.4}
.au-reject .icon{width:13px;height:13px;flex:none;margin-top:1px}
.au-tcard footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:11px;color:var(--cp-muted)}
.mp-drawer.au-teditor{width:min(860px,calc(100vw - 20px))}
.au-tsplit{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.au-tform{display:flex;flex-direction:column;gap:14px}
.au-tform .mp-seg button:disabled{cursor:default;opacity:.7}
.au-tbtn-row{display:grid;grid-template-columns:150px 1fr 30px;gap:6px;margin-bottom:6px}
.mp-add.small{height:34px;font-size:12px}
.au-tside{position:sticky;top:0;display:flex;flex-direction:column;gap:12px}
.au-th{display:block;margin-bottom:4px;font-size:13px}
.au-tf{display:block;margin-top:6px;font-size:11px;color:#7b897f}
.au-tbtns{display:flex;flex-direction:column;gap:4px;align-self:flex-start;width:88%}
.au-tbtns span{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:10px;background:#fff;color:#1f7a5a;font-size:12.5px;font-weight:600;box-shadow:0 1px 1px #0000000f}
.au-tbtns .icon{width:12px;height:12px;transform:rotate(-45deg)}
.au-checks{list-style:none;margin:0;padding:12px;border:1px solid var(--cp-line);border-radius:12px;display:flex;flex-direction:column;gap:6px}
.au-checks li{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#a3423f;transition:color .2s}
.au-checks li .icon{width:12px;height:12px;stroke-width:2.6;flex:none}
.au-checks li.ok{color:var(--cp-accent)}
.mp-estimate.one{grid-template-columns:1fr}

@media(max-width:900px){.au-rule{grid-template-columns:28px 1fr 30px}.au-rule>select:nth-of-type(2),.au-rule>:nth-child(4){grid-column:2/3}.au-tsplit{grid-template-columns:1fr}.au-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.au-tcard.pending .au-tstatus .icon{animation:none}}