/* ===== Tokens ===== */
:root{
 color-scheme:dark;
 --bg:#080b12;--bg2:#0c111b;--panel:#101624;--panel2:#161e30;--line:#1f2a3f;--line2:#2d3a56;
 --text:#eef1f8;--muted:#9ba6bd;--faint:#7482a0;
 --accent:#7a6bf6;--accent-hi:#a99fff;--accent-soft:rgba(122,107,246,.16);
 --ok:#3dd6b3;--ok-soft:rgba(61,214,179,.13);
 --warn:#f0b64e;--warn-soft:rgba(240,182,78,.13);
 --bad:#f4707c;--bad-soft:rgba(244,112,124,.13);
 --r:14px;--rs:10px;--side:236px;
 font:14.5px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
h2{font-size:16.5px;line-height:1.3;letter-spacing:-.01em}
h3{font-size:14px}
a{color:var(--accent-hi);text-decoration:none}
a:hover{text-decoration:underline}
code,.mono{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
small{font-size:12.5px}
.muted,.field-help,.subtitle{color:var(--muted)}
.error{color:var(--bad)}
.icon{width:18px;height:18px;flex-shrink:0}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
.skip-link{position:absolute;left:-999px;top:8px;z-index:50;background:var(--accent);color:#fff;padding:8px 12px;border-radius:var(--rs)}
.skip-link:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Estrutura da área logada ===== */
.layout{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}
.brand{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:700;font-size:15px;letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.brand-mark{object-fit:contain}
.sidebar>.brand{padding:18px 16px 12px}
.side-nav{flex:1;overflow-y:auto;padding:2px 10px 12px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin}
.side-nav a{display:flex;align-items:center;gap:11px;min-height:36px;padding:0 11px;border-radius:var(--rs);color:#a3aec3;font-weight:500;position:relative}
.side-nav a:hover{background:var(--panel2);color:var(--text);text-decoration:none}
.side-nav a.selected{background:var(--accent-soft);color:#fff}
.side-nav a.selected .icon{color:var(--accent-hi)}
.side-nav .back-link{color:var(--accent-hi);margin-bottom:4px}
.nav-caption{margin:16px 11px 5px;font-size:12.5px;font-weight:600;color:var(--faint)}
#support-attention[data-count]:not([data-count=""])::after{content:attr(data-count);margin-left:auto;min-width:18px;padding:0 5px;border-radius:9px;background:var(--warn);color:#241a05;font-size:11.5px;font-weight:700;text-align:center;line-height:18px}
.side-user{display:flex;align-items:center;gap:4px;padding:10px;border-top:1px solid var(--line)}
.side-user>a{flex:1;min-width:0;display:flex;align-items:center;gap:9px;color:var(--text);border-radius:var(--rs);padding:3px}
.side-user>a:hover{background:var(--panel2);text-decoration:none}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-hi);display:grid;place-items:center;font-weight:700;flex-shrink:0}
.who{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.who strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who small{color:var(--muted)}
.side-user form{margin:0}
.icon-button{background:transparent;border:0;color:var(--muted);width:30px;min-height:30px;padding:0}
.icon-button:hover{background:var(--panel2);color:var(--text);filter:none}
.app{margin-left:var(--side);min-width:0}
.topbar,.scrim,.menu-button{display:none}
main{max-width:1320px;margin:0 auto;padding:26px 30px 44px}

/* ===== Cabeçalho de página ===== */
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 20px}
.page-heading h1 span,.page-heading .eyebrow{display:none}
.page-heading .subtitle,.page-heading p{margin-top:3px;color:var(--muted);font-size:13.5px}
.eyebrow,.tag{font-size:12.5px;font-weight:600;color:var(--accent-hi)}

/* ===== Painéis e grades ===== */
.panel,.card,.metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.panel,.card{padding:18px;margin:0 0 14px}
.panel>:last-child,.card>:last-child{margin-bottom:0}
.panel h2,.card h2{margin:0 0 8px}
.panel p,.card p{margin:6px 0}
.panel p:first-child{margin-top:0}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.panel-title h2{margin:0;display:flex;align-items:center;gap:7px}
.panel-title p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.panel-title>.icon{color:var(--faint)}
.narrow{max-width:520px;margin:40px auto}
.grid,.feature-grid,.overview-grid,.metric-grid,.alerts-grid{display:grid;gap:14px;margin:0 0 14px}
.feature-grid,.alerts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.feature-grid>.panel,.overview-grid>.panel,.alerts-grid>.panel,.grid>.card{margin:0}
.metric{padding:14px 16px}
.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted)}
.metric-label .icon{color:var(--faint);width:14px;height:14px}
.metric>strong{display:block;margin-top:2px;font-size:21px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric>small{color:var(--faint)}
.health-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.health-item:last-of-type{border-bottom:0}
.health-item span{color:var(--muted)}
.health-item strong{font-weight:600;text-align:right;overflow-wrap:anywhere}
.alert-card{border-left:3px solid var(--accent)}
.ops-alert{border-left:3px solid var(--warn)}
.alerts-stale{color:var(--warn)}
.mini-tag,.label-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;background:var(--panel2);border:1px solid var(--line2);font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}
.label-badge.good{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.empty-state{padding:24px;text-align:center;color:var(--muted)}
.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 0}
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;border:1px solid var(--line2);background:var(--panel2);font-size:13px;font-weight:600}
.status-pill i,.dot{width:7px;height:7px;border-radius:50%;background:var(--faint);display:inline-block}
.status-pill[data-state=live]{color:var(--ok);background:var(--ok-soft);border-color:transparent}
.status-pill[data-state=live] i{background:var(--ok);box-shadow:0 0 0 3px rgba(61,214,179,.2)}
.status-pill[data-state=brb] i,.status-pill[data-state=reconnecting] i{background:var(--warn)}
.status-pill[data-state=brb],.status-pill[data-state=reconnecting]{color:var(--warn);background:var(--warn-soft);border-color:transparent}
.status-pill[data-state=error]{color:var(--bad);background:var(--bad-soft);border-color:transparent}
.status-pill[data-state=error] i{background:var(--bad)}

/* ===== Botões ===== */
button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--rs);background:var(--accent);color:#fff;font:inherit;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap}
button:hover,.button-link:hover{filter:brightness(1.12);text-decoration:none}
button:active,.button-link:active{filter:brightness(.95)}
button:disabled{opacity:.45;cursor:not-allowed;filter:none}
.secondary,button.secondary,.button-link.secondary{background:var(--panel2);border-color:var(--line2);color:var(--text)}
.danger,button.danger{background:var(--bad-soft);border-color:rgba(244,112,124,.35);color:var(--bad)}
.text-button{background:transparent;border:0;color:var(--accent-hi);padding:0 4px;min-height:24px}
.button-link.big{min-height:46px;padding:0 24px;font-size:15.5px}

/* ===== Formulários ===== */
label{display:grid;gap:6px;margin:0 0 14px;font-size:13px;font-weight:500;color:var(--muted)}
input,select,textarea{width:100%;min-height:40px;padding:8px 12px;background:var(--bg);border:1px solid var(--line2);border-radius:var(--rs);color:var(--text);font:inherit}
textarea{min-height:76px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
input[readonly]{color:var(--muted)}
input[type=checkbox],input[type=radio]{width:18px;min-height:0;height:18px;padding:0;accent-color:var(--accent)}
input[type=color]{padding:3px;height:40px}
input[type=range]{padding:0;accent-color:var(--accent)}
.check-label{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13.5px}
.field-help{font-size:12.5px;margin:-4px 0 10px}
form{margin:0}
.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 12px}
.filter-bar label{margin:0;flex:1;min-width:150px}
.filter-bar>a{padding-bottom:8px}
.customer-action{display:flex;align-items:center;gap:6px;margin-top:6px}
.customer-action select{min-width:130px}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border:0;padding:0;margin:0 0 6px}
.profile-fields legend{padding:0;margin-bottom:6px;font-weight:600;color:var(--text)}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted)}
.pagination>div{display:flex;gap:8px}

/* ===== Tabelas ===== */
.table-scroll{overflow-x:auto;margin:0 -2px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{padding:10px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line2);white-space:nowrap}
td{padding:12px 12px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:hover td{background:rgba(255,255,255,.02)}
td small{display:block;color:var(--muted)}
td p{margin:0 0 6px}
td details summary{font-weight:500;color:var(--muted)}

/* ===== Detalhes, abas e controles segmentados ===== */
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";margin-left:auto;width:7px;height:7px;border:solid var(--faint);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);flex-shrink:0;transition:transform .15s}
details[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.task-details{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.task-details>summary{color:var(--text)}
.task-details[open]>summary{margin-bottom:10px}
.panel>.task-details:first-child{border-top:0;margin-top:0;padding-top:0}
.panel .task-details .task-details{margin-left:6px}
.page-tabset{margin:0 0 12px}
.page-tabs,.protocol-tabs,.task-protocols,.rail-tabs,.scene-controls{display:flex;gap:2px}
.page-tabs{overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 12px;scrollbar-width:none}
.page-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);min-height:34px;padding:0 12px;margin-bottom:-1px}
.page-tabs button:hover{color:var(--text);filter:none}
.page-tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--accent)}
.page-tab-panel>.panel{margin:0 0 12px}
.page-tabs-host{display:block!important}
.page-tabs-host>div:empty{display:none}
.protocol-tabs,.task-protocols,.rail-tabs,.scene-controls{padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);margin:8px 0}
.protocol-tabs button,.task-protocols button,.rail-tabs button,.scene-controls button{flex:1 1 auto;min-width:0;min-height:28px;padding:0 8px;background:transparent;border:0;color:var(--muted);font-size:13px}
.protocol-tabs button:hover,.task-protocols button:hover,.rail-tabs button:hover{color:var(--text);filter:none}
.protocol-tabs button[aria-selected=true],.task-protocols button[aria-pressed=true],.rail-tabs button[aria-selected=true]{background:var(--accent-soft);color:#fff}
.scene-controls{gap:2px}
.scene-controls form{flex:1;display:flex}
.scene-controls form button{width:100%}
.scene-controls[data-mode=automatic] form[data-live-command=auto] button,.scene-controls[data-mode=manual] form[data-live-command=brb] button{background:var(--accent-soft);color:#fff}
.faq-list details,.admin-sections details{border-bottom:1px solid var(--line);padding:9px 0}
.faq-list details:last-child{border-bottom:0}
.faq-list p{margin:6px 0 2px;color:var(--muted)}
.admin-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.admin-sections details{border:1px solid var(--line);border-radius:var(--rs);padding:8px 12px;background:var(--bg2)}
.admin-sections a{display:block;padding:6px 0}

/* ===== Visão geral (cliente) ===== */
.hero-card{background:linear-gradient(135deg,rgba(124,108,245,.16),var(--panel) 60%)}
.hero-card h2{font-size:19px;margin:4px 0 6px}
.hero-card p{color:var(--muted)}
.plan-card h3{font-size:22px;margin:8px 0 6px}
.setup-list,.quick-steps{list-style:none;padding:0;margin:0}
.setup-list li{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.setup-list li:last-child{border:0}
.setup-list p{margin:2px 0;color:var(--muted);font-size:13px}
.step-count{width:24px;height:24px;border-radius:50%;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:700;color:var(--muted)}
.step-count.done{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.account-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px;color:var(--muted);font-size:13px}
.onboarding-note{background:var(--bg2)}
.connection-steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.connection-steps span{padding:5px 10px;border-radius:99px;background:var(--panel2);font-size:13px;color:var(--muted)}
.simplified-page .connection-steps{display:none}
.diagnostic-list{display:grid;gap:10px}
.diagnostic-step{display:flex;gap:12px;margin:0}
.diagnostic-step[data-check-state=action]{border-left:3px solid var(--warn)}
.diagnostic-step[data-check-state=confirmed]{border-left:3px solid var(--ok)}
.ingest-health{padding:8px 11px;border-radius:var(--rs);background:var(--panel2)}
.ingest-health[data-state=online]{color:var(--ok)}
.ingest-health[data-state=offline]{color:var(--warn)}
.ingest-field input{font:12px ui-monospace,Menlo,Consolas,monospace}
.ingest-actions{display:flex;gap:6px;margin-top:6px}
.ingest-actions button{flex:1}
.ingest-caption{font-size:12px;color:var(--muted)}
.destination-metrics>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}
.destination-metrics dt{color:var(--muted)}
.destination-metrics dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.plan-event,.billing-order{padding:10px 0;border-top:1px solid var(--line)}
.plan-event p{overflow-wrap:anywhere}
.billing-order small{display:block;color:var(--muted);overflow-wrap:anywhere}
.billing-order form{display:flex;gap:8px;flex-wrap:wrap}
.plan-change label[hidden]{display:none}
.audio-channel{display:grid;grid-template-columns:54px 1fr 70px;gap:8px;align-items:center;margin:8px 0;font-size:13px}
.audio-channel meter{width:100%;height:14px}
.audio-channel strong{text-align:right;font-variant-numeric:tabular-nums}
#audio-meter[data-level=high] #audio-message{color:var(--warn)}
#audio-meter[data-level=quiet] #audio-message{color:var(--muted)}
#brb-canvas,.brb-current,#overlay-preview{display:block;width:100%;height:auto;border-radius:var(--rs);border:1px solid var(--line);margin:10px 0}
#brb-result{color:var(--ok)}
#brb-editor button{margin:4px 4px 0 0}
#command-message:empty,#monitor-message:empty{display:none}
#command-message,#copy-status{color:var(--ok);font-size:13px}
.mfa-qr svg{max-width:200px;background:#fff;padding:8px;border-radius:var(--rs)}
.moblin-zoom-controls,.moblin-device-state{margin-top:8px}

/* Avisos no topo da área logada (plano e comunicados) */
#account-plan-notice:not([hidden]),#system-announcements:not([hidden]){display:grid;gap:8px;margin:0 0 12px}
#account-plan-notice>article,#system-announcements>article{margin:0;padding:10px 14px;border-left:3px solid var(--warn)}
#system-announcements>article{border-left-color:var(--accent)}
#account-plan-notice h2,#system-announcements h2{margin:0 0 2px;font-size:14px}
#account-plan-notice p,#system-announcements p{margin:0;font-size:13px;color:var(--muted)}
#account-plan-notice>p,#system-announcements>p{font-size:12.5px;color:var(--faint)}
#account-plan-notice .action-row,#system-announcements .action-row{margin-top:6px}

/* ===== Estúdio ===== */
.heading-actions{display:flex;align-items:center;gap:10px}
.studio{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.studio-main{min-width:0;display:grid;gap:14px}
.studio-main>*{margin:0}
.studio.is-focus{grid-template-columns:minmax(0,1fr)}
.studio.is-focus .studio-rail,.studio.is-focus .studio-details{display:none}
.live-bar{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;padding:12px 16px;background:var(--panel2)}
/* Controle da live: fica antes do vídeo e acompanha a rolagem, para iniciar e encerrar sem procurar o botão */
.live-deck{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:14px 16px;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r);position:sticky;top:12px;z-index:12;box-shadow:0 10px 28px rgba(0,0,0,.32)}
.deck-dot{width:12px;height:12px;border-radius:50%;background:var(--faint);flex-shrink:0}
.live-deck .control-state{flex:1;min-width:170px;font-size:17px;font-weight:650;letter-spacing:-.01em}
body:has(#live-badge[data-state=live]) .deck-dot{background:var(--ok);box-shadow:0 0 0 4px rgba(61,214,179,.22);animation:deck-pulse 2.4s ease-in-out infinite}
body:has(#live-badge[data-state=brb]) .deck-dot,body:has(#live-badge[data-state=reconnecting]) .deck-dot{background:var(--warn);box-shadow:0 0 0 4px rgba(240,182,78,.22)}
body:has(#live-badge[data-state=error]) .deck-dot{background:var(--bad);box-shadow:0 0 0 4px rgba(244,112,124,.22)}
@keyframes deck-pulse{50%{box-shadow:0 0 0 8px rgba(61,214,179,0)}}

.preview-stage.preview-off #program-video{visibility:hidden}
.preview-panel:has(.preview-off) #preview-toggle{display:none}
.stat-strip .metric>strong{font-size:19px}
.preview-placeholder #preview-start{pointer-events:auto;margin-top:14px;min-height:44px;padding:0 26px;font-size:15.5px}
.live-bar-sub{padding:7px 12px;background:var(--bg2);border-top:1px solid var(--line)}
.control-state{margin:0;font-weight:600}
.primary-controls{display:flex;gap:8px;margin:0}
.primary-controls form{display:flex}
.primary-controls button{min-height:44px;padding:0 26px;font-size:15.5px}
.protection{display:flex;align-items:center;gap:10px}
.protection .seg-label{font-size:12.5px;color:var(--muted)}
.protection .scene-controls{margin:0}
.protection .scene-controls button{padding:0 12px}
.live-note{margin:0;padding:0 12px;font-size:13px;color:var(--muted)}
.live-note:not(:empty){padding-top:7px;padding-bottom:7px;border-top:1px solid var(--line)}
.stat-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr))}
.studio-details{padding:0}
.studio-details>summary{padding:11px 14px}
.details-body{display:grid;gap:18px;padding:12px 14px 14px;border-top:1px solid var(--line)}
.detail-block h3{margin:0 0 6px}
.detail-block>p:first-of-type{margin-top:0}
.mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px}
.mini-stats .metric{padding:8px 10px}
.mini-stats .metric>strong{font-size:16px}
.studio-rail{padding:0;overflow:hidden;position:sticky;top:12px}
.rail-content{max-height:calc(100dvh - 130px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.rail-view{padding:2px 14px 14px;min-width:0}
.rail-block{padding:12px 0;border-top:1px solid var(--line);min-width:0}
.rail-block:first-child{border-top:0;padding-top:4px}
.rail-block h3{margin:0 0 8px}
.rail-block p{margin:6px 0}
.rail-block label{min-width:0;width:100%}
.rail-block .panel-title{margin-bottom:6px}
.rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.rail-head h3{margin:0}
.rail-widget-list{list-style:none;margin:0 0 8px;padding:0}
.rail-widget-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.rail-widget-list li.muted{display:block;border:0;padding:4px 0}
.rail-widget-list .switch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.rail-view>.studio-compositions{border-top:1px solid var(--line);padding:11px 0 0}
.rail-view>.studio-compositions:first-child{border-top:0}
.studio-compositions form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.studio-compositions>p,.studio-compositions>a{display:block;margin:8px 0 0}
.preview-panel{padding:0;overflow:hidden}
.studio-compositions{border-top:1px solid var(--line);padding:9px 0}
.preview-panel>.studio-compositions{padding:9px 12px;margin:0}
.studio-compositions form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.preview-panel{padding:0;overflow:hidden}
.preview-panel .panel-title{padding:9px 12px;margin:0}
.preview-stage{position:relative;aspect-ratio:16/9;background:#05070b;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.preview-stage video,.preview-stage>img,#program-video{display:block;width:100%;height:100%;object-fit:contain;background:#05070b}
.preview-stage.stale>img{opacity:.3}
.preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px;text-align:center;color:var(--muted);pointer-events:none}
.preview-placeholder .icon{width:30px;height:30px;color:var(--faint);margin-bottom:6px}
.preview-placeholder strong{color:var(--text);font-size:15px}
.preview-placeholder p{max-width:300px;font-size:12.5px;margin:0}
.preview-corner{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:#c6cfdd;pointer-events:none}
.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;color:var(--muted)}
.preview-footer .dot{background:var(--ok);margin-right:6px}
.camera-live-preview{background:#05070b;border:1px solid var(--line);border-radius:var(--rs);overflow:hidden;margin:8px 0}
.camera-live-preview video{display:block;width:100%;aspect-ratio:16/9;background:#05070b}
.camera-live-preview .video-state{padding:6px 10px;font-size:12.5px;color:var(--muted)}
.chart-legend{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:8px}
.chart-legend span{display:flex;align-items:center;gap:6px}
.chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.chart-wrap{position:relative;min-height:110px}
.chart-wrap svg{display:block;width:100%;overflow:visible}
.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:12.5px;color:var(--muted);pointer-events:none}
.chart-detail{min-height:14px;margin:6px 0 0;font-size:12px;color:var(--faint)}
.activity-list{list-style:none;margin:0;padding:0}
.activity-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.activity-list li:last-child{border:0}
.activity-list time{color:var(--faint);white-space:nowrap}

/* ===== Páginas públicas ===== */
.public-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,calc((100vw - 1120px)/2));background:rgba(9,12,19,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.public-header nav,.site-footer nav{display:flex;align-items:center;gap:4px 18px;flex-wrap:wrap}
.public-header nav>a:not(.button-link){color:var(--muted)}
.public-header nav>a:not(.button-link):hover{color:var(--text);text-decoration:none}
.public-page main{max-width:1120px;padding:0 20px 40px}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;max-width:1120px;margin:0 auto;padding:24px 20px 32px;border-top:1px solid var(--line);color:var(--muted)}
.site-footer p{margin-top:4px;font-size:13px}
.site-footer nav a{color:var(--muted)}
.site-footer nav a:hover{color:var(--text)}
.site-footer small{flex-basis:100%;color:var(--faint)}
.lp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:64px 0 52px}
.kicker{display:inline-block;margin-bottom:14px;padding:3px 10px;border-radius:99px;background:var(--accent-soft);color:var(--accent-hi);font-size:12.5px;font-weight:600}
.lp-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:750;max-width:13em;text-wrap:balance}
.lp-hero p.lead{margin:16px 0 22px;max-width:520px;font-size:17px;line-height:1.6;color:var(--muted)}
.lp-hero .action-row{margin:0 0 20px}
.lp-checks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:13.5px}
.lp-checks li::before{content:"✓";margin-right:6px;color:var(--ok);font-weight:700}
.lp-demo{margin:0;padding:14px;display:grid;gap:12px;background:var(--panel);border:1px solid var(--line2);border-radius:18px;box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.lp-demo-bar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.lp-demo-live{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--ok)}
.lp-demo-live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(61,214,179,.2)}
.lp-demo-tag{margin-left:auto;padding:2px 9px;border-radius:99px;border:1px dashed var(--line2);color:var(--faint)}
.lp-demo-screen{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#05070b;border:1px solid var(--line)}
.lp-cam{position:absolute;inset:0;background:linear-gradient(180deg,#1a2848 0%,#3a4b78 44%,#e0a064 76%,#7a4f3b 100%)}
.lp-cam-sun{position:absolute;left:62%;top:46%;width:13%;aspect-ratio:1;border-radius:50%;background:#ffd89a}
.lp-cam-hill{position:absolute;left:-6%;right:-6%;bottom:-3%;height:32%;background:#12161d;border-radius:50% 50% 0 0/100% 100% 0 0}
.lp-cam-label{position:absolute;left:12px;bottom:10px;display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:99px;background:rgba(5,7,11,.62);color:#e8ecf5;font-size:12px}
.lp-cam-label .icon{width:14px;height:14px}
.lp-standby{position:absolute;inset:0;display:grid;place-content:center;gap:3px;text-align:center;background:repeating-linear-gradient(135deg,#181204 0 12px,#1f1706 12px 24px);color:var(--warn);opacity:0;animation:lp-standby 9s ease-in-out 1.2s 1 both}
.lp-standby strong{font-size:clamp(20px,2.8vw,28px);letter-spacing:-.015em}
.lp-standby span{font-size:12.5px;color:#cfa65d}
.lp-demo-signal{position:relative;height:46px;color:var(--ok)}
.lp-demo-signal svg{display:block;width:100%;height:100%;overflow:visible}
.lp-play{position:absolute;top:-2px;bottom:-2px;left:0;width:2px;border-radius:2px;background:var(--text);opacity:.85;animation:lp-play 9s linear 1.2s 1 both}
.lp-demo-track{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.lp-demo-track li{display:flex;min-width:0;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden}
.lp-demo-track .ok{background:var(--ok-soft);color:var(--ok)}
.lp-demo-track .warn{background:var(--warn-soft);color:var(--warn)}
.lp-demo figcaption{color:var(--muted);font-size:13.5px;line-height:1.5}
@keyframes lp-standby{0%,40%{opacity:0}45%,64%{opacity:1}70%,100%{opacity:0}}
@keyframes lp-play{from{left:0}to{left:calc(100% - 2px)}}

.lp-section{padding:40px 0}
.lp-title{margin:0 0 24px;max-width:640px}
.lp-title h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.025em;margin:0 0 8px;line-height:1.15}
.lp-title p{color:var(--muted);font-size:15px;line-height:1.55}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-steps li{position:relative;padding:0 28px 0 0}
.lp-steps li span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;margin-bottom:14px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:14px}
.lp-steps li:not(:last-child)::before{content:"";position:absolute;left:40px;right:8px;top:15px;height:2px;background:linear-gradient(90deg,var(--accent),var(--line2))}
.lp-steps h3{font-size:16.5px;margin-bottom:6px}
.lp-steps p{color:var(--muted);line-height:1.55}
.lp-feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.lp-lead{padding:28px;border-radius:18px;background:linear-gradient(160deg,var(--ok-soft),var(--panel) 62%);border:1px solid rgba(61,214,179,.28)}
.lp-lead .icon{width:28px;height:28px;color:var(--ok);margin-bottom:14px}
.lp-lead h3{font-size:21px;margin-bottom:10px;letter-spacing:-.02em}
.lp-lead p{line-height:1.6;opacity:.9}
.lp-lead small{display:block;margin-top:16px;color:var(--muted);line-height:1.5}
.lp-feat-list{list-style:none;margin:0;padding:0}
.lp-feat-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.lp-feat-list li:first-child{padding-top:0}
.lp-feat-list li:last-child{border-bottom:0;padding-bottom:0}
.lp-feat-list .icon{width:22px;height:22px;color:var(--accent-hi);margin-top:2px}
.lp-feat-list h3{font-size:15px;margin-bottom:3px}
.lp-feat-list p{color:var(--muted);line-height:1.5}
.lp-period{display:none;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:0 0 20px;padding:4px;border:1px solid var(--line2);border-radius:99px;background:var(--panel)}
.is-switchable .lp-period{display:flex}
.lp-period button{min-height:36px;padding:0 18px;border-radius:99px;background:transparent;border:0;color:var(--muted);font-size:14px}
.lp-period button:hover{color:var(--text);filter:none}
.lp-period button[aria-pressed=true]{background:var(--accent);color:#fff}
.lp-period-save{padding:0 14px 0 10px;font-size:12.5px;color:var(--ok)}
.lp-plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch}
.plan{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.plan:only-child{max-width:400px}
.plan h3{font-size:18px;letter-spacing:-.01em}
.plan .desc{color:var(--muted);min-height:2.6em;line-height:1.5}
.plan .price{display:grid;gap:2px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plan .price-val{font-size:34px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.plan .price small.price-unit{font-size:13.5px;font-weight:400;color:var(--muted);letter-spacing:0}
.plan .price-sub{font-size:13px}
.plan .price-save{justify-self:start;margin-top:4px;padding:2px 9px;border-radius:99px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:700}
.plan ul{list-style:none;padding:0;display:grid;gap:7px;flex:1}
.plan li::before{content:"✓";margin-right:8px;color:var(--ok);font-weight:700}
.plan .button-link{min-height:40px}
.plan .plan-foot{color:var(--faint)}
.lp-ways{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.lp-ways li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:18px 20px;border-right:1px solid var(--line)}
.lp-ways li:last-child{border-right:0}
.lp-ways .icon{width:22px;height:22px;color:var(--accent-hi);margin-top:2px}
.lp-ways h3{font-size:15px;margin-bottom:3px}
.lp-ways p{color:var(--muted);font-size:13.5px;line-height:1.5}
.lp-cmp{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.lp-cmp>summary{padding:14px 18px;font-weight:600;cursor:pointer}
.lp-compare{padding:0 10px 10px}
.lp-compare table{width:100%;min-width:520px;border-collapse:collapse}
.lp-compare th,.lp-compare td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:14px}
.lp-compare thead th{color:var(--text);font-size:14.5px}
.lp-compare tbody th{text-align:left;font-weight:500;color:var(--muted)}
.cmp-yes{color:var(--ok);font-weight:700}
.cmp-no{color:var(--faint)}
@media (max-width:900px){.lp-feat{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:860px){.lp-ways{grid-template-columns:minmax(0,1fr)}.lp-ways li{border-right:0;border-bottom:1px solid var(--line)}.lp-ways li:last-child{border-bottom:0}}
@media (max-width:760px){.lp-steps{grid-template-columns:minmax(0,1fr);gap:24px}.lp-steps li{padding:0 0 0 46px}.lp-steps li span{position:absolute;left:0;top:0;margin:0}.lp-steps li:not(:last-child)::before{left:15px;right:auto;top:38px;bottom:-22px;width:2px;height:auto;background:var(--line2)}}
.lp-note{margin-top:14px;color:var(--muted);font-size:13px}
.lp-faq{max-width:780px}
.lp-faq details{padding:13px 0;border-bottom:1px solid var(--line)}
.lp-faq summary{font-size:15px;font-weight:600}
.lp-faq p{margin-top:8px;color:var(--muted);line-height:1.65}
.lp-cta{margin:20px 0 0;padding:32px 20px;text-align:center;background:linear-gradient(135deg,rgba(124,108,245,.2),var(--panel) 70%);border:1px solid var(--line2);border-radius:14px}
.lp-cta h2{font-size:24px;margin-bottom:6px}
.lp-cta p{color:var(--muted);margin-bottom:16px}
.lp-cta .action-row{justify-content:center;margin:0}
.auth-wrap{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center;max-width:920px;margin:0 auto;padding:48px 0 32px}
.auth-wrap.single{grid-template-columns:minmax(0,440px);justify-content:center}
.auth-aside{align-self:start;position:sticky;top:96px;padding-top:12px}
.auth-wrap{align-items:start}
.auth-wrap.single{align-items:center}
.auth-aside h1{font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.03em}
.auth-aside>p{margin:12px 0 18px;max-width:380px;color:var(--muted);font-size:15.5px}
.auth-points{display:grid;gap:10px}
.auth-points p{display:flex;align-items:center;gap:10px;color:var(--muted)}
.auth-points .icon{color:var(--accent-hi)}
.auth-card{padding:24px;margin:0}
.auth-card h2{font-size:20px;margin-bottom:4px}
.auth-card form{margin-top:16px}
.auth-card button{width:100%;min-height:38px;margin-top:4px}
.auth-switch{margin-top:16px!important;text-align:center;color:var(--muted)}
.legal{max-width:720px;margin:36px auto}
.legal h1{margin-bottom:16px}
.legal h2{margin:20px 0 6px}
.legal p,.legal li{color:var(--muted);line-height:1.7}

/* Atalhos da visão geral e ajustes finais */
.shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.shortcuts a{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg2);color:var(--text)}
.shortcuts a:hover{border-color:var(--accent);background:var(--panel2);text-decoration:none}
.shortcuts .icon{color:var(--accent-hi);width:20px;height:20px}
.shortcuts strong{display:block;font-weight:600}
.shortcuts small{display:block;color:var(--muted)}
/* Situação da transmissão na visão geral */
.dash-live-head{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}
.dash-live-head>div{flex:1;min-width:210px}
.dash-live-head h2{margin:0;font-size:20px}
.dash-live-head p{margin:3px 0 0;color:var(--muted)}
.dash-live[data-state=live] .deck-dot{background:var(--ok);box-shadow:0 0 0 4px rgba(61,214,179,.22);animation:deck-pulse 2.4s ease-in-out infinite}
.dash-live[data-state=brb] .deck-dot,.dash-live[data-state=reconnecting] .deck-dot{background:var(--warn);box-shadow:0 0 0 4px rgba(240,182,78,.22)}
.dash-live[data-state=error] .deck-dot{background:var(--bad);box-shadow:0 0 0 4px rgba(244,112,124,.22)}
.dash-live-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.dash-live-stats span{display:block;color:var(--muted)}
.dash-live-stats strong{font-size:21px;font-variant-numeric:tabular-nums}
.page-heading .action-row{margin:0}
#como-funciona,#planos,#duvidas{scroll-margin-top:64px}

/* ===== Responsivo ===== */
@media(max-width:1100px){
 .studio{grid-template-columns:minmax(0,1fr)}
 .studio-rail{position:static}
 .rail-content{max-height:none}
}
@media(max-width:900px){
 .lp-hero,.auth-wrap{grid-template-columns:minmax(0,1fr);gap:28px}
 .lp-hero{padding:32px 0 24px}
 .auth-aside{display:none}
 .auth-wrap{max-width:440px;padding-top:24px}
 .sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}
 .side-user{display:none}
 .side-nav{max-height:46vh}
 .app{margin-left:0}
 main{padding:16px 14px 32px}
 .live-deck{top:54px}
 .enhanced-shell .sidebar{position:fixed;top:0;bottom:0;left:0;width:min(280px,84vw);border:0;border-right:1px solid var(--line);transform:translateX(-102%);transition:transform .18s;box-shadow:none}
 .enhanced-shell .side-user{display:flex}
 .enhanced-shell .side-nav{max-height:none;padding-top:12px}
 .enhanced-shell.nav-open .sidebar,.nav-open .sidebar{transform:none;box-shadow:12px 0 40px rgba(0,0,0,.5)}
 .enhanced-shell .scrim{display:block;position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.55)}
 .enhanced-shell .scrim[hidden]{display:none}
 .enhanced-shell .topbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:20;height:46px;padding:0 10px;background:rgba(13,17,26,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
 .enhanced-shell .sidebar>.brand{display:none}
 .enhanced-shell .menu-button{display:inline-flex;background:transparent;border:0;color:var(--text);padding:0;width:34px}
 .profile-fields{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .public-header{padding:10px 14px}
 .public-header nav:not(.lang-switch)>a:not(.button-link):not(:nth-child(4)){display:none}
 .public-page main,.site-footer{padding-left:14px;padding-right:14px}
 .page-heading h1{font-size:19px}
 .live-deck{padding:10px 12px;gap:8px;top:52px}
 .live-deck .control-state{font-size:15px;flex-basis:calc(100% - 30px)}
 .primary-controls{width:100%}
 .primary-controls form{flex:1}
 .primary-controls button{width:100%;padding:0 12px}
 .protection{width:100%;justify-content:space-between}
 .protection .scene-controls{flex:1}
 .rail-tabs{margin:6px}
 .preview-corner{top:8px}
 .metric>strong{font-size:19px}
 .filter-bar label{min-width:100%}
 .customer-action{flex-wrap:wrap}
 table{font-size:13px}
}
/* Animações valem mesmo com "efeitos de animação" desligados no sistema (pedido do dono do painel). */

/* ===== Widgets da live ===== */
.widgets-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:14px;align-items:start}
.widgets-stage-panel{position:sticky;top:12px}
.widgets-list{display:grid;gap:8px}
.wsave{font-size:12.5px;color:var(--ok)}.wsave[data-bad=true]{color:var(--bad)}
.wstage{position:relative;aspect-ratio:16/9;border:1px solid var(--line2);border-radius:var(--rs);overflow:hidden;touch-action:none;user-select:none;background-color:#0b1019;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:10% 10%}
.wstage.has-image{background-size:cover;background-repeat:no-repeat;background-position:center}
.wstage-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--faint);font-size:13px;pointer-events:none}
.wstage:has(.wbox:not([hidden])) .wstage-empty{display:none}
.wbox{position:absolute;min-width:24px;min-height:16px;border:1.5px solid var(--accent-hi);border-radius:4px;background:rgba(124,108,245,.28);cursor:grab;overflow:hidden;outline-offset:2px}
.wbox.selected{border-color:var(--ok);background:rgba(61,214,179,.22)}
.wbox.off{border-style:dashed;opacity:.55}.wbox.draft{border-style:dashed}
.wbox.dragging{cursor:grabbing}
.wlabel{position:absolute;left:0;top:0;max-width:100%;padding:1px 6px;background:rgba(9,12,19,.82);color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.whandle{position:absolute;right:0;bottom:0;width:14px;height:14px;background:var(--accent-hi);border-top-left-radius:4px;cursor:nwse-resize}
.wbox.selected .whandle{background:var(--ok)}
.wguide{position:absolute;background:var(--warn);pointer-events:none}.wguide-x{top:0;bottom:0;width:1px}.wguide-y{left:0;right:0;height:1px}
.wcard{border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.wcard>summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}
.wcard>summary::-webkit-details-marker{display:none}
.wcard[open]>summary{border-bottom:1px solid var(--line)}
.wtitle{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wtitle strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmeta{color:var(--muted);font-size:12.5px}
.wstate{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--panel2);color:var(--muted)}.wstate[data-on=true]{background:var(--ok-soft);color:var(--ok)}
.wform{padding:12px;display:grid;gap:12px}
.wfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wfield{display:grid;gap:4px;align-content:start;font-size:13px}.wfield>span{color:var(--muted)}.wfield small{color:var(--faint)}
.wfield:first-child,.wfield:nth-child(2){grid-column:1/-1}
.wfields .wide{grid-column:1/-1}
.wadvanced>summary{cursor:pointer;color:var(--muted);font-size:13px;margin-bottom:8px}
.wactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wactions .spacer{flex:1}
.snap-grid{display:grid;grid-template-columns:repeat(3,22px);gap:3px}
.snap-grid button{min-height:22px;width:22px;padding:0;background:var(--panel2);border:1px solid var(--line2)}.snap-grid button:hover{background:var(--accent)}
.wsnap{grid-column:1/-1}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;color:var(--text)}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch i{position:relative;width:30px;height:17px;border-radius:99px;background:var(--line2);flex-shrink:0;transition:background .15s}
.switch i::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}
.switch input:checked+i{background:var(--accent)}.switch input:checked+i::after{transform:translateX(13px)}
.switch input:focus-visible+i{outline:2px solid var(--accent-hi);outline-offset:2px}
.wsteps{margin:8px 0 8px 18px;display:grid;gap:4px}
.widget-status{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;border:1px solid var(--line2);background:var(--panel2);font-size:13px;font-weight:600}
.widget-status i{width:7px;height:7px;border-radius:50%;background:var(--faint)}
.widget-status[data-state=confirmed]{color:var(--ok);background:var(--ok-soft);border-color:transparent}.widget-status[data-state=confirmed] i{background:var(--ok)}
.widget-status[data-state=pending]{color:var(--warn)}.widget-status[data-state=pending] i{background:var(--warn)}
.widget-status[data-state=unsupported],.widget-status[data-state=no-browser]{color:var(--bad)}.widget-status[data-state=unsupported] i,.widget-status[data-state=no-browser] i{background:var(--bad)}
.notice-ok{color:var(--ok)}
@media(max-width:1000px){.widgets-layout{grid-template-columns:1fr}.widgets-stage-panel{position:static}}
@media(max-width:600px){.wfields{grid-template-columns:1fr}}
.stat-strip .metric>strong[data-monitor=source]{font-size:15px;line-height:1.35;margin-top:4px}

/* ===== Administração ===== */
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line2);border-radius:99px;background:var(--panel);color:var(--muted);font-size:13.5px}
.filter-chip strong{color:var(--text);font-variant-numeric:tabular-nums}
.filter-chip:hover{color:var(--text);text-decoration:none;border-color:var(--accent)}
.filter-chip[aria-current=true]{background:var(--accent-soft);border-color:transparent;color:#fff}
.label-badge.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.row-actions{white-space:nowrap}
.row-actions>.button-link{min-height:30px}
.row-menu{display:inline-block;margin-left:6px;vertical-align:middle}
.row-menu>summary{display:inline-flex;min-height:30px;padding:0 10px;align-items:center;border:1px solid var(--line2);border-radius:var(--rs);background:var(--panel2);font-weight:500;font-size:13.5px;color:var(--text)}
.row-menu>summary::after{display:none}
.row-menu>div{display:grid;gap:6px;margin-top:6px;min-width:150px}
.row-menu .customer-action{margin:0}
.row-menu .customer-action button,.row-menu .button-link{width:100%;min-height:30px}
.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:0 0 12px}
.attention-card{display:grid;gap:3px;padding:14px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:var(--r);color:var(--text)}
.attention-card:hover{text-decoration:none;border-color:var(--line2);border-left-color:var(--warn);background:var(--panel2)}
.attention-card strong{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.attention-card span{font-weight:600}
.attention-card small{color:var(--muted);font-size:13px}
.attention-clear{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--ok)}
.attention-clear span{color:var(--muted);font-size:13.5px}
.attention-done h2{font-size:14px;color:var(--muted);margin:0 0 8px}
.attention-done ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:13.5px}
.attention-done li::before{content:"✓";color:var(--ok);margin-right:6px}
.metric-link{display:block;color:var(--text)}
.metric-link:hover{text-decoration:none;border-color:var(--line2);background:var(--panel2)}
.perf-alert{color:var(--warn);background:var(--warn-soft);font-weight:600}
.perf-alert:empty{display:none}

/* ---- Equipe da conta, operadores e cargos ---- */
.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.mini-tag.ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.quiet-link{color:var(--muted);font-size:13px;text-decoration:none;white-space:nowrap}
.quiet-link:hover{color:var(--accent-hi)}
.member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.member-card{display:grid;gap:10px;padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r)}
.member-card[data-status=suspended]{opacity:.78}
.member-card .chip-row{margin:0}
.member-card .action-row{margin:0}
.member-head{display:flex;align-items:center;gap:10px}
.member-head>div{min-width:0;flex:1}
.member-head strong,.member-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-head small{color:var(--muted);font-size:12.5px}
.member-head .avatar{width:36px;height:36px;font-size:15px}
.member-edit{border-top:1px solid var(--line);padding-top:8px}
.member-edit summary{cursor:pointer;color:var(--muted);font-size:13px}
.member-edit[open] summary{margin-bottom:10px;color:var(--text)}
.preset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
.preset-bar[hidden]{display:none}
.preset-bar button{min-height:32px;padding:0 12px;font-size:13px}
.perm-group{border:1px solid var(--line);border-radius:var(--rs);padding:8px 12px 6px;margin:0 0 10px;min-width:0}
.perm-group legend{padding:0 6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.perm-item{display:flex;align-items:flex-start;gap:10px;padding:7px 0;cursor:pointer;border-bottom:1px solid var(--line)}
.perm-item:last-child{border-bottom:0}
.perm-item input{margin-top:2px}
.perm-item strong{display:block;font-size:13.5px;font-weight:600}
.perm-item small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4}
.perm-item.sensitive strong::after{content:"sensível";margin-left:8px;padding:1px 6px;border-radius:5px;background:var(--warn-soft);color:var(--warn);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
.invite-list{list-style:none;margin:0;padding:0}
.invite-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.invite-list li:last-child{border-bottom:0}
.invite-list small{display:block;color:var(--muted);font-size:12.5px}
.invite-link{border-color:rgba(122,107,246,.5);background:linear-gradient(180deg,var(--accent-soft),transparent 70%),var(--panel)}
.copy-row{display:flex;gap:8px;align-items:stretch}
.copy-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.inline-form label{flex:1 1 220px;margin:0}
.inline-form button{flex:0 0 auto}
.plain-list{list-style:none;margin:6px 0 0;padding:0}
.plain-list li{padding:4px 0;font-size:13.5px}
.operator-tag{display:inline-block;margin-top:2px;color:var(--accent-hi)}
.email-change{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.email-change summary{cursor:pointer;color:var(--accent-hi);font-size:13.5px}
.email-change form{margin-top:10px}
.tidy-list{margin:8px 0 12px;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.55}
.tidy-list li{margin:4px 0}

/* ---- Entradas e câmeras ---- */
.input-status{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.input-status>div{flex:1;min-width:0}
.input-status strong{display:block;font-size:14px;font-weight:600}
.input-status small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);flex-shrink:0}
.input-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 0 14px}
.input-main{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:14px;align-items:start}
.input-body{display:grid;gap:10px;min-width:0}
.input-card{display:grid;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.input-card[data-selected=true]{border-color:rgba(122,107,246,.55);box-shadow:0 0 0 1px rgba(122,107,246,.25)}
.input-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.input-head h2{margin:0;font-size:17px}
.input-head .chip-row{margin-top:6px}
.input-head .ingest-health{margin:0;font-size:12.5px;text-align:right;max-width:55%}
.input-card .camera-live-preview{margin:0}
.input-card details{border:1px solid var(--line);border-radius:var(--rs);padding:8px 12px;background:var(--panel2)}
.input-card details>summary{cursor:pointer;font-size:13.5px;font-weight:600}
.input-card details[open]>summary{margin-bottom:8px}
.input-card details p{margin:6px 0}
.url-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.url-row:first-of-type{border-top:0}
.url-row label{margin:0;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--faint)}
.url-row input{min-height:36px;font-size:13px}
.url-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
.url-actions button,.url-actions a{min-height:32px;padding:0 12px;font-size:13px}
.input-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.input-foot form{margin:0}
.input-manage{flex:1 1 100%}
.input-card .input-manage{background:transparent}
.add-input{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.add-input>div{flex:1 1 220px}
.add-input .inline-form{flex:2 1 360px}
.help-fold>summary{cursor:pointer;font-weight:600}
.help-fold[open]>summary{margin-bottom:6px}
@media (max-width:640px){
 .member-list,.input-grid,.input-main{grid-template-columns:minmax(0,1fr)}
 .input-head{flex-direction:column}
 .input-head .ingest-health{text-align:left;max-width:none}
 .copy-row{flex-direction:column}
 .url-row{grid-template-columns:minmax(0,1fr)}
 .url-actions{grid-column:1}
}

@media (max-width:900px){.input-main{grid-template-columns:minmax(0,1fr)}}
.action-stack{display:grid;gap:10px;margin:0 0 14px}
.action-fold{padding:0}
.action-fold>summary{cursor:pointer;padding:14px 18px;font-weight:600;font-size:15px}
.action-fold>form{padding:0 18px 16px}
.action-fold[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
.section-title{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:18px 0 8px}
.input-media{display:grid;gap:8px;min-width:0}
.input-media .camera-live-preview{margin:0}
.input-media>button{width:100%}
.chip-row{align-items:flex-start;align-content:flex-start}

/* ---- Entrar e criar conta ---- */
.auth-shell{min-height:480px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:0;max-width:1040px;margin:28px auto 36px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.45);position:relative}
.auth-shell.register{grid-template-columns:minmax(0,340px) minmax(0,1fr);max-width:1120px}
.auth-hero{position:relative;display:flex;flex-direction:column;gap:18px;padding:36px 34px;background:radial-gradient(120% 90% at 0% 0%,rgba(122,107,246,.55),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(61,214,179,.28),transparent 60%),#0b1020;border-right:1px solid var(--line)}
.auth-hero-mark{display:flex;align-items:center;gap:10px;font-size:16px}
.auth-logo{display:block;width:44px;height:44px;object-fit:contain}
.auth-hero h1{font-size:clamp(26px,3.2vw,34px);line-height:1.12;letter-spacing:-.03em;margin:8px 0 0}
.auth-lead{color:#c3c9dc;font-size:15.5px;line-height:1.55;margin:0}
.auth-shell .auth-points{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.auth-shell .auth-points li{display:flex;align-items:center;gap:12px;color:#dfe3f2;font-size:14.5px}
.auth-shell .auth-points .icon{flex:0 0 auto;width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(255,255,255,.08);color:#b9b2ff}
.auth-hero-foot{margin:auto 0 0;color:#8a92ad;font-size:12.5px}
.auth-panel{padding:36px 38px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.auth-head h2{font-size:24px;letter-spacing:-.02em;margin:0 0 4px}
.auth-head p{color:var(--muted);margin:0 0 18px}
.auth-form{display:grid;gap:14px}
.auth-form label{margin:0}
.auth-form input:not([type=checkbox]):not([type=radio]){min-height:44px;background:var(--bg)}
.auth-submit{min-height:46px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px}
.auth-switch{margin:18px 0 0;text-align:center;color:var(--muted)}
.auth-notice,.auth-error{margin:0 0 14px;padding:10px 12px;border-radius:var(--rs);font-size:13.5px}
.auth-notice{background:var(--ok-soft);color:var(--ok)}
.auth-error{background:var(--bad-soft);color:var(--bad)}
.pw-field{position:relative;display:block}
.pw-field input{padding-right:84px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:32px;padding:0 10px;font-size:12.5px;background:transparent;border:0;color:var(--accent-hi)}
.pw-toggle[hidden]{display:none}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start}
.form-grid>label{margin:0}
.auth-step{border:0;padding:0;margin:0 0 6px;min-width:0}
.auth-step legend{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;padding:0;margin:0 0 12px}
.auth-step legend span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-hi);font-size:12.5px}
.auth-panel.wide{padding:30px 34px}
.plan-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.plan-pick{position:relative;display:block;margin:0;cursor:pointer}
.plan-pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pick-body{display:grid;gap:3px;padding:14px;border:1.5px solid var(--line2);border-radius:var(--r);background:var(--bg);transition:border-color .15s,box-shadow .15s,background .15s}
.plan-pick:hover .pick-body{border-color:var(--accent)}
.plan-pick input:checked+.pick-body{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}
.plan-pick input:focus-visible+.pick-body{outline:2px solid var(--accent-hi);outline-offset:2px}
.pick-body strong{font-size:15px}
.pick-price{font-size:20px;font-weight:700;letter-spacing:-.02em}
.pick-price small{margin-left:4px;font-size:12.5px;font-weight:400;color:var(--muted)}
.pick-limits{font-size:12.5px;color:var(--muted)}
.field-help.center{text-align:center}
.auth-step .field-help{margin:10px 0 0}
.mfa-dialog .auth-error{text-align:left;margin:0 0 12px}
.mfa-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;overflow-y:auto;background:rgba(5,8,16,.72);backdrop-filter:blur(6px)}
.mfa-dialog{width:min(420px,100%);padding:28px 26px 22px;background:var(--panel);border:1px solid var(--line2);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.6);text-align:center}
.mfa-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent-hi);margin-bottom:10px}
.mfa-icon .icon{width:24px;height:24px}
.mfa-dialog h2{font-size:20px;margin:0 0 6px}
.mfa-dialog>p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 14px}
.mfa-dialog form{display:grid;gap:12px;text-align:left}
.mfa-dialog input[name=mfa_code]{text-align:center;font-size:22px;letter-spacing:.35em;font-weight:700;min-height:52px}
.mfa-dialog input[name=mfa_code]::placeholder{letter-spacing:.35em;color:var(--faint)}
.mfa-help{margin:12px 0 0!important;font-size:13px!important}

/* ---- Módulos, planos e rodapé ---- */
.plan li.off{color:var(--faint);text-decoration:line-through}
.plan li.off::before{content:"✕";color:var(--faint)}
.plan .no-renew{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:600;letter-spacing:0}
.button-link.disabled{opacity:.6;cursor:default;pointer-events:none}
.lp-faq-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px 32px;align-items:start}
.lp-faq{max-width:none}
.lp-faq h3{font-size:14px;font-weight:700;color:var(--muted);margin:0 0 4px}
.app-footer{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between;padding:18px 24px 26px;margin-top:10px;border-top:1px solid var(--line);color:var(--faint);font-size:12.5px}
.app-footer nav{display:flex;gap:14px}
.app-footer a{color:var(--muted)}
.module-grid{border:1px solid var(--line);border-radius:var(--rs);padding:12px 14px;margin:12px 0}
.module-grid legend{padding:0 6px;font-weight:700;font-size:13px}
.module-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);margin:0}
.module-row:last-child{border-bottom:0}
.module-row strong{display:block;font-size:13.5px}
.module-row small{display:block;color:var(--muted);font-size:12px}
.module-row select{flex:0 0 232px;width:232px}
.plan-admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;margin:14px 0;align-items:start}
.plan-admin{display:grid;gap:12px;align-items:start;min-width:0}
.plan-preview{display:grid;gap:6px}
.plan-preview .plan{pointer-events:none}
.plan-lock{text-align:left}
.plan-includes{list-style:none;margin:8px 0 0;padding:0}
.plan-includes li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.plan-includes li:last-child{border-bottom:0}
.plan-includes .mark{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.plan-includes .on .mark{background:var(--ok-soft);color:var(--ok)}
.plan-includes .off .mark{background:var(--panel2);color:var(--faint)}
.plan-includes .off strong{color:var(--muted)}
.plan-includes small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
@media (max-width:900px){
 .auth-shell,.auth-shell.register{grid-template-columns:minmax(0,1fr);margin:12px auto 24px;border-radius:16px}
 .auth-hero{padding:24px 22px;border-right:0;border-bottom:1px solid var(--line)}
 .auth-shell .auth-points,.auth-hero-foot,.auth-lead{display:none}
 .auth-hero h1{font-size:22px;margin:4px 0 0}
 .auth-panel,.auth-panel.wide{padding:24px 20px}
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .plan-admin{grid-template-columns:minmax(0,1fr)}
 .module-row{flex-direction:column;align-items:stretch}
 .module-row select{flex:none;width:100%}
}

/* ---- Escolha da plataforma em Destinos ---- */
.destination-add .plan-picks{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.destination-add .auth-step{margin:0 0 14px}
.destination-add .auth-step legend{font-size:14px;font-weight:700;margin-bottom:10px}
.destination-add .platform-hint{margin:12px 0 0;max-width:70ch}
.destination-add .custom-server{margin:12px 0 0}
.destination-add .custom-server[hidden],.destination-add .platform-hint[hidden]{display:none}
.platform-tag{margin-right:6px}
.platform-tag[data-platform=youtube]{color:#ff8a80;border-color:rgba(255,138,128,.4)}
.platform-tag[data-platform=twitch]{color:#c3a6ff;border-color:rgba(195,166,255,.4)}
.platform-tag[data-platform=kick]{color:#7dffa0;border-color:rgba(125,255,160,.4)}
.platform-tag[data-platform=facebook]{color:#8ab4ff;border-color:rgba(138,180,255,.4)}
.destination-add .platform-form>button{margin-top:14px}
.destination-add .platform-form+p{margin-top:12px}

/* Visão geral da administração */
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0 0 16px}
.kpi-grid .metric{display:grid;gap:2px}
.kpi-grid .metric small{font-size:12px}
.validity{color:var(--muted)}
.validity.soon{color:var(--warn,#f0b429)}
.validity.expired{color:var(--bad)}

/* ===== Administração: peças compartilhadas (cabeçalho, fichas, filtros, avatar) ===== */
.a-head{margin:0 0 22px}
.a-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.a-head h1{font-size:26px}
.a-sub{margin-top:4px;color:var(--muted);font-size:14px;max-width:62ch}
.a-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.a-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--muted);font-size:13px}
.a-back:hover{color:var(--text);text-decoration:none}
.a-back .icon{width:15px;height:15px}
.a-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600;line-height:1.5;background:var(--panel2);border:1px solid var(--line2);color:var(--muted);white-space:nowrap}
.a-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
.a-pill.ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.a-pill.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.a-pill.bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}
.a-pill.info{background:var(--accent-soft);border-color:transparent;color:var(--accent-hi)}
.a-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--accent-soft),rgba(61,214,179,.13));border:1px solid var(--line2);color:var(--accent-hi);font-weight:700;font-size:14px;letter-spacing:.02em;flex-shrink:0}
.a-av.lg{width:64px;height:64px;font-size:22px}
.a-meter{height:6px;border-radius:99px;background:var(--panel2);overflow:hidden}
.a-meter i{display:block;height:100%;border-radius:inherit;background:var(--ok)}
.a-meter.warn i{background:var(--warn)}
.a-meter.bad i{background:var(--bad)}
.a-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.a-toolbar select{width:auto;min-width:150px}
.a-search{position:relative;flex:1 1 280px;margin:0;display:block}
.a-search input{padding-left:40px}
.a-search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
.a-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.a-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid var(--line2);border-radius:99px;background:var(--panel);color:var(--muted);font-size:13.5px;font-weight:500}
.a-chip b{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}
.a-chip:hover{color:var(--text);border-color:var(--accent);text-decoration:none}
.a-chip[aria-current=true]{background:var(--accent-soft);border-color:transparent;color:#fff}
.a-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0}
.a-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:44px 18px;border:1px dashed var(--line2);border-radius:var(--r);color:var(--muted)}
.a-empty strong{color:var(--text);font-size:15.5px}
.a-kv{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.a-kv:last-child{border-bottom:0}
.a-kv dt{color:var(--muted)}
.a-kv dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.a-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:0 0 14px}
.a-card>h2{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:16px}
.a-card>.a-hint{margin:0 0 14px;color:var(--muted);font-size:13px}
.a-card>:last-child{margin-bottom:0}
.a-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 14px}
.a-choice.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.a-choice.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.a-opt{position:relative;display:block;margin:0;cursor:pointer}
.a-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.a-opt>span{display:grid;gap:2px;height:100%;padding:11px 13px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg);transition:border-color .12s,background .12s}
.a-opt strong{color:var(--text);font-size:13.5px}
.a-opt small{color:var(--muted);font-size:12.5px;line-height:1.35}
.a-opt:hover>span{border-color:var(--faint)}
.a-opt input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.a-opt input:focus-visible+span{outline:2px solid var(--accent-hi);outline-offset:2px}
.a-presets{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 14px}
.a-presets button{min-height:30px;padding:0 12px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2);color:var(--text);font-weight:500;font-size:12.5px}
.a-presets button:hover{border-color:var(--accent);filter:none}
.a-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.a-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.a-check{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);list-style:none}
.a-check:last-child{border-bottom:0}
.a-check>span:last-child{display:grid;gap:2px;min-width:0}
.a-check small{color:var(--muted);font-size:12.5px}
.a-check-mark{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--panel2);color:var(--faint);border:1px solid var(--line2)}
.a-check.ok .a-check-mark{background:var(--ok-soft);border-color:transparent;color:var(--ok)}
.a-check.warn .a-check-mark{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.a-check.bad .a-check-mark{background:var(--bad-soft);border-color:transparent;color:var(--bad)}
ul.a-checks{margin:0;padding:0}
@media (max-width:760px){.a-row2,.a-row3,.a-choice.two,.a-choice.three{grid-template-columns:1fr}.a-head h1{font-size:22px}}

/* ===== Ativar acesso / pagamentos do cliente ===== */
.bill{max-width:1040px;margin:0 auto}
.bill-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.bill-grid.is-single{grid-template-columns:minmax(0,640px)}
.bill-alert{margin:0 0 14px;padding:11px 14px;border-radius:var(--rs);background:var(--accent-soft);border:1px solid transparent;color:var(--text);font-size:13.5px}
.bill-alert.bad{background:var(--bad-soft);color:#ffd9dd}
.bill-step{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:0 0 14px}
.bill-step h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:16px}
.bill-form{counter-reset:billstep}.bill-form .bill-step{counter-increment:billstep}.bill-n::before{content:counter(billstep)}
.bill-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-hi);font-size:12.5px;font-weight:700}
.bill-plans{display:grid;gap:10px}
.bill-plan{position:relative;display:block;margin:0;cursor:pointer}
.bill-plan input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.bill-plan-body{position:relative;display:grid;gap:3px;padding:14px 16px 14px 48px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg);transition:border-color .12s,background .12s}
.bill-plan-body::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);background:var(--bg)}
.bill-plan:hover .bill-plan-body{border-color:var(--faint)}
.bill-plan input:checked+.bill-plan-body{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.bill-plan input:checked+.bill-plan-body::before{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 4px,var(--bg) 5px)}
.bill-plan input:focus-visible+.bill-plan-body{outline:2px solid var(--accent-hi);outline-offset:2px}
.bill-plan.is-off,.bill-plan input:disabled+.bill-plan-body{opacity:.55;cursor:not-allowed}
.bill-plan-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.bill-plan-top strong{font-size:15.5px}
.bill-price{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.bill-plan-line{color:var(--muted);font-size:13px}
.bill-plan-desc{color:var(--muted);font-size:12.5px;margin-top:3px}
.bill-coupon{display:flex;gap:8px}
.bill-coupon label{flex:1;margin:0}
.bill-coupon input{text-transform:uppercase;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.bill-coupon-msg{min-height:20px;margin:8px 0 0;font-size:13px;color:var(--muted)}
.bill-coupon-msg.ok{color:var(--ok)}
.bill-coupon-msg.bad{color:var(--bad)}
.bill-payer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.bill-sum{position:sticky;top:20px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.bill-sum h2{margin:0 0 10px;font-size:16px}
.bill-sum dl{margin:0}
.bill-sum dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13.5px}
.bill-sum dt{color:var(--muted)}
.bill-sum dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.bill-sum dd.ok{color:var(--ok)}
.bill-total{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:16px -20px 16px;padding:18px 20px 0;border-top:2px dashed var(--line2)}
.bill-total::before,.bill-total::after{content:"";position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.bill-total::before{left:-9px;clip-path:inset(0 0 0 50%)}
.bill-total::after{right:-9px;clip-path:inset(0 50% 0 0)}
.bill-total span{color:var(--muted);font-size:13.5px}
.bill-total strong{font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bill-sum #pay-button{width:100%;min-height:50px;font-size:15.5px}
.bill-fine,.bill-warn{margin:12px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}
.bill-warn{color:var(--warn)}
.bill-help{display:block;margin-top:12px;font-size:13px;text-align:center}
.bill-open{display:grid;gap:10px;padding:20px;margin:0 0 16px;border:1px solid var(--line2);border-left:4px solid var(--warn);border-radius:var(--r);background:var(--panel)}
.bill-open h2{margin:0}
.bill-open p{margin:0}
.bill-open-head{display:flex;gap:14px;align-items:center}
.bill-open-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--warn-soft);color:var(--warn)}
.bill-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 0}
.bill-history{margin-top:26px}
.bill-history h2{margin:0 0 10px;font-size:16px}
.bill-history ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.bill-order{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--line)}
.bill-order:last-child{border-bottom:0}
.bill-order small{display:block;color:var(--muted)}
.bill-order-end{display:flex;align-items:center;gap:12px}
.bill-order-end b{font-variant-numeric:tabular-nums}
@media (max-width:900px){.bill-grid{grid-template-columns:1fr}.bill-sum{position:static}.bill-payer{grid-template-columns:1fr}.bill-order{flex-wrap:wrap}}

/* ===== Administração: seletor de cliente, interruptores e campo de senha ===== */
.a-toggle{position:relative;display:block;margin:0 0 10px;cursor:pointer}
.a-toggle input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.a-toggle>span{display:grid;gap:2px;padding:11px 13px 11px 52px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg);position:relative;transition:border-color .12s,background .12s}
.a-toggle>span::before{content:"";position:absolute;left:13px;top:50%;width:28px;height:16px;margin-top:-8px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2)}
.a-toggle>span::after{content:"";position:absolute;left:16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--faint);transition:transform .15s,background .15s}
.a-toggle input:checked+span{border-color:var(--accent);background:var(--accent-soft)}
.a-toggle input:checked+span::before{background:var(--accent);border-color:var(--accent)}
.a-toggle input:checked+span::after{background:#fff;transform:translateX(12px)}
.a-toggle input:focus-visible+span{outline:2px solid var(--accent-hi);outline-offset:2px}
.a-toggle strong{color:var(--text);font-size:13.5px}
.a-toggle small{color:var(--muted);font-size:12.5px}
.a-picker{position:relative;margin:0 0 14px}
.a-picker>label{margin:0}
.a-picker-list{position:absolute;z-index:20;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--rs);box-shadow:0 12px 30px rgba(0,0,0,.45);max-height:290px;overflow:auto}
.a-picker-list li{display:grid;padding:8px 10px;border-radius:7px;cursor:pointer}
.a-picker-list li small{color:var(--muted)}
.a-picker-list li:hover,.a-picker-list li[aria-selected=true]{background:var(--accent-soft)}
.a-picker-list li.empty{color:var(--muted);cursor:default}
.a-picker-note{margin:6px 0 0;min-height:18px;font-size:12.5px;color:var(--ok)}
.a-foot{margin-top:18px}

/* ===== Assinaturas (lista) ===== */
.ac-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ac-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(110px,.8fr) minmax(150px,1fr) minmax(170px,1fr) auto;gap:14px 18px;align-items:center;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:border-color .12s}
.ac-row:hover{border-color:var(--line2)}
.ac-who{display:flex;align-items:center;gap:12px;min-width:0}
.ac-who>div{min-width:0}
.ac-who strong,.ac-plan strong,.ac-valid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-row small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-state{display:flex;flex-wrap:wrap;gap:6px}
.ac-valid .a-meter{margin-top:6px;max-width:170px}
@media (max-width:1080px){.ac-row{grid-template-columns:1fr 1fr;}.ac-who{grid-column:1/-1}.ac-go{grid-column:1/-1}.ac-go .button-link{width:100%}}

/* ===== Configurar acesso ===== */
.ax-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.ax-main{display:block}
.ax-side{position:sticky;top:20px}
.ax-now-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 12px}
.ax-now .a-meter{margin:0 0 10px}
.ax-now dl{margin:0}
.ax-catalog{margin:0 0 12px}
.ax-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.ax-orders{list-style:none;margin:0 0 10px;padding:0}
.ax-orders li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ax-orders li:last-child{border-bottom:0}
.ax-orders small{display:block;color:var(--muted);font-size:12.5px}
.ax-orders li>div:last-child{text-align:right}
.ax-danger{border-color:rgba(244,112,124,.28)}
.ax-timeline{list-style:none;margin:6px 0 0;padding:0 0 0 6px}
.ax-timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 18px}
.ax-timeline li:not(:last-child)::before{content:"";position:absolute;left:5px;top:16px;bottom:0;width:1px;background:var(--line2)}
.ax-dot{width:11px;height:11px;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.ax-timeline small{display:block;color:var(--muted);font-size:12.5px}
.ax-timeline p{margin:4px 0 0}
.ax-timeline details{margin-top:4px;font-size:13px}
.ax-timeline summary{color:var(--accent-hi);font-weight:500;font-size:13px}
@media (max-width:980px){.ax-grid{grid-template-columns:1fr}.ax-side{position:static}}

/* ===== Novo cliente ===== */
.nc{max-width:1060px;margin:0 auto}
.nc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.nc-side{position:sticky;top:20px}
.nc-sub{margin:6px 0 10px;font-size:14px}
.nc-pass{display:flex;flex-wrap:wrap;gap:8px}
.nc-pass input{flex:1 1 220px;width:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em}
.nc-sum-line{margin:8px 0 14px;font-size:14px;line-height:1.5}
.nc-side button{width:100%;min-height:46px}
@media (max-width:980px){.nc-grid{grid-template-columns:1fr}.nc-side{position:static}}
.a-sub-h{margin:6px 0 8px;font-size:13px;font-weight:600;color:var(--muted)}

/* ===== Cupons: cartões em forma de ingresso ===== */
.cp{max-width:1180px;margin:0 auto}
.cp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px}
.cp-ticket{--tone:var(--accent);position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .12s}
.cp-grid>li:hover .cp-ticket{border-color:var(--line2)}
.cp-stub{position:relative;display:grid;align-content:center;justify-items:center;gap:4px;padding:18px 10px;text-align:center;background:linear-gradient(160deg,var(--accent-soft),transparent 85%);border-right:2px dashed var(--line2)}
.cp-stub::before,.cp-stub::after{content:"";position:absolute;right:-9px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.cp-stub::before{top:-9px}
.cp-stub::after{bottom:-9px}
.cp-big{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--tone);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cp-small{font-size:12px;line-height:1.3;color:var(--muted)}
.cp-body{display:grid;gap:8px;padding:16px 18px;min-width:0;align-content:start}
.cp-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cp-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:700;letter-spacing:.06em;overflow-wrap:anywhere}
.cp-copy{min-height:26px;padding:0 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2);color:var(--muted);font-size:12px;font-weight:500}
.cp-copy:hover{color:var(--text);border-color:var(--accent);filter:none}
.cp-top .a-pill{margin-left:auto}
.cp-name{margin:0;font-weight:600;font-size:14.5px}
.cp-use{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.cp-use .a-meter{flex:1;min-width:60px}
.cp-use span{white-space:nowrap;font-variant-numeric:tabular-nums}
.cp-rules,.cp-for{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}
.cp-for:empty,.cp-rules:empty{display:none}
.cp-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cp-actions form{margin:0}
.cp-actions .button-link,.cp-actions button{min-height:32px;padding:0 12px;font-size:13px}
.cp-ticket[data-state=expired] .cp-big,.cp-ticket[data-state=archived] .cp-big,.cp-ticket[data-state=exhausted] .cp-big{color:var(--faint)}
.cp-ticket[data-state=expired],.cp-ticket[data-state=archived]{opacity:.78}
.cp-ticket[data-state=active] .cp-big{color:var(--ok)}
.cp-ticket[data-state=active] .cp-stub{background:linear-gradient(160deg,var(--ok-soft),transparent 85%)}
.cp-ticket[data-state=scheduled] .cp-big{color:var(--accent-hi)}
.cp-ticket[data-state=exhausted] .cp-stub{background:linear-gradient(160deg,var(--warn-soft),transparent 85%)}
@media (max-width:560px){.cp-grid{grid-template-columns:1fr}.cp-ticket{grid-template-columns:104px minmax(0,1fr)}.cp-big{font-size:21px}}

/* ===== Cupons: formulário ===== */
.cpf{max-width:1060px;margin:0 auto}
.cpf-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.cpf-side{position:sticky;top:20px}
.cpf-side .cp-ticket{grid-template-columns:112px minmax(0,1fr);margin:0 0 14px}
.cpf-side .cp-big{font-size:22px}
.cpf-code{display:flex;gap:8px;align-items:flex-end}
.cpf-code label{flex:1;margin:0}
.cpf-code input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.cpf-code button{min-height:42px;white-space:nowrap}
.cpf-save{width:100%;min-height:48px;font-size:15px}
.cpf-main .a-hint{margin:6px 0 12px;color:var(--muted);font-size:13px}
@media (max-width:980px){.cpf-grid{grid-template-columns:1fr}.cpf-side{position:static;order:-1}}

/* ===== Ficha do cliente e revisão ===== */
.bill-alert.ok{background:var(--ok-soft);color:#c9f6ea}
.fx,.rv{max-width:1180px;margin:0 auto}
.fxo{max-width:760px;margin:0 auto}
.fx-mailline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fx-hero{display:flex;align-items:center;flex-wrap:wrap;gap:16px 18px;margin:0 0 16px;padding:20px 22px;background:linear-gradient(120deg,var(--accent-soft),transparent 60%),var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.fx-who{flex:1;min-width:240px;display:grid;gap:8px}
.fx-who h1{margin:0;font-size:26px;letter-spacing:-.01em;overflow-wrap:anywhere}
.fx-hero .a-actions{display:flex;flex-wrap:wrap;gap:8px}
.fx-mailline{margin:0;color:var(--muted);font-size:14px}
.fx-pills{display:flex;flex-wrap:wrap;gap:8px}
.fx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.fx-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fx-kpi{display:grid;gap:4px;align-content:start;padding:15px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.fx-kpi span{color:var(--muted);font-size:12.5px}
.fx-kpi strong{font-size:20px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-kpi small{color:var(--muted);font-size:12.5px}
.fx-kpi .a-meter{margin-top:6px}
.fx-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.fx-main,.fx-side{min-width:0}
.fx-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.fx-card-head h2{margin:0}
.fx-card-links{display:flex;gap:14px;font-size:13px}
.fx-card dl{margin:4px 0 12px}
.fx-form .a-sub-h{margin:16px 0 8px}
.fx-form .a-sub-h:first-of-type{margin-top:6px}
.fx-form textarea{width:100%;min-height:96px;resize:vertical}
.fx-opt{display:inline;color:var(--faint);font-weight:400;font-size:12px;margin-left:4px}
.fx-save{display:flex;justify-content:flex-end;margin-top:6px}
.fx-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fx-links .button-link{min-height:34px;padding:0 14px;font-size:13px}
.fx-people{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:8px}
.fx-people li{display:flex;align-items:center;gap:10px}
.fx-people .a-av{width:30px;height:30px;font-size:12px}
.fx-people li>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.fx-mail{margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}
.fx-danger{margin-top:12px;border:1px solid rgba(244,112,124,.28);border-radius:var(--rs);background:rgba(244,112,124,.05)}
.fx-danger summary{padding:10px 14px;color:var(--bad);font-weight:600;font-size:13.5px;cursor:pointer}
.fx-danger form{padding:0 14px 14px}
.fx-danger p{margin:0 0 10px;color:var(--muted);font-size:13px}
.fx-remove-list{margin:0 0 12px;padding-left:18px;color:var(--muted);font-size:13px;display:grid;gap:6px}
.fx-remove label{display:grid;gap:4px;margin:0 0 10px;font-size:13px}
.fx-remove .bill-alert{margin:0 0 10px}
.cl-remove{color:var(--bad)}
.fx-card details:not(.fx-danger){margin-top:10px}
.rv-score{margin:0 0 6px;color:var(--muted);font-size:13.5px}
.rv-score b{color:var(--text);font-size:18px}
.rv-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.rv-note{margin:0 0 14px;padding:11px 14px;border-radius:var(--rs);background:var(--warn-soft);color:#ffe3ad;font-size:13.5px;line-height:1.45}
.rv-decision form{margin-top:4px}
.rv-go{width:100%;min-height:48px;font-size:15px}
@media (max-width:1080px){.fx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.fx-grid{grid-template-columns:1fr}.rv .fx-side{order:-1}}
@media (max-width:560px){.fx-hero{align-items:flex-start;padding:18px}.fx-kpis{gap:10px}.fx-kpi{padding:13px 14px}.fx-kpi strong{font-size:17px}}
.rv-decision>p,.rv-decision form{margin-top:0}
.rv-decision>p{margin-bottom:12px}

/* ===== Cadastro de novos clientes (chave) ===== */
.regbar{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--panel);color:var(--text);font-size:13.5px}
.regbar:hover{border-color:var(--accent);text-decoration:none}
.regbar-dot{width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft);flex-shrink:0}
.regbar.is-open .regbar-dot{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.regbar-go{margin-left:auto;color:var(--accent-hi);font-weight:600}
.reg{max-width:1060px;margin:0 auto}
.reg-lead{margin:6px 0 4px;font-size:16px;line-height:1.5}
.reg-status form{margin-top:16px;display:grid;gap:12px;max-width:460px}
.reg-status.is-closed{border-color:rgba(244,112,124,.3)}
.reg-status.is-open{border-color:rgba(61,214,179,.3)}
.reg-list{margin:8px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--muted);font-size:13.5px;line-height:1.45}
.lp-soon{display:inline-block;margin:0 0 14px;padding:9px 14px;border-radius:var(--rs);background:var(--warn-soft);color:#ffe3ad;font-size:14px}
.auth-closed{margin:0 0 18px;padding:12px 14px;border-radius:var(--rs);background:var(--accent-soft);line-height:1.5}
/* Pagamentos (administrador) */
.pg{max-width:1040px}
.pg .a-hint-inline{color:var(--faint);font-weight:400;font-size:12px}
.pg-status{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;margin:0 0 14px;padding:14px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);border-left:4px solid var(--faint)}
.pg-status>div{display:grid;gap:3px;min-width:240px;flex:1}
.pg-status strong{font-size:15px}
.pg-status span{color:var(--muted);font-size:13.5px;line-height:1.45}
.pg-status.ok{border-left-color:var(--ok);background:linear-gradient(100deg,var(--ok-soft),var(--panel) 70%)}
.pg-status.warn{border-left-color:var(--warn);background:linear-gradient(100deg,var(--warn-soft),var(--panel) 70%)}
.pg-status.bad{border-left-color:var(--bad);background:linear-gradient(100deg,var(--bad-soft),var(--panel) 70%)}
.pg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.pg-kpi{display:grid;gap:4px;align-content:start;padding:15px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);color:inherit}
a.pg-kpi:hover{border-color:var(--line2);text-decoration:none}
.pg-kpi span{color:var(--muted);font-size:12.5px}
.pg-kpi strong{font-size:22px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-kpi small{color:var(--muted);font-size:12.5px}
.pg-kpi.warn{border-color:rgba(240,182,78,.4)}
.pg-kpi.warn strong{color:var(--warn)}
.pg-tabs{display:flex;gap:4px;margin:0 0 16px;border-bottom:1px solid var(--line);overflow-x:auto}
.pg-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:-1px;color:var(--muted);font-weight:600;font-size:14.5px;border-bottom:2px solid transparent;white-space:nowrap}
.pg-tabs a:hover{color:var(--text);text-decoration:none}
.pg-tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}
.pg-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2);font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.pg-badge.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.pg-copied{min-height:0;margin:0 0 8px;color:var(--ok);font-size:13px}
.pg-copied:empty{display:none}
.pg-h2{display:flex;align-items:center;gap:10px;margin:22px 0 12px;font-size:18px}
.pg-list{display:grid;gap:10px}
.pg-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:15px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.pg-order:hover{border-color:var(--line2)}
.pg-order[data-status=review],.pg-order[data-status=uncertain]{border-left:3px solid var(--warn)}
.pg-order[data-status=paid]{border-left:3px solid var(--ok)}
.pg-o-main{display:grid;gap:3px;min-width:0}
.pg-o-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pg-o-who{font-size:15px;overflow-wrap:anywhere}
.pg-o-sub,.pg-o-meta{margin:0;font-size:13px;color:var(--muted)}
.pg-o-meta{color:var(--faint)}
.pg-o-amt{display:grid;justify-items:end;gap:2px;text-align:right}
.pg-o-amt strong{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pg-o-amt small{color:var(--faint);font-size:12px}
.pg-more{grid-column:1/-1;margin:4px 0 0;border-top:1px solid var(--line);padding-top:8px}
.pg-more>summary{color:var(--accent-hi);font-size:13px;font-weight:600}
.pg-more-body{display:grid;gap:10px;padding:10px 0 2px}
.pg-dl{margin:0}
.pg-dl code,.pg-conn code{font-size:12px;overflow-wrap:anywhere}
.pg-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pg-acts form{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.pg-acts button,.pg-acts .button-link{min-height:34px;padding:0 14px;font-size:13px}
.pg-resolve{border:1px solid var(--line2);border-radius:var(--rs);padding:10px 14px;background:var(--bg2)}
.pg-resolve summary{cursor:pointer;font-weight:600;font-size:13.5px}
.pg-conns{display:grid;gap:14px}
.pg-conn{padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:14px}
.pg-conn[data-active=yes]{border-color:rgba(61,214,179,.45);background:linear-gradient(120deg,var(--ok-soft),var(--panel) 55%)}
.pg-conn-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pg-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-weight:800;font-size:15px;letter-spacing:.02em;background:var(--panel2);border:1px solid var(--line2);color:var(--accent-hi)}
.pg-logo[data-p=mercadopago]{background:#ffe600;border-color:#ffe600;color:#2d3277}
.pg-logo[data-p=asaas]{background:#0a4ea3;border-color:#0a4ea3;color:#fff}
.pg-conn-id{flex:1;min-width:180px}
.pg-conn-id h3{margin:0;font-size:16.5px;overflow-wrap:anywhere}
.pg-conn-id p{margin:2px 0 0;color:var(--muted);font-size:13px}
.pg-conn-pills{display:flex;gap:8px;flex-wrap:wrap}
.pg-checks{border-top:1px solid var(--line);padding-top:6px!important}
.pg-hook{display:grid;gap:6px;font-size:13px;color:var(--muted);margin:0}
.pg-hook-row{display:flex;gap:8px;align-items:center}
.pg-hook-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
.pg-hook-row button{flex:none;min-height:38px;padding:0 14px;font-size:13px}
.pg-manage,.pg-new{border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg2)}
.pg-manage>summary,.pg-new>summary{padding:12px 16px;font-weight:600;font-size:14px;align-items:baseline}
.pg-new{margin:0 0 4px;border-color:rgba(122,107,246,.4);background:linear-gradient(120deg,var(--accent-soft),var(--bg2) 60%)}
.pg-new>summary{font-size:15.5px;padding:15px 18px}
.pg-new>summary small{color:var(--muted);font-weight:400;font-size:13px}
.pg-form{display:grid;gap:12px;padding:4px 18px 18px}
.pg-form h4{margin:10px 0 0;font-size:14.5px}
.pg-form label{margin:0}
.pg-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);cursor:pointer}
.pg-check input{width:auto;margin-top:3px;flex:none}
.pg-danger{margin-top:6px;padding:14px 16px;border:1px solid rgba(244,112,124,.28);border-radius:var(--rs);background:var(--bad-soft);display:grid;gap:10px}
.pg-danger h4{margin:0;color:var(--bad)}
.pg-why{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}
.pg-help{display:grid;gap:12px;padding:12px 14px;border:1px dashed var(--line2);border-radius:var(--rs);font-size:13px;color:var(--muted)}
.pg-help strong{color:var(--text)}
.pg-help ol{margin:6px 0 0;padding-left:20px;display:grid;gap:6px;line-height:1.5}
.pg-help code{font-size:12px;background:var(--panel2);padding:1px 6px;border-radius:6px}
.pg-form:has(input[name=provider][value=asaas]:checked) .pg-help-mp{display:none}
.pg-form:has(input[name=provider][value=mercadopago]:checked) .pg-help-asaas{display:none}
.pg-audit{list-style:none;margin:0;padding:0;display:grid}
.pg-ev{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.pg-ev:last-child{border-bottom:0}
.pg-ev-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--faint)}
.pg-ev.ok .pg-ev-dot{background:var(--ok)}
.pg-ev.warn .pg-ev-dot{background:var(--warn)}
.pg-ev.bad .pg-ev-dot{background:var(--bad)}
.pg-ev.info .pg-ev-dot{background:var(--accent-hi)}
.pg-ev>div{display:grid;gap:2px;min-width:0}
.pg-ev small{color:var(--muted);font-size:12.5px}
@media (max-width:980px){.pg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pg-order{grid-template-columns:1fr}.pg-o-amt{justify-items:start;text-align:left}.pg-form{padding:4px 14px 16px}.pg-hook-row{flex-wrap:wrap}.pg-status{padding:13px 14px}.pg-conn{padding:16px 14px}}

/* Renovação automática: escolha da forma de pagar, painel do acordo e QR do Pix. */
.bill-methods{display:grid;gap:10px}
.bill-method{position:relative;display:block;margin:0;cursor:pointer}
.bill-method input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.bill-method>span{position:relative;display:grid;gap:2px;padding:13px 16px 13px 48px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg);transition:border-color .12s,background .12s}
.bill-method>span::before{content:"";position:absolute;left:16px;top:16px;width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);background:var(--bg)}
.bill-method:hover>span{border-color:var(--faint)}
.bill-method input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.bill-method input:checked+span::before{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 4px,var(--bg) 5px)}
.bill-method input:focus-visible+span{outline:2px solid var(--accent-hi);outline-offset:2px}
.bill-method input:disabled+span{opacity:.5;cursor:not-allowed}
.bill-method strong{font-size:14.5px}
.bill-method small{color:var(--muted);font-size:12.5px}
.bill-renew.is-ok{border-left-color:var(--ok)}
.bill-renew.is-ok .bill-open-ico{background:var(--ok-soft);color:var(--ok)}
.bill-renew.is-bad{border-left-color:var(--bad)}
.bill-renew.is-bad .bill-open-ico{background:var(--bad-soft);color:var(--bad)}
.bill-renew.is-info{border-left-color:var(--accent)}
.bill-renew.is-info .bill-open-ico{background:var(--accent-soft);color:var(--accent-hi)}
.bill-pix{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.bill-pix-qr{padding:10px;border-radius:var(--rs);background:#fff;line-height:0}
.bill-pix-qr svg{display:block;width:200px;height:200px;max-width:100%}
.bill-pix-code{display:grid;gap:8px;min-width:0}
.bill-pix-code label{display:grid;gap:6px;margin:0}
.bill-pix-code input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-overflow:ellipsis}
.bill-pix-code button{justify-self:start}
@media (max-width:640px){.bill-pix{grid-template-columns:1fr}.bill-pix-qr{justify-self:center}}
.pg-renew{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg)}
.pg-renew h4{margin:0}

#method-note{margin-top:12px}
#method-note:empty{display:none}
.bill-renew .button-link{white-space:normal;text-align:center;max-width:100%}

.pg-ev .pg-cause{color:var(--text);overflow-wrap:anywhere;font-size:13px}

/* Períodos de cobrança: cartão do plano, formulário do admin e escolha na tela de pagamento */
.plan .plan-periods{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.plan .plan-periods>small{color:var(--muted);font-size:12.5px}
.plan .plan-periods ul{flex:none;gap:4px}
.plan .plan-periods li::before{content:none;margin:0}
.plan .plan-periods a,.plan .plan-periods .pp-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line2);border-radius:var(--rs);color:var(--text);text-decoration:none}
.plan .plan-periods a:hover{border-color:var(--accent)}
.plan .plan-periods .pp-name{flex:1;font-weight:600;font-size:14px}
.plan .plan-periods .pp-price{display:grid;text-align:right;font-weight:700;font-size:14px}
.plan .plan-periods .pp-price small{font-weight:400;font-size:11.5px;color:var(--muted)}
.plan .plan-periods em{font-style:normal;font-weight:700;font-size:12px;padding:2px 7px;border-radius:999px;background:var(--ok-soft);color:var(--ok)}
.period-grid{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--rs);padding:12px}
.period-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(110px,1fr) minmax(110px,1fr);gap:10px;align-items:end;padding:8px 0;border-top:1px solid var(--line)}
.period-row:first-of-type{border-top:0}
.period-row .period-hint{grid-column:1/-1}
@media (max-width:640px){.period-row{grid-template-columns:1fr}}
.bill-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}
.bill-periods[hidden]{display:none}
.bill-period{position:relative;display:flex;margin:0;cursor:pointer}
.bill-period input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.bill-period>span{position:relative;flex:1;display:grid;align-content:start;gap:2px;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg)}
.bill-period:hover>span{border-color:var(--faint)}
.bill-period input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.bill-period input:focus-visible+span{outline:2px solid var(--accent-hi);outline-offset:2px}
.bill-period input:disabled+span{opacity:.5;cursor:not-allowed}
.bill-period strong{font-size:14.5px}
.bill-period b{font-size:15px}
.bill-period small{color:var(--muted);font-size:12.5px}
.bill-period em{justify-self:start;font-style:normal;font-weight:700;font-size:12px;padding:2px 7px;border-radius:999px;background:var(--ok-soft);color:var(--ok)}
.bill-cover{border:1px solid var(--line2);border-left:4px solid var(--accent);border-radius:var(--rs);padding:14px 16px;background:var(--panel);display:grid;gap:6px}
.bill-cover h2{font-size:16px;margin:0}
.bill-cover p{margin:0}
.bill-sum-note{color:var(--muted);font-size:12.5px;margin:6px 0 0}
.pick-more{font-size:12px;color:var(--ok)}
.bill-sum #pay-button{white-space:normal;line-height:1.25;height:auto;min-height:44px;padding-block:10px;overflow-wrap:anywhere}
#period-step .field-help{margin-top:12px}
.period-row .check-label>span{display:grid;gap:2px}

/* ===== 1.8.0: catálogo de planos (lista e editor) e troca de período da página inicial ===== */
.is-switchable .plan .plan-periods{display:none}
.pt-grid{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.pt{display:grid;gap:14px;align-content:start;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.pt[data-state=archived]{opacity:.72}
.pt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px 12px;flex-wrap:wrap}
.pt-head h2{font-size:18px;letter-spacing:-.01em}
.pt-head small{display:block;margin-top:2px;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pt-pills{display:flex;gap:6px;flex-wrap:wrap}
.pt-prices{list-style:none;margin:0;padding:0}
.pt-prices li{display:grid;grid-template-columns:minmax(0,1fr) auto 54px;gap:10px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line)}
.pt-per small{margin-left:4px;color:var(--faint);font-size:11.5px}
.pt-val{display:grid;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.pt-val small{font-weight:400;color:var(--muted);font-size:12px}
.pt-prices em{font-style:normal;font-size:12px;font-weight:700;color:var(--ok);text-align:right}
.pt-prices .pt-consult{display:block;color:var(--muted)}
.pt-facts{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:13px}
.pt-ways{display:flex;gap:6px;flex-wrap:wrap}
.pt-clients{margin:0;color:var(--muted);font-size:13px}
.pt-clients strong{color:var(--text)}
.pt-actions{display:flex;gap:8px;flex-wrap:wrap}
.pe{max-width:1100px;margin:0 auto}
.pe-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.pe-side{position:sticky;top:20px}
.pe-side .plan-preview .plan{pointer-events:none}
.pe-side .cpf-save{margin-top:14px}
.pe-cancel{width:100%;margin-top:8px}
.pe-lbl{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--muted)}
.pe-num{display:inline-block;position:relative;margin:0 6px 0 0;cursor:pointer}
.pe-num input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pe-num span{display:grid;place-items:center;width:54px;height:44px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg);color:var(--text);font-weight:700;font-size:16px}
.pe-num input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.pe-num input:focus-visible+span{outline:2px solid var(--accent-hi);outline-offset:2px}
.pe-pers h3{margin:8px 0 6px;font-size:14px}
.pe-per{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,1.7fr);gap:8px 16px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.pe-per .a-toggle{margin:0}
.pe-per-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pe-per-fields label{margin:0}
.pe-calc{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}
.pe-calc.ok{color:var(--ok)}
.pe-calc.warn{color:var(--warn)}
.pe-count{color:var(--faint)}
@media (max-width:980px){.pe-grid{grid-template-columns:minmax(0,1fr)}.pe-side{position:static;order:-1}}
@media (max-width:640px){.pe-per{grid-template-columns:minmax(0,1fr)}.pe-per-fields{grid-template-columns:minmax(0,1fr)}.pt-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- 1.8.0: cupons com renovação ---------- */
.cp-where{display:flex;flex-wrap:wrap;gap:6px}
.cp-where:empty{display:none}
.cp-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:99px;border:1px solid var(--line2);background:var(--panel2);color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}
.cp-tag.renew{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}
.cp-tag.mute{color:var(--faint)}
.cp-terms{margin:0;font-size:12.5px;line-height:1.45}
.cpf-dur{margin:6px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.cpf-dur h3{margin:0 0 10px;font-size:14px}
.cpf-n{max-width:300px}
.cpf-how-title{margin:18px 0 8px;font-size:14px}
.cpf-how{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.cpf-how li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}
.cpf-how strong{font-size:12.5px;color:var(--muted);font-weight:600}
.cpf-how span{font-size:13.5px;line-height:1.4}
.cpf-side .cp-where{margin:0}
.bill-coupon-line{margin:8px 0 0;padding:8px 12px;border-radius:var(--rs);background:var(--accent-soft);font-size:13.5px}
.bill-sum-note p{margin:0 0 6px}
.bill-sum-note p:last-child{margin:0}
.bill-method input:disabled+span{opacity:.5;cursor:not-allowed}
.bill-method:has(input:disabled){cursor:not-allowed}
.cp-grid>li{display:flex}
.cp-grid>li>.cp-ticket{flex:1;min-width:0}
.cp-stub .cp-big{font-size:24px;white-space:nowrap;overflow-wrap:normal}
.a-card>h2+.a-presets{margin:10px 0 14px}
@media (max-width:560px){.cp-stub .cp-big{font-size:20px}}

/* ---------- 1.9.0: limpeza de pagamentos de teste ---------- */
.pg-tests{display:grid;gap:10px;margin:0 0 14px;padding:14px 18px;border:1px dashed var(--line2);border-radius:var(--r);background:var(--panel)}
.pg-tests-head{display:flex;align-items:center;gap:12px}
.pg-tests-head strong{display:block;font-size:14.5px}
.pg-tests-head div>span{color:var(--muted);font-size:13px}
.pg-tests-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--warn-soft);color:var(--warn)}
.pg-tests-ico .icon{width:18px;height:18px}

/* 1.9.0 — Financeiro */
.fn-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;margin:0 0 14px}
.fn-grid .a-card{margin:0}
.fn-bars{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.fn-bars li{display:grid;grid-template-columns:54px minmax(0,1fr) 112px;gap:12px;align-items:center;font-size:13.5px}
.fn-bars li span{color:var(--muted)}
.fn-bars li b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.fn-bars .a-meter{height:10px}
.fn-bars li.now span{color:var(--text);font-weight:600}
.fn-manual{display:grid;gap:0;margin:12px 0 14px}
.fn-manual>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.fn-manual dt{color:var(--muted);font-size:13.5px}
.fn-manual dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.fn-clean>h2{margin-bottom:10px}
.fn-clean>h2 svg{width:18px;height:18px;color:var(--muted)}
.fn-clean .pg-tests{margin:0;border:0;padding:0;background:none}
.fn-new{padding:0}
.fn-new>summary{display:flex;align-items:center;gap:8px;padding:15px 20px;cursor:pointer;font-weight:600;list-style:none}
.fn-new>summary::-webkit-details-marker{display:none}
.fn-new>summary svg{width:18px;height:18px;color:var(--accent-hi)}
.fn-new[open]>summary{border-bottom:1px solid var(--line)}
.fn-new>form{padding:16px 20px 20px;display:grid;gap:2px}
.fn-row .fn-toggle{margin:0}
.fn-row[data-state=void]{opacity:.72}
.fn-bulk{margin:16px 0 0}
.fn-note{margin:0 0 14px}
.fn-audit{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.fn-audit li{display:flex;gap:12px;align-items:flex-start;padding:13px 18px;border-top:1px solid var(--line)}
.fn-audit li:first-child{border-top:0}
.fn-audit-dot{flex:none;width:8px;height:8px;margin-top:7px;border-radius:99px;background:var(--accent)}
.fn-audit strong{display:block;font-size:14.5px}
.fn-audit small{color:var(--muted);font-size:12.5px}
@media (max-width:820px){.fn-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.fn-bars li{grid-template-columns:48px minmax(0,1fr) 92px;gap:8px}}

/* 1.9.0 — Equipe e permissões */
.tm-add{margin:0 0 16px}
.tm-add>h2 svg{width:18px;height:18px;color:var(--accent-hi)}
.tm-add .a-toolbar{margin:0}
.tm-found-list{display:grid;gap:10px;margin:14px 0 0}
.tm-found,.tm-card{display:grid;gap:8px;padding:15px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.tm-found{background:var(--bg2)}
.tm-list{display:grid;gap:12px}
.tm-card[data-status=suspended]{opacity:.8}
.tm-top{display:flex;align-items:center;gap:12px;min-width:0}
.tm-who{display:grid;gap:1px;min-width:0;flex:1}
.tm-who strong{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-who span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-me{font-style:normal;font-weight:600;font-size:11.5px;color:var(--accent-hi);padding:1px 7px;border-radius:99px;background:var(--accent-soft);margin-left:6px;vertical-align:1px}
.tm-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.tm-meta{margin:0;color:var(--muted);font-size:13px}
.tm-perms{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.tm-form{display:grid;gap:4px}
.tm-form .a-choice{margin:4px 0 8px}
.tm-form .a-hint{margin:0 0 6px}
.tm-perm-list{display:grid;margin:6px 0 10px;padding:2px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg2)}
.tm-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:0 0 16px}
.tm-role{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.tm-role-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.tm-role-top strong{display:block;font-size:15.5px}
.tm-role-top small{display:block;margin-top:2px;color:var(--muted);font-size:13px}
.tm-role-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:4px;color:var(--muted);font-size:13px}
.tm-role-foot .button-link{min-height:32px;padding:0 12px;font-size:13px}
.tm-matrix{width:100%;border-collapse:collapse;min-width:560px}
.tm-matrix th,.tm-matrix td{padding:10px 12px;border-top:1px solid var(--line);text-align:center;vertical-align:middle}
.tm-matrix thead th{border-top:0;font-size:13px;font-weight:600;vertical-align:bottom}
.tm-matrix thead small{display:block;margin-top:2px;color:var(--muted);font-weight:400}
.tm-matrix tbody th{text-align:left;font-weight:600;font-size:14px}
.tm-matrix tbody th small{display:block;margin-top:2px;color:var(--muted);font-weight:400;font-size:12.5px;max-width:34ch}
.tm-matrix thead th:first-child{text-align:left}
.tm-yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:13px}
.tm-no{color:var(--line2)}
.tm-sens{margin-left:6px;padding:1px 6px;border-radius:5px;background:var(--warn-soft);color:var(--warn);font-size:11px;font-weight:700}
@media (max-width:640px){
 .tm-top{flex-wrap:wrap}
 .tm-pills{width:100%;justify-content:flex-start}
 .tm-roles{grid-template-columns:minmax(0,1fr)}
}

/* 1.9.0 — Parceiros e resultados */
.pt-main{display:flex;align-items:flex-start;gap:12px}
.pt-main>div{min-width:0}
.pt-new{padding:16px 20px 20px}
.pt-form{display:grid;gap:2px}
.pt-form textarea{min-height:76px}
.pt-filter{padding:16px 20px;margin:0 0 16px}
.pt-filter .a-row2 .a-row2{gap:0 10px}
.pg-o-sub a{color:var(--accent-hi)}
@media (max-width:760px){.pt-filter .a-row2 .a-row2{grid-template-columns:1fr 1fr}}

/* 1.9.0 — Atendimento */
a.sp-row{color:inherit;text-decoration:none}
a.sp-row:hover{border-color:var(--line2);text-decoration:none}
a.sp-row[data-status=closed]{opacity:.75}
.sp-state{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2);font-size:13px;font-weight:600}
.sp-proto{margin:-8px 0 14px;font-size:12.5px;overflow-wrap:anywhere}
.sp-thread{display:grid;gap:10px;margin:0 0 16px}
.sp-msg{max-width:min(680px,92%);padding:12px 16px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--panel)}
.sp-msg.staff{justify-self:end;border-radius:14px 14px 4px 14px;background:var(--accent-soft);border-color:transparent}
.sp-msg strong{font-size:13.5px}
.sp-msg small{color:var(--muted);font-size:12px}
.sp-msg p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.5}
.sp-older{margin:0 0 12px}
.sp-reply{display:grid;gap:8px}
.sp-reply form{margin:0}
.sp-reply textarea{min-height:96px}
@media (max-width:640px){.sp-msg{max-width:100%}}
#support-live-note{margin:0 0 12px;color:var(--muted);font-size:13px}

/* 1.9.0 — Avisos */
.an-label{margin:6px 0 2px;color:var(--muted);font-size:13px}
.an-quota{display:flex;align-items:center;gap:14px;margin:0 0 14px;color:var(--muted);font-size:13.5px}
.an-quota .a-meter{flex:1;max-width:220px}
.an-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);font-size:13px}
.an-quick button{min-height:30px;padding:0 12px;font-size:13px}
.an-prev{margin:8px 0 14px;padding:12px 14px;border:1px dashed var(--line2);border-radius:var(--rs);background:var(--bg2)}
.an-prev-label{display:block;margin:0 0 8px;color:var(--muted);font-size:12.5px}
.an-prev article{padding:10px 14px;border-left:3px solid var(--accent);background:var(--panel);border-radius:var(--rs)}
.an-prev small{color:var(--muted);font-size:12px}
.an-prev h3{margin:2px 0;font-size:14px}
.an-prev p{margin:0;font-size:13px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.an-body{margin:0;color:var(--muted);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.an-acts{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.an-acts form{margin:0}
.an-acts .button-link,.an-acts button{min-height:32px;padding:0 14px;font-size:13px}
.an-card[data-status=ended],.an-card[data-status=off]{opacity:.75}
.an-hist{margin:16px 0 0}
.an-hist .fn-audit{margin-top:10px}

/* 1.9.0 — Backups */
.a-card>h2 svg{width:18px;height:18px;color:var(--accent-hi);flex:none}
.bk-pass{display:grid;gap:8px;margin:0 0 4px}
.bk-tools{display:flex;flex-wrap:wrap;gap:8px}
.bk-tools button{min-height:32px;padding:0 14px;font-size:13px}
.bk-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 14px}
.bk-cols .a-card{margin:0}
.bk-list{margin:10px 0;padding-left:18px;display:grid;gap:6px;font-size:14px}
.bk-list strong{font-weight:600}
.bk-restore{margin:0 0 4px}
.bk-restore ol{margin:10px 0 8px;padding-left:20px;display:grid;gap:6px;font-size:14px}
@media (max-width:760px){.bk-cols{grid-template-columns:minmax(0,1fr)}}
.pt-form .a-hint{margin:2px 0 10px}

/* 1.9.0 — Auditoria */
.au-list{list-style:none;margin:0 0 16px;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.au-row{padding:13px 18px;border-top:1px solid var(--line)}
.au-row:first-child{border-top:0}
.au-main{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.au-main strong{font-size:14.5px}
.au-meta{margin:3px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.au-meta a{color:var(--accent-hi)}
.au-toggle{margin-left:auto}
@media (max-width:640px){.au-toggle{margin-left:0}}

/* 1.9.0 — Meu autenticador */
.mf-steps{list-style:none;counter-reset:mf;margin:12px 0 16px;padding:0;display:grid;gap:12px}
.mf-steps li{counter-increment:mf;display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 12px;align-items:start}
.mf-steps li::before{content:counter(mf);grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-hi);font-weight:700;font-size:13px}
.mf-steps strong{font-size:14.5px}
.mf-steps span{color:var(--muted);font-size:13.5px}
.mf-kpis{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}
.mf-manual{margin:10px 0;padding-left:20px;display:grid;gap:6px;font-size:14px}
.mf .mfa-qr{display:grid;place-items:center;margin:4px 0 14px}
.mf textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.04em}
@media (max-width:520px){.mf-kpis{grid-template-columns:minmax(0,1fr)}}

/* ---- 1.9.0: Motores ---- */
.en-cap{display:grid;gap:12px;margin:0 0 18px}
.en-cap .pg-kpis{margin:0}
.en-meter{height:8px}
.en-limit .pt-form{padding:4px 20px 18px}
.en-row[data-engine=wait]{border-left:3px solid var(--warn)}
.en-row[data-engine=ok]{border-left:3px solid var(--ok)}
.en-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.en-act{justify-items:end;align-content:center}
.en-act form{margin:0}
.en-revoke{max-width:360px}
.en-revoke .pg-acts{margin-top:8px}
.en-how{margin-top:18px}
.en-how .quick-steps,.en-how .a-hint{margin:0;padding:2px 20px 16px 40px}
.en-how .a-hint{padding-left:20px}
.en-token{display:grid;gap:10px;margin-bottom:14px}
.en-token label{font-weight:600}
.en-token-row{display:flex;gap:8px;flex-wrap:wrap}
.en-token-row input{flex:1;min-width:220px}
.en-next h2{margin:0 0 8px;font-size:16px}
.en-next .quick-steps{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}
@media (max-width:640px){.en-act{justify-items:start}.en-revoke{max-width:none}}
.en-who{font-weight:600;color:inherit}
.en-who:hover{color:var(--accent-hi);text-decoration:none}
.en-row{padding:12px 18px}
.en-row .pg-o-sub{overflow-wrap:anywhere}

/* ---- 1.9.0: Operação ao vivo ---- */
.op-update{margin:0 0 12px}
.op-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 16px}
.op-kpi{padding:13px 15px}
.op-kpi strong{font-size:22px}
.op-kpi[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}
.op-kpi.op-risk strong:not(:empty){color:inherit}
.op-page{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;font-size:13px}
.op-page b{color:var(--text);font-variant-numeric:tabular-nums}
.op-row[data-tone=bad]{border-left:3px solid var(--bad)}
.op-row[data-tone=warn]{border-left:3px solid var(--warn)}
.op-row[data-tone=ok]{border-left:3px solid var(--ok)}
.op-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.op-dest strong{font-size:13.5px;font-weight:600;letter-spacing:0}
.op-dest .op-links{display:flex;gap:12px;margin-top:4px;font-size:13px}
.op-alerts{display:grid;gap:8px}
.op-alert{border-left:3px solid var(--warn);padding:8px 12px;background:var(--bg2);border-radius:var(--rs)}
.op-alert.bad{border-left-color:var(--bad)}
.op-alert.info{border-left-color:var(--accent)}
.op-alert strong{font-size:13.5px}
.op-alert p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.op-dests{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.op-dests li{display:flex;align-items:center;gap:8px;font-size:13px}
@media (max-width:1100px){.op-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.op-dest{justify-items:start}}

/* ---- 1.9.0: Visão geral ---- */
.mg-list{gap:10px}
.mg-todo{grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;color:inherit;border-left:3px solid var(--warn)}
.mg-todo[data-tone=bad]{border-left-color:var(--bad)}
.mg-todo:hover{text-decoration:none;border-color:var(--line2);background:var(--panel2)}
.mg-n{min-width:44px;font-size:26px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.mg-go{display:inline-flex;align-items:center;gap:6px;color:var(--accent-hi);font-size:13px;font-weight:600}
.mg-go .icon{width:15px;height:15px;transform:rotate(180deg)}
.mg-todo[data-tone=bad] .mg-n{color:var(--bad)}
.mg-todo[data-tone=warn] .mg-n{color:var(--warn)}
.mg .attention-clear,.mg .attention-done{margin-bottom:14px}
.mg .attention-done{margin-top:14px}
.mg-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.mg-links .button-link{display:inline-flex;align-items:center;gap:6px}
.mg-links .icon{width:16px;height:16px}
@media (max-width:640px){.mg-todo{grid-template-columns:auto minmax(0,1fr)}.mg-go{grid-column:2}}

/* ---- 1.9.0: Clientes ---- */
.cl-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.cl-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.cl-act .button-link{min-height:34px;padding:0 14px;font-size:13px}
.cl-row[data-tone=warn]{border-left:3px solid var(--warn)}
.cl-row[data-tone=bad]{border-left:3px solid var(--bad)}
.cl-act .row-menu{margin:0;position:relative}
.cl-act .row-menu[open]>div{position:absolute;right:0;top:100%;z-index:5;padding:8px;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--rs);box-shadow:0 8px 24px rgba(0,0,0,.4)}
@media (max-width:640px){.cl-act{justify-content:flex-start}.cl-act .row-menu[open]>div{position:static;box-shadow:none}}

/* ---- 1.10.0: e-mail e login social ---- */
.auth-shell.single{grid-template-columns:minmax(0,1fr);max-width:480px;min-height:0}
.auth-shell.single .auth-panel{padding:34px 34px 30px}
.auth-forgot{margin:-4px 0 0;text-align:right;font-size:13px}
.auth-optin{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.social-block{margin-top:18px}
.social-or{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--faint);font-size:13px}
.social-or::before,.social-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.social-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--bg);color:var(--text);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;text-align:left}
.social-btn:hover{border-color:var(--accent);text-decoration:none}
.social-mark{flex:0 0 auto;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--panel2);color:var(--accent-hi);font-size:12px;font-weight:700}
@media (max-width:520px){.social-list{grid-template-columns:1fr}}

/* ---------- 1.10.0: e-mail (administração) ---------- */
.ml-form{display:grid;gap:12px;padding:20px;margin:0 0 16px}
.ml-form .a-row2{margin:0}
.ml-form .a-hint{margin:0}
.ml-h{margin:8px 0 0;font-size:15px;font-weight:650;letter-spacing:0}
.ml-form>.ml-h:first-of-type{margin-top:4px}
.ml-test{display:grid;gap:8px;padding:20px;margin:0 0 16px}
.ml-test .ml-h{margin-top:0}
.ml-test .a-hint{margin:0}
.ml-test .bill-alert{margin:0}
.ml-autos{display:grid;gap:4px}
.ml-auto{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2,transparent)}
.ml-auto span{display:grid;gap:2px;color:var(--text)}
.ml-auto small{color:var(--muted);font-size:12.5px}
.ml-act{display:inline}
.ml-all{margin:0 0 14px}
.ml-guide{margin:0 0 12px}
.ml-guide .a-hint{margin:0 0 10px}
.ml-row .pg-more{grid-column:1/-1}
@media (max-width:640px){.ml-form,.ml-test{padding:16px}}

/* ---------- 1.10.0: login social ---------- */
.so-panel .so-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.so-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.so-item form{margin:0}
.so-main{display:grid;gap:2px;flex:1;min-width:0}
.so-main small{color:var(--muted);overflow-wrap:anywhere}
.so-password{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.so-password h3{margin:0;font-size:15px}
.so-password .muted{margin:0}

/* Motor automático (Motores e Criação automática) */
.ae-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:14px 16px;text-decoration:none;color:inherit}
.ae-banner:hover{border-color:var(--accent);text-decoration:none}
.ae-banner-main{display:grid;gap:4px;min-width:0}
.ae-banner-main small{color:var(--muted);font-size:13px}
.ae-banner-go{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--accent-hi);font-weight:600;font-size:14px}
.ae-banner-go .icon{width:18px;height:18px}
.ae-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0}
.ae-err{color:var(--bad);overflow-wrap:anywhere}
.ae-kpis{margin-bottom:14px}
.ae-how,.ae-form,.ae-preview{margin-bottom:14px}
.ae-form h2{margin:22px 0 4px;font-size:16px}
.ae-form h2:first-of-type{margin-top:0}
.ae-hint{margin:-4px 0 4px}
.ae-mono,.ae-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.ae-test-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px}
.ae-test{display:grid;gap:4px;min-width:0;flex:1}
.ae-test span{overflow-wrap:anywhere}
.ae-test small{color:var(--muted)}
.ae-adv{margin:4px 0}
.ae-adv summary{cursor:pointer;color:var(--accent-hi);font-weight:600;margin-bottom:8px}
.ae-on{margin-top:6px}
.ae-steps{margin:10px 0 0;padding-left:20px;display:grid;gap:12px}
.ae-call{display:block;overflow-wrap:anywhere;font-size:13px;color:var(--accent-hi)}
.ae-body{margin:6px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:12.5px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:640px){.ae-banner{flex-direction:column;align-items:flex-start}}
.ae-how h2{margin:0 0 8px;font-size:16px}
.ae-how .quick-steps{list-style:decimal;padding-left:22px;margin:0 0 10px;display:grid;gap:6px;color:var(--muted)}
.ae-how .quick-steps strong{color:var(--text)}
.ae-test .a-pill{justify-self:start}
.ae-form .ae-hint{margin:2px 0 10px}
.ae-form label{margin-top:2px}
.ae-banner-main .a-pill{justify-self:start}

/* ===== 1.11.0 · Padrão de telas da administração, menu e Configurações ===== */
/* Menu lateral: item fixo "Configurações" no rodapé, destaque do item aberto com barra à esquerda */
.side-nav a.selected::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-hi)}
.side-nav a .icon,.side-pin a .icon{flex-shrink:0;opacity:.9}
.nav-caption{letter-spacing:0}
.side-pin{padding:8px 10px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(122,107,246,.05))}
.side-pin a{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 11px;border-radius:var(--rs);color:#c6cfe0;font-weight:600;position:relative}
.side-pin a:hover{background:var(--panel2);color:var(--text);text-decoration:none}
.side-pin a.selected{background:var(--accent-soft);color:#fff}
.side-pin a.selected .icon{color:var(--accent-hi)}
.side-pin a.selected::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-hi)}

/* Abas: grupo de botões, igual em todas as telas */
.pg-tabs{display:flex;gap:2px;padding:4px;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%}
.pg-tabs::-webkit-scrollbar{display:none}
.pg-tabs a{margin:0;padding:8px 15px;border:0;border-radius:9px;white-space:nowrap;color:var(--muted);font-weight:600;font-size:14px}
.pg-tabs a:hover{background:var(--panel2);color:var(--text)}
.pg-tabs a[aria-current=page]{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px rgba(169,159,255,.28)}

/* Cartão com cabeçalho (título, apoio e ações) */
.a-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:0 0 14px}
.a-card-head h2{margin:0 0 3px;font-size:16px}
.a-card-head .a-hint{margin:0;color:var(--muted);font-size:13px}

/* Moldura das Configurações: lista ao lado (no alto, rolando para o lado, nas telas menores) */
.set-frame{display:grid;grid-template-columns:224px minmax(0,1fr);gap:30px;align-items:start;max-width:1280px}
.set-nav{position:sticky;top:18px;display:flex;flex-direction:column;gap:2px}
.set-nav a{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border-radius:var(--rs);color:var(--muted);font-weight:500;font-size:14px}
.set-nav a:hover{background:var(--panel);color:var(--text);text-decoration:none}
.set-nav a.selected{background:var(--accent-soft);color:#fff}
.set-nav a.selected .icon{color:var(--accent-hi)}
.set-nav .icon{width:17px;height:17px;flex-shrink:0}
.set-nav .set-all{color:var(--accent-hi);margin-bottom:4px;font-weight:600}
.set-cap{margin:14px 12px 4px;font-size:12px;font-weight:600;color:var(--faint)}
.set-body{min-width:0}
@media(max-width:1180px){
 .set-frame{grid-template-columns:minmax(0,1fr);gap:16px}
 .set-nav{position:static;flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
 .set-nav::-webkit-scrollbar{display:none}
 .set-nav a{flex-shrink:0;white-space:nowrap;border:1px solid var(--line2);background:var(--panel)}
 .set-nav a.selected{border-color:transparent}
 .set-nav .set-all{border-color:transparent;background:transparent;padding-left:4px}
 .set-cap{display:none}
}

/* Painel de Configurações: grupos de linhas, uma por configuração */
.set-group{margin:0 0 24px}
.set-h{margin:0 0 8px 2px;font-size:13.5px;font-weight:600;color:var(--muted)}
.set-list{display:grid;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.set-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:14px 18px;color:inherit;border-top:1px solid var(--line);transition:background .15s}
.set-row:first-child{border-top:0}
.set-row:hover{background:var(--panel2);text-decoration:none}
.set-row:hover .set-go{color:var(--accent-hi);transform:translateX(2px)}
.set-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-hi)}
.set-ico .icon{width:21px;height:21px}
.set-txt{display:grid;gap:2px;min-width:0}
.set-txt strong{font-size:15px}
.set-txt small{color:var(--muted);font-size:13px;line-height:1.4}
.set-go{color:var(--faint);transition:color .15s,transform .15s}
.set-go .icon{width:16px;height:16px}
@media(max-width:620px){.set-row{grid-template-columns:44px minmax(0,1fr) 16px;padding:13px 14px}.set-st{grid-column:2;grid-row:2}.set-go{grid-row:1;grid-column:3}}

/* ---------- 1.11.0: campanhas de e-mail (editor em passos e prévia) ---------- */
.mc-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:20px;align-items:start}
.mc-main{display:grid;gap:16px;min-width:0}
.mc-form{display:grid;gap:16px;margin:0}
.mc-step{margin:0;padding:20px}
.mc-step .a-card-head{margin-bottom:16px}
.mc-n{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border-radius:50%;background:var(--accent-soft);color:var(--accent-hi);font-size:12.5px;font-weight:700;vertical-align:1px}
.mc-fields{display:grid;gap:14px}
.mc-fields textarea{min-height:260px;line-height:1.55;font-family:inherit}
.mc-fields label small{display:block;margin-top:4px;font-weight:400}
.mc-help{margin:0}
.mc-aud{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.mc-count{margin:0;padding:10px 12px;border-radius:10px;background:var(--panel2);font-size:13.5px;overflow-wrap:anywhere}
.mc-send,.mc-status{display:grid;gap:10px}
.mc-send .a-hint{margin:0}
.mc-sendform{display:grid;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.mc-inline{display:inline}
.mc-del{margin:0}
.mc-status .a-card-head h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
/* prévia ao lado do formulário */
.mc-side{position:sticky;top:18px;min-width:0}
.mc-pv{display:grid;gap:12px;margin:0;padding:18px}
.mc-pv .a-card-head{margin:0}
.mc-pv>.a-hint{margin:0}
.mc-live{align-self:start;padding:2px 9px;border-radius:99px;background:var(--panel2);color:var(--muted);font-size:12px;white-space:nowrap}
.mc-inbox{display:grid;gap:2px;padding:10px 13px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg);font-size:13px;min-width:0}
.mc-inbox span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-inbox strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-mail{padding:12px;border-radius:12px;background:#eceef4;max-height:min(62vh,640px);overflow:auto}
.mc-card{background:#fff;color:#1b1d2a;border-radius:9px;font:15px/1.55 Arial,Helvetica,sans-serif}
.mc-brand{padding:18px 20px 0;font-size:17px;font-weight:700;color:#5b4bd6}
.mc-in{padding:14px 20px 6px;overflow-wrap:anywhere}
.mc-in a{color:#5b4bd6}
.mc-foot{padding:8px 20px 18px;font-size:12px;line-height:1.5;color:#6b6f82}
.mc-fake-link{text-decoration:underline}
.mc-ph{margin:0 0 16px;color:#8a8fa3}
.mc-text summary{cursor:pointer;color:var(--muted);font-size:13px}
.mc-pre{margin:10px 0 0;padding:12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);white-space:pre-wrap;overflow-wrap:anywhere;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
/* lista: nome com link e barra de andamento */
.mc-name{color:var(--text)}
.mc-name:hover{color:var(--accent-hi);text-decoration:none}
.mc-open{margin-top:10px}
.mc-bar{height:6px;margin-top:10px;border-radius:99px;background:var(--panel2);overflow:hidden}
.mc-bar>span{display:block;height:100%;border-radius:inherit;background:var(--ok)}
.mc-bar.live>span{background:var(--warn)}
@media(max-width:1100px){.mc-edit{grid-template-columns:minmax(0,1fr)}.mc-side{position:static}}
@media(max-width:640px){.mc-step{padding:16px}.mc-pv{padding:14px}}

/* ---------- 1.11.0: login social (cartões por serviço) ---------- */
.so-grid{display:grid;gap:10px;margin:0 0 16px}
.so-card{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);transition:border-color .15s}
.so-card:hover{border-color:var(--line2)}
.so-card[open]{border-color:var(--accent)}
.so-sum{display:grid;grid-template-columns:44px minmax(0,1fr) auto 16px;gap:14px;align-items:center;padding:14px 18px;cursor:pointer;list-style:none}
.so-sum::-webkit-details-marker{display:none}
.so-mono{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:19px;font-weight:700;color:var(--c,var(--accent-hi));background:color-mix(in srgb,var(--c,var(--accent)) 18%,transparent)}
.so-name{display:grid;gap:2px;min-width:0}
.so-name strong{font-size:15.5px}
.so-name small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-chev{color:var(--faint);transition:transform .15s}
.so-chev .icon{width:16px;height:16px}
.so-card[open] .so-chev{transform:rotate(90deg);color:var(--accent-hi)}
.so-err{margin:0 18px 14px;padding:9px 12px;border-radius:var(--rs);background:var(--bad-soft);color:var(--bad);font-size:13px;overflow-wrap:anywhere}
.so-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px;padding:4px 18px 20px;border-top:1px solid var(--line);padding-top:18px}
.so-guide{display:grid;gap:12px;align-content:start;min-width:0}
.so-guide h3,.so-form h3{margin:0;font-size:14.5px}
.so-guide .quick-steps{margin:0}
.so-guide .a-hint{margin:0}
.so-callback{display:grid;gap:6px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}
.so-callback>span{color:var(--muted);font-size:12.5px}
.so-callback code{overflow-wrap:anywhere;user-select:all;font-size:13px}
.so-callback button{justify-self:start;min-height:30px;padding:0 12px;font-size:13px}
.so-form{display:grid;gap:12px;min-width:0;align-content:start}
.so-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.so-form .a-toggle{margin:0}
@media(max-width:980px){.so-body{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.so-sum{grid-template-columns:44px minmax(0,1fr) 16px;padding:13px 14px}.so-sum .a-pill{grid-column:2;grid-row:2;justify-self:start}.so-chev{grid-row:1;grid-column:3}.so-body{padding:16px 14px 18px}}
.pg-kpis.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-kpis.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:980px){.pg-kpis.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.pg-kpis.n3{grid-template-columns:minmax(0,1fr)}}
ol.quick-steps.pg-steps{list-style:decimal;padding:0 0 0 20px;margin:0;display:grid;gap:7px;color:var(--muted);font-size:13.5px;line-height:1.5}
ol.quick-steps.pg-steps li::marker{color:var(--accent-hi);font-weight:600}
.so-sum::after{display:none}
.so-form .a-row2{align-items:end}

/* ---------- 1.12.0: visão geral ---------- */
.mg .pg-tabs{margin-bottom:16px}
.mg-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin:0 0 14px;align-items:stretch}
.mg-top.one{grid-template-columns:minmax(0,1fr)}
.mg-top>.a-card{margin:0}
.mg-rail{display:grid;gap:14px;align-content:start;min-width:0}
.mg-rail>.a-card{margin:0}
.mg-hero{display:grid;gap:18px;align-content:start;padding:22px 24px}
.mg-hero-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px}
.mg-label{margin:0 0 4px;color:var(--muted);font-size:14px}
.mg-big{margin:0;font-size:48px;line-height:1.05;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}
.mg-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:8px 0 0;color:var(--muted);font-size:13.5px}
.mg-mid{font-size:26px;line-height:1;color:var(--text);letter-spacing:-.015em}
.mg-delta{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.mg-delta.good{color:var(--ok)}
.mg-delta.watch{color:var(--warn)}
.mg-delta.flat{color:var(--muted);font-weight:500}
.mg-mini{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0}
.mg-mini div{display:grid;gap:1px}
.mg-mini dt{color:var(--muted);font-size:12.5px}
.mg-mini dd{margin:0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
/* gráfico de colunas */
.mg-chart{outline:none;border-radius:var(--rs)}
.mg-chart:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.mg-plot{position:relative;height:176px;margin-left:58px}
.mg-chart.sm .mg-plot{height:92px;margin-left:30px}
.mg-grid{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line)}
.mg-grid:last-of-type{border-top-color:var(--line2)}
.mg-grid em{position:absolute;right:calc(100% + 8px);top:-8px;font-style:normal;font-size:11.5px;line-height:16px;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}
.mg-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px}
.mg-col{display:flex;align-items:flex-end;justify-content:center;height:100%;border-radius:4px;cursor:default}
.mg-col i{display:block;width:100%;max-width:24px;background:var(--accent);border-radius:4px 4px 0 0;transition:filter .12s}
.mg-col:hover,.mg-col.on{background:rgba(255,255,255,.05)}
.mg-col:hover i,.mg-col.on i{filter:brightness(1.22)}
.mg-x{display:flex;justify-content:space-between;margin:8px 0 0 58px;color:var(--faint);font-size:12px}
.mg-chart.sm .mg-x{margin-left:30px}
.mg-tip{position:fixed;z-index:60;display:grid;gap:1px;min-width:120px;max-width:240px;padding:8px 11px;border:1px solid var(--line2);border-radius:var(--rs);background:var(--panel2);box-shadow:0 8px 24px rgba(0,0,0,.4);pointer-events:none;font-size:12.5px}
.mg-tip[hidden]{display:none}
.mg-tip strong{font-size:15px}
.mg-tip span{color:var(--muted)}
.mg-tip small{color:var(--faint)}
.mg-table{margin-top:2px}
.mg-table summary{cursor:pointer;color:var(--muted);font-size:13px}
.mg-table-in{max-height:240px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:var(--rs)}
.mg-table table{width:100%;border-collapse:collapse;font-size:13px}
.mg-table th,.mg-table td{padding:6px 12px;text-align:left;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.mg-table thead th{position:sticky;top:0;background:var(--panel2);border-top:0;color:var(--muted);font-weight:500}
.mg-table tbody th{font-weight:500}
/* ao vivo e motores */
.mg-live{display:grid;gap:12px;align-content:start;padding:18px 20px}
.mg-live .a-card-head{margin:0}
.mg-more{color:var(--accent-hi);font-size:13px;font-weight:600;white-space:nowrap}
.mg-lives,.mg-rows,.mg-acts,.mg-rank,.mg-sys-list{list-style:none;margin:0;padding:0}
.mg-lives{display:grid;gap:2px}
.mg-lives li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}
.mg-lives a{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text)}
.mg-lives a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-lives .a-av{width:30px;height:30px;font-size:12px;flex-shrink:0}
.mg-kbps{color:var(--ok);font-size:12.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.mg-quiet{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.mg-cap{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.mg-cap-top{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.mg-cap-top span{color:var(--muted);font-variant-numeric:tabular-nums}
.mg-meter{height:8px;border-radius:99px;background:var(--accent-soft);overflow:hidden}
.mg-meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.mg-meter.warn{background:var(--warn-soft)}.mg-meter.warn i{background:var(--warn)}
.mg-meter.bad{background:var(--bad-soft)}.mg-meter.bad i{background:var(--bad)}
/* números-resumo */
.mg-tiles{margin:0 0 14px}
.mg-tile{position:relative;display:grid;align-content:start;gap:2px;padding:15px 17px;color:inherit;overflow:hidden;transition:border-color .15s,background .15s}
.mg-tile:hover{text-decoration:none;border-color:var(--line2);background:var(--panel2)}
.mg-tile strong{font-size:28px;letter-spacing:-.015em}
.mg-spark{position:absolute;right:14px;bottom:14px;display:flex;align-items:flex-end;gap:2px;width:78px;height:30px}
.mg-spark i{flex:1;min-height:2px;border-radius:2px 2px 0 0;background:var(--line2)}
.mg-spark i.now{background:var(--accent)}
/* duas colunas */
.mg-grid2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;margin:0 0 14px;align-items:start}
.mg-grid2.one{grid-template-columns:minmax(0,1fr)}
.mg-grid2>.a-card,.mg-grid2 .a-card{margin:0}
.mg-attn{display:grid;gap:12px}
.mg-attn .attention-clear,.mg-attn .attention-done{margin:0}
.mg-stack{display:grid;gap:14px}
.mg-renew,.mg-feed,.mg-plans,.mg-signups,.mg-sys{padding:18px 20px;display:grid;gap:12px;align-content:start}
.mg-renew .a-card-head,.mg-feed .a-card-head,.mg-plans .a-card-head,.mg-signups .a-card-head,.mg-sys .a-card-head{margin:0}
.mg-rows{display:grid}
.mg-rows li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.mg-rows li:first-child{border-top:0;padding-top:2px}
.mg-rn-who{display:grid;gap:1px;min-width:0}
.mg-rn-who a{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-rn-who small,.mg-rn-end small{color:var(--muted);font-size:12.5px}
.mg-rn-end{display:grid;justify-items:end;gap:3px;text-align:right;flex-shrink:0}
/* atividade */
.mg-acts{display:grid}
.mg-acts li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.mg-acts li:first-child{border-top:0;padding-top:2px}
.mg-act-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--panel2);color:var(--muted)}
.mg-act-ico .icon{width:17px;height:17px}
.mg-act-ico[data-k=paid]{background:var(--ok-soft);color:var(--ok)}
.mg-act-ico[data-k=signup]{background:var(--accent-soft);color:var(--accent-hi)}
.mg-act-ico[data-k=ticket]{background:var(--warn-soft);color:var(--warn)}
.mg-act-txt{display:grid;gap:1px;min-width:0;font-size:13.5px}
.mg-act-txt span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-act-txt a{color:var(--text)}
.mg-acts time{color:var(--faint);font-size:12.5px;white-space:nowrap}
/* acessos por plano */
.mg-rank{display:grid;gap:11px}
.mg-rank li{display:grid;grid-template-columns:minmax(70px,120px) minmax(0,1fr) 34px;gap:12px;align-items:center;font-size:13.5px}
.mg-r-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-r-bar{height:10px;border-radius:99px;background:var(--panel2);overflow:hidden}
.mg-r-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.mg-rank b{text-align:right;font-variant-numeric:tabular-nums}
/* sistema */
.mg-sys{margin:0 0 14px}
.mg-sys-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:8px}
.mg-sys-list a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:var(--rs);color:var(--text);transition:border-color .15s,background .15s}
.mg-sys-list a:hover{text-decoration:none;border-color:var(--line2);background:var(--panel2)}
.mg-sys-ico{display:grid;place-items:center;color:var(--muted)}
.mg-sys-ico .icon{width:17px;height:17px}
.mg-sys-t{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-links b{font-variant-numeric:tabular-nums;color:var(--accent-hi)}
@media (max-width:1180px){.mg-top{grid-template-columns:minmax(0,1fr)}.mg-grid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:980px){.mg-tiles.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .mg-big{font-size:38px}.mg-hero{padding:18px 16px}.mg-live,.mg-renew,.mg-feed,.mg-plans,.mg-signups,.mg-sys{padding:16px}
 .mg-plot{height:150px;margin-left:54px}.mg-x{margin-left:54px}
 .mg-cols{gap:1px}.mg-tile strong{font-size:24px}.mg-spark{width:52px}
 .mg-rank li{grid-template-columns:minmax(60px,90px) minmax(0,1fr) 30px}
}


/* ---------- 1.13.1: botões de login social brancos, com a logo oficial da marca (arquivos em app/social) ---------- */
.social-list{grid-template-columns:1fr;gap:10px}
.social-btn{justify-content:center;gap:10px;min-height:46px;padding:0 16px;border:1px solid #dadce0;background:#fff;color:#1f1f1f;font-size:15px;font-weight:600;text-align:center}
.social-btn:hover{background:#fff;border-color:#9aa0a6;color:#1f1f1f;box-shadow:0 1px 3px rgba(60,64,67,.35)}
.social-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.social-btn .social-logo{flex:0 0 auto;width:20px;height:20px;object-fit:contain}
.social-btn .social-mark{background:#eceff1;color:#3c4043}

/* ===== Área do cliente no mesmo desenho da administração (1.14.0) ===== */
/* Rodapé sempre no fim da tela, mesmo em páginas curtas. */
.layout .app{min-height:100vh;display:flex;flex-direction:column}
.layout .app>main{flex:1 0 auto;width:100%;box-sizing:border-box}
.layout .app>.app-footer{margin-top:auto;padding-left:30px;padding-right:30px}
.nav-caption{margin:14px 11px 4px}
/* "Minha conta": mesma moldura das configurações, com a lista um pouco mais estreita. */
@media (min-width:1181px){.acc-frame{grid-template-columns:208px minmax(0,1fr)}}
.acc-frame .set-body{min-width:0}
.acc-frame .set-body>.page-heading:first-child,.acc-frame .set-body>.a-head:first-child{margin-top:0}
/* Telas de aviso e de erro: o que houve, e o que fazer agora. */
.notice-card{display:flex;gap:16px;align-items:flex-start;max-width:640px;margin:48px auto;padding:22px 24px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r)}
.notice-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi)}
.notice-ico .icon{width:20px;height:20px}
.notice-card h1{font-size:20px;margin:0 0 6px;line-height:1.3}
.notice-card p{margin:0 0 4px;color:var(--muted);font-size:14px;max-width:56ch}
.notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media (max-width:760px){.notice-card{margin:20px 0;padding:18px;flex-direction:column;gap:12px}.layout .app>.app-footer{padding-left:16px;padding-right:16px}}
/* Menu um pouco mais compacto, para o do cliente caber inteiro numa tela de 900 px. */
.side-nav a{min-height:34px}
.side-nav{gap:0}
.acc-frame .narrow,.acc-frame .panel.narrow{margin-left:0;margin-right:0;max-width:680px}
.acc-frame .set-body>.page-heading{margin-bottom:18px}
/* ===== 1.15.0: visual novo das telas do cliente ===== */
body{background:radial-gradient(900px 380px at 16% -6%,rgba(122,107,246,.11),transparent 64%),radial-gradient(700px 320px at 100% 0,rgba(61,214,179,.05),transparent 66%),var(--bg);background-attachment:fixed}
.page-heading{margin:0 0 22px}
.page-heading h1{font-size:28px;letter-spacing:-.028em}
.page-heading .subtitle,.page-heading p{font-size:14.5px}
.panel,.card{border-color:#222f47;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 46%),var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 30px -24px rgba(0,0,0,.85)}
.panel-title h2,.panel>h2{font-size:16px;letter-spacing:-.01em}
.panel-title h2 .icon{color:var(--accent-hi);width:17px;height:17px}
.panel-link{font-size:13px;font-weight:600}
.metric{border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 60%),var(--panel)}
.empty-state{border:1px dashed var(--line2);border-radius:14px;background:rgba(255,255,255,.015)}
.empty-note{color:var(--muted);padding:6px 0}
form button:not([class]):not([type=button]),.button-link:not(.secondary):not(.disabled):not(.danger){background:linear-gradient(180deg,#8b7dff,#6c5cf2);border-color:rgba(255,255,255,.12);box-shadow:0 8px 18px -10px rgba(108,92,242,.9),inset 0 1px 0 rgba(255,255,255,.22)}
form button:not([class]):not([type=button]):hover,.button-link:not(.secondary):not(.disabled):not(.danger):hover{filter:brightness(1.07);text-decoration:none}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(122,107,246,.22)}
.feed{list-style:none;margin:0;padding:0}
.feed li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.feed li:last-child{border-bottom:0}
.feed-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.feed time{color:var(--faint);font-size:12.5px;white-space:nowrap}

/* Visão geral: mesa de transmissão */
.board{container-type:inline-size;position:relative;margin:0 0 16px;padding:22px;border:1px solid #2a3552;border-radius:22px;overflow:hidden;--glow:rgba(122,107,246,.2);background:radial-gradient(560px 240px at 0 0,var(--glow),transparent 70%),linear-gradient(180deg,#141c30,#0e1524);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 50px -32px rgba(0,0,0,.95)}
.board[data-state=live]{--glow:rgba(61,214,179,.24);border-color:rgba(61,214,179,.4)}
.board[data-state=ready]{--glow:rgba(61,214,179,.15);border-color:rgba(61,214,179,.28)}
.board[data-state=brb],.board[data-state=reconnecting]{--glow:rgba(240,182,78,.2);border-color:rgba(240,182,78,.35)}
.board[data-state=error],.board[data-state=blocked]{--glow:rgba(244,112,124,.18);border-color:rgba(244,112,124,.32)}
.board-head{display:flex;align-items:flex-start;gap:14px 18px;flex-wrap:wrap}
.board-head .deck-dot{width:14px;height:14px;margin-top:9px}
.board[data-state=live] .deck-dot{background:var(--ok);box-shadow:0 0 0 5px rgba(61,214,179,.22);animation:deck-pulse 2.4s ease-in-out infinite}
.board[data-state=ready] .deck-dot{background:var(--ok)}
.board[data-state=brb] .deck-dot,.board[data-state=reconnecting] .deck-dot{background:var(--warn);box-shadow:0 0 0 5px rgba(240,182,78,.22)}
.board[data-state=error] .deck-dot,.board[data-state=blocked] .deck-dot{background:var(--bad);box-shadow:0 0 0 5px rgba(244,112,124,.22)}
.board[data-state=setup] .deck-dot{background:var(--accent-hi);box-shadow:0 0 0 5px var(--accent-soft)}
.board-title{flex:1;min-width:230px}
.board-kicker{margin:0 0 3px;color:var(--accent-hi);font-size:13px;font-weight:600}
.board[data-state=live] .board-kicker,.board[data-state=ready] .board-kicker{color:var(--ok)}
.board h2{font-size:26px;line-height:1.18;letter-spacing:-.025em}
.board-title>p:not(.board-kicker){margin-top:5px;color:var(--muted);max-width:60ch}
.board-cta{display:grid;gap:8px;justify-items:center}
.board-guide{font-size:12.5px;color:var(--muted)}
.board-steps{display:flex;align-items:center;gap:6px;margin-top:13px}
.board-steps i{width:34px;height:5px;border-radius:9px;background:var(--line2)}
.board-steps i[data-ok=true]{background:var(--ok)}
.board-steps span{margin-left:4px;color:var(--muted);font-size:12.5px}
.board-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(8,11,18,.5)}
.board-stats span{display:block;color:var(--muted);font-size:12.5px}
.board-stats strong{font-size:21px;font-variant-numeric:tabular-nums}
.chain{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch}
.node{display:flex;gap:12px;padding:15px;border:1px solid var(--line2);border-radius:16px;background:rgba(8,11,18,.55)}
.node[data-ok=true]{border-color:rgba(61,214,179,.34)}
.node[data-tone=bad]{border-color:rgba(244,112,124,.38)}
.node-ico{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi)}
.node[data-ok=true] .node-ico{background:var(--ok-soft);color:var(--ok)}
.node[data-tone=live] .node-ico{box-shadow:0 0 0 4px rgba(61,214,179,.18)}
.node[data-tone=bad] .node-ico{background:var(--bad-soft);color:var(--bad)}
.node[data-tone=wait] .node-ico{background:var(--warn-soft);color:var(--warn)}
.node-body{min-width:0;display:grid;gap:3px;align-content:start}
.node-body small{color:var(--faint);font-size:12px}
.node-body strong{font-size:15.5px;line-height:1.3;overflow-wrap:anywhere}
.node-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.node-link{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:13px;font-weight:600}
.node-link .icon{width:14px;height:14px}
.node-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.node-chip{opacity:.5}
.node-chip.on{opacity:1}
.joint{display:grid;place-items:center}
.joint i{display:block;width:100%;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--line2) 0 6px,transparent 6px 11px)}
.joint[data-ok=true] i{background:var(--ok);box-shadow:0 0 14px rgba(61,214,179,.55)}
@container (max-width:780px){
 .chain{grid-template-columns:minmax(0,1fr)}
 .joint{height:24px}
 .joint i{width:2px;height:100%;background:repeating-linear-gradient(180deg,var(--line2) 0 5px,transparent 5px 9px)}
 .joint[data-ok=true] i{background:var(--ok)}
 .board h2{font-size:22px}
 .board-cta{width:100%;justify-items:stretch}
 .board-cta .button-link{width:100%}
}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0 0 14px}
.dash-grid>.panel{margin:0}
.dash-plan-name{margin:2px 0 12px;font-size:27px;font-weight:700;letter-spacing:-.025em}
.dash-plan .a-meter{height:8px}
.dash-plan-note{margin:10px 0 14px;color:var(--muted)}
.dash-plan-note strong{color:var(--text)}
.dash-team-line{margin:0 0 4px;font-size:17px}
.dash-team .action-row,.dash-plan .action-row{margin-top:14px}
.dash-shortcuts .tile-group+.tile-group{margin-top:16px}
.tile-group h3{margin:0 0 8px;color:var(--faint);font-size:12.5px;font-weight:600}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(198px,1fr));gap:10px}
.tiles a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--text);transition:border-color .15s,background .15s}
.tiles a:hover{border-color:var(--accent);background:var(--panel2);text-decoration:none}
.tiles strong{display:block;font-weight:600}
.tiles small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35}
.tile-ico{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi)}
.tiles a[data-tone=teal] .tile-ico{background:var(--ok-soft);color:var(--ok)}
.tiles a[data-tone=amber] .tile-ico{background:var(--warn-soft);color:var(--warn)}


/* Equipe da conta (1.15) */
.team-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.tstat{padding:14px 16px;border:1px solid #222f47;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 60%),var(--panel)}
.tstat span{display:block;color:var(--muted);font-size:12.5px}
.tstat strong{display:block;margin-top:2px;font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tstat .a-meter{margin-top:8px;height:5px}
.add-panel{border-color:rgba(122,107,246,.38);background:radial-gradient(520px 200px at 0 0,rgba(122,107,246,.14),transparent 70%),var(--panel)}
.find-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.find-row label{flex:1;min-width:230px;margin:0}
.find-row button{min-height:40px}
.find-result{margin-top:14px;display:grid;gap:12px}
.person-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:rgba(8,11,18,.5)}
.person-card>div{min-width:0;flex:1}
.person-card strong,.person-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-card small{color:var(--muted);font-size:12.5px}
.person-card .avatar{width:38px;height:38px;font-size:15px}
.result-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.find-block{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;border:1px solid rgba(240,182,78,.4);border-radius:14px;background:var(--warn-soft);color:var(--text)}
.find-block .icon{flex-shrink:0;margin-top:2px;color:var(--warn)}
.invite-send{display:grid;gap:12px}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 12px}
.perm-grid .perm-group{margin:0 0 10px}
.member-note{margin:0;color:var(--muted);font-size:12.5px}
.invite-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.invite-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
.invite-list li>div:nth-of-type(1){min-width:0;flex:1}
.invite-list strong,.invite-list small{display:block}
.invite-list small{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.invite-list .avatar{width:34px;height:34px}
.invite-list .action-row{margin:0;flex-wrap:nowrap}
.invite-card{max-width:560px;margin:40px auto}
.invite-card .action-row{margin-top:14px}
@media (max-width:640px){.team-stats{grid-template-columns:1fr 1fr}.team-stats .tstat:last-child{grid-column:1/-1}.invite-list li{flex-wrap:wrap}.invite-list .action-row{width:100%}.invite-list .action-row form{flex:1}.invite-list .action-row button{width:100%}}
/* Ícone ao lado do título da página (o mesmo do menu) */
.page-heading.has-ico{position:relative;padding-left:56px;min-height:44px}
.page-ico{position:absolute;left:0;top:1px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--accent-hi);background:linear-gradient(145deg,rgba(122,107,246,.28),rgba(122,107,246,.08));border:1px solid rgba(122,107,246,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.page-ico .icon{width:20px;height:20px}
.page-heading.has-ico h1{padding-top:0}
@media (max-width:640px){.page-heading.has-ico{padding-left:50px}.page-ico{width:38px;height:38px;border-radius:11px}}
/* Abas: o item aberto fica marcado e os outros ficam discretos */
.page-tabs{gap:4px}
.page-tabs button{border-radius:10px 10px 0 0;font-weight:600}
.page-tabs button[aria-selected=true]{background:linear-gradient(180deg,transparent,var(--accent-soft))}

.module-legend{display:block;width:100%;padding:14px 0 6px;margin:0;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted);border-bottom:1px solid var(--line)}
.module-grid>.module-legend:first-child{padding-top:0}
.module-row small{max-width:46ch}

/* Créditos em serviços (Financeiro e Pagamentos) */
.cr-balance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.cr-balance>div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2,rgba(255,255,255,.03))}
.cr-balance span{display:block;font-size:12px;color:var(--muted)}
.cr-balance strong{display:block;font-size:20px;margin-top:2px}
.cr-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:0}
.cr-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.cr-entry:last-child{border-bottom:0}
.cr-entry strong{display:block;font-size:13.5px}
.cr-entry small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.cr-entry b{white-space:nowrap}
.cr-entry b.ok{color:var(--ok,#46dfb1)}
.cr-entry b.bad{color:var(--bad,#ff8a8a)}
.cr-side{display:flex;align-items:center;gap:12px}
.cr-revoke{margin:0 0 6px;padding-top:12px;border-top:1px solid var(--line)}
.cr-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 8px}
.cr-big strong{font-size:26px}
.cr-big span{color:var(--muted);font-size:13px}
@media(max-width:640px){.cr-balance{grid-template-columns:1fr}}

/* ===== Aparência (1.16): barra de telas, envio de arquivo, interruptores, controle deslizante e prévias ===== */
.ap-tabs{display:flex;gap:4px;margin:0 0 22px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ap-tabs::-webkit-scrollbar{display:none}
.ap-tabs a{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:12px;color:var(--muted);font-weight:600;font-size:13.5px;white-space:nowrap;transition:background .15s,color .15s}
.ap-tabs a svg{width:17px;height:17px;flex:none;opacity:.85}
.ap-tabs a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.ap-tabs a.selected{color:#fff;background:linear-gradient(135deg,rgba(122,107,246,.34),rgba(122,107,246,.14));box-shadow:inset 0 0 0 1px rgba(169,159,255,.35)}
.ap-tabs a.selected svg{opacity:1;color:var(--accent-hi)}
@media(max-width:640px){.ap-tabs{margin-left:-4px;margin-right:-4px;border-radius:14px}.ap-tabs a{padding:9px 12px}}

.ap-wrap .panel{border-radius:18px;padding:22px}
.ap-wrap .panel>h2:first-child,.ap-wrap .panel>.panel-title:first-child h2{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.01em}
.ap-wrap .panel>h2:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-hi);box-shadow:0 0 0 4px var(--accent-soft);flex:none}
.ap-wrap .panel form{display:grid;gap:14px}
.ap-wrap .panel form>button,.ap-wrap .panel form>.action-row{justify-self:start}
.ap-wrap .panel label{display:grid;gap:6px;font-weight:600;font-size:13px;color:var(--muted)}
.ap-wrap .panel label.check-label{display:flex}
.ap-wrap .panel .muted,.ap-wrap .panel p.muted{font-size:12.5px;line-height:1.55}

/* Envio de arquivo: uma área tracejada em vez do campo cru do navegador */
.ap-wrap input[type=file]{padding:14px;border:1.5px dashed var(--line2);border-radius:14px;background:rgba(122,107,246,.05);color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s}
.ap-wrap input[type=file]:hover{border-color:var(--accent-hi);background:var(--accent-soft)}
.ap-wrap input[type=file]::file-selector-button{margin-right:12px;padding:8px 14px;border:0;border-radius:9px;background:linear-gradient(135deg,#8678ff,#6a5bf0);color:#fff;font:inherit;font-weight:700;cursor:pointer}

/* Interruptor no lugar da caixa de marcar */
.ap-wrap .check-label input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:40px;height:23px;min-height:0;padding:0;border-radius:999px;border:1px solid var(--line2);background:var(--bg);position:relative;cursor:pointer;transition:background .18s,border-color .18s}
.ap-wrap .check-label input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .18s,background .18s}
.ap-wrap .check-label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent-hi)}
.ap-wrap .check-label input[type=checkbox]:checked::after{transform:translateX(17px);background:#fff}
.ap-wrap .check-label input[type=checkbox]:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
.ap-wrap .check-label{gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);color:var(--text);font-weight:600}

/* Controle deslizante com o valor ao lado */
.ap-wrap input[type=range]{height:6px;min-height:0;border-radius:999px;background:var(--line2);appearance:none;-webkit-appearance:none;cursor:pointer}
.ap-wrap input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.4)}
.ap-wrap input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent)}
.ap-wrap output{justify-self:start;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-hi);font-weight:700;font-size:12.5px}
.ap-wrap input[type=color]{padding:4px;height:46px;cursor:pointer}
.ap-wrap select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}

/* Prévias: moldura de tela com fundo quadriculado, para ver transparência e proporção */
.ap-wrap canvas,.ap-wrap .preview-stage,.ap-wrap .scene-stage{border:1px solid var(--line2);border-radius:14px!important;box-shadow:0 14px 34px rgba(0,0,0,.35);background-color:#0b1020;background-image:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.03) 75%),linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.03) 75%);background-size:20px 20px;background-position:0 0,10px 10px}
.ap-wrap .overview-grid{align-items:start;gap:18px}
.ap-wrap .overview-grid>.panel:has(canvas),.ap-wrap .overview-grid>.panel:has(.preview-stage),.ap-wrap .overview-grid>.panel:has(.scene-stage){position:sticky;top:14px}
@media(max-width:900px){.ap-wrap .overview-grid>.panel:has(canvas),.ap-wrap .overview-grid>.panel:has(.preview-stage),.ap-wrap .overview-grid>.panel:has(.scene-stage){position:static}}
.ap-wrap .panel>p>a:only-child,.ap-wrap .panel>p>a:first-child{font-weight:600}
.ap-wrap .panel>p:has(>a[href$="/presets"]){margin:-4px 0 4px}
.ap-wrap .panel>p>a[href$="/presets"]{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03);font-size:12.5px}
.ap-wrap .panel>p>a[href$="/presets"]:hover{border-color:var(--accent-hi);background:var(--accent-soft)}
#logo-result:empty,#overlay-result:empty{display:none}
.ap-wrap .panel form label{margin:0}
.ap-wrap .panel form>p{margin:0}
.ap-wrap .panel form>button+button{margin-top:0}
.ap-wrap .panel>form+form{margin-top:10px}
.ap-wrap .panel>details{margin-top:8px}
.ap-wrap .panel>details+*{margin-top:14px}

/* Plano em destaque na página inicial (1.17): selo e realce com as cores que o painel já usa */
.plan{position:relative}
.plan .plan-badge{position:absolute;top:-12px;left:22px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#8678ff,#6a5bf0);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:0;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.plan .plan-badge[hidden]{display:none}
.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 18px 44px rgba(0,0,0,.35),0 0 0 6px var(--accent-soft)}
.plan.featured .button-link{box-shadow:0 8px 22px rgba(0,0,0,.3)}
.plan-preview .plan .plan-badge{top:-10px}
/* Widgets criados no painel (1.17): só as variáveis de cor que o painel já tem */
.notice-bad{color:var(--bad);border-color:var(--bad-soft)}
.wtabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--panel);width:fit-content;max-width:100%}
.wtabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;text-decoration:none;border:1px solid transparent}
.wtabs a:hover{color:var(--text);background:var(--panel2)}
.wtabs a.selected{color:var(--text);background:var(--accent-soft);border-color:var(--accent)}
.wtabs svg{width:16px;height:16px}
.wt-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.wt-card>a,.wt-card.locked{display:grid;gap:6px;height:100%;box-sizing:border-box;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}
.wt-card>a:hover{border-color:var(--accent);background:var(--accent-soft)}
.wt-card>a:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
.wt-card small{color:var(--muted);line-height:1.45}
.wt-card.locked{opacity:.6}
.wt-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-hi);flex:none}
.wt-ico svg{width:18px;height:18px}
.wl-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:10px}
.wl-item{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.wl-head{display:flex;gap:12px;align-items:center}.wl-head small{display:block;color:var(--muted)}
.wl-actions{display:flex;gap:8px;flex-wrap:wrap}.wl-actions form{margin:0}
.wq{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}
.wq button{min-width:44px;min-height:36px;padding:4px 10px}
.wq-side{font-weight:600;margin:0 4px 0 8px}.wq-side:first-child{margin-left:0}.wq-side b{color:var(--accent-hi);font-variant-numeric:tabular-nums;margin-left:4px}
.wb-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:18px;align-items:start}
.wb-main{display:grid;gap:14px}
.wb-side{display:grid;gap:14px;align-content:start}
.wb-preview{position:sticky;top:14px}
.wb-frame{width:100%;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background-color:#0b1020;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%);background-size:20px 20px;background-position:0 0,10px 10px}
.wb-frame iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.wb-style{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.wb-style legend{padding:0 6px;font-weight:700}
.wb-style input[type=color]{height:42px;padding:4px;cursor:pointer}
.wb-nets{display:grid;gap:6px}.wb-net{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px}
.wb-lbl{font-size:13px;color:var(--muted);font-weight:600}
.wb-code textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;tab-size:2;white-space:pre;overflow:auto;resize:vertical;min-height:120px}
.wb-count{font-weight:400;color:var(--faint);margin-left:6px}
.wb-templates{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wb-templates a{padding:6px 12px;border:1px solid var(--line2);border-radius:999px;font-size:13px;color:var(--muted);text-decoration:none}
.wb-templates a:hover,.wb-templates a.selected{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}
.wb-help ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:13.5px;line-height:1.5}
.wb-help summary{cursor:pointer;font-weight:700}
@media(max-width:900px){.wb-grid{grid-template-columns:1fr}.wb-preview{position:static}}
@media(max-width:600px){.wb-net{grid-template-columns:1fr}.wtabs{width:auto}}
.wb-main .wfields>.wfield:first-child,.wb-main .wfields>.wfield:nth-child(2){grid-column:auto}
.wb-style .wfields{grid-template-columns:repeat(3,minmax(0,1fr))}
.wb-style input[type=color]{width:100%}
.ap-wrap .panel form.wq{display:flex;gap:6px}
.ap-wrap .panel .wl-actions form{display:block}
.wq .wq-side{display:inline-flex;align-items:center}
@media(max-width:600px){.wb-style .wfields{grid-template-columns:1fr}}
.wb-frame iframe{color-scheme:normal}
/* Central de ajuda (1.17) */
.help-search{margin:0 0 16px}
.help-search input{width:100%;max-width:560px;min-height:46px;font-size:15px}
.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin-bottom:16px}
.help-cat{margin:0}.help-cat h2{display:flex;align-items:center;gap:10px;font-size:16px}
.help-cat ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
.help-cat li a{display:grid;gap:2px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none}
.help-cat li a:hover{background:var(--panel2)}.help-cat li a:focus-visible{outline:2px solid var(--accent-hi)}
.help-cat li small{color:var(--muted)}
.help-article{max-width:760px;line-height:1.65}
.help-article p{margin:0 0 12px}
.help-steps{margin:0 0 14px;padding-left:22px;display:grid;gap:8px}
.help-list{margin:0 0 14px;padding-left:20px;display:grid;gap:6px}
.help-tip{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--accent-soft)}
.help-tip svg{flex:none;width:18px;height:18px;color:var(--accent-hi);margin-top:2px}
.help-crumb{margin:0 0 4px;font-size:13px;color:var(--muted)}.help-crumb a{color:var(--muted)}
.help-related{margin:0;padding-left:18px;display:grid;gap:6px}
/* Destinos: principal e começar com a live */
.dest-card.is-primary{border-color:var(--accent)}
.dest-auto{margin:-4px 0 8px;font-size:13px;color:var(--muted)}
.dest-card form+form{margin-top:8px}
.plan li.plan-extra{color:var(--muted);font-size:13.5px}
.plan li.plan-extra::before{content:"+";color:var(--accent-hi)}
/* Stream Deck (1.17) */
.deck-form{display:grid;gap:12px;max-width:560px}.deck-form fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px;margin:0}.deck-form legend{padding:0 6px;font-weight:700}
.deck-form>button{justify-self:start}
.deck-fresh{border-color:var(--accent)}.deck-fresh h2{display:flex;gap:8px;align-items:center}
.deck-links{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.deck-links li{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:8px;align-items:center}
.deck-links input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
.deck-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.deck-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}
.deck-list small{display:block;color:var(--muted)}
@media(max-width:600px){.deck-links li{grid-template-columns:1fr}.deck-list li{flex-direction:column;align-items:flex-start}}
/* Página inicial (1.17): destaques e seções com exemplo visual */
.lp-highlights ul{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-highlights a{display:grid;gap:6px;height:100%;box-sizing:border-box;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-decoration:none;transition:border-color .15s}
.lp-highlights a:hover{border-color:var(--accent)}.lp-highlights a:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
.lp-highlights svg{width:20px;height:20px;color:var(--accent-hi)}
.lp-highlights span{color:var(--muted);font-size:14px;line-height:1.5}
.lp-spot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.lp-spot-rev .lp-spot-copy{order:2}
.lp-spot-copy h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.025em;margin:0 0 10px;line-height:1.15}
.lp-spot-copy p{color:var(--muted);line-height:1.6;margin:0 0 14px}
.lp-spot-demo{margin:0;display:grid;gap:8px}
.lp-spot-demo figcaption{font-size:12px;color:var(--faint);text-align:right}
.sd-stage{position:relative;aspect-ratio:16/9;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#1a2848 0%,#3a4b78 50%,#7a4f3b 100%)}
.sd-stage>span{position:absolute;color:#fff;font-weight:700}
.sd-logo{top:6%;right:4%;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(8,10,20,.7);font-size:15px}
.sd-score{top:6%;left:4%;padding:6px 12px;border-radius:10px;background:rgba(8,10,20,.74);font-size:15px}.sd-score b{color:var(--accent-hi)}
.sd-qr{bottom:22%;right:4%;display:grid;gap:4px;justify-items:center;padding:6px;border-radius:10px;background:rgba(8,10,20,.74);font-size:11px}
.sd-qr i{width:46px;height:46px;border-radius:4px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/12px 12px}
.sd-bar{left:0;right:0;bottom:0;padding:8px 14px;background:rgba(8,10,20,.8);font-size:13px;font-weight:600}
.sd-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;border:1px solid var(--line2);border-radius:18px;background:#0b0f19}
.sd-keys span{display:grid;place-items:center;gap:6px;aspect-ratio:1;border-radius:12px;background:var(--panel2);border:1px solid var(--line2);color:var(--text)}
.sd-keys svg{width:24px;height:24px;color:var(--accent-hi)}.sd-keys small{font-size:12px;color:var(--muted)}
@media(max-width:820px){.lp-highlights ul{grid-template-columns:1fr}.lp-spot{grid-template-columns:1fr;gap:18px}.lp-spot-rev .lp-spot-copy{order:0}}
/* Interface enxuta (1.17): menos brilho e sombra, mesmas cores */
body{background:var(--bg)}
.panel,.card{background:var(--panel);box-shadow:none;border-color:var(--line);border-radius:12px}
.metric,.tstat{background:var(--panel)}
.a-card{border-radius:12px;box-shadow:none}
.add-panel{background:var(--panel)}
.page-heading{margin:0 0 18px}
.page-heading h1{font-size:24px}
.page-heading .subtitle,.page-heading p{font-size:14px}
.panel-title h2,.panel>h2{font-size:15px}
form button:not([class]):not([type=button]),.button-link:not(.secondary):not(.disabled):not(.danger){background:var(--accent);box-shadow:none}
.ap-wrap .panel{border-radius:12px;padding:18px}
.ap-wrap canvas,.ap-wrap .preview-stage,.ap-wrap .scene-stage{box-shadow:none}
.plan.featured{box-shadow:0 0 0 1px var(--accent)}
.sd-keys{max-width:380px;justify-self:center;width:100%}.lp-spot-rev .lp-spot-demo figcaption{text-align:center}
.self-card{border-color:var(--accent)}.self-head{display:grid;gap:2px;margin-bottom:8px}.self-head small{color:var(--muted)}
.self-facts{display:flex;flex-wrap:wrap;gap:6px 24px;margin:0 0 10px}.self-facts div{display:flex;gap:6px}.self-facts dt{color:var(--muted)}.self-facts dd{margin:0}
.bad-text{color:var(--bad)}
.plan li.off .only-in{display:inline-block;margin-left:8px;font-size:12.5px;font-weight:600;color:var(--accent-hi);text-decoration:none;white-space:nowrap}
/* Contas conectadas (1.18) */
.ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px;margin-bottom:12px}
.ch-card{margin:0}.ch-card h2{display:flex;gap:8px;align-items:center}
.ch-form{display:grid;gap:12px;margin:10px 0}.ch-form>button{justify-self:start}
.ch-form label{position:relative;display:grid;gap:6px}
.ch-cats{position:absolute;z-index:10;left:0;right:0;top:72px;margin:0;padding:4px;list-style:none;background:var(--panel2);border:1px solid var(--line2);border-radius:10px;max-height:260px;overflow:auto}
.ch-cats li{padding:0}.ch-cats li.muted{padding:8px 10px}
.ch-cats button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 10px;border-radius:8px;color:var(--text);box-shadow:none}
.ch-cats button:hover,.ch-cats button:focus-visible{background:var(--accent-soft)}
.ch-card code{word-break:break-all;font-size:12px}
/* Chatbot (1.18) */
.cb-settings{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;margin:10px 0}
.cb-inline{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.cb-inline input{flex:1;min-width:200px}
.cb-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.cb-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.cb-row small{display:block;color:var(--muted);margin-top:2px}.cb-row.is-off{opacity:.55}
.cb-act{display:flex;gap:6px}.cb-act form{margin:0}
.cb-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}
.cb-form .cb-wide{grid-column:span 2}
@media(max-width:600px){.cb-form .cb-wide{grid-column:auto}.cb-row{flex-direction:column;align-items:flex-start}}

/* Contas conectadas e aba Canal do estúdio */
.ch-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.ch-actions form{margin:0}
#studio-channel .ch-form{border-top:1px solid var(--line);padding-top:12px}#studio-channel .ch-form:first-of-type{border-top:0;padding-top:0}
#studio-channel .ch-head{margin:0;display:flex;gap:8px;align-items:baseline}
#studio-channel .ch-cats{top:64px}
.ch-msg{margin:0;min-height:1.2em;font-size:13px}.ch-msg.bad{color:var(--bad,#ff6b6b)}

/* Botão de ligar/desligar (switch) em todo o painel: <input type="checkbox" role="switch">. */
input[type=checkbox][role=switch]{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:36px;height:20px;min-height:0;margin:0;padding:0;border:0;border-radius:99px;background:var(--line2);cursor:pointer;transition:background .15s;vertical-align:middle}
input[type=checkbox][role=switch]::before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}
input[type=checkbox][role=switch]:checked{background:var(--accent)}
input[type=checkbox][role=switch]:checked::before{transform:translateX(16px)}
input[type=checkbox][role=switch]:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
input[type=checkbox][role=switch]:disabled{opacity:.45;cursor:not-allowed}

.pg-check input[role=switch],.perm-item input[role=switch]{margin-top:1px}
.sw-row{display:flex!important;align-items:flex-start;gap:12px;cursor:pointer;margin:0}
.sw-row>span{display:grid;gap:2px}.sw-row strong{font-weight:600;font-size:14px;color:var(--text)}.sw-row small{color:var(--muted);font-size:12.5px;line-height:1.45}
/* Chatbot */
.cb-settings{display:grid;gap:14px;margin:12px 0;align-items:start}.cb-settings>button{justify-self:start}
.cb-sum{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}
.cb-sum a{display:inline-flex;gap:6px;align-items:baseline;padding:8px 12px;border:1px solid var(--line);border-radius:var(--rs);color:var(--muted)}
.cb-sum a:hover{color:var(--text);text-decoration:none;border-color:var(--line2)}.cb-sum strong{color:var(--text);font-size:16px}
.cb-steps{margin:8px 0;padding-left:20px;display:grid;gap:6px}
.cb-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.cb-row .cb-tg,.cb-row form{margin:0;display:flex;align-items:center}
.cb-txt{min-width:0}.cb-txt small{overflow-wrap:anywhere}
.cb-form .sw-row{align-self:center}
@media(max-width:600px){.cb-row{grid-template-columns:auto minmax(0,1fr);flex-direction:initial}.cb-row>form:last-child{grid-column:2}}
.cb-row.is-off{opacity:1}.cb-row.is-off .cb-txt{opacity:.55}
/* Chatbot por plataforma */
.cb-plat-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:6px}.cb-plat-head h2{margin:0}
.cb-bot{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:13px}.cb-bot .icon{width:15px;height:15px}.cb-bot strong{color:var(--text)}
.cb-onoff{margin:10px 0 4px}
.cb-callout{margin:14px 0;padding:14px 16px;border:1px solid var(--accent);border-left-width:4px;border-radius:var(--rs);background:var(--accent-soft)}
.cb-callout>strong{display:block;font-size:15px;color:var(--text)}.cb-callout p{margin:6px 0}.cb-callout .cb-steps{margin:8px 0 0}
.cb-callout code{font-size:14px;padding:2px 6px;border-radius:6px;background:var(--bg);color:var(--text)}
.cb-callout.warn{border-color:var(--warn);background:var(--warn-soft)}.cb-callout.warn .button-link{margin-top:6px}
.cb-own{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:12px 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.cb-own>span{flex:1 1 260px}.cb-own form{margin:0}.cb-own strong{color:var(--text)}
.cb-empty{max-width:640px}.cb-empty .button-link{margin-top:6px}
.so-bot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.so-bot p{color:var(--muted);font-size:13.5px}
@media(max-width:600px){.cb-bot{margin-left:0;width:100%}}
.cb-hl{color:var(--accent-hi);font-weight:600}
.cb-cmd{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;vertical-align:middle}
.cb-copy{min-height:30px;padding:0 10px;font-size:12.5px}
.cb-steps li{line-height:1.9}
.cb-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;align-items:start;margin-bottom:12px}.cb-choice .panel{margin:0}
.cb-choice .cb-steps li{margin-bottom:6px}
/* Janelas do painel (pop-up) */
.jj-modal{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:22px;border:1px solid var(--line2);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.jj-modal::backdrop{background:rgba(0,0,0,.6)}
.jj-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.jj-modal-head h2{margin:0;font-size:18px}
.jj-confirm{width:min(440px,calc(100vw - 32px))}.jj-confirm p{margin:0 0 18px;font-size:15px;line-height:1.5}
.jj-modal-acts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}

.cb-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.cb-list-head h2{margin:0}
.jj-modal .cb-form{grid-template-columns:1fr}.jj-modal .cb-form .cb-wide{grid-column:auto}.jj-modal .cb-form>button{justify-self:start}
.cb-opt{padding:16px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}.cb-opt h3{margin:0 0 6px}.cb-opt p{color:var(--muted)}
/* Menu lateral (gaveta) que desliza da direita: criar e editar itens */
.jj-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);height:100dvh;max-width:100vw;max-height:none;padding:0;border:0;border-left:1px solid var(--line2);border-radius:0;background:var(--panel);color:var(--text);box-shadow:-24px 0 60px rgba(0,0,0,.45)}
.jj-drawer.wide{width:min(440px,100vw)} /* tamanho único para todos os menus laterais */
.jj-drawer[open]{display:flex}
/* O deslize da gaveta é feito em shell-client.js (animação por script, funciona mesmo com animações reduzidas no sistema). */
.jj-drawer::backdrop{background:rgba(0,0,0,.55)}
.jj-drawer-form{display:flex;flex-direction:column;width:100%;height:100%;margin:0}
.jj-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.jj-drawer-head h2{margin:0;font-size:15.5px}
.jj-x{min-height:34px;width:34px;padding:0;font-size:22px;line-height:1;background:transparent;border:0;color:var(--muted);box-shadow:none}.jj-x:hover{color:var(--text);background:var(--panel2)}
.jj-drawer-body{flex:1;overflow:auto;padding:14px 16px;display:grid;gap:12px;align-content:start;font-size:13.5px}
.jj-drawer-body label{display:grid;gap:6px}.jj-drawer-body small.muted{font-size:12.5px}
.jj-drawer-body textarea{min-height:96px;resize:vertical}
.jj-drawer-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:var(--panel)}
.jj-del{margin-right:auto;background:transparent;border:0;box-shadow:none;color:var(--bad);padding:0 6px}.jj-del:hover{background:var(--bad-soft)}
.sw-box{padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}
.cb-lbl{display:flex;justify-content:space-between;align-items:baseline}.cb-count{font-size:12px;color:var(--faint);font-weight:400}
.cb-preview{padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}
.cb-preview p{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}.cb-prev-head{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-weight:600}
.cb-u{color:var(--accent-hi)}.cb-b{color:var(--ok,#46dfb1)}
.cb-open{display:grid;gap:2px;justify-content:stretch;justify-items:start;width:100%;text-align:left;min-width:0;background:transparent;border:0;box-shadow:none;padding:0;color:var(--text);cursor:pointer;min-height:0}
.cb-open strong{font-weight:600}.cb-open small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-open:hover strong{color:var(--accent-hi)}
.cb-edit{font-size:12.5px;color:var(--faint)}
.cb-row.is-off .cb-open{opacity:.55}
.jj-drawer .cb-choice{grid-template-columns:1fr}
/* Página aberta dentro do menu lateral */
.jj-page .jj-drawer-form{height:100%}
.jj-page-body{position:relative;flex:1;min-height:0}
.jj-page-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg);opacity:0;transition:opacity .2s}
.jj-page-body iframe.ready{opacity:1}
.jj-page-load{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted)}
body.embed{background:var(--bg);min-height:100vh}
body.embed #main{padding:12px 16px 32px;max-width:none;margin:0;font-size:13.5px}
body.embed .panel{padding:14px}body.embed .page-heading .subtitle,body.embed .a-head p{font-size:13px}body.embed h2{font-size:15px}
body.embed .set-frame{display:block}body.embed .set-nav{display:none}
body.embed .page-heading{margin-top:0}
body.embed .page-heading h1,body.embed .page-heading .page-icon{display:none}
/* Faixa compacta de áudio embaixo da prévia */
.audio-strip{padding:8px 14px}
.as-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.as-row form{margin:0;display:flex;align-items:center;gap:8px}
.as-title{font-size:13px;font-weight:600;color:var(--muted)}
.audio-strip button{min-height:30px;padding:0 10px;font-size:12.5px}
.as-vol input[type=range]{width:100px;min-height:0}
.as-vol output{font-size:12.5px;color:var(--muted);min-width:44px}
.as-meter{display:flex;gap:12px;align-items:center;margin-left:auto}
.as-meter .audio-channel{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--faint)}
.as-meter meter{width:70px;height:8px}
.as-meter strong{font-size:11.5px;font-weight:500;color:var(--muted);min-width:0;white-space:nowrap}
.as-status{margin:4px 0 0;font-size:12px;color:var(--faint);line-height:1.4}
.as-status #audio-control-result:empty{display:none}
@media(max-width:600px){.as-meter{margin-left:0;width:100%}.as-meter meter{flex:1;width:auto}.as-meter .audio-channel{flex:1}}
body.embed .a-head h1,body.embed .a-head .a-back{display:none}body.embed .a-head{margin-top:0}
/* Economia e capacidade (admin) */
.ep-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0 16px}
.ep-now p{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--rs);display:grid;gap:2px}.ep-now strong{font-size:17px}
.ep-form{display:grid;gap:12px;max-width:640px}.ep-form>label:not(.sw-row){display:grid;gap:6px;max-width:260px}
.ep-limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.ep-limits label{display:grid;gap:6px}
.pe-engine{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.pe-eng{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);cursor:pointer}
.pe-eng:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.pe-eng span{display:grid;gap:3px}.pe-eng small{color:var(--muted);font-size:12.5px}
.plan-relay{margin-top:4px;display:inline-block}
/* Editor de plano: módulo travado (depende de outro ou precisa do OBS). */
.module-row .module-req{display:none;color:var(--warn,#e0b44c);margin-top:2px}
.module-row.is-locked{opacity:.55}
.module-row.is-locked[data-requires] .module-req{display:block}
.module-row.is-locked select{cursor:not-allowed}
/* Meu plano: trocar de plano. */
.pc-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.pc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--panel2)}
.pc-row>div{display:grid;gap:3px;min-width:0}
.pc-row small{color:var(--muted);font-size:12.5px;line-height:1.45}
.pc-row form{margin:0}
.pc-row .button-link,.pc-row button{white-space:nowrap}
.pc-scheduled{margin:12px 0 0;padding:12px 14px;border-radius:var(--rs);background:var(--accent-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pc-scheduled p{margin:0}
.pc-scheduled form{margin:0}
@media (max-width:640px){.pc-row{flex-direction:column;align-items:stretch}}
/* Meu plano: itens fora do plano agrupados, com os planos que incluem. */
.pi-out{margin:18px 0 6px;font-size:13px;color:var(--muted);font-weight:600}
.plan-includes .pi-where{color:var(--accent-hi);font-weight:600}
.rail-widget-list li.is-busy{opacity:.6}
/* QR codes das entradas (Moblin e IRL Pro / Larix). */
.qr-pair{margin:8px 0 4px}
.qr-pair summary{cursor:pointer;color:var(--accent-hi);font-size:13.5px}
.qr-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}
.qr-grid figure{margin:0;display:grid;gap:6px;justify-items:center}
.qr-grid svg{border-radius:8px;background:#fff}
.qr-grid figcaption{font-size:12.5px;color:var(--muted)}
/* Redes sociais no rodapé. */
.site-social{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.site-social a{font-size:13px;color:var(--muted)}
.site-social a:hover{color:var(--accent-hi)}
.app-footer .site-social{margin:0}
.url-row .qr-pair{grid-column:1/-1}
/* Comandos rápidos do celular (Moblin). */
.moblin-cmds{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.moblin-cmds-t{margin:0 0 8px;font-weight:600;font-size:13.5px}
.moblin-cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.moblin-cmd-grid button{min-height:38px;font-size:13px}
/* Biblioteca de mídia. */
.md-upload{display:grid;gap:10px}
.md-drop{display:grid;gap:6px;padding:16px;border:1px dashed var(--line2);border-radius:var(--rs);background:var(--panel2);cursor:pointer}
.md-drop span{color:var(--muted);font-size:13px}
.md-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.md-item{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--rs);background:var(--panel2)}
.md-thumb{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000 repeating-conic-gradient(#1a2030 0 25%,#121826 0 50%) 0 0/16px 16px}
.md-thumb img,.md-thumb video{width:100%;height:100%;object-fit:contain;display:block}
.md-badge{position:absolute;left:6px;top:6px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.7);font-size:11px;font-weight:700}
.md-meta{display:grid;gap:2px;min-width:0}.md-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-meta small{color:var(--muted)}
.md-acts{display:flex;gap:8px;flex-wrap:wrap}.md-acts form{margin:0;flex:1 1 auto}.md-acts button{width:100%}
/* Troca de idioma da página inicial. */
.lang-switch{display:flex;gap:2px;margin-left:auto;margin-right:12px;font-size:12.5px;font-weight:600}
.lang-switch a,.lang-switch span{padding:4px 7px;border-radius:6px;color:var(--muted)}
.lang-switch span{color:var(--text);background:var(--panel2)}
.lang-switch a:hover{color:var(--text);text-decoration:none}
.public-header .lang-switch{gap:0;margin-right:4px}.public-header .lang-switch a,.public-header .lang-switch span{padding:4px 5px}
@media (max-width:520px){.public-header .lang-switch{flex-wrap:nowrap;flex:none;font-size:11.5px;margin-right:2px}.public-header .lang-switch a,.public-header .lang-switch span{padding:3px 4px}.public-header .brand span,.public-header .brand strong{white-space:nowrap}.public-header nav:not(.lang-switch){flex-wrap:nowrap;gap:4px 10px}}
@media (max-width:520px){.public-header nav:not(.lang-switch)>a{white-space:nowrap}}
/* Controle do celular em cartões (Moblin): cada cartão mostra o estado e vira o comando contrário. */
.mt{display:grid;gap:10px}
.mt-head{display:flex;align-items:center;gap:8px}
.mt-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);font-size:13px;font-weight:600}
.mt-chip i{width:8px;height:8px;border-radius:50%;background:var(--faint)}
.mt-chip[data-state=ok] i{background:var(--ok);box-shadow:0 0 0 3px rgba(61,214,179,.18)}
.mt-chip[data-state=off] i{background:var(--bad)}
.mt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mt-tile{all:unset;box-sizing:border-box;display:grid;align-content:start;gap:3px;min-height:92px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s}
.mt-tile:hover:not(:disabled){border-color:var(--line2);background:#1b2438}
.mt-tile:active:not(:disabled){transform:scale(.98)}
.mt-tile:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
.mt-tile:disabled{opacity:.5;cursor:not-allowed}
.mt-tile.is-busy{opacity:.65;cursor:progress}
.mt-ico .icon{width:20px;height:20px}
.mt-ico{display:block;margin-bottom:6px;color:var(--muted)}
.mt-title{font-size:14.5px;font-weight:700;line-height:1.25}
.mt-sub{font-size:12px;color:var(--muted)}
.mt-tile.is-on{border-color:var(--accent);background:var(--accent-soft)}
.mt-tile.is-on .mt-ico{color:var(--accent-hi)}
.mt-tile.is-danger{background:#c62f3b;border-color:#c62f3b;color:#fff}
.mt-tile.is-danger .mt-ico,.mt-tile.is-danger .mt-sub{color:#fff}
.mt-tile.is-danger .mt-sub::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border:2px solid #fff;border-radius:50%;vertical-align:-1px}
.mt-tile.is-danger:hover:not(:disabled){background:#b02633}
.mt-pick{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;margin:0;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.mt-pick .mt-ico{grid-row:span 2;margin:0}
.mt-pick label{display:grid;gap:1px;margin:0}
.mt-plabel{font-size:12px;color:var(--muted);font-weight:500}
.mt-pick select{border:0;background:transparent;padding:0;min-height:0;font-weight:700;font-size:14.5px;color:var(--text);cursor:pointer}
.mt-pick select:disabled{opacity:.55;cursor:not-allowed}
.mt-pick .mt-sub{grid-column:2}
.mt-pick .mt-sub:empty{display:none}
.mt-result{margin:0;font-size:13px;color:var(--muted);min-height:1.2em}
@media (max-width:360px){.mt-grid{grid-template-columns:minmax(0,1fr)}}
/* Botão que mostra o estado ligado (ex.: "Silenciado"): clicar volta ao normal. */
button.is-toggled{background:var(--bad-soft);border-color:var(--bad);color:#ffd9dd}
button.is-toggled:hover{background:rgba(244,112,124,.28)}
/* Estúdio: um botão só para a live. Parada mostra "Iniciar live"; no ar (ou pedida) mostra "Encerrar". */
.primary-controls [data-live-command=stop]:has(button:disabled){display:none}
.primary-controls:has([data-live-command=stop] button:not(:disabled)) [data-live-command=start]{display:none}
.mt-picks{grid-template-columns:minmax(0,1fr)}
.mt-hidden-form{display:none}
.mt-cams{margin:6px 0 8px}
.mt-cams .mt-tile{min-height:84px}
/* Formulários em cartões (mesmo estilo do controle do celular): cada campo vira um cartão com rótulo pequeno. */
.mt-form{display:grid;gap:8px}
.mt-form>label{display:grid;gap:2px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:12px;color:var(--muted);font-weight:500}
.mt-form>label select,.mt-form>label input{border:0;background:transparent;padding:0;min-height:26px;font-weight:700;font-size:14.5px;color:var(--text);box-shadow:none}
.mt-form>label:focus-within{border-color:var(--accent)}
.mt-form>button{justify-self:stretch}
/* Widgets do Estúdio em cartões (nome à esquerda com a chave, recarregar à direita). */
.rail-widget-list{display:grid;gap:8px}
.rail-widget-list li:not(.muted){padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);border-bottom:1px solid var(--line)}
.rail-widget-list li:not(.muted) .switch span{font-weight:700;font-size:14px}
.ch-cats .ch-cat-h{padding:6px 10px 2px;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.02em}
/* Listas abertas (opções dos selects) sempre escuras e legíveis, inclusive nos cartões com fundo transparente. */
:root{color-scheme:dark}
select option,select optgroup{background:#161e30;color:#eef1f8}
select option:checked{background:#2d3a56;color:#fff}
select option:disabled{color:#7482a0}
/* Stream Deck: passos do plugin */
.deck-steps{margin:.4rem 0 .6rem;padding-left:1.3rem;display:grid;gap:.45rem}
.deck-steps li::marker{color:var(--accent,#8b5cf6);font-weight:700}
.deck-brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:.6rem 0 1rem}
.deck-brand{border:1px solid var(--line,#262b3a);border-radius:12px;padding:.9rem;display:grid;gap:.55rem;align-content:start}
.deck-brand h3{margin:0;font-size:1rem}
.deck-brand p{margin:0;font-size:.86rem}
.deck-brand code{word-break:break-all}
.deck-installers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:.6rem 0 .8rem}
.deck-installer{min-width:0;border:1px solid var(--line);border-radius:12px;padding:.9rem;display:grid;gap:.55rem;align-content:start}
.deck-installer.is-mine{border-color:var(--accent);background:var(--accent-soft)}
.deck-installer .button-link{white-space:normal;text-align:center;display:inline-flex;align-items:center;gap:.45rem;justify-content:center}
.deck-installer p{margin:0;font-size:.86rem}
.deck-manual{margin:.2rem 0 1rem}
.deck-manual>summary{cursor:pointer;color:var(--muted);padding:.3rem 0}
/* Avisos administrativos: botão de fechar */
#system-announcements>article{position:relative;padding-right:40px}
.ann-close{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--muted,#9aa3b5);font-size:18px;line-height:1;cursor:pointer}
.ann-close:hover,.ann-close:focus-visible{background:rgba(255,255,255,.06);border-color:var(--line,#262b3a);color:inherit}
/* Tabelas largas no celular: rolam para o lado em vez de cortar colunas */
@media (max-width:700px){main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}
/* Campo de arquivo em português (o texto do navegador fica escondido) */
.file-pt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.file-pt input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.file-pt .file-btn{display:inline-flex;align-items:center;padding:7px 14px;border-radius:9px;background:var(--accent,#7c5cff);color:#fff;font-weight:600;font-size:.86rem;cursor:pointer}
.file-pt input[type=file]:focus-visible+.file-btn{outline:2px solid var(--accent,#7c5cff);outline-offset:2px}
.file-pt .file-name{color:var(--muted,#9aa3b5);font-size:.86rem;overflow-wrap:anywhere}
.wl-thumb{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:none;background:repeating-conic-gradient(#2a2f3d 0 25%,#1d212c 0 50%) 0 0/10px 10px}
/* Lista "Na tela da live": o nome tem prioridade; a etiqueta some em telas estreitas */
.wtitle strong{flex:0 1 auto;min-width:3ch}
.wtitle .mini-tag{flex:none}
@media (max-width:560px){.wtitle .mini-tag{display:none}}
/* Configurar aplicativo: passo a passo curto */
.conn-quick{list-style:none;counter-reset:cq;margin:0 0 10px;padding:14px 16px;display:grid;gap:10px;border:1px solid var(--line,#262b3a);border-radius:14px;background:var(--panel,#121623)}
.conn-quick li{counter-increment:cq;position:relative;padding-left:36px;line-height:1.45}
.conn-quick li::before{content:counter(cq);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--accent-soft,#2a2350);color:var(--accent-hi,#b9a8ff);font-weight:700;font-size:.82rem}
.conn-warn{margin:0 0 14px;font-size:.88rem;color:var(--muted,#9aa3b5)}
/* Tela de espera em vídeo */
.brb-video{margin-top:16px}
.brb-video-prev{width:100%;max-width:640px;aspect-ratio:16/9;border-radius:12px;background:#000;display:block}
.brb-video-set fieldset{border:0;padding:0;margin:8px 0;display:grid;gap:6px}
.brb-video-set legend{font-weight:600;margin-bottom:4px}
.pe-brbvideo[hidden]{display:none}.pe-brbvideo{margin-top:12px}
/* Usar OBS do meu PC: bloco no topo de Ajustes, cartão na tela do OBS do PC e lembrete em todas as telas */
.pc-switch{border:1px solid var(--accent,#7c5cff);background:linear-gradient(180deg,rgba(124,92,255,.14),rgba(124,92,255,.04));border-radius:14px;padding:14px}
.pc-switch h3{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.pc-switch h3 svg{width:18px;height:18px}
.pc-switch p{margin:0 0 10px}
.pc-choice-btn{width:100%;font-weight:700}
.pc-choice{border:1px solid var(--warn,#f5b84b);background:rgba(245,184,75,.08);display:grid;gap:10px}
.pc-choice h2{margin:0 0 4px}
#account-plan-notice>article.pc-reminder{border-left-color:var(--warn,#f5b84b);display:grid;gap:6px}
#account-plan-notice>article.pc-reminder h2{margin:0;font-size:1rem}
#account-plan-notice>article.pc-reminder p{margin:0}
#account-plan-notice>article.pc-reminder .button-link{justify-self:start}
.pc-quick{margin:0}
.pc-quick button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.pc-quick svg{width:16px;height:16px}
@media (max-width:640px){.pc-quick{order:3;flex:1 1 100%}.pc-quick button{width:100%;justify-content:center}}
.pc-quick button{border:1px solid var(--accent,#7c5cff);color:var(--accent-hi,#c4b5fd);background:rgba(124,92,255,.10)}.pc-quick button:hover{background:rgba(124,92,255,.2)}
/* Chave "Usar OBS do meu PC": mostra o estado (Desativado / Ativado) dentro do botão */
.pc-state{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.08);color:var(--muted,#9aa3b5)}
.pc-state.on{background:rgba(52,211,153,.18);color:#6ee7b7}
.pc-choice form{display:grid;gap:6px;justify-items:start}
.pc-choice .pc-choice-btn{width:auto}
.brb-video-off .plan-tag{color:var(--accent-hi,#c4b5fd)}
/* Histórico financeiro do cliente */
.fin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 16px}
.fin-card{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:14px 16px;display:grid;gap:4px}
.fin-card span{color:var(--muted);font-size:13px}
.fin-card strong{font-size:20px;font-variant-numeric:tabular-nums}
.fin-card small{font-size:12px}
.fin-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 14px}
.fin-filter label{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.fin-filter select{min-width:150px}
.fin-csv{margin-left:auto}
.fin-wrap{overflow-x:auto}
.fin-table{width:100%;border-collapse:collapse}
.fin-table th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}
.fin-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.fin-table td small{display:block;margin-top:2px;font-size:12px}
.fin-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.fin-table tr:last-child td{border-bottom:0}
.fin-note{margin:14px 0 0;font-size:12px}
.pager{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:14px}
@media (max-width:700px){
 main table.fin-table{display:block;overflow:visible}
 .fin-table thead{display:none}
 .fin-table tbody,.fin-table tr,.fin-table td{display:block}
 .fin-table tr{border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin-bottom:10px}
 .fin-table td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
 .fin-table td::before{content:attr(data-label);color:var(--muted);font-size:12px;text-align:left;flex:0 0 auto}
 .fin-table td>strong,.fin-table td>small{display:block}
 .fin-table .num{text-align:right}
 .fin-csv{margin-left:0}
}
/* Comprovante */
.receipt{max-width:640px;margin:0 auto;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:22px}
.rc-head{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap;margin-bottom:12px}
.rc-head h1{margin:0;font-size:20px}
.rc-head p{margin:4px 0 0}
.rc-line{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.rc-line span{color:var(--muted)}
.rc-line b{text-align:right;font-weight:600;word-break:break-word}
.rc-total b{font-size:18px}
.rc-note{font-size:12px;margin-top:14px}
@media print{
 .side,.topbar,.rc-print,.rc-back,.account-nav,#system-announcements,.plan-notice{display:none!important}
 body,main,.receipt{background:#fff!important;color:#000!important}
 .receipt{border:0;max-width:none;padding:0}
 .rc-line{border-color:#ccc}.rc-line span,.muted{color:#444!important}
}
/* Chatbot: variáveis, quem pode usar, moderação e alertas */
.cb-vars{border:1px solid var(--line);border-radius:var(--rs);background:var(--bg);overflow:hidden}
.cb-var-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px}
.cb-var-cap{font-size:12.5px;color:var(--muted);margin-right:4px}
.cb-var-tab{min-height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;background:transparent;border:1px solid var(--line);color:var(--muted);box-shadow:none}
.cb-var-tab[aria-selected=true]{background:var(--panel2,#161e30);border-color:var(--line2);color:var(--text);font-weight:600}
.cb-var-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cb-var-list button{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;min-height:36px;padding:6px 12px;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--muted);text-align:left;font-weight:400}
.cb-var-list button:hover{background:var(--panel)}.cb-var-list code{color:var(--text);font-size:12.5px}.cb-var-list b{color:var(--faint);font-size:16px}
.cb-who{border:0;margin:0;padding:0}.cb-who legend{font-size:13px;color:var(--muted);margin-bottom:6px;padding:0}
.cb-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}
.cb-seg label{margin:0;cursor:pointer}.cb-seg input{position:absolute;opacity:0;pointer-events:none}
.cb-seg span{display:block;text-align:center;padding:8px 6px;border-radius:8px;font-size:13px;color:var(--muted)}
.cb-seg input:checked+span{background:var(--panel2,#161e30);color:var(--text);font-weight:600}
.cb-seg input:focus-visible+span{outline:2px solid var(--accent-hi)}
.cb-mod-head{margin:0 0 14px}.cb-mod-head p{margin:0 0 6px}.cb-stats{font-size:13px;color:var(--muted)}
.cb-filters{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--rs)}
.cb-filters>li{padding:12px 14px;border-bottom:1px solid var(--line)}.cb-filters>li:last-child{border-bottom:0}.cb-filters form{margin:0}
.cb-filter{justify-content:space-between}.cb-filter>span{flex:1}
.cb-len{margin:10px 0 0;align-items:end}.cb-len label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.cb-len input{width:120px;min-width:0;flex:none}
.cb-note{font-size:12.5px;margin:10px 0 0}
.cb-add{display:flex;gap:8px;margin:10px 0}.cb-add input{flex:1;min-width:0}.cb-add button{display:inline-flex;align-items:center;gap:6px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.cb-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0}
.cb-chips li{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:var(--bg);max-width:100%}
.cb-chips li span{overflow-wrap:anywhere}.cb-chips form{margin:0}
.cb-chip-x{min-height:24px;width:24px;padding:0;border-radius:50%;background:transparent;border:0;box-shadow:none;color:var(--faint);font-size:16px;line-height:1}
.cb-chip-x:hover{color:var(--bad,#f4707c);background:var(--panel)}
.cb-more>summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0;overflow-wrap:anywhere}.cb-more>summary span{color:var(--accent-hi);white-space:nowrap}
.cb-none{margin:6px 0 0}
.cb-log-wrap{overflow-x:auto}
.cb-log{width:100%;border-collapse:collapse;font-size:13.5px}
.cb-log th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
.cb-log td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}.cb-log td small{display:block}
.cb-log-msg{overflow-wrap:anywhere;max-width:420px;color:var(--muted)}
.cb-clear{margin:10px 0 0}
.cb-test{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);background:var(--bg)}
.cb-test small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.cb-test-cmd{font-size:12px;color:var(--faint)}
@media (max-width:700px){
 .cb-seg{grid-template-columns:repeat(2,1fr)}
 main table.cb-log{display:block;overflow:visible}.cb-log thead{display:none}.cb-log tbody,.cb-log tr,.cb-log td{display:block}
 .cb-log tr{border:1px solid var(--line);border-radius:var(--rs);padding:6px 10px;margin-bottom:8px}.cb-log td{border:0;padding:4px 0}
 .cb-test-cmd{display:none}
}
/* Página inicial com fotos (1.44) */
.lp-hero{position:relative;padding:72px 0 60px}
.lp-hero::before{content:"";position:absolute;inset:-40px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 78% 40%,rgba(122,107,246,.22),transparent 70%),radial-gradient(40% 50% at 10% 10%,rgba(61,214,179,.08),transparent 70%)}
.lp-hero h1{font-size:clamp(34px,5.2vw,60px)}
.lp-demo{padding:12px;border-radius:22px;background:rgba(16,22,36,.82);backdrop-filter:blur(8px);box-shadow:0 40px 80px -40px rgba(0,0,0,.85),0 0 0 1px rgba(169,159,255,.08)}
.lp-demo-screen{aspect-ratio:16/10;border-radius:14px}
.lp-cam{background:#0b0f19}
.lp-cam img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.lp-cam::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,18,.25) 0%,transparent 30%,transparent 70%,rgba(8,11,18,.55) 100%)}
.lp-cam-label{z-index:1;backdrop-filter:blur(6px)}
.lp-standby{z-index:2;background:linear-gradient(135deg,rgba(24,18,4,.92),rgba(31,23,6,.94))}
.lp-platforms{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin:18px 0 6px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-platforms p{margin:0;color:var(--muted);font-size:13.5px}
.lp-platforms ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.lp-platforms li{padding:6px 14px;border-radius:99px;border:1px solid var(--line2);background:var(--panel);font-weight:650;font-size:14px;letter-spacing:-.01em}
.lp-platforms .lp-plat-more{background:transparent;border-style:dashed;color:var(--muted);font-weight:500}
.lp-spot{gap:48px}
.lp-spot-copy h2{font-size:clamp(24px,3.2vw,34px)}
.sd-stage{aspect-ratio:16/10;border-radius:18px;background:#0b0f19;box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.sd-stage .sd-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sd-stage>span{z-index:1;backdrop-filter:blur(6px)}
.lp-spot-demo figcaption{text-align:left}
.lp-photo{position:relative}
.lp-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;border:1px solid var(--line2);box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.lp-chip{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:rgba(8,11,18,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);color:#eef1f8;font-size:13px;font-weight:600}
.lp-chip i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(61,214,179,.2)}
.lp-chip .icon{width:15px;height:15px;color:var(--accent-hi)}
.lp-highlights a{padding:18px 20px;border-radius:16px;transition:border-color .15s,transform .15s}
.lp-highlights a:hover{transform:translateY(-2px)}
.lp-cta{position:relative;overflow:hidden;isolation:isolate;margin-top:32px;padding:72px 24px;border-radius:22px;background:#0b0f19}
.lp-cta-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.lp-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,11,18,.55),rgba(8,11,18,.82)),radial-gradient(70% 90% at 50% 50%,rgba(122,107,246,.25),transparent 70%)}
.lp-cta h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;color:#fff}
.lp-cta p{color:#d6dbe8}
@media (prefers-reduced-motion:reduce){.lp-highlights a:hover{transform:none}}
@media (max-width:820px){
 .lp-hero{padding:36px 0 28px;gap:28px}
 .lp-spot{gap:20px}
 .lp-cta{padding:48px 18px}
 .lp-platforms{justify-content:flex-start}
}
@media (max-width:420px){.public-header{gap:8px;padding:10px 12px}.public-header nav:not(.lang-switch)>.button-link{padding:0 10px;min-height:34px;font-size:13px}.public-header .brand span{font-size:14px}}
.lang-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 4px}.lang-form label{margin:0}.lang-form select{min-width:220px}
.lang-hint{font-size:12.5px;margin:6px 0 0}

/* Página inicial: chatbot (1.45.1) */
.lp-highlights ul{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.lp-highlights ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.lp-highlights ul{grid-template-columns:1fr}}
.cb-demo{background:#0d111b;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}
.cb-demo-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text)}
.cb-demo-bar .icon{width:16px;height:16px;color:var(--accent-hi)}
.cb-demo-bar em{margin-left:auto;font-style:normal;font-weight:500;color:var(--faint);font-size:12px}
.cb-demo-msgs{list-style:none;margin:0;padding:14px 16px 16px;display:grid;gap:9px;font-size:14px;line-height:1.45;color:#d9deea}
.cb-demo-msgs li{overflow-wrap:anywhere}
.cb-demo-msgs b{margin-right:6px}
.cb-demo-msgs .is-bot b{color:var(--accent-hi)}
.cb-demo-badge{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:4px;background:rgba(122,107,246,.18);color:var(--accent-hi);font-size:10.5px;font-weight:700;vertical-align:1px}
.cb-demo-msgs .is-bot{background:rgba(122,107,246,.08);border-left:2px solid var(--accent);padding:6px 10px;border-radius:0 8px 8px 0}
.cb-demo-msgs .is-removed{color:var(--faint)}
.cb-demo-msgs .is-removed s{opacity:.7}
.cb-demo-msgs .is-removed small{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:99px;background:rgba(244,112,124,.14);color:#f4707c;font-size:11px}
.cb-demo-msgs .is-event{display:flex;align-items:center;gap:7px;color:var(--ok);font-size:13px}
.cb-demo-msgs .is-event .icon{width:14px;height:14px}

/* Troca de idioma com bandeiras (1.45.2) */
.lang-flags{align-items:center;gap:4px}
.lang-flags>a,.lang-flags>span{display:inline-flex;align-items:center;justify-content:center;padding:4px!important;border-radius:6px;background:transparent;opacity:.55;transition:opacity .15s,background .15s}
.lang-flags>a:hover,.lang-flags>a:focus-visible{opacity:1;background:var(--panel2)}
.lang-flags>span[aria-current]{opacity:1;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line)}
.lang-flags svg{display:block;width:22px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.lang-flags .sr-only{padding:0!important;background:none!important}
@media (max-width:520px){.lang-flags{gap:1px}.lang-flags svg{width:19px;height:14px}.lang-flags>a,.lang-flags>span{padding:3px!important}}
@media (prefers-reduced-motion:reduce){.lang-flags>a{transition:none}}
.md-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:12px;box-sizing:border-box;color:var(--accent-hi)}
.md-audio .icon{width:30px;height:30px}
.md-audio audio{width:100%;max-width:220px;height:32px}

.cb-screen-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:13.5px}
.cb-screen-link .icon{width:18px;height:18px;color:var(--accent-hi)}
.cb-screen-link span{flex:1;min-width:200px}

/* Alertas na tela (1.46): lista de alertas salvos + menu lateral de cada alerta, no jeito do KickBot. */
.al-page{display:grid;gap:14px;max-width:900px}
.al-srcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.al-src{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:13.5px}
.al-src strong{min-width:48px}
.al-src span:not(.al-dot){color:var(--muted);flex:1;min-width:150px}
.al-dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}
.al-src.is-ok .al-dot{background:var(--ok)}.al-src.is-pending .al-dot,.al-src.is-scopes .al-dot{background:var(--warn)}
.al-box{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.al-box-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}
.al-box-h h2{margin:0;font-size:15px}
.al-count{margin-left:6px;font-weight:500;color:var(--faint);font-size:13px}
.al-list{list-style:none;margin:0;padding:0}
.al-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--line)}
.al-item:hover{background:var(--panel2)}
.al-open{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:pointer;padding:0;min-height:0;box-shadow:none}
.al-open:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-2px}
.al-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-hi)}
.al-ico .icon{width:18px;height:18px}
.al-ico.is-off{background:var(--panel2);color:var(--faint)}
.al-item-t{display:grid;gap:2px;min-width:0;pointer-events:none}
.al-item-t strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-item-t small{font-size:12.5px;color:var(--muted)}
.al-off{color:var(--warn)}
.al-item-url{font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint);pointer-events:none;white-space:nowrap}
.al-copy{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;min-height:36px;border:1px solid var(--line2);border-radius:9px;background:var(--bg2);color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:none}
.al-copy:hover{border-color:var(--accent);background:var(--panel2)}
.al-copy .icon{width:15px;height:15px}
.al-chev{color:var(--faint);font-size:20px;line-height:1;pointer-events:none}
.al-foot-note{margin:0;font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.al-item{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.al-item-url{display:none}.al-chev{display:none}}

/* Menu lateral do alerta */
.al-dr.jj-drawer{width:min(470px,100vw)}
.al-dr .jj-drawer-head h2{font-size:16px}
.al-dr-prev{padding:14px 18px 10px;border-bottom:1px solid var(--line);background:var(--panel)}
.al-dr-prev-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--muted)}
.al-only{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:12.5px;color:var(--muted)}
.al-only .icon{width:15px;height:15px}
.al-stage{position:relative;width:100%;height:clamp(150px,26vh,210px);border-radius:12px;overflow:hidden;background-color:#0b0e16;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:12px 12px}
#al-file{display:none!important}
/* A prévia roda no tamanho real (800×600) e é reduzida para caber: letras e imagens ficam na mesma proporção da live. */
.al-stage iframe{position:absolute;left:var(--x,0);top:0;width:800px;height:600px;border:0;background:transparent;color-scheme:normal;transform-origin:0 0;transform:scale(var(--k,.3));pointer-events:none}
.al-dr-body.jj-drawer-body{padding:18px;gap:20px}
.al-f{display:grid;gap:8px;min-width:0}
.al-f-t{display:grid;gap:3px}
.al-f-t>span,.al-f-title{font-weight:650;font-size:14px;color:var(--text)}
.al-f-t>small{font-size:12.5px;color:var(--muted);line-height:1.4}
.al-f input:not([type=checkbox]):not([type=range]):not([type=color]),.al-f select{width:100%;box-sizing:border-box;min-height:44px}
.al-f-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.al-f-row .al-f-t{flex:1}
.al-dr label.switch{display:inline-flex;align-items:center;gap:8px;margin:0;flex:none}
.al-dr label.switch span{display:inline}
.al-dr label.al-live-test{font-size:12.5px;font-weight:500;color:var(--muted);margin-top:4px}
.al-chips{display:flex;flex-wrap:wrap;gap:6px}
.al-chip{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 9px;min-height:0;border-radius:7px;border:1px solid var(--line2);background:var(--bg2);color:var(--accent-hi);cursor:pointer;box-shadow:none}
.al-chip:hover{border-color:var(--accent)}
.al-media{display:flex;gap:8px}
.al-media input{flex:1;min-width:0}
.al-up{flex:none;width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);cursor:pointer;box-shadow:none}
.al-up:hover{border-color:var(--accent)}
.al-up .icon{width:18px;height:18px}
.al-range{display:flex;align-items:center;gap:10px}
.al-range input{flex:1;accent-color:var(--accent)}
.al-range output{min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
.al-dr label.al-color{display:inline-flex;align-items:center;gap:12px;margin:0;cursor:pointer;justify-self:start}
.al-color input{flex:none;width:30px!important;height:30px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%;background:none!important;cursor:pointer;overflow:hidden}
.al-color input::-webkit-color-swatch-wrapper{padding:0}.al-color input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.18);border-radius:50%}
.al-color input::-moz-color-swatch{border:2px solid rgba(255,255,255,.18);border-radius:50%}
.al-color code{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}
.al-hr{border:0;border-top:1px solid var(--line);margin:2px 0;width:100%}
.al-tests{display:flex;gap:8px;flex-wrap:wrap}
.al-test{padding:8px 16px;min-height:38px;border:1px solid var(--line2);border-radius:9px;background:var(--panel2);color:var(--text);font-weight:600;font-size:13.5px;cursor:pointer;box-shadow:none}
.al-test:hover{border-color:var(--accent)}
.al-msg{margin:0;font-size:12.5px;color:var(--muted)}.al-msg:empty{display:none}
.al-url-h{font-size:14px}
.al-size{font-size:12.5px;color:var(--muted)}
.al-url-box{display:flex;gap:8px}
.al-secret{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 4px 0 12px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);min-height:44px}
.al-dr .al-secret input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:0!important;min-height:0!important;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);box-shadow:none!important}
.al-lock .icon{width:15px;height:15px;color:var(--faint)}
.al-reveal{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--muted);font-size:12.5px;cursor:pointer;padding:6px 8px;min-height:0;box-shadow:none}
.al-reveal:hover{color:var(--text)}
.al-reveal .icon{width:15px;height:15px}
.al-url-box .al-copy{min-height:44px}
.al-keep{margin:0;font-size:12.5px;color:var(--muted)}
.al-steps{margin:0;padding-left:20px;display:grid;gap:5px;font-size:13.5px;color:var(--text)}
.al-note{margin:0;font-size:12.5px;color:var(--faint)}
.al-dr-foot.jj-drawer-foot{gap:8px;padding:12px 18px}
.al-dr-foot .spacer{flex:1}
.al-reset{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;min-height:40px;border:1px solid var(--line2);border-radius:9px;background:var(--panel2);color:var(--text);font-weight:600;font-size:13.5px;cursor:pointer;box-shadow:none}
.al-reset .icon{width:15px;height:15px}
.al-close{padding:8px 12px;min-height:40px;border:0;background:transparent;color:var(--text);font-weight:600;cursor:pointer;box-shadow:none}
.al-close:hover{background:var(--panel2)}
.al-save{min-height:40px;padding:8px 16px}
@media (max-width:480px){.al-reset span{display:none}.al-url-box{flex-direction:column}}

/* Widgets salvos (1.47): lista única no jeito do KickBot */
.wh-page{max-width:980px}
.wh-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wh-search{flex:1 1 280px;display:flex;align-items:center;gap:8px;margin:0;padding:0 12px;min-height:44px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);color:var(--faint)}
.wh-search .icon{width:16px;height:16px;flex:none}
.wh-search input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:0!important;color:var(--text)}
.wh-chips{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow-x:auto}
.wh-chip{padding:8px 14px;min-height:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap;cursor:pointer;box-shadow:none}
.wh-chip.is-on{background:var(--panel2);color:var(--text)}
.wh-chip:hover{color:var(--text)}
.al-box-h select{width:auto;min-height:36px;padding:6px 30px 6px 10px;font-size:13px}
.wh-item{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}
.wh-thumb{width:36px;height:36px;border-radius:10px;object-fit:cover;background:var(--panel2)}
.wh-live{color:var(--ok)}.wh-live.is-off{color:var(--warn)}
.wh-menu{position:relative;z-index:2}
.wh-menu summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--muted);font-size:18px;cursor:pointer}
.wh-menu summary::-webkit-details-marker{display:none}
.wh-menu summary:hover,.wh-menu[open] summary{background:var(--panel2);color:var(--text)}
.wh-menu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:200px;display:grid;padding:6px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);box-shadow:0 16px 40px -12px rgba(0,0,0,.6)}
.wh-menu-list a,.wh-menu-list button{display:block;width:100%;text-align:left;padding:9px 10px;min-height:0;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;box-shadow:none;text-decoration:none}
.wh-menu-list a:hover,.wh-menu-list button:hover{background:var(--panel2)}
.wh-menu-list button.danger{color:var(--bad)}
.wh-menu-list form{margin:0}
.wh-quick{grid-column:2/-1;position:relative;z-index:1;margin:2px 0 0}
.wh-empty{margin:0;padding:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.wh-add{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--line);color:var(--text);font-weight:600;font-size:14px;text-decoration:none}
.wh-add:hover{background:var(--panel2);text-decoration:none}
.wh-add .icon{width:16px;height:16px;color:var(--muted)}
.wh-add span:nth-child(2){flex:1}
@media (max-width:760px){.wh-item{grid-template-columns:auto minmax(0,1fr) auto auto}.wh-item .al-copy span{display:none}}
.wh-menu>summary::after{display:none}
.wh-bar>*{min-width:0;max-width:100%}.wh-page{min-width:0}
.al-page{grid-template-columns:minmax(0,1fr)}
body.embed .wtabs,body.embed .page-heading .button-link{display:none}
.app-ver{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint)}.cb-granted{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.al-sounds{display:flex;flex-wrap:wrap;gap:6px;margin-top:-10px}
.al-snd{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;min-height:0;border:1px solid var(--line2);border-radius:99px;background:var(--bg2);color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:none}
.al-snd .icon{width:13px;height:13px}
.al-snd:hover{color:var(--text);border-color:var(--accent)}
.al-snd.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}
/* Widget desligado: linha escurecida e etiqueta */
.wh-item.is-off .al-ico,.wh-item.is-off .wh-thumb,.wh-item.is-off .al-item-t small,.wh-item.is-off .al-item-url{opacity:.45}
.wh-item.is-off .al-item-t strong{color:var(--muted)}
.wh-item.is-off{background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.015) 10px 20px)}
.wh-off-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--warn-soft);color:var(--warn);font-size:11px;font-weight:700;vertical-align:2px;opacity:1}
.cb-load{margin:10px 0 4px}.cb-load .icon{width:15px;height:15px}
#cb-words-list .jj-drawer-body>a.button-link{justify-self:start;align-self:start;width:auto}
.cb-list-edit{display:grid;gap:6px;margin:0;font-size:13px;color:var(--muted)}
.cb-list-edit textarea{width:100%;min-height:340px;font:13.5px/1.6 ui-monospace,Menlo,Consolas,monospace;resize:vertical}
.pe-chatbot{display:grid;gap:8px;margin-top:14px}.pe-chat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pe-chat-row label{margin:0}

/* Editor de widgets com código próprio (1.49), no jeito do KickBot */
.wed{display:grid;gap:10px;min-width:0}
.wed-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wed-crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);min-width:0}
.wed-crumb a{color:var(--muted)}.wed-crumb a:hover{color:var(--text)}
.wed-crumb strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wed-layouts{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.wed-layouts [role=group]{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.wed-layouts button{padding:6px 12px;min-height:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:600;font-size:13px;box-shadow:none;cursor:pointer}
.wed-layouts button[aria-pressed=true]{background:var(--panel2);color:var(--text)}
.wed-msg{margin:0;padding:10px 14px;border-radius:10px;font-size:13.5px}.wed-msg.ok{background:var(--ok-soft);color:var(--ok)}.wed-msg.bad{background:var(--bad-soft);color:var(--bad)}
.wed-body{display:grid;grid-template-columns:310px minmax(0,1fr) minmax(300px,36%);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"side code prev" "foot code prev";height:calc(100dvh - 230px);min-height:560px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg2)}
.wed-side{grid-area:side;overflow:auto;padding:14px;display:grid;gap:14px;align-content:start;border-right:1px solid var(--line);background:var(--panel)}
.wed-sec{display:grid;gap:10px}
.wed-sec>summary{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;cursor:pointer;list-style:none}
.wed-sec>summary::after{margin-left:auto}
.wed-count{font-weight:500;color:var(--faint);font-size:13px}
.wed-card{display:grid;border:1px solid var(--line);border-radius:12px;background:var(--bg2);overflow:hidden}
.wed-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600}
.wed-row:first-child{border-top:0}
.wed-row.wed-col{display:grid;gap:6px}.wed-row.wed-col label{margin:0;font-weight:600;color:var(--text);font-size:13.5px}
.wed-row input:not([type=number]),.wed-row select{width:100%;min-width:0}
.wed-tpl select{max-width:160px}
.wed-step{display:flex;align-items:stretch;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.wed-step button{width:32px;min-height:34px;padding:0;border:0;border-radius:0;background:var(--panel2);color:var(--text);font-size:16px;box-shadow:none;cursor:pointer}
.wed-step label{display:flex;align-items:center;gap:4px;margin:0;padding:0 8px;background:var(--bg)}
.wed-step input{width:56px;padding:0!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:right;font-weight:700;-moz-appearance:textfield}
.wed-step input::-webkit-inner-spin-button{display:none}
.wed-step small{color:var(--faint);font-weight:500}
.wed-hint{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}
.wed-hint code{font-size:12px}
.wed-add{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:0;border:1px solid var(--line2);border-radius:9px;background:var(--panel2);color:var(--text);font-size:13px;font-weight:600;box-shadow:none;cursor:pointer}
.wed-add .icon{width:14px;height:14px}
.wed-vars{list-style:none;margin:0;padding:0;display:grid}
.wed-var{display:grid;gap:6px;padding:10px 12px;border-top:1px solid var(--line)}.wed-var:first-child{border-top:0}
.wed-var-top,.wed-var-bot{display:flex;gap:6px}
.wed-var input,.wed-var select{min-width:0;min-height:34px!important;font-size:13px}
.wed-var-top input{flex:1}.wed-var-top select{width:110px}.wed-var-bot input:not([type=color]){flex:1}
.wed-var input[type=color]{width:44px;padding:2px!important}
.wed-x{width:30px;min-height:34px;padding:0;border:0;background:transparent;color:var(--muted);font-size:18px;box-shadow:none;cursor:pointer}.wed-x:hover{color:var(--bad)}
.wed-empty{margin:0;padding:18px;text-align:center;color:var(--muted);font-size:13px}
.wed-tests{display:flex!important;flex-wrap:wrap;gap:6px;padding:10px}
.wed-tests button{padding:6px 10px;min-height:0;border:1px solid var(--line2);border-radius:8px;background:var(--panel2);color:var(--text);font-size:12.5px;font-weight:600;box-shadow:none;cursor:pointer}
.wed-tests button:hover{border-color:var(--accent)}
.wed-help>summary{font-size:12.5px;color:var(--accent-hi);cursor:pointer}
.wed-snippet{margin:8px 0;padding:10px;border-radius:8px;background:var(--bg);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);overflow:auto}
.wed-foot{grid-area:foot;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel)}
.wed-foot .button-link,.wed-save{display:inline-flex;align-items:center;gap:6px}
.wed-foot .icon{width:15px;height:15px}
.wed-save{flex:1;justify-content:center}
.wed-foot small{flex-basis:100%;font-size:12px;color:var(--faint)}
.wed-code{grid-area:code;display:flex;flex-direction:column;min-width:0;min-height:0}
.wed-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel)}
.wed-tabs button{padding:6px 12px;min-height:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:none;cursor:pointer}
.wed-tabs button[aria-selected=true]{background:var(--panel2);color:var(--text)}
.wed-panes{flex:1;display:flex;min-height:0}
.wed-pane{display:none;flex:1;flex-direction:column;min-width:0;min-height:0}
.wed-pane-h{display:none;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--line);font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);background:var(--panel)}
.wed-pane-h small{font-weight:500;color:var(--faint)}
.wed[data-layout=single] .wed-pane.is-on{display:flex}
.wed[data-layout=side] .wed-tabs,.wed[data-layout=stack] .wed-tabs{display:none}
.wed[data-layout=side] .wed-pane,.wed[data-layout=stack] .wed-pane{display:flex}
.wed[data-layout=side] .wed-pane-h,.wed[data-layout=stack] .wed-pane-h{display:flex}
.wed[data-layout=side] .wed-pane+.wed-pane{border-left:1px solid var(--line)}
.wed[data-layout=stack] .wed-panes{flex-direction:column}
.wed[data-layout=stack] .wed-pane+.wed-pane{border-top:1px solid var(--line)}
.wed-ed{flex:1;display:flex;min-height:0;background:#0d1018}
.wed-gutter{margin:0;padding:10px 8px 10px 0;width:44px;flex:none;overflow:hidden;text-align:right;font:12.5px/20px ui-monospace,SFMono-Regular,Menlo,monospace;color:#4b566d;user-select:none;border-right:1px solid rgba(255,255,255,.04)}
.wed-ed textarea{flex:1;min-width:0;margin:0;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;resize:none;font:12.5px/20px ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#e6e9f2;white-space:pre;overflow:auto;tab-size:2;min-height:0!important}
.wed-ed textarea:focus{outline:none}
.wed-prev{grid-area:prev;display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--line);background:var(--panel)}
.wed-prev header{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px}
.wed-prev header .spacer{flex:1}
.wed-size{font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint)}
.wed-ico{display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer}
.wed-ico:hover{background:var(--panel2);color:var(--text)}
.wed-ico .icon{width:16px;height:16px}
.wed-stage{position:relative;flex:1;margin:0 12px 12px;border-radius:12px;overflow:hidden;background-color:#0b0e16;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:12px 12px;border:1px solid var(--line)}
.wed-stage iframe{position:absolute;left:0;top:0;border:0;background:transparent;transform-origin:0 0;color-scheme:normal}
@media (max-width:1100px){.wed-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"prev" "code" "side" "foot";grid-template-rows:280px 60vh auto auto;height:auto}.wed-side{border-right:0;border-top:1px solid var(--line)}.wed-prev{border-left:0;border-bottom:1px solid var(--line)}.wed-foot{border-right:0;position:sticky;bottom:0;z-index:5}.wed[data-layout=side] .wed-panes{flex-direction:column}.wed[data-layout=side] .wed-pane+.wed-pane{border-left:0;border-top:1px solid var(--line)}}
/* Guias de configuração (Configurar aplicativo e OBS no seu computador) */
.sg{display:grid;gap:14px;max-width:920px}
.sg>.panel{margin:0}
.sg-status{min-height:0;margin:0 0 6px;color:var(--accent-hi);font-size:13.5px}.sg-status:empty{display:none}
.sg-tabs{margin:0;border-bottom:1px solid var(--line)}
.sg-tabs button{min-height:42px;padding:0 16px;font-size:14px}
.sg-pane{display:grid;gap:14px;border-top-left-radius:0}
.sg-pane[hidden]{display:none}
.sg-lead{margin:0;color:var(--text);font-size:14.5px;line-height:1.5}
.sg-steps{list-style:none;counter-reset:sg;margin:0;padding:0;display:grid;gap:10px}
.sg-steps li{counter-increment:sg;position:relative;padding-left:36px;line-height:1.5;font-size:14px}
.sg-steps li::before{content:counter(sg);position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi);font-size:12.5px;font-weight:700}
.sg-field{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18)}
.sg-field>label{margin:0;font-size:13px;font-weight:700;color:var(--text)}
.sg-field-row{display:flex;gap:8px;align-items:center}
.sg-field-row input{flex:1;min-width:0;min-height:38px;font-size:13px}
.sg-field-row button{flex:none;min-height:38px}
.sg-field>small{font-size:12.5px}
.sg-acts{display:flex;gap:8px;flex-wrap:wrap}
.sg-field .qr-pair{margin:2px 0 0}
.sg-tip,.sg-warn{margin:0;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.5}
.sg-tip{background:var(--accent-soft);border:1px solid rgba(139,120,255,.35)}
.sg-warn{background:rgba(245,184,75,.1);border:1px solid var(--warn,#f5b84b)}
.sg-secret,.sg-note{margin:0;font-size:12.5px;color:var(--muted)}
.sg-more{border:1px solid var(--line);border-radius:12px;padding:0 14px}
.sg-more>summary{cursor:pointer;padding:11px 0;font-weight:600;font-size:13.5px}
.sg-more[open]{display:grid;gap:10px;padding-bottom:14px}
.sg-more h3{margin:6px 0 0;font-size:13.5px}
.sg-step h2{display:flex;align-items:center;gap:10px;margin:0}
.sg-step{display:grid;gap:12px}.sg-step>*{margin:0}
.sg-step .button-link{justify-self:start}
.sg-n{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:14px;flex:none}
.sg-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sg-flow li{display:grid;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:600;font-size:13.5px}
.sg-flow li small{font-weight:400;color:var(--muted);font-size:11.5px}
.sg-flow{gap:6px 24px}.sg-flow li{position:relative}
.sg-flow li+li::before{content:"→";position:absolute;left:-19px;top:50%;transform:translateY(-50%);color:var(--accent-hi);font-weight:700}
.sg .pc-choice{grid-template-columns:minmax(0,1fr) auto;align-items:center}
@media (max-width:640px){.sg-field-row{flex-wrap:wrap}.sg-field-row input{flex-basis:100%}.sg .pc-choice{grid-template-columns:minmax(0,1fr)}.sg-tabs{flex-wrap:wrap;overflow:visible}.sg-tabs button{padding:0 10px;font-size:13px}}
/* Admin → Domínio */
.dm-list{display:grid;gap:8px;margin:0 0 8px}.dm-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:baseline}
.dm-list dt{color:var(--muted);font-size:13px}.dm-list dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.dm-list code{font-size:13px;word-break:break-all}
.dm-checks{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.dm-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:10px;border:1px solid var(--line)}
.dm-check>span:first-child{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-weight:800}
.dm-check strong{display:block;margin-bottom:2px}
.dm-check.ok{border-color:rgba(64,200,140,.45)}.dm-check.ok>span:first-child{background:rgba(64,200,140,.18);color:#5be0a4}
.dm-check.bad{border-color:rgba(245,90,90,.45)}.dm-check.bad>span:first-child{background:rgba(245,90,90,.18);color:#ff8a8a}
.dm-reset{margin-top:6px}
@media (max-width:640px){.dm-list>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* Modo da live (menu lateral do Estúdio) */
.lm-list{display:grid;gap:10px}
.lm-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;margin:0}
.lm-opt.is-on{border-color:var(--accent);background:var(--accent-soft)}
.lm-opt strong{font-size:14.5px}
.lm-opt p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.lm-tag{margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:11.5px;color:var(--muted);white-space:nowrap}
.lm-now{font-weight:700;color:var(--accent-hi);font-size:13px}
.lm-how a{color:var(--accent-hi)}
@media (max-width:640px){.lm-opt{grid-template-columns:minmax(0,1fr)}.lm-opt button{justify-self:start}}
.pc-choice-acts{display:flex;gap:8px;flex-wrap:wrap}
.sg .pc-choice-acts form{margin:0}
/* Qualidade da saída: explicações */
.mt-form label .q-help{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted);font-weight:400}
.q-help strong{color:var(--text);font-weight:600}
.q-note{margin:0 0 10px;padding:9px 11px;border-radius:10px;background:var(--accent-soft);font-size:12.5px;line-height:1.5}
.q-recipes{margin:10px 0 6px;border:1px solid var(--line);border-radius:10px;padding:0 12px}
.q-recipes summary{cursor:pointer;padding:9px 0;font-weight:600;font-size:13px}
.q-recipes ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.q-recipes li{display:grid;gap:2px;font-size:12.5px}.q-recipes li span{color:var(--muted)}
.q-ref{display:grid;grid-template-columns:auto auto;justify-content:start;gap:3px 14px;margin-top:6px;font-size:12px;font-weight:400;color:var(--muted)}.q-ref b{color:var(--text);font-weight:600}