:root{--primary:#4169e1;--primary-dark:#3154c6;--ink:#14213d;--muted:#6c7894;--line:#e7ebf3;--bg:#f5f7fb;--card:#fff;--success:#169b62;--warning:#c67a05;--danger:#c54040;--radius:16px;--shadow:0 8px 30px rgba(25,45,90,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:0 0 255px;background:#10234d;color:#dce5ff;padding:25px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;color:#fff;padding:0 10px 32px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(145deg,#5d83ff,#3d5ed5);border-radius:11px;color:#fff}.sidebar-user{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:18px 10px;margin-bottom:18px}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{color:#fff;font-size:14px}.sidebar-user small{color:#aab8df;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.nav-menu{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;color:#aebbe0;text-decoration:none;padding:12px;border-radius:10px;font-weight:600;transition:.18s}.nav-link span{width:20px;text-align:center;font-size:18px}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(91,126,255,.22)}.sidebar-bottom{margin-top:auto}.main-content{margin-left:255px;width:calc(100% - 255px);min-height:100vh;padding:0 34px 44px}.public-content{margin-left:0;width:100%;padding:0}.topbar{height:78px;display:flex;align-items:center;gap:18px;margin:0 -34px 28px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line)}.topbar-title{font-weight:800;font-size:19px}.topbar-status{margin-left:auto;color:var(--muted);font-size:12px}.topbar-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:5px}.menu-toggle{display:none;border:0;background:none;font-size:22px;color:var(--ink)}.alert{border-radius:10px;padding:12px 16px;margin:18px 0;font-weight:600}.alert-success{color:#14683f;background:#dff7e9}.alert-warning{color:#8d5900;background:#fff0ce}.alert-danger{color:#9b2e2e;background:#ffe1e1}.alert-info{color:#194f9b;background:#e2eeff}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:0;font-size:27px;letter-spacing:-.5px}.page-heading p{margin:4px 0 0;color:var(--muted)}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 5px;font-size:17px}.card-subtitle{color:var(--muted);font-size:13px;margin:0 0 18px}.stat-card{display:flex;align-items:flex-start;justify-content:space-between;min-height:124px}.stat-label{color:var(--muted);font-size:13px;font-weight:700}.stat-value{font-size:30px;font-weight:800;margin-top:8px}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e9efff;color:var(--primary);font-weight:800;font-size:20px}.stat-icon.green{background:#e2f6ed;color:var(--success)}.stat-icon.orange{background:#fff1d7;color:var(--warning)}.stat-icon.red{background:#ffe5e5;color:var(--danger)}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 16px;background:var(--primary);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;font-size:14px}.button:hover,.btn:hover{background:var(--primary-dark)}.btn-secondary{background:#edf1f8;color:var(--ink)}.btn-secondary:hover{background:#dfe6f3}.btn-danger{background:#d95353}.btn-small{padding:7px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.field{display:grid;gap:6px}.field label{font-weight:750;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2ee;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e6ebff}.help{color:var(--muted);font-size:12px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;text-transform:capitalize}.badge-pendente,.badge-processando,.badge-enviando{background:#fff1cf;color:#936000}.badge-enviado,.badge-entregue{background:#def6e8;color:#137046}.badge-falhou,.badge-cancelado{background:#ffe2e2;color:#a13333}.badge-online{background:#def6e8;color:#137046}.badge-offline{background:#edf0f5;color:#69758d}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.token-box{background:#101b35;color:#d7e1ff;padding:16px;border-radius:10px;word-break:break-all;font-family:ui-monospace,monospace;font-size:12px}.token-copy{display:flex;gap:8px;margin-top:10px}.token-copy input{flex:1;font-family:ui-monospace,monospace}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f6f8fd}.auth-hero{background:linear-gradient(145deg,#10234d,#365bd1);color:#fff;padding:70px 9%;display:flex;flex-direction:column;justify-content:center}.auth-hero h1{font-size:48px;line-height:1.06;margin:20px 0}.auth-hero p{font-size:17px;line-height:1.75;color:#d8e1ff;max-width:470px}.auth-points{display:grid;gap:12px;margin-top:25px;color:#d8e1ff}.auth-points span{color:#fff;font-weight:800}.auth-panel{display:flex;align-items:center;justify-content:center;padding:30px}.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:var(--shadow)}.auth-card h2{font-size:26px;margin:0 0 6px}.auth-card p{color:var(--muted);margin:0 0 25px}.auth-link{color:var(--primary);font-weight:750;text-decoration:none}.kicker{font-size:12px;color:var(--primary);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.divider{height:1px;background:var(--line);margin:22px 0}.status-panel{display:flex;align-items:center;gap:13px;padding:15px;border-radius:12px;background:#f5f7fb}.status-dot{width:12px;height:12px;border-radius:50%;background:#a4adbe}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px #d9f4e5}.qr-placeholder{border:1px dashed #cad3e5;border-radius:12px;padding:25px;text-align:center;color:var(--muted);background:#fafbfe}.footer-note{color:var(--muted);font-size:12px;margin-top:25px;text-align:center}@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{grid-template-columns:1fr}.auth-hero{padding:45px 8%}.auth-hero h1{font-size:38px}.auth-panel{padding:25px}.auth-hero{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding:0 16px 32px}.topbar{margin:0 -16px 22px;padding:0 16px}.menu-toggle{display:block}.topbar-status{display:none}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.card{padding:18px}.auth-card{padding:25px}.auth-panel{padding:16px}}

/* Refinamentos de acessibilidade, tema e páginas públicas */
html{scroll-behavior:smooth}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(65,105,225,.45);outline-offset:2px}.auth-card-wide{width:min(760px,100%)}.site-footer{border-top:1px solid var(--line);margin-top:34px;padding:20px 0;color:var(--muted);font-size:12px;text-align:center}.site-footer nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:9px}.site-footer a{color:var(--primary);text-decoration:none;font-weight:700}.theme-toggle,.theme-select{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:700}.theme-toggle{font-size:20px}.theme-select{width:100%;display:flex;align-items:center;gap:12px;padding:12px;color:#aebbe0;border-radius:10px;text-align:left}.theme-select:hover{color:#fff;background:rgba(91,126,255,.22)}.public-content>.site-footer{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.faq-list{display:grid;gap:12px}.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);margin:12px 0 0}.legal-content{max-width:900px;margin:40px auto}.legal-content h1{font-size:34px}.legal-content h2{margin-top:28px;font-size:20px}.legal-content p,.legal-content li{color:var(--muted);line-height:1.75}.legal-content .card{margin-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-color-scheme:dark){html[data-theme="auto"]{--ink:#edf2ff;--muted:#abb7d1;--line:#2a3857;--bg:#0c1429;--card:#111d37;--shadow:0 8px 30px rgba(0,0,0,.25)}html[data-theme="auto"] .field input,html[data-theme="auto"] .field select,html[data-theme="auto"] .field textarea{background:#0d1830;color:var(--ink);border-color:#334465}html[data-theme="auto"] .topbar{background:#111d37}html[data-theme="auto"] .btn-secondary{background:#243451;color:#edf2ff}}
html[data-theme="dark"]{--ink:#edf2ff;--muted:#abb7d1;--line:#2a3857;--bg:#0c1429;--card:#111d37;--shadow:0 8px 30px rgba(0,0,0,.25)}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0d1830;color:var(--ink);border-color:#334465}html[data-theme="dark"] .topbar{background:#111d37}html[data-theme="dark"] .btn-secondary{background:#243451;color:#edf2ff}html[data-theme="dark"] .auth-page{background:#0c1429}html[data-theme="dark"] .auth-card{background:#111d37}

.landing-hero{max-width:1180px;margin:0 auto;padding:90px 24px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.landing-copy h1{font-size:clamp(38px,5vw,65px);line-height:1.03;letter-spacing:-1.8px;margin:18px 0}.landing-copy>p{max-width:600px;color:var(--muted);font-size:18px;line-height:1.7}.landing-copy .help{font-size:12px;margin-top:20px}.landing-card{min-height:340px;border-radius:28px;background:linear-gradient(145deg,#10234d,#4169e1);color:#fff;padding:34px;box-shadow:0 24px 60px rgba(36,68,160,.25);transform:rotate(1deg)}.landing-card .brand{padding:0 0 45px}.landing-metric{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.12);padding:18px;border-radius:16px}.landing-metric strong,.landing-metric small{display:block}.landing-metric small{color:#dce5ff;margin-top:4px}.landing-bars{display:grid;gap:12px;margin-top:35px}.landing-bars i{height:12px;background:rgba(255,255,255,.25);border-radius:999px;display:block}.landing-bars i:nth-child(1){width:87%;background:#a8bbff}.landing-bars i:nth-child(2){width:65%}.landing-bars i:nth-child(3){width:76%}.landing-bars i:nth-child(4){width:52%}.landing-bars i:nth-child(5){width:92%;background:#a8bbff}.landing-section{max-width:1180px;margin:0 auto;padding:30px 24px 70px}.landing-section h2{font-size:32px;margin:10px 0}.landing-section .card h3{margin:16px 0 7px}.landing-cta{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:22px;margin-bottom:50px;box-shadow:var(--shadow)}.landing-cta p{color:var(--muted);margin-bottom:22px}@media(max-width:760px){.landing-hero{grid-template-columns:1fr;padding:50px 20px 35px;gap:30px}.landing-card{min-height:260px;padding:25px}.landing-copy h1{font-size:42px}.landing-copy>p{font-size:16px}.landing-section{padding:24px 20px 45px}}

.badge-ativo{background:#def6e8;color:#137046}.badge-suspenso{background:#ffe2e2;color:#a13333}.badge-inativo,.badge-revogado{background:#edf0f5;color:#69758d}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-grid>div{display:grid;gap:4px}.detail-grid .full{grid-column:1/-1}.table-actions{margin:0;gap:6px}.table-actions form{display:inline-flex}@media(max-width:760px){.detail-grid{grid-template-columns:1fr}.detail-grid .full{grid-column:auto}}

/* Contraste consistente e componentes da nova área de suporte */
.field label{color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#667085;opacity:1}.field input,.field select,.field textarea{color:#14213d;background:#fff;border-color:#c8d1e2}.field input:hover,.field select:hover,.field textarea:hover{border-color:#9eacc4}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4169e1;box-shadow:0 0 0 3px rgba(65,105,225,.18)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:#edf0f5;color:#68758c;cursor:not-allowed;opacity:1}.field input[readonly],.field textarea[readonly]{background:#eef2f7;color:#25324b;border-color:#cbd5e3}.field input[type="date"]{color-scheme:light}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:#14213d;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-in-out 0s}.field input:invalid:not(:placeholder-shown){border-color:#c54040}.optional,.lock-label{font-size:11px;font-weight:500;color:var(--muted)}.consent-line{display:flex;align-items:flex-start;gap:8px;color:var(--ink);font-size:13px;line-height:1.5}.consent-line input{accent-color:#4169e1;margin-top:3px}.nav-badge{margin-left:auto;min-width:21px;height:21px;padding:0 5px;border-radius:99px;background:#ffcf66;color:#382500;font-size:10px;display:inline-grid;place-items:center}.back-link{display:inline-block;color:var(--primary);font-size:13px;font-weight:700;text-decoration:none;margin-bottom:8px}.profile-card{max-width:1100px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.ticket-side{display:grid;align-content:start;gap:20px}.ticket-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.ticket-meta>div{display:grid;gap:4px}.ticket-thread{display:grid;gap:13px;padding:22px 0}.ticket-message{background:#f4f6fa;border:1px solid var(--line);border-radius:12px;padding:15px 17px}.ticket-message.from-admin{background:#eef3ff;border-color:#c8d7ff}.ticket-message.internal-note{background:#fff5d9;border-color:#efd17a}.ticket-message-head{display:flex;justify-content:space-between;gap:15px;font-size:13px}.ticket-message-head time{color:var(--muted);font-size:11px}.ticket-message p{margin:9px 0 0;color:var(--ink);line-height:1.65;overflow-wrap:anywhere}.ticket-reply{border-top:1px solid var(--line);padding-top:20px}.badge-ticket-aberto,.badge-ticket-aguardando_admin{background:#fff1cf;color:#805400}.badge-ticket-em_atendimento{background:#e4edff;color:#3154a7}.badge-ticket-aguardando_cliente{background:#e5f3ff;color:#17628e}.badge-ticket-resolvido{background:#def6e8;color:#137046}.badge-ticket-fechado{background:#edf0f5;color:#69758d}.priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#edf0f5;color:#69758d;font-size:11px;font-weight:800;text-transform:capitalize}.priority-alta{background:#ffe6cb;color:#9a5400}.priority-urgente{background:#ffe2e2;color:#a13333}.notification-list{display:grid;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--card)}.notification-item.is-unread{border-left:4px solid var(--primary);background:#f4f7ff}.notification-icon{width:31px;height:31px;border-radius:50%;background:#e6edff;color:var(--primary);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.notification-body{flex:1;min-width:0}.notification-body time{color:var(--muted);font-size:11px}.notification-body p{color:var(--muted);margin:5px 0;font-size:13px}.notification-body a{color:var(--primary);font-weight:750;font-size:12px;text-decoration:none}@media(max-width:850px){.ticket-layout{grid-template-columns:1fr}.ticket-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ticket-meta{grid-template-columns:1fr}.notification-item{flex-wrap:wrap}.notification-item>form{width:100%}}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .field input,html[data-theme="auto"] .field select,html[data-theme="auto"] .field textarea,html[data-theme="auto"] .field input:-webkit-autofill{background:#0d1830;color:#f2f5ff;border-color:#435473}html[data-theme="auto"] .field input::placeholder,html[data-theme="auto"] .field textarea::placeholder{color:#aebbd1}html[data-theme="auto"] .field input:-webkit-autofill{-webkit-text-fill-color:#f2f5ff;box-shadow:0 0 0 1000px #0d1830 inset}html[data-theme="auto"] .field input[readonly],html[data-theme="auto"] .field textarea[readonly]{background:#1a2945;color:#e9efff}html[data-theme="auto"] .ticket-message{background:#14213a}html[data-theme="auto"] .ticket-message.from-admin{background:#1a2b52;border-color:#38558e}html[data-theme="auto"] .notification-item.is-unread{background:#152444}}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0d1830;color:#f2f5ff;border-color:#435473}html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#aebbd1}html[data-theme="dark"] .field input:-webkit-autofill{-webkit-text-fill-color:#f2f5ff;box-shadow:0 0 0 1000px #0d1830 inset}html[data-theme="dark"] .field input[readonly],html[data-theme="dark"] .field textarea[readonly]{background:#1a2945;color:#e9efff}html[data-theme="dark"] .ticket-message{background:#14213a}html[data-theme="dark"] .ticket-message.from-admin{background:#1a2b52;border-color:#38558e}html[data-theme="dark"] .notification-item.is-unread{background:#152444}

/* Fase 3 — fila em massa, confirmação e configurações administrativas */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bulk-form{margin-top:18px}.bulk-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;background:#f3f6fb;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.select-all-control,.toggle-control{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:750;font-size:13px;cursor:pointer}.select-all-control input,.toggle-control input{accent-color:var(--primary);width:17px;height:17px}.bulk-selected-count{color:var(--muted);font-size:12px;font-weight:700}.bulk-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.bulk-actions select{min-width:170px}.checkbox-column{width:42px;text-align:center!important}.checkbox-column input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.bulk-table tr:has([data-message-checkbox]:checked){background:rgba(65,105,225,.06)}.confirm-modal[hidden]{display:none}.confirm-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.confirm-modal-backdrop{position:absolute;inset:0;background:rgba(9,20,45,.7);backdrop-filter:blur(3px)}.confirm-modal-card{position:relative;width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.28);color:var(--ink)}.confirm-modal-card h2{margin:0 0 8px;font-size:22px}.confirm-modal-card p{margin:0;color:var(--muted);line-height:1.6}.modal-open{overflow:hidden}.admin-setting-card{border-color:#c8d7ff}.setting-form{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.setting-form .button{margin-left:auto}.toggle-control{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
@media(max-width:640px){.bulk-actions{width:100%;margin-left:0}.bulk-actions select,.bulk-actions button{flex:1;min-width:0}.setting-form .button{margin-left:0;width:100%}}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .bulk-toolbar{background:#16233d}html[data-theme="auto"] .bulk-table tr:has([data-message-checkbox]:checked){background:rgba(105,139,255,.14)}html[data-theme="auto"] .toggle-control{background:#16233d}}
html[data-theme="dark"] .bulk-toolbar{background:#16233d}html[data-theme="dark"] .bulk-table tr:has([data-message-checkbox]:checked){background:rgba(105,139,255,.14)}html[data-theme="dark"] .toggle-control{background:#16233d}

/* Contraste final do status do gateway e estados administrativos */
.status-panel{border:1px solid #dce4f0;background:#f5f7fb;color:#14213d}.status-panel strong{color:#14213d}.status-panel .help{color:#52617d}.status-dot.online{box-shadow:0 0 0 4px #d9f4e5}.badge-online{background:#def6e8;color:#137046}.badge-offline{background:#edf0f5;color:#4f5f78}.badge-ativo{background:#def6e8;color:#137046}.badge-suspenso,.badge-falhou,.badge-cancelado{background:#ffe2e2;color:#8e2e35}.badge-inativo,.badge-revogado{background:#edf0f5;color:#4f5f78}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .status-panel{background:#182846;border-color:#314667;color:#f4f7ff}html[data-theme="auto"] .status-panel strong{color:#f4f7ff}html[data-theme="auto"] .status-panel .help{color:#b9c6de}html[data-theme="auto"] .status-dot.online{box-shadow:0 0 0 4px #244b43}html[data-theme="auto"] .badge-online,html[data-theme="auto"] .badge-ativo{background:#c6f2d7;color:#0d5a37}html[data-theme="auto"] .badge-offline,html[data-theme="auto"] .badge-inativo,html[data-theme="auto"] .badge-revogado{background:#2a3956;color:#d3ddf0}html[data-theme="auto"] .badge-suspenso,html[data-theme="auto"] .badge-falhou,html[data-theme="auto"] .badge-cancelado{background:#552f3c;color:#ffd9df}}
html[data-theme="dark"] .status-panel{background:#182846;border-color:#314667;color:#f4f7ff}html[data-theme="dark"] .status-panel strong{color:#f4f7ff}html[data-theme="dark"] .status-panel .help{color:#b9c6de}html[data-theme="dark"] .status-dot.online{box-shadow:0 0 0 4px #244b43}html[data-theme="dark"] .badge-online,html[data-theme="dark"] .badge-ativo{background:#c6f2d7;color:#0d5a37}html[data-theme="dark"] .badge-offline,html[data-theme="dark"] .badge-inativo,html[data-theme="dark"] .badge-revogado{background:#2a3956;color:#d3ddf0}html[data-theme="dark"] .badge-suspenso,html[data-theme="dark"] .badge-falhou,html[data-theme="dark"] .badge-cancelado{background:#552f3c;color:#ffd9df}

/* Sistema de Mensagens (Superior/Rodapé) e Preview */
.message-block {
    background: rgba(65, 105, 225, 0.03);
    padding: 16px;
    border-radius: 12px;
    border: 1px solid var(--line);
    margin-top: 10px;
}
.template-actions {
    display: flex;
    gap: 8px;
    margin: 10px 0;
}
.message-preview {
    margin-top: 25px;
    background: #1e293b;
    color: #f8fafc;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #334155;
}
.preview-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #334155;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
#message-preview {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
}
#message-preview-counter {
    font-weight: 800;
    color: #94a3b8;
}

/* Tutorial e Avisos */
.tutorial-card {
    border-left: 4px solid var(--danger);
}
.tutorial-list {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 12px;
}
.tutorial-list li {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}
.tutorial-list li strong {
    color: var(--ink);
}

/* Ajustes de Toolbar e Bulk Actions */
.bulk-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 12px;
    margin-bottom: 15px;
}
.bulk-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.bulk-selected-count {
    font-weight: 700;
    color: var(--primary);
    font-size: 13px;
}

@media (max-width: 760px) {
    .bulk-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }
    .bulk-actions {
        width: 100%;
    }
    .bulk-actions select {
        flex: 1;
    }
}

@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] .bulk-toolbar {
        background: #111d37;
    }
}
html[data-theme="dark"] .bulk-toolbar {
    background: #111d37;
}
html[data-theme="dark"] .message-block {
    background: rgba(91, 126, 255, 0.08);
}
html[data-theme="dark"] .tutorial-list li strong {
    color: var(--ink);
}
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] .message-block {
        background: rgba(91, 126, 255, 0.08);
    }
}

.bulk-toolbar .select-all-control {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.bulk-toolbar .bulk-actions select {
    min-width: 150px;
}
@media (max-width: 480px) {
    .template-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .template-actions .btn {
        width: 100%;
    }
    .bulk-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .bulk-actions select,
    .bulk-actions button {
        width: 100%;
        margin-right: 0 !important;
    }
}

/* Publicidade centralizada: o container só existe quando o slot está habilitado no PHP. */
.advertisement {
    width: 100%;
    max-width: 1180px;
    margin: 18px auto;
    padding: 12px;
    overflow-x: auto;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
}
.advertisement > * {
    max-width: 100%;
}
.advertisement ins,
.advertisement iframe,
.advertisement img,
.advertisement video {
    max-width: 100%;
}
.main-content > .advertisement {
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 760px) {
    .advertisement {
        margin: 14px auto;
        padding: 8px;
        border-radius: 10px;
    }
}

/* Escolha mutuamente exclusiva para salvar templates e versão institucional. */
.save-choice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    border: 0;
    margin: 2px 0 0;
    padding: 0;
}
.save-choice legend {
    width: 100%;
    padding: 0;
    color: var(--ink);
    font-size: 13px;
    font-weight: 750;
}
.save-choice label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.save-choice input[type="radio"] {
    accent-color: var(--primary);
    width: 16px;
    height: 16px;
    margin: 0;
}
.system-version {
    margin: 5px 0;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}
@media (max-width: 480px) {
    .save-choice {
        gap: 10px;
    }
    .save-choice label {
        min-height: 30px;
    }
}

.choice-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    border: 0;
    margin: 2px 0 0;
    padding: 0;
    text-align: left;
}
.choice-group legend {
    width: 100%;
    padding: 0;
    color: var(--ink);
    font-size: 13px;
    font-weight: 750;
}
.choice-group label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.choice-group input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--primary);
}
@media (max-width: 480px) {
    .choice-group {
        gap: 10px;
    }
    .choice-group label {
        min-height: 30px;
    }
}
