/* Automação WhatsApp (nova) — baseada no esboço aprovado. Tudo isolado sob .nxa / classes nxa-* para não afetar o resto do painel. */
.nxa{
  --n-bg:#06080f; --n-surface:#0c1120; --n-surface2:#111a2e; --n-line:#1d2742;
  --n-fg:#eef1f8; --n-muted:#8c97b2; --n-gold:#e3b04b; --n-gold-ink:#1a1305;
  --n-blue:#3d8bff; --n-ok:#2fd27a; --n-warn:#f0a63a; --n-bad:#ff6b6b;
  --n-bubble:#0b2a1e; --n-bubble-line:#14432f; --n-bubble-muted:#7fae95;
  color:var(--n-fg); font-size:14px; line-height:1.45; max-width:560px; margin:0 auto; width:100%;
  overflow-x:hidden; padding-bottom:12px;
}
html.theme-light .nxa, [data-theme="light"] .nxa{
  --n-bg:#f4f6fb; --n-surface:#ffffff; --n-surface2:#eef2fa; --n-line:#d5dcec;
  --n-fg:#142033; --n-muted:#5d6b86; --n-gold:#b7791f; --n-gold-ink:#ffffff;
  --n-bubble:#dcf8c6; --n-bubble-line:#b7e4a0; --n-bubble-muted:#4a7a56;
}
.nxa *, .nxa *::before, .nxa *::after{box-sizing:border-box}
.nxa-hide{display:none!important}
.nxa h1{font-size:20px;margin:0 0 2px}
.nxa .sub{color:var(--n-muted);font-size:12.5px;margin:0}
.nxa .tabs-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--n-surface);border:1px solid var(--n-line);border-radius:14px;padding:4px;margin-top:2px}
.nxa .tabs-main.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.nxa .tabs-main button{border:0;border-radius:10px;padding:8px 4px;font:700 12px/1.2 inherit;background:transparent;color:var(--n-muted);cursor:pointer}
.nxa .tabs-main button b{display:block;font-size:10.5px;font-weight:600;opacity:.85}
.nxa .tabs-main button[aria-selected="true"]{background:var(--n-gold);color:var(--n-gold-ink)}
.nxa .panel{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.nxa .panel>*{min-width:0}
.nxa .card{background:var(--n-surface);border:1px solid var(--n-line);border-radius:16px;padding:14px}
.nxa .card h2{font-size:15px;margin:0 0 2px}
.nxa .meta{font-size:12px;color:var(--n-muted)}
.nxa .num{font-variant-numeric:tabular-nums}
.nxa .label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--n-muted);font-weight:700}
.nxa .row{display:flex;align-items:center;gap:10px}
.nxa .row>.grow{flex:1;min-width:0}
.nxa .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.nxa .chips{display:flex;gap:6px;flex-wrap:wrap}
.nxa .chip{border:1px solid var(--n-line);background:var(--n-surface2);color:var(--n-fg);border-radius:999px;padding:6px 11px;font:600 12.5px inherit;cursor:pointer}
.nxa .chip[aria-pressed="true"]{border-color:var(--n-gold);color:var(--n-gold)}
.nxa .chip .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--n-muted);vertical-align:1px}
.nxa .chip .dot.on{background:var(--n-ok)}
.nxa .pill{font-size:11px;font-weight:700;border-radius:999px;padding:3px 8px;white-space:nowrap}
.nxa .p-trig{background:rgba(61,139,255,.14);color:#6ea4ff}
.nxa .p-pay{background:rgba(47,210,122,.14);color:#1fa862}
.nxa .p-late{background:rgba(255,107,107,.14);color:#e04b4b}
.nxa .p-std{background:var(--n-surface2);color:var(--n-muted)}
.nxa .p-own{background:rgba(227,176,75,.18);color:var(--n-gold)}
.nxa .switch{position:relative;width:44px;height:26px;flex:0 0 auto}
.nxa .switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.nxa .switch span{position:absolute;inset:0;border-radius:999px;background:#2a3350;transition:.2s;pointer-events:none}
.nxa .switch span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#cfd6e6;transition:.2s}
.nxa .switch input:checked+span{background:var(--n-ok)}
.nxa .switch input:checked+span::after{transform:translateX(18px);background:#fff}
.nxa .switch input:focus-visible+span{outline:2px solid var(--n-gold);outline-offset:2px}
.nxa .acc{border:1px solid var(--n-line);border-radius:14px;background:var(--n-surface)}
.nxa .acc>.ah{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}
.nxa .acc .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--n-surface2);color:var(--n-gold);flex:0 0 auto;font-size:16px}
.nxa .acc .t{font-weight:700;font-size:14.5px}
.nxa .acc .s,.nxa .acc .w{font-size:12px;color:var(--n-muted);overflow:hidden;text-overflow:ellipsis}
.nxa .acc .s{white-space:nowrap}
.nxa .acc .chev{color:var(--n-muted);transition:transform .2s;flex:0 0 auto}
.nxa .acc.open>.ah>.chev{transform:rotate(180deg)}
.nxa .acc .ab{padding:0 14px 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.nxa .acc:not(.open) .ab{display:none}
.nxa .vtabs{display:flex;gap:6px}
.nxa .vtabs button{flex:1;border:1px solid var(--n-line);background:transparent;color:var(--n-muted);border-radius:10px;padding:8px;font:600 12.5px inherit;cursor:pointer}
.nxa .vtabs button[aria-selected="true"]{border-color:var(--n-blue);color:#6ea4ff;background:rgba(61,139,255,.1)}
.nxa textarea,.nxa input[type=text],.nxa input[type=tel],.nxa input[type=url]{width:100%;max-width:100%;background:var(--n-bg);color:var(--n-fg);border:1px solid var(--n-line);border-radius:12px;padding:10px 12px;font:13.5px/1.5 inherit}
.nxa textarea{min-height:96px;resize:vertical}
.nxa .vars{display:flex;gap:6px;flex-wrap:wrap}
.nxa .vars button{font:500 11.5px ui-monospace,Menlo,monospace;color:#6ea4ff;background:rgba(61,139,255,.1);border:1px solid rgba(61,139,255,.3);border-radius:8px;padding:4px 7px;cursor:pointer}
.nxa .bubble{background:var(--n-bubble);border:1px solid var(--n-bubble-line);border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:94%;color:var(--n-fg)}
.nxa .bubble small{display:block;text-align:right;color:var(--n-bubble-muted);font-size:10.5px;margin-top:4px}
.nxa .actions{display:flex;gap:8px;flex-wrap:wrap}
.nxa .btn{border:1px solid var(--n-line);background:var(--n-surface2);color:var(--n-fg);border-radius:12px;padding:10px 14px;font:700 13px inherit;cursor:pointer}
.nxa .btn.gold{background:var(--n-gold);color:var(--n-gold-ink);border-color:var(--n-gold)}
.nxa .btn.ghost{background:transparent;color:var(--n-muted)}
.nxa .btn.danger{border-color:rgba(255,107,107,.5);color:var(--n-bad)}
.nxa .btn:disabled{opacity:.5;cursor:not-allowed}
.nxa .addv{background:transparent;border:1px dashed var(--n-line);color:var(--n-muted);border-radius:10px;padding:8px;font:600 12.5px inherit;cursor:pointer}
.nxa .mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.nxa .mode button{border:1px solid var(--n-line);background:var(--n-bg);color:var(--n-muted);border-radius:12px;padding:10px 6px;font:700 12.5px inherit;cursor:pointer}
.nxa .mode button[aria-pressed="true"][data-m="desligado"]{border-color:var(--n-bad);color:var(--n-bad)}
.nxa .mode button[aria-pressed="true"][data-m="simulado"]{border-color:var(--n-warn);color:var(--n-warn)}
.nxa .mode button[aria-pressed="true"][data-m="ligado"]{border-color:var(--n-ok);color:var(--n-ok)}
.nxa .status{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--n-bg);border:1px solid var(--n-line)}
.nxa .led{width:10px;height:10px;border-radius:50%;background:var(--n-ok);box-shadow:0 0 0 4px rgba(47,210,122,.15);flex:0 0 auto}
.nxa .led.off{background:var(--n-bad);box-shadow:0 0 0 4px rgba(255,107,107,.15)}
.nxa .led.wait{background:var(--n-warn);box-shadow:0 0 0 4px rgba(240,166,58,.15)}
.nxa .list{display:grid}
.nxa .list .it{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--n-line)}
.nxa .list .it:first-child{border-top:0}
.nxa .ava{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:var(--n-surface2);color:var(--n-gold);flex:0 0 auto}
.nxa .it>div{min-width:0}
.nxa .it b{overflow-wrap:anywhere}
.nxa .st-ok{color:var(--n-ok)} .nxa .st-sim{color:var(--n-warn)} .nxa .st-bad{color:var(--n-bad)}
.nxa .keep{font-size:12px;color:var(--n-ok);background:rgba(47,210,122,.08);border:1px solid rgba(47,210,122,.25);border-radius:10px;padding:8px 10px}
.nxa .grp{margin:8px 2px -2px;color:var(--n-gold);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.nxa .barra{position:sticky;bottom:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,var(--n-bg) 35%);z-index:3;margin-top:12px}
.nxa .barra .btn{width:100%}
.nxa .toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--n-surface2);border:1px solid var(--n-line);color:var(--n-fg);padding:10px 14px;border-radius:12px;font-weight:600;z-index:9100;max-width:calc(100vw - 32px)}
.nxa .pick{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--n-bg);color:var(--n-fg);border:1px solid var(--n-line);border-radius:12px;padding:10px 12px;font:600 13.5px inherit;cursor:pointer;text-align:left;margin-top:6px}
.nxa .pick span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nxa button:focus-visible,.nxa textarea:focus-visible,.nxa input:focus-visible{outline:2px solid var(--n-gold);outline-offset:2px}

/* Janelas (escolhas e relógio) — no meio da tela, fundo travado. Ficam no <body>, por isso fora de .nxa. */
body.nxa-lock{position:fixed;left:0;right:0;overflow:hidden}
.nxa-scrim{position:fixed;inset:0;background:rgba(3,5,10,.66);backdrop-filter:blur(2px);z-index:9200;opacity:0;transition:opacity .18s}
.nxa-scrim.on{opacity:1}
.nxa-sheet{--n-bg:#06080f;--n-surface:#0c1120;--n-surface2:#111a2e;--n-line:#1d2742;--n-fg:#eef1f8;--n-muted:#8c97b2;--n-gold:#e3b04b;--n-gold-ink:#1a1305;
  position:fixed;left:50%;top:50%;z-index:9201;width:min(420px,calc(100vw - 32px));background:var(--n-surface);color:var(--n-fg);border:1px solid var(--n-line);border-radius:20px;padding:16px;
  max-height:min(76vh,600px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 60px rgba(0,0,0,.55);transform:translate(-50%,-50%) scale(.96);opacity:0;transition:transform .18s,opacity .18s;font-size:14px}
.nxa-sheet.on{transform:translate(-50%,-50%);opacity:1}
.nxa-sheet h3{margin:0 0 6px;font-size:15px}
.nxa-sheet p{margin:6px 0;color:var(--n-muted);font-size:13px}
.nxa-sheet input{width:100%;background:var(--n-bg);color:var(--n-fg);border:1px solid var(--n-line);border-radius:12px;padding:10px 12px;font:14px inherit;margin-top:6px}
.nxa-sheet .btns{display:flex;gap:8px;margin-top:12px}
.nxa-sheet .btn{flex:1;border:1px solid var(--n-line);background:var(--n-surface2);color:var(--n-fg);border-radius:12px;padding:10px 14px;font:700 13px inherit;cursor:pointer}
.nxa-sheet .btn.gold{background:var(--n-gold);color:var(--n-gold-ink);border-color:var(--n-gold)}
.nxa-sheet .btn.ghost{background:transparent;color:var(--n-muted)}
.nxa-grp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--n-gold);font-weight:700;margin:12px 0 4px}
.nxa-opt{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-top:1px solid var(--n-line);color:var(--n-fg);padding:14px 4px;font:600 14.5px inherit;cursor:pointer;text-align:left}
.nxa-grp+.nxa-opt,.nxa-sheet h3+.nxa-opt{border-top:0}
.nxa-radio{width:20px;height:20px;border-radius:50%;border:2px solid #3a4566;flex:0 0 auto;display:grid;place-items:center}
.nxa-opt[aria-checked="true"] .nxa-radio{border-color:var(--n-gold)}
.nxa-opt[aria-checked="true"] .nxa-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--n-gold)}
.nxa-opt[aria-checked="true"]{color:var(--n-gold)}
.nxa-sheet.ck{padding:0;overflow:hidden;max-height:none}
.ck-head{background:var(--n-surface2);border-bottom:1px solid var(--n-line);padding:12px 16px;text-align:center}
.ck-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--n-muted);font-weight:700}
.ck-time{display:flex;justify-content:center;align-items:center;gap:4px;font:800 44px/1 inherit;font-variant-numeric:tabular-nums;margin-top:6px}
.ck-time button{background:none;border:0;color:var(--n-muted);font:inherit;padding:2px 6px;border-radius:12px;cursor:pointer}
.ck-time button[aria-pressed="true"]{color:var(--n-gold)}
.ck-time span{color:var(--n-muted)}
.ck-dial{display:block;width:min(270px,70vw,calc(100dvh - 290px));min-width:180px;height:auto;margin:12px auto 4px;touch-action:none;cursor:pointer;user-select:none}
.ck-face{fill:var(--n-bg);stroke:var(--n-line)}
.ck-n{fill:var(--n-fg);font:600 15px inherit;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.ck-n.in{fill:var(--n-muted);font-size:12px}
.ck-n.sel{fill:var(--n-gold-ink)}
.ck-hand{stroke:var(--n-gold);stroke-width:2}
.ck-knob{fill:var(--n-gold)}
.ck-hint{text-align:center;font-size:12px;color:var(--n-muted);margin:0 0 4px}
.ck-act{display:flex;gap:8px;padding:10px 16px 16px}.ck-act .btn{flex:1}
@media (prefers-reduced-motion:reduce){.nxa-sheet,.nxa-scrim,.nxa *{transition:none!important}}
