.funnel-admin [role="tabpanel"][hidden], .marketing-admin [hidden] { display:none !important; }
.funnel-admin .funnel-heading { margin-bottom:1rem; }
.funnel-admin .funnel-login { padding:1rem 1.2rem; margin-bottom:1rem; max-width:none; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem 1rem; align-items:center; }
.funnel-admin .funnel-account-heading,.funnel-admin .funnel-account-actions { margin:0; }
.funnel-admin .funnel-avatar { width:52px; height:52px; min-width:52px; flex:0 0 52px; }
.funnel-admin #funnel-verification-note,.funnel-admin .admin-account-details { grid-column:1 / -1; }
.funnel-admin .funnel-account-heading h2 { font-size:1rem; }
.funnel-admin .funnel-account-heading p { margin:.25rem 0; font-size:.85rem; }
.admin-account-details { margin-top:.6rem; color:var(--muted); font-size:.8rem; }
.admin-account-details summary { cursor:pointer; }
.admin-account-details p { max-width:85ch; }
.admin-tabs { display:flex; gap:.35rem; overflow-x:auto; padding:.35rem; margin:1rem 0 1.3rem; border:1px solid var(--line-strong); background:var(--surface-low,#18130e); border-radius:7px; scrollbar-width:thin; }
.admin-tabs button { flex:1 0 auto; padding:.8rem 1rem; color:var(--muted); background:transparent; border:1px solid transparent; border-radius:4px; font:inherit; font-size:.9rem; cursor:pointer; white-space:nowrap; }
.admin-tabs button[aria-selected="true"] { color:var(--gold); background:var(--field,#140f0b); border-color:var(--line-strong); box-shadow:inset 0 -2px var(--gold); }
.admin-tabs button:focus-visible, .funnel-admin [role="tabpanel"]:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
.funnel-admin [role="tabpanel"] { min-width:0; }
.funnel-admin .funnel-toolbar h2 { margin:0; font-size:1.3rem; }
.marketing-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:1.5rem; margin-top:1rem; }
.marketing-admin label { display:block; color:var(--muted); font-size:.85rem; margin:.85rem 0 .35rem; }
.marketing-admin input:not([type="checkbox"]),.marketing-admin textarea,.marketing-admin select { box-sizing:border-box; width:100%; background:var(--field,#140f0b); color:var(--text,#f3ecdf); border:1px solid var(--line-strong,#675130); border-radius:5px; padding:.7rem .8rem; font:inherit; font-size:.88rem; }
.marketing-admin textarea { line-height:1.55; resize:vertical; min-height:5rem; }
.marketing-admin input:focus-visible,.marketing-admin textarea:focus-visible,.marketing-admin select:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.marketing-admin .btn:disabled { opacity:.55; cursor:default; }
.marketing-platforms { display:flex; flex-wrap:wrap; gap:.6rem 1rem; border:1px solid var(--line); border-radius:5px; margin:1rem 0; padding:.55rem .8rem .8rem; }
.marketing-platforms legend { padding:0 .3rem; font-size:.85rem; color:var(--muted); }
.marketing-platforms label { display:flex; gap:.35rem; align-items:center; margin:0; }
.marketing-platforms input { accent-color:var(--gold); }
.marketing-guide { margin:1rem 0; padding:1rem; border:1px solid var(--line); border-radius:6px; background:var(--surface-low,#18130e); }
.marketing-guide summary { cursor:pointer; color:var(--gold); font-size:.9rem; }
.marketing-workflow { padding-left:1.3rem; font-size:.85rem; color:var(--muted); line-height:1.6; }
.marketing-platform-guide { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; }
.marketing-guide article { border-top:1px solid var(--line); padding-top:.8rem; min-width:0; }
.marketing-guide h3 { margin:0 0 .4rem; font-size:.95rem; color:var(--gold); }
.marketing-guide p,.marketing-guide li { font-size:.83rem; color:var(--muted); line-height:1.55; }
.marketing-guide ul { padding-left:1.2rem; }
.marketing-guide a { color:var(--gold); }
.marketing-conversation { margin-top:1rem; min-height:8rem; max-height:34rem; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; border:1px solid var(--line); border-radius:5px; padding:.8rem 1rem; background:var(--surface-low,#18130e); }
.marketing-message { border-bottom:1px solid var(--line); padding:.7rem 0; }
.marketing-message:last-child { border-bottom:0; }
.marketing-message h3 { font-size:.8rem; color:var(--gold); margin:0 0 .4rem; }
.marketing-message p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.87rem; line-height:1.6; margin:.4rem 0; }
.marketing-message[data-role="user"] p { color:var(--muted); }
.marketing-starters { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.65rem; }
.marketing-starters .btn { font-size:.75rem; padding:.5rem .65rem; white-space:normal; }
.marketing-admin #marketing-status { margin-bottom:0; }
@media(max-width:860px) { .marketing-layout { grid-template-columns:1fr; } .admin-tabs button { flex:0 0 auto; } .funnel-admin .funnel-login { grid-template-columns:1fr; } }
@media(max-width:620px) { .admin-tabs { gap:.1rem; } .admin-tabs button { padding:.7rem .8rem; } .funnel-admin .funnel-login { padding:.8rem; } .marketing-guide { padding:.8rem; } .marketing-conversation { max-height:27rem; } }