@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--bg:#eef5fb;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#dbe5f0;--blue:#2563eb;--green:#10b981;--red:#ef4444;--dark:#07111f;--dark2:#0b1728;--shadow:0 24px 60px rgba(15,23,42,.10);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#050b15,#0b1728);color:#fff;padding:24px;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;font-weight:900}.side-brand span{display:block;color:#93a4bd;font-size:12px}.menu{display:grid;gap:8px}.menu a{position:relative;padding:14px 16px;border-radius:14px;color:#cbd5e1;font-weight:800}.menu a.active,.menu a:hover{background:rgba(255,255,255,.10);color:#fff}.menu b{position:absolute;right:12px;top:8px;min-width:24px;height:24px;border-radius:999px;background:var(--red);display:inline-grid;place-items:center;font-size:12px;color:#fff;box-shadow:0 0 0 4px rgba(239,68,68,.18)}.side-box{margin-top:28px;padding:18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.side-box small{color:#9ca3af}.side-box strong{font-size:44px;display:block}.side-box p{color:#9ca3af;margin:0}.main{min-width:0}.top{height:88px;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:3}.top h1{margin:0;font-size:26px}.top p{margin:3px 0 0;color:var(--muted)}.page{padding:30px 34px 60px;width:100%;max-width:none}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0b1728,#1e40af);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08)}.hero h2{font-size:38px;margin:8px 0}.hero p{color:#dbeafe;max-width:820px}.badge{display:inline-flex;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;background:#dbeafe;color:#1e40af}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}.btn.soft{background:#e9f1fb;color:#1e3a8a}.btn.danger{background:#fee2e2;color:#991b1b}.stats{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:16px;margin:22px 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.stat span{color:var(--muted);font-weight:800;font-size:13px}.stat strong{display:block;font-size:36px;margin:6px 0}.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;font-size:24px}.section-head p{margin:4px 0 0;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.toolbar .input{max-width:420px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:15px;border-bottom:1px solid #eef2f7;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;background:#f8fafc}.sigla{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dff7ec;color:#047857;padding:7px 10px;font-weight:900}.status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.status.ativo,.status.resolvido{background:#dcfce7;color:#166534}.status.implantacao,.status.aguardando{background:#fef3c7;color:#92400e}.status.suspenso,.status.cancelado{background:#fee2e2;color:#991b1b}.status.aberto{background:#fee2e2;color:#991b1b}.status.em_atendimento{background:#dbeafe;color:#1d4ed8}.ticket-dot{min-width:25px;height:25px;border-radius:999px;background:var(--red);color:#fff;display:inline-grid;place-items:center;font-weight:900;font-size:12px;box-shadow:0 0 0 4px rgba(239,68,68,.15)}.ticket-list{display:grid;gap:10px}.ticket-item{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.ticket-item span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap}.flash{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:800}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.empty{padding:24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.install-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:20px;padding:18px;margin-bottom:20px}@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stats{grid-template-columns:repeat(2,1fr)}.top{position:relative}.form-grid{grid-template-columns:1fr}}
.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.kb{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}.kb span{display:inline-flex;border-radius:999px;background:#e0f2fe;color:#075985;padding:6px 10px;font-weight:900;font-size:12px}.kb h3{margin:12px 0 8px}.kb p{color:var(--muted);line-height:1.55}.menu{max-height:calc(100vh - 220px);overflow:auto;padding-right:4px}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}.status.planejada{background:#e0f2fe;color:#075985}.status.concluida{background:#dcfce7;color:#166534}.status.pausada{background:#fee2e2;color:#991b1b}.status.em_andamento{background:#dbeafe;color:#1d4ed8}.status.online{background:#dcfce7;color:#166534}.status.offline{background:#fee2e2;color:#991b1b}
.user-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;display:grid;place-items:center;font-weight:900}.muted{color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#eef2ff;color:#1d4ed8}.badge.admin{background:#fef3c7;color:#92400e}.badge.supervisor{background:#dbeafe;color:#1d4ed8}.badge.atendente{background:#dcfce7;color:#166534}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 520px;background:linear-gradient(135deg,#06111f,#122f6b 55%,#0f766e);}.login-hero{padding:70px;display:flex;align-items:center;color:#fff}.login-hero h1{font-size:52px;line-height:1;margin:16px 0}.login-hero p{font-size:20px;color:#cbd5e1;max-width:680px}.login-panel{display:grid;place-items:center;padding:40px;background:rgba(255,255,255,.96);box-shadow:-30px 0 80px rgba(0,0,0,.25)}.login-card{width:100%;max-width:420px}.login-card h2{font-size:36px;margin:14px 0 8px}.hint{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;border-radius:16px;padding:14px 16px;font-weight:800}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh}}
.status.baixa{background:#dcfce7;color:#166534}.status.normal{background:#dbeafe;color:#1d4ed8}.status.alta,.status.urgente{background:#fee2e2;color:#991b1b}.status.urgente{box-shadow:0 0 0 4px rgba(239,68,68,.14)}


/* Login Konectacon - imagem e ícones corrigidos */
.login-hero{
    position:relative;
    overflow:hidden;
    background-image:linear-gradient(90deg, rgba(4,11,25,.34), rgba(4,11,25,.05)), url('img/suporte-bg.png');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.login-hero > div{position:relative; z-index:1; max-width:860px;}
.konecta-logo{
    width:auto !important;
    height:auto !important;
    background:transparent !important;
    border-radius:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.konecta-logo img{
    display:block !important;
    object-fit:contain !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
}
.login-hero .konecta-logo img{width:64px !important; height:64px !important;}
.login-card .konecta-logo img{width:58px !important; height:58px !important;}
.login-card .konecta-logo{margin-bottom:10px;}
@media(max-width:900px){.login-panel{padding:28px}.login-card .konecta-logo img{width:54px !important;height:54px !important;}}


/* === KONECTACON SUPORTE LOGIN FINAL === */
.login-hero{
  position: relative !important;
  overflow: hidden !important;
  background-image: linear-gradient(90deg, rgba(2,12,30,.18) 0%, rgba(2,12,30,.10) 42%, rgba(2,12,30,.02) 100%), url("img/suporte-bg.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.login-hero > div{
  position: relative !important;
  z-index: 2 !important;
}

.konecta-login-logo{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.konecta-login-logo img{
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.login-card .konecta-login-logo{
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  margin-bottom: 18px !important;
}

.login-card .konecta-login-logo img{
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
}

/* neutraliza qualquer regra antiga do .mark que esteja estourando imagem */
.login-wrap .mark,
.login-wrap .mark img{
  max-width: 58px !important;
  max-height: 58px !important;
}

@media (max-width: 900px){
  .konecta-login-logo,
  .konecta-login-logo img{
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }
}
/* === FIM KONECTACON SUPORTE LOGIN FINAL === */

/* === SUPORTE V1.1 - Dashboard operacional inspirado no painel do conselho === */
.top{height:86px;background:rgba(255,255,255,.92);box-shadow:0 10px 35px rgba(15,23,42,.04)}
.sidebar{background:linear-gradient(180deg,#02070d 0%,#06111f 46%,#02070d 100%);box-shadow:18px 0 45px rgba(2,7,13,.18)}
.side-brand .mark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.menu a{display:flex;align-items:center;gap:10px;border:1px solid transparent}
.menu a.active{background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(30,64,175,.95));box-shadow:0 16px 36px rgba(37,99,235,.26)}
.menu a:hover{border-color:rgba(255,255,255,.10)}
.page{padding:28px 34px 58px;background:linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%)}
.hero-support-v11{background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 58%,#eaf4ff 100%);color:#0f172a;border:1px solid #dbe7f5;box-shadow:0 20px 60px rgba(37,99,235,.08);min-height:190px;padding:36px;border-radius:24px}
.hero-support-v11:after{right:130px;bottom:-180px;width:520px;height:520px;border:26px solid rgba(37,99,235,.08);background:transparent}
.hero-support-v11:before{content:"";position:absolute;right:250px;bottom:-130px;width:360px;height:360px;border-radius:50%;border:18px solid rgba(59,130,246,.08)}
.hero-support-v11 h2{font-size:34px;margin:10px 0 8px;position:relative;z-index:1}
.hero-support-v11 p{color:#475569;font-size:16px;line-height:1.55;position:relative;z-index:1}
.hero-support-v11 .actions{position:relative;z-index:1}
.hero-support-v11 .badge,.eyebrow{background:transparent;color:#0b63f6;text-transform:uppercase;letter-spacing:.08em;font-weight:950;padding:0;font-size:12px}
.hero-support-v11 .btn.primary{background:linear-gradient(135deg,#0b63f6,#1d4ed8);box-shadow:0 14px 32px rgba(37,99,235,.22)}
.hero-support-v11 .btn.soft{background:#fff;border:1px solid #dbe7f5;color:#0f2f70;box-shadow:0 12px 24px rgba(15,23,42,.06)}
.support-kpis{grid-template-columns:repeat(6,minmax(150px,1fr));gap:18px;margin:24px 0 24px}
.support-kpis .kpi-card{position:relative;display:grid;grid-template-columns:58px 1fr;grid-template-areas:"icon label" "icon value" "icon small";align-items:center;gap:0 14px;min-height:116px;color:inherit;transition:.18s ease;overflow:hidden}
.support-kpis .kpi-card:hover{transform:translateY(-3px);box-shadow:0 22px 45px rgba(15,23,42,.11)}
.kpi-card i{grid-area:icon;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;font-style:normal;font-size:26px}
.kpi-card span{grid-area:label}.kpi-card strong{grid-area:value;font-size:30px;margin:2px 0}.kpi-card small{grid-area:small;color:#64748b}
.kpi-card.purple i{background:#f3e8ff;border-color:#d8b4fe}.kpi-card.red i{background:#fff1f2;border-color:#fecdd3}.kpi-card.amber i{background:#fffbeb;border-color:#fde68a}.kpi-card.blue i{background:#eff6ff;border-color:#bfdbfe}.kpi-card.green i{background:#ecfdf5;border-color:#bbf7d0}
.dashboard-grid-v11{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:24px}.support-bottom-grid-v11{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:24px}
.card-main-v11,.support-queue-v11,.health-v11,.logs-v11{border-radius:24px;border-color:#dfe8f2;box-shadow:0 20px 55px rgba(15,23,42,.07)}
.clean-table-v11{border-radius:18px}.clean-table-v11 table{min-width:860px}.clean-table-v11 th{background:#f8fafc;color:#64748b}.clean-table-v11 tr:hover td{background:#f8fbff}.btn.compact{padding:9px 12px;border-radius:12px}.table-footer-v11{text-align:center;color:#64748b;padding-top:16px;font-weight:700}
.queue-list-v11{display:grid;gap:12px}.queue-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:17px 18px;box-shadow:0 12px 30px rgba(15,23,42,.04)}.queue-row span{font-weight:850;color:#334155}.queue-row strong{font-size:28px}.queue-row.danger{border-left:5px solid #ef4444}.queue-row.blue{border-left:5px solid #2563eb}.queue-row.amber{border-left:5px solid #f59e0b}.queue-row.green{border-left:5px solid #10b981}
.recent-mini-v11{margin-top:22px}.recent-mini-v11 h3{margin:0 0 12px;font-size:18px}.mini-ticket{display:grid;gap:5px;padding:13px 0;border-top:1px solid #eef2f7}.mini-ticket span{font-size:12px;color:#64748b;font-weight:800}.mini-ticket strong{font-size:14px}.mini-ticket .status{justify-self:start}
.health-panel-v11{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:stretch}.health-score{border-radius:22px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;display:grid;place-items:center;text-align:center;padding:24px}.health-score strong{font-size:44px}.health-score span{font-weight:900;color:#2563eb;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.health-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-items div{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:18px}.health-items span{display:block;color:#64748b;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.health-items strong{display:block;margin-top:10px;font-size:22px}.log-list-v11{display:grid;gap:10px}.log-row{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:14px 16px}.log-row span{display:block;color:#64748b;margin-top:4px;font-size:13px}
@media(max-width:1400px){.support-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid-v11,.support-bottom-grid-v11{grid-template-columns:1fr}.support-queue-v11{min-width:0}}
@media(max-width:760px){.support-kpis{grid-template-columns:1fr}.hero-support-v11{padding:24px}.hero-support-v11 h2{font-size:26px}.health-panel-v11,.health-items{grid-template-columns:1fr}.dashboard-grid-v11{grid-template-columns:1fr}}
/* === FIM SUPORTE V1.1 === */

/* === SUPORTE V2.0 - Dashboard fiel ao Painel do Conselho === */
.shell{grid-template-columns:278px 1fr;background:#f8fbff}.sidebar{padding:24px 17px;background:linear-gradient(180deg,#02070d 0%,#06111f 48%,#02070d 100%);box-shadow:16px 0 42px rgba(2,7,13,.14)}
.support-brand-new{align-items:center;margin-bottom:38px;padding:0 2px}.support-brand-new strong{font-size:17px;letter-spacing:.03em}.support-brand-new span{font-size:11px;letter-spacing:.08em;color:#9fb0c4}.support-logo-mark{width:54px;height:54px;border-radius:14px;background:#fff!important;color:#0b63f6!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 35px rgba(0,0,0,.20);font-size:25px}
.support-menu-new{gap:7px}.support-menu-new:before{content:'NAVEGACAO';display:block;color:#71839b;font-size:10px;font-weight:950;letter-spacing:.22em;margin:0 0 10px 5px}.support-menu-new a{height:45px;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#e5edf7;font-weight:850;font-size:14px}.support-menu-new a span{width:18px;text-align:center;color:#dbe7f7}.support-menu-new a.active{background:linear-gradient(135deg,#0b63f6,#1454d9);box-shadow:0 12px 26px rgba(11,99,246,.32);color:#fff}.support-menu-new a:hover{background:rgba(255,255,255,.08)}
.support-side-ticket{position:absolute;left:17px;right:17px;bottom:22px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px}.support-side-ticket small{font-size:14px;color:#c8d2df}.support-side-ticket strong{font-size:31px;line-height:1.1;margin:10px 0;color:#fff}.support-side-ticket p{font-size:13px;color:#c1ccda;margin-bottom:16px}.support-side-ticket a{display:flex;align-items:center;justify-content:center;height:36px;border:1px solid #0b63f6;border-radius:7px;color:#dbeafe;font-weight:850;font-size:13px}
.support-top-new{height:84px;background:#fff;border-bottom:1px solid #e4ebf4;padding:0 31px}.support-top-new h1{font-size:25px}.support-top-new p{font-size:14px}.top-actions-new{display:flex;align-items:center;gap:14px}.user-chip-new{height:54px;border:1px solid #e1e8f1;border-radius:13px;padding:7px 15px 7px 9px;display:flex;align-items:center;gap:11px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.04)}.user-chip-new span{width:34px;height:34px;border-radius:50%;background:#0b63f6;color:#fff;display:grid;place-items:center;font-weight:950}.user-chip-new strong{display:block;font-size:13px}.user-chip-new small{display:block;font-size:10px;color:#64748b;font-weight:950;letter-spacing:.04em}.moon-btn{width:48px;height:48px;border-radius:12px;border:1px solid #e1e8f1;background:#fff;color:#0f172a;font-size:22px}.top-exit{height:48px;border-radius:10px;background:#0b63f6;color:#fff;padding:0 23px;display:inline-flex;align-items:center;font-weight:950}.support-page-new{padding:23px 28px 42px;background:#f8fbff}
.support-hero-like-council{min-height:137px;border:1px solid #dbe6f2;border-radius:14px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 55%,#edf6ff 100%);box-shadow:0 18px 40px rgba(15,23,42,.05);display:flex;align-items:center;justify-content:space-between;padding:28px 29px;position:relative;overflow:hidden}.support-hero-like-council:before{content:'';position:absolute;right:290px;bottom:-145px;width:360px;height:360px;border-radius:50%;border:16px solid rgba(59,130,246,.06)}.support-hero-like-council:after{content:'';position:absolute;right:190px;bottom:-210px;width:520px;height:520px;border-radius:50%;border:22px solid rgba(59,130,246,.055)}.hero-copy,.hero-actions{position:relative;z-index:1}.hero-copy span{font-size:11px;letter-spacing:.12em;color:#0b63f6;font-weight:950}.hero-copy h2{font-size:25px;margin:8px 0 8px}.hero-copy p{margin:0;color:#475569;font-size:15px;line-height:1.55;max-width:520px}.hero-actions{display:flex;gap:20px}.btn{border-radius:9px;font-size:13px;font-weight:950}.btn-blue{background:#0b63f6;color:#fff;padding:14px 26px;box-shadow:0 11px 25px rgba(11,99,246,.2)}.btn-white{background:#fff;color:#0f172a;border:1px solid #dfe8f2;padding:14px 24px;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.executive-strip{display:grid;grid-template-columns:repeat(4,1fr) 1.55fr;gap:15px;margin-top:16px}.metric-card{height:141px;background:#fff;border:1px solid #e1e9f2;border-radius:12px;padding:20px 19px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;box-shadow:0 15px 34px rgba(15,23,42,.045);border-top-width:4px}.metric-card small{display:block;color:#334b6b;font-size:12px;font-weight:950;letter-spacing:.09em}.metric-card strong{display:block;font-size:33px;line-height:1;margin:14px 0 8px}.metric-card span{font-size:13px;color:#53657b}.metric-card em{align-self:flex-end;background:#eff6ff;color:#0b63f6;border:1px solid #dbeafe;border-radius:8px;padding:7px 12px;font-style:normal;font-size:12px;font-weight:950}.border-blue{border-top-color:#0b63f6}.border-red{border-top-color:#fb4961}.border-purple{border-top-color:#8b5cf6}.border-green{border-top-color:#10b981}.border-red em{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.border-purple em{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.border-green em{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.quick-blue{height:141px;border-radius:12px;padding:20px 24px;background:linear-gradient(135deg,#0b4fdb,#075cf3);color:#fff;box-shadow:0 18px 40px rgba(11,99,246,.22);position:relative;overflow:hidden}.quick-blue:after{content:'';position:absolute;right:-20px;top:10px;width:150px;height:150px;border-radius:50%;border:14px solid rgba(255,255,255,.10)}.quick-blue span{font-size:11px;letter-spacing:.13em;font-weight:950}.quick-blue strong{display:block;font-size:24px;margin:12px 0 8px}.quick-blue p{max-width:310px;margin:0;color:#e5efff;font-weight:650;line-height:1.45}.quick-blue em{position:absolute;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 18px;font-style:normal;font-weight:900;font-size:13px}
.support-two-cols{display:grid;grid-template-columns:1fr 1.12fr;gap:14px;margin-top:15px}.support-two-cols.lower{grid-template-columns:1.25fr .8fr}.panel-box{background:#fff;border:1px solid #e1e9f2;border-radius:14px;box-shadow:0 16px 38px rgba(15,23,42,.045);padding:17px}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.panel-title-row h3{font-size:15px;margin:0;font-weight:950;letter-spacing:.03em}.panel-title-row p{margin:4px 0 0;color:#64748b;font-size:13px}.panel-title-row a{background:#f4f8ff;border:1px solid #dce8f8;color:#0b63f6;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:950}
.situation-box{display:grid;gap:12px}.situation-row{min-height:91px;border:1px solid #e3ebf5;border-radius:13px;background:#fff;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:15px 18px;box-shadow:0 10px 23px rgba(15,23,42,.035)}.situation-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:25px}.situation-row.blue .situation-icon{background:#eff6ff;color:#0b63f6}.situation-row.purple .situation-icon{background:#f5f3ff;color:#8b5cf6}.situation-row.red .situation-icon{background:#fff1f2;color:#f43f5e}.situation-row small{font-weight:950;color:#334b6b;letter-spacing:.09em;font-size:11px}.situation-row strong{display:block;font-size:25px;line-height:1.1}.situation-row span{font-size:13px;color:#53657b}.situation-row em{font-style:normal;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:950}.situation-row.blue em{background:#eff6ff;color:#0b63f6}.situation-row.purple em{background:#f5f3ff;color:#8b5cf6}.situation-row.red em{background:#fff1f2;color:#e11d48}
.appointments-box{padding:17px 17px 15px}.next-call-card{min-height:148px;border-radius:14px;border:1px solid #d5e6fb;background:linear-gradient(135deg,#eaf4ff,#f8fbff);padding:25px;display:flex;justify-content:space-between;align-items:flex-start}.next-call-card small{color:#0b63f6;font-weight:950;letter-spacing:.08em}.next-call-card h2{font-size:23px;margin:11px 0 7px}.next-call-card p{margin:0 0 18px;color:#475569;font-weight:750}.next-call-card time{min-width:84px;height:72px;border:1px solid #dbe6f2;border-radius:14px;background:rgba(255,255,255,.55);display:grid;place-items:center}.next-call-card time strong{font-size:25px}.next-call-card time span{font-size:12px;font-weight:950}.small-actions{display:flex;gap:10px}.small-actions a{background:#fff;border:1px solid #e1e9f2;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:950}.small-actions .green{background:#10b981;color:#fff;border-color:#10b981}.mini-agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.mini-agenda div{border:1px solid #e1e9f2;border-radius:12px;padding:13px 14px;background:#fff}.mini-agenda strong{display:block;font-size:14px}.mini-agenda span{display:block;font-weight:850;margin:2px 0}.mini-agenda small{color:#334155;font-weight:650}
.soft-table-wrap{overflow:auto}.soft-table{width:100%;border-collapse:collapse;font-size:13px}.soft-table th{background:#f8fafc;color:#475569;font-size:11px;font-weight:950;letter-spacing:.05em;text-align:left;padding:13px 12px}.soft-table td{border-bottom:1px solid #edf2f7;padding:15px 12px;color:#14213a}.soft-table tr:last-child td{border-bottom:0}.pill{display:inline-block;border-radius:7px;padding:6px 10px;font-weight:950;font-size:12px}.priority-alta,.priority-urgente{background:#fee2e2;color:#dc2626}.priority-normal{background:#ffedd5;color:#ea580c}.priority-baixa{background:#dcfce7;color:#15803d}.status-em_atendimento{background:#dbeafe;color:#2563eb}.status-aguardando{background:#ffedd5;color:#ea580c}.status-aberto{background:#dcfce7;color:#047857}.dots{font-size:22px}.empty-line{text-align:center;color:#64748b}.activity-list{display:grid;gap:8px}.activity-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #edf2f7;padding:10px 0}.activity-item:last-child{border-bottom:0}.activity-item b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px}.activity-item strong{display:block;font-size:13px}.activity-item span{display:block;color:#64748b;font-size:12px}.activity-item time{color:#64748b;font-size:12px;font-weight:750}.tone-0 b{background:#eff6ff;color:#0b63f6}.tone-1 b{background:#f5f3ff;color:#8b5cf6}.tone-2 b{background:#fff1f2;color:#f43f5e}.tone-3 b{background:#ecfdf5;color:#10b981}.tone-4 b{background:#eff6ff;color:#2563eb}
@media(max-width:1450px){.executive-strip{grid-template-columns:repeat(2,1fr)}.quick-blue{grid-column:span 2}.support-two-cols,.support-two-cols.lower{grid-template-columns:1fr}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.support-side-ticket{position:static;margin-top:20px}.executive-strip{grid-template-columns:1fr}.quick-blue{grid-column:auto}.hero-actions{flex-wrap:wrap}.support-hero-like-council{display:block}.hero-actions{margin-top:20px}.mini-agenda{grid-template-columns:1fr}.top-actions-new{display:none}}
/* === FIM SUPORTE V2.0 === */

/* === SUPORTE V2.2 - legibilidade + Easy Install === */
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;letter-spacing:-.01em}.top h1{font-size:30px;font-weight:900}.top p{font-size:15px}.support-page-new{font-size:16px}.support-menu-new a{font-size:15px}.support-hero-like-council{padding:32px 34px;min-height:168px}.hero-copy span,.easy-head span{font-size:12px;font-weight:950;letter-spacing:.13em;color:#0b63f6}.hero-copy h2{font-size:31px;letter-spacing:-.035em}.hero-copy p{font-size:17px;line-height:1.55}.btn{font-size:14px;font-weight:900}.metric-card{min-height:146px}.metric-card small{font-size:13px}.metric-card strong{font-size:39px}.metric-card span{font-size:15px}.metric-card em{font-size:13px}.border-orange{border-top-color:#f97316}.border-orange em{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.situation-row{min-height:104px}.situation-row small{font-size:12px}.situation-row strong{font-size:31px}.situation-row span{font-size:15px}.situation-row.orange .situation-icon{background:#fff7ed;color:#f97316}.situation-row.green .situation-icon{background:#ecfdf5;color:#10b981}.situation-row.orange em{background:#fff7ed;color:#ea580c}.situation-row.green em{background:#ecfdf5;color:#047857}.panel-title-row h3{font-size:17px}.panel-title-row p{font-size:14px}.next-call-card h2{font-size:27px}.next-call-card p{font-size:15px}.soft-table{font-size:14px}.soft-table th{font-size:12px}.activity-item strong{font-size:14px}.activity-item span,.activity-item time{font-size:13px}.service-meta{display:grid;gap:6px;margin:0 0 18px}.service-meta span{display:flex;gap:8px;color:#334155;font-size:14px}.service-meta b{min-width:88px;color:#0f172a}.client-service-card{min-height:190px}.empty-service{opacity:.92}.client-queue div span{font-size:14px}.client-queue div small{font-size:13px}

.easy-install-card{border-radius:24px;border:1px solid #dce8f5;box-shadow:0 24px 60px rgba(15,23,42,.07);padding:0;overflow:hidden}.easy-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;background:linear-gradient(135deg,#f8fbff,#eef7ff);border-bottom:1px solid #dce8f5}.easy-head h2{font-size:34px;margin:8px 0 8px;font-weight:950;letter-spacing:-.04em}.easy-head p{font-size:16px;color:#526579;max-width:760px;margin:0;line-height:1.55}.tenant-preview{min-width:180px;border-radius:18px;background:#fff;border:1px solid #dce8f5;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.tenant-preview small{display:block;font-size:11px;font-weight:950;color:#64748b;letter-spacing:.12em}.tenant-preview strong{display:block;font-size:24px;color:#0b63f6;margin-top:6px}.steps-line{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:22px 34px;background:#fff;border-bottom:1px solid #eef3f8}.step-dot{border:1px solid #dce8f5;background:#f8fafc;border-radius:14px;padding:12px 10px;text-align:left;font-weight:950;color:#64748b;cursor:pointer}.step-dot span{display:block;font-size:12px;margin-top:4px;color:#64748b}.step-dot.active{background:#0b63f6;color:#fff;border-color:#0b63f6;box-shadow:0 12px 24px rgba(11,99,246,.22)}.step-dot.active span{color:#eaf2ff}.easy-step{display:none;padding:32px 34px}.easy-step.active{display:block}.easy-step h3{font-size:24px;margin:0 0 6px;font-weight:950}.easy-step>p{margin:0 0 24px;color:#64748b;font-size:16px}.modern-form label{font-weight:850;color:#0f172a;font-size:15px}.modern-form .input,.modern-form select,.modern-form textarea,.obs-final textarea{height:56px;border-radius:15px;border:1px solid #d7e3f0;background:#fff;font-size:16px;padding:0 17px;box-shadow:inset 0 1px 0 rgba(15,23,42,.02)}.modern-form textarea,.obs-final textarea{height:auto;padding:14px 17px}.generated-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.generated-grid div{border:1px solid #dce8f5;border-radius:18px;background:#f8fbff;padding:20px}.generated-grid small{display:block;color:#64748b;font-size:12px;font-weight:950;letter-spacing:.1em}.generated-grid strong{display:block;margin-top:8px;font-size:20px;color:#0f172a;word-break:break-word}.advanced-db{margin-top:18px;border:1px dashed #bfd2e7;border-radius:18px;padding:16px;background:#fbfdff}.advanced-db summary{cursor:pointer;font-weight:950;color:#0b63f6}.advanced-db .form-grid{margin-top:18px}.modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.modules-grid label{display:flex;gap:10px;align-items:center;border:1px solid #dce8f5;border-radius:16px;background:#fbfdff;padding:14px 16px;font-weight:850}.modules-grid input{width:18px;height:18px}.obs-final{display:block;font-weight:850}.finish-box{margin-top:18px;border-radius:18px;background:#eff6ff;border:1px solid #dbeafe;padding:18px;color:#1e3a8a;display:grid;gap:5px}.finish-box strong{font-size:17px}.wizard-actions{padding:22px 34px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eef3f8;background:#fff}.btn-green{background:#10b981;color:#fff;border:1px solid #10b981;box-shadow:0 10px 24px rgba(16,185,129,.18)}.flash.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.flash.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857}
@media(max-width:1100px){.steps-line{grid-template-columns:repeat(3,1fr)}.modules-grid,.generated-grid{grid-template-columns:1fr}.easy-head{display:block}.tenant-preview{margin-top:18px}}

/* === SUPORTE V2.3 - Easy Install stepper sofisticado === */
.easy-install-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
}
.easy-head{
  min-height:132px;
  margin:0 0 20px;
  border:1px solid #d9e6f5!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f9fcff 0%,#f2f8ff 52%,#ffffff 100%)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.045)!important;
}
.easy-head:before{
  content:'▧';
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  margin-right:20px;
  background:#eaf3ff;color:#0b63f6;font-size:30px;font-weight:900;
  flex:0 0 auto;
}
.easy-head h2{font-size:30px!important;line-height:1.05;margin:5px 0 10px!important;letter-spacing:-.045em!important}
.easy-head p{font-size:16px!important;max-width:760px!important;color:#334155!important;line-height:1.6!important}
.tenant-preview{border-radius:16px!important;min-width:168px!important;padding:18px 19px!important;background:#fff!important}
.tenant-preview small:after{content:' PREVISTO'}
.tenant-preview strong{font-size:22px!important;color:#0864ff!important}

.easy-stepper-line{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:0!important;
  align-items:center;
  padding:28px 30px!important;
  margin:0 0 22px;
  border:1px solid #e2ebf6!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(15,23,42,.055)!important;
  overflow:hidden;
}
.easy-stepper-line .step-dot{
  position:relative;
  display:grid!important;
  grid-template-columns:56px 1fr;
  grid-template-rows:auto auto;
  column-gap:12px;
  align-items:center;
  min-height:70px;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 26px 0 0!important;
  color:#0f172a!important;
  overflow:visible;
}
.easy-stepper-line .step-dot:not(:last-child)::after{
  content:'';
  position:absolute;
  right:14px;
  top:50%;
  width:48px;
  height:1px;
  background:linear-gradient(90deg,#cbd5e1,#94a3b8);
  transform:translateY(-50%);
  opacity:.8;
}
.easy-stepper-line .step-dot:not(:last-child)::before{
  content:'›';
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-54%);
  color:#94a3b8;
  font-size:24px;
  line-height:1;
}
.easy-stepper-line .step-dot b{
  grid-column:2;
  font-size:15px;
  font-weight:950;
  color:#0f172a;
  line-height:1;
}
.easy-stepper-line .step-dot i{
  grid-column:1;
  grid-row:1 / span 2;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  font-style:normal;
  border:2px solid #d8e3ef;
  background:linear-gradient(180deg,#fff,#f8fbff);
  font-size:22px;
  color:#0f172a;
  box-shadow:0 10px 25px rgba(15,23,42,.045);
}
.easy-stepper-line .step-dot span{
  grid-column:2;
  display:block!important;
  margin:0!important;
}
.easy-stepper-line .step-dot span strong{
  display:block;
  font-size:15px;
  font-weight:950;
  letter-spacing:-.01em;
  color:#0f172a;
}
.easy-stepper-line .step-dot span small{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:13px;
  font-weight:700;
}
.easy-stepper-line .step-dot.active b,
.easy-stepper-line .step-dot.active span strong{color:#0b63f6!important}
.easy-stepper-line .step-dot.active i{
  background:linear-gradient(135deg,#0b63f6,#0754d5)!important;
  border-color:#0b63f6!important;
  color:#fff!important;
  box-shadow:0 16px 32px rgba(11,99,246,.24)!important;
}
.easy-stepper-line .step-dot.active:not(:last-child)::after{background:linear-gradient(90deg,#0b63f6,#b7cffd)}

.easy-body-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:22px;
  align-items:stretch;
}
.easy-main-panel,
.easy-help-panel{
  border:1px solid #e1eaf5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.055);
}
.easy-main-panel{overflow:hidden;display:flex;flex-direction:column;min-height:520px}
.easy-step{padding:42px 36px 30px!important;flex:1}
.easy-step h3{font-size:24px!important;letter-spacing:-.035em!important;color:#0f172a!important}
.easy-step>p{font-size:16px!important;color:#526579!important;margin-bottom:30px!important}
.modern-form{gap:24px!important}
.modern-form label{font-size:14px!important;font-weight:900!important;letter-spacing:-.01em!important;color:#0f172a!important}
.modern-form .input,.modern-form select,.modern-form textarea,.obs-final textarea{
  margin-top:8px!important;
  height:58px!important;
  border-radius:14px!important;
  border:1px solid #d4e0ed!important;
  color:#172033!important;
  font-weight:650!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
}
.modern-form .input:focus,.modern-form select:focus,.modern-form textarea:focus{
  outline:none!important;border-color:#0b63f6!important;box-shadow:0 0 0 4px rgba(11,99,246,.09)!important;
}
.generated-grid div,.finish-box,.advanced-db{
  border-radius:16px!important;
}
.wizard-actions{
  margin-top:auto;
  padding:22px 30px!important;
  border-top:1px solid #edf2f7!important;
  justify-content:space-between!important;
}
.wizard-actions .btn{min-height:50px;border-radius:12px!important;padding:0 24px!important;font-size:14px!important}
.btn-blue{background:#0b63f6!important;color:#fff!important;border-color:#0b63f6!important;box-shadow:0 14px 26px rgba(11,99,246,.22)!important}
.btn-white{background:#fff!important;color:#334155!important;border:1px solid #d8e3ef!important}
.btn-green{box-shadow:0 14px 26px rgba(16,185,129,.22)!important}
.easy-help-panel{
  padding:30px;
  min-height:520px;
  display:flex;
  flex-direction:column;
  gap:26px;
}
.help-block strong{display:block;font-size:15px;font-weight:950;color:#0f172a;margin-bottom:14px}
.help-block p{margin:0;color:#475569;font-size:15px;line-height:1.8}
.help-tips{border-top:1px solid #e7eef7;padding-top:24px}
.help-tips ul{margin:0;padding:0;list-style:none;display:grid;gap:18px}
.help-tips li{position:relative;padding-left:24px;color:#334155;font-size:15px;line-height:1.65}
.help-tips li:before{
  content:'✓';position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;
  display:grid;place-items:center;background:#eff6ff;color:#0b63f6;font-size:10px;font-weight:950;
}
.modules-grid label{font-size:15px!important;background:#fff!important}

@media(max-width:1350px){
  .easy-stepper-line{grid-template-columns:repeat(3,1fr)!important;row-gap:22px!important}
  .easy-stepper-line .step-dot:nth-child(3)::after{display:none}
  .easy-body-grid{grid-template-columns:1fr}
  .easy-help-panel{min-height:auto}
}
@media(max-width:780px){
  .easy-stepper-line{grid-template-columns:1fr!important}
  .easy-stepper-line .step-dot::after,.easy-stepper-line .step-dot::before{display:none!important}
  .easy-head{display:block!important}.easy-head:before{margin-bottom:14px}.tenant-preview{margin-top:18px}
}
/* === FIM SUPORTE V2.3 === */

/* === SUPORTE V2.4 - Easy Install refinado igual referencia === */
.easy-head.easy-head-refined{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  min-height:132px!important;
  padding:30px 34px!important;
  margin:0 0 26px!important;
  border:1px solid #d9e6f5!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fbfdff 0%,#f4f9ff 55%,#ffffff 100%)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.045)!important;
}
.easy-head.easy-head-refined:before{display:none!important;content:none!important}
.easy-head-icon{
  width:72px!important;height:72px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#eaf3ff!important;color:#0b63f6!important;
  flex:0 0 auto!important;
}
.easy-head-copy{flex:1;min-width:0}
.easy-head-copy h2{font-size:30px!important;line-height:1.05!important;margin:0 0 10px!important;font-weight:950!important;letter-spacing:-.045em!important;color:#0f172a!important}
.easy-head-copy p{font-size:16px!important;max-width:820px!important;color:#334155!important;line-height:1.6!important;margin:0!important;font-weight:650!important}
.easy-head.easy-head-refined .tenant-preview{margin-left:auto!important;border-radius:16px!important;min-width:175px!important;padding:18px 22px!important;background:#fff!important;border:1px solid #dce8f5!important;box-shadow:0 20px 45px rgba(15,23,42,.06)!important}
.easy-head.easy-head-refined .tenant-preview small{font-size:12px!important;letter-spacing:.11em!important;color:#475569!important}
.easy-head.easy-head-refined .tenant-preview small:after{content:' PREVISTO'}
.easy-head.easy-head-refined .tenant-preview strong{font-size:24px!important;color:#0864ff!important;margin-top:8px!important}

.easy-stepper-line.easy-stepper-refined{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:0!important;
  align-items:center!important;
  padding:24px 30px 26px!important;
  margin:0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot{
  position:relative!important;
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-rows:auto auto auto!important;
  column-gap:13px!important;
  align-items:center!important;
  min-height:86px!important;
  padding:0 42px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-align:left!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot:not(:last-child)::after{
  content:''!important;
  position:absolute!important;
  right:18px!important;
  top:48%!important;
  width:74px!important;
  height:2px!important;
  background:linear-gradient(90deg,#cbd5e1,#9eb2ca)!important;
  transform:translateY(-50%)!important;
  opacity:.82!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot:not(:last-child)::before{
  content:'›'!important;
  position:absolute!important;
  right:10px!important;
  top:48%!important;
  transform:translateY(-54%)!important;
  color:#9eb2ca!important;
  font-size:27px!important;
  line-height:1!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot b{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#0f172a!important;
  margin:0 0 4px!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot .si{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  width:60px!important;height:60px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  border:2px solid #d6e2ef!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  color:#0f172a!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  font-style:normal!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot .si:before{font-size:28px!important;line-height:1!important;font-family:Arial, sans-serif!important;font-weight:400!important;color:currentColor!important}
.easy-stepper-line.easy-stepper-refined .step-dot .si-council:before{content:'▦'}
.easy-stepper-line.easy-stepper-refined .step-dot .si-location:before{content:'⌖'}
.easy-stepper-line.easy-stepper-refined .step-dot .si-user:before{content:'♙'}
.easy-stepper-line.easy-stepper-refined .step-dot .si-key:before{content:'⚿'}
.easy-stepper-line.easy-stepper-refined .step-dot .si-db:before{content:'▤'}
.easy-stepper-line.easy-stepper-refined .step-dot .si-check:before{content:'✓';font-size:31px!important;font-weight:700!important}
.easy-stepper-line.easy-stepper-refined .step-dot span{
  grid-column:2!important;
  grid-row:2 / span 2!important;
  display:block!important;
  margin:0!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot span strong{
  display:block!important;
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#0f172a!important;
  margin-bottom:7px!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot span small{
  display:block!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:750!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot.active b,
.easy-stepper-line.easy-stepper-refined .step-dot.active span strong,
.easy-stepper-line.easy-stepper-refined .step-dot.active span small{color:#0b63f6!important}
.easy-stepper-line.easy-stepper-refined .step-dot.active .si{
  background:linear-gradient(135deg,#0b63f6,#0754d5)!important;
  border-color:#0b63f6!important;
  color:#fff!important;
  box-shadow:0 17px 34px rgba(11,99,246,.27)!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot.active:not(:last-child)::after{background:linear-gradient(90deg,#0b63f6,#abc8fb)!important}

@media(max-width:1350px){
  .easy-stepper-line.easy-stepper-refined{grid-template-columns:repeat(3,1fr)!important;row-gap:22px!important}
  .easy-stepper-line.easy-stepper-refined .step-dot:nth-child(3)::after,
  .easy-stepper-line.easy-stepper-refined .step-dot:nth-child(3)::before{display:none!important}
}
@media(max-width:780px){
  .easy-head.easy-head-refined{display:block!important}
  .easy-head-icon{margin-bottom:14px!important}
  .easy-stepper-line.easy-stepper-refined{grid-template-columns:1fr!important}
  .easy-stepper-line.easy-stepper-refined .step-dot::after,
  .easy-stepper-line.easy-stepper-refined .step-dot::before{display:none!important}
}
/* === FIM SUPORTE V2.4 === */

/* === SUPORTE V2.5 - Stepper com ícones SVG iguais ao conceito === */
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot .si:before{
  content:none!important;
  display:none!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot .si svg{
  width:29px!important;
  height:29px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot .si{
  width:62px!important;
  height:62px!important;
  border:2px solid #d8e5f2!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#111827!important;
  box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot.active .si{
  color:#fff!important;
  border-color:#0b63f6!important;
  background:linear-gradient(135deg,#0b63f6 0%,#0754d5 100%)!important;
  box-shadow:0 18px 34px rgba(11,99,246,.28)!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot:not(:last-child)::after{
  height:2px!important;
  width:82px!important;
  right:14px!important;
  background:linear-gradient(90deg,#c9d5e4 0%,#9fb1c8 100%)!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot:not(:last-child)::before{
  content:'›'!important;
  right:5px!important;
  color:#9fb1c8!important;
  font-size:28px!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot.active:not(:last-child)::after{
  background:linear-gradient(90deg,#0b63f6 0%,#a8c5fb 100%)!important;
}
/* === FIM SUPORTE V2.5 === */


/* === SUPORTE V2.6 - Easy Install minimalista com Display Headings === */
:root{
  --display-font:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  --support-blue:#0b63f6;
  --support-ink:#0f172a;
  --support-muted:#475569;
  --support-line:#dbe7f3;
  --support-soft:#f6f9fd;
}
body{font-family:var(--display-font)!important;background:#f5f8fc!important;color:var(--support-ink)!important}
.top h1,
.display-title{
  font-family:var(--display-font)!important;
  font-size:3rem!important;
  line-height:1.05!important;
  font-weight:300!important;
  letter-spacing:-.055em!important;
  color:#111827!important;
}
.top p,.display-subtitle{
  font-size:1.12rem!important;
  font-weight:300!important;
  color:#334155!important;
  letter-spacing:-.015em!important;
}
.easy-install-card{max-width:none!important}
.easy-head.easy-head-refined{
  min-height:136px!important;
  padding:30px 34px!important;
  margin-bottom:34px!important;
  border-radius:18px!important;
  border:1px solid var(--support-line)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 62%,#ffffff 100%)!important;
  box-shadow:none!important;
}
.easy-head-icon{
  width:72px!important;height:72px!important;border-radius:17px!important;
  background:#eef5ff!important;color:var(--support-blue)!important;
}
.easy-head-copy h2{
  font-size:2.25rem!important;
  font-weight:300!important;
  letter-spacing:-.055em!important;
  line-height:1.06!important;
  margin:0 0 12px!important;
}
.easy-head-copy p{
  max-width:780px!important;
  font-size:1.08rem!important;
  font-weight:300!important;
  color:#1f2d40!important;
  line-height:1.55!important;
}
.easy-head.easy-head-refined .tenant-preview{
  min-width:178px!important;
  padding:18px 20px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.easy-head.easy-head-refined .tenant-preview small{font-size:.82rem!important;font-weight:800!important;letter-spacing:.11em!important}
.easy-head.easy-head-refined .tenant-preview strong{font-size:1.65rem!important;font-weight:700!important;letter-spacing:-.03em!important}
.easy-stepper-line.easy-stepper-refined{
  padding:24px 14px 30px!important;
  margin:0 0 28px!important;
  background:transparent!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot{
  grid-template-columns:58px 1fr!important;
  min-height:72px!important;
  padding-right:38px!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot .si{
  width:58px!important;height:58px!important;
  border-width:1.5px!important;
  box-shadow:none!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot .si svg{width:25px!important;height:25px!important;stroke-width:1.85!important}
.easy-stepper-line.easy-stepper-refined .step-dot b{
  font-size:.95rem!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot span strong{
  font-size:1.06rem!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot span small{
  font-size:.92rem!important;
  font-weight:300!important;
  color:#526579!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot:not(:last-child)::after{
  width:74px!important;height:1.5px!important;right:12px!important;background:#b8c8da!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot:not(:last-child)::before{right:2px!important;color:#a8b9ce!important;font-weight:300!important}
.easy-body-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:stretch!important}
.easy-main-panel,.easy-help-panel{
  border:1px solid var(--support-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.easy-step{padding:34px 36px 28px!important;min-height:410px!important}
.easy-step h3,
.easy-step.active h3{
  font-size:2rem!important;
  font-weight:300!important;
  letter-spacing:-.052em!important;
  line-height:1.08!important;
  margin-bottom:12px!important;
}
.easy-step>p{font-size:1rem!important;font-weight:300!important;color:#334155!important;margin-bottom:28px!important}
.modern-form{gap:24px!important}
.modern-form label{font-size:.92rem!important;font-weight:700!important;color:#0f172a!important;letter-spacing:-.01em!important}
.modern-form .input,.modern-form select,.modern-form textarea,.obs-final textarea{
  height:56px!important;
  border-radius:12px!important;
  border:1px solid #d7e2ef!important;
  background:#fff!important;
  font-size:1.02rem!important;
  font-weight:300!important;
  color:#1e293b!important;
  padding:0 18px!important;
  box-shadow:none!important;
}
.modern-form .input:focus,.modern-form select:focus,.modern-form textarea:focus{
  outline:none!important;border-color:#86b7fe!important;box-shadow:0 0 0 .18rem rgba(13,110,253,.12)!important;
}
.easy-help-panel{padding:34px 32px!important}
.easy-help-panel h4{font-size:1.05rem!important;font-weight:700!important;letter-spacing:-.02em!important;margin-bottom:20px!important}
.help-block p{font-size:.98rem!important;font-weight:300!important;line-height:1.8!important;color:#334155!important}
.help-tips li{font-size:.98rem!important;font-weight:300!important;color:#334155!important}
.wizard-actions{padding:24px 36px!important;border-top:1px solid #eef3f8!important}
.btn.primary,.wizard-actions .btn.primary{
  min-width:138px!important;height:54px!important;border-radius:10px!important;
  font-size:1rem!important;font-weight:700!important;
  box-shadow:0 14px 26px rgba(11,99,246,.18)!important;
}
.wizard-actions .btn:not(.primary){height:54px!important;border-radius:10px!important;font-size:1rem!important;font-weight:500!important}
.form-grid{gap:22px!important}
.sidebar .brand strong,.support-brand-new strong{letter-spacing:.02em!important}
@media(max-width:1200px){.easy-body-grid{grid-template-columns:1fr!important}.top h1,.display-title{font-size:2.5rem!important}.easy-head-copy h2{font-size:2rem!important}}
/* === FIM SUPORTE V2.6 === */

/* ==========================================================
   KONECTACON SUPORTE V2 - alinhado ao Sistema do Conselho
   Tipografia, tamanhos, modo dark nativo e toggle claro/escuro
   ========================================================== */
:root{
  --ks-bg:#071426;
  --ks-bg-2:#0a1629;
  --ks-sidebar:#060f1f;
  --ks-panel:#0b1d35;
  --ks-panel-2:#0e223d;
  --ks-card:#0b1d35;
  --ks-card-soft:#102642;
  --ks-line:rgba(255,255,255,.095);
  --ks-line-2:rgba(125,153,190,.26);
  --ks-text:#ffffff;
  --ks-muted:#9db0ca;
  --ks-muted-2:#6f86a8;
  --ks-blue:#2f6df6;
  --ks-cyan:#28d5e3;
  --ks-green:#14c58b;
  --ks-red:#ff4f62;
  --ks-purple:#a855f7;
  --ks-orange:#fb923c;
  --ks-radius:22px;
  --ks-font:Inter,Segoe UI,Roboto,Arial,sans-serif;
  --shadow:none;
  --bg:var(--ks-bg);
  --panel:var(--ks-panel);
  --ink:var(--ks-text);
  --muted:var(--ks-muted);
  --line:var(--ks-line);
}
html,body{min-height:100%;}
body{
  font-family:var(--ks-font)!important;
  background:var(--ks-bg)!important;
  color:var(--ks-text)!important;
  font-size:16px;
  line-height:1.42;
  letter-spacing:-.015em;
}
body.support-light{
  --ks-bg:#f4f7fb;
  --ks-bg-2:#eef4fb;
  --ks-sidebar:#071426;
  --ks-panel:#ffffff;
  --ks-panel-2:#ffffff;
  --ks-card:#ffffff;
  --ks-card-soft:#f8fafc;
  --ks-line:rgba(15,23,42,.10);
  --ks-line-2:rgba(15,23,42,.12);
  --ks-text:#0f172a;
  --ks-muted:#5c6d86;
  --ks-muted-2:#73849b;
  background:var(--ks-bg)!important;
  color:var(--ks-text)!important;
}
.shell{grid-template-columns:272px 1fr!important;background:var(--ks-bg)!important;}
.sidebar{
  background:var(--ks-sidebar)!important;
  border-right:1px solid var(--ks-line)!important;
  padding:26px 16px!important;
  box-shadow:none!important;
}
.support-brand-new{display:grid!important;justify-items:center!important;gap:10px!important;margin:0 0 28px!important;text-align:center!important;}
.support-logo-mark{width:64px!important;height:64px!important;border-radius:18px!important;background:#fff!important;color:#2869ff!important;font-size:27px!important;box-shadow:none!important;}
.support-brand-new strong{display:block!important;font-size:12px!important;letter-spacing:.16em!important;line-height:1!important;color:#d7e2f5!important;font-weight:800!important;}
.support-brand-new span{font-size:22px!important;color:#fff!important;font-weight:900!important;letter-spacing:-.03em!important;margin-top:4px!important;}
.support-menu-new{gap:10px!important;max-height:none!important;overflow:visible!important;padding:0!important;}
.support-menu-new:before{content:'NAVEGAÇÃO';display:block;color:#9aaac2;font-size:11px;font-weight:900;letter-spacing:.18em;margin:6px 8px 8px;}
.support-menu-new a{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  color:#d6dfec!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  background:transparent!important;
}
.support-menu-new a span{width:34px!important;height:34px!important;min-width:34px!important;border-radius:13px!important;background:rgba(255,255,255,.12)!important;display:grid!important;place-items:center!important;font-size:13px!important;color:#fff!important;}
.support-menu-new a.active,.support-menu-new a:hover{background:#202c42!important;color:#fff!important;}
.support-menu-new a.active span,.support-menu-new a:hover span{background:rgba(255,255,255,.15)!important;}
.support-menu-new b{right:8px!important;top:9px!important;background:var(--ks-red)!important;box-shadow:none!important;}
.support-side-ticket{display:none!important;}
.main{background:var(--ks-bg)!important;min-width:0;}
.top.support-top-new{
  height:72px!important;
  min-height:72px!important;
  background:var(--ks-bg)!important;
  border-bottom:1px solid var(--ks-line)!important;
  color:var(--ks-text)!important;
  padding:0 24px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.top.support-top-new h1{font-size:25px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.045em!important;color:var(--ks-text)!important;}
.top.support-top-new p{font-size:15px!important;color:var(--ks-text)!important;opacity:.92;margin-top:6px!important;}
.top-actions-new{display:flex;align-items:center;gap:12px;}
.user-chip-new{height:42px;border:1px solid var(--ks-line)!important;border-radius:999px;background:rgba(255,255,255,.025)!important;display:flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;color:var(--ks-text)!important;}
.user-chip-new>span{width:31px;height:31px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#10b981);display:grid;place-items:center;font-weight:900;color:white;font-size:13px;}
.user-chip-new strong{display:block;font-size:13px!important;line-height:1;color:var(--ks-text)!important;}
.user-chip-new small{display:block;font-size:10px!important;color:var(--ks-text)!important;opacity:.88;font-weight:800;margin-top:3px;}
.moon-btn{width:42px!important;height:42px!important;border-radius:50%!important;border:0!important;background:#315cf6!important;color:#fff!important;font-size:18px!important;cursor:pointer!important;display:grid!important;place-items:center!important;}
.top-exit{height:42px!important;border-radius:14px!important;background:#2f6df6!important;color:#fff!important;padding:0 16px!important;font-size:14px!important;font-weight:800!important;}
.page.support-page-new{padding:24px!important;background:var(--ks-bg)!important;max-width:none!important;overflow:hidden;}
.support-hero-like-council,.hero,.page-header{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;
  color:var(--ks-text)!important;
  border:1px solid var(--ks-line)!important;
  border-radius:22px!important;
  padding:22px 24px!important;
  box-shadow:none!important;
  margin-bottom:22px!important;
}
.support-hero-like-council{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.support-hero-like-council .hero-copy span,.panel-title-row h3,.stat span,.metric-card small,.situation-row small,.next-call-card small{font-size:12px!important;letter-spacing:.11em!important;font-weight:900!important;color:#d8e6ff!important;text-transform:uppercase!important;}
.support-hero-like-council h2,.hero h2,.section-head h2{font-size:26px!important;line-height:1.05!important;margin:6px 0!important;font-weight:900!important;letter-spacing:-.045em!important;color:var(--ks-text)!important;}
.support-hero-like-council p,.hero p,.section-head p,.panel-title-row p{font-size:15px!important;color:var(--ks-text)!important;opacity:.92;margin:0!important;}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.btn,.btn.primary,.btn.soft,.btn-blue,.btn-white{height:38px!important;border-radius:12px!important;padding:0 16px!important;font-size:14px!important;font-weight:800!important;box-shadow:none!important;border:1px solid var(--ks-line)!important;}
.btn-blue,.btn.primary{background:linear-gradient(135deg,#2d78ff,#10b981)!important;color:#fff!important;border:0!important;}
.btn-white,.btn.soft{background:rgba(255,255,255,.06)!important;color:var(--ks-text)!important;}
.executive-strip{display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr)) minmax(330px,1.7fr)!important;gap:16px!important;margin:0 0 22px!important;}
.metric-card,.stat,.card,.panel-box,.table-wrap,.ticket-item,.kb,.user-card{
  background:var(--ks-card)!important;
  border:1px solid var(--ks-line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  color:var(--ks-text)!important;
}
.metric-card{min-height:126px!important;padding:18px!important;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;}
.metric-card:before{content:'';position:absolute;left:12px;right:12px;top:0;height:4px;border-radius:999px;background:var(--ks-cyan);}
.metric-card.border-red:before{background:linear-gradient(90deg,#ff4f62,#fb7185);}.metric-card.border-orange:before{background:linear-gradient(90deg,#fb923c,#f59e0b);}.metric-card.border-green:before{background:linear-gradient(90deg,#10b981,#22c55e);}.metric-card.border-blue:before{background:linear-gradient(90deg,#2f6df6,#28d5e3);}
.metric-card strong,.stat strong,.situation-row strong{display:block;font-size:34px!important;line-height:1!important;font-weight:900!important;color:var(--ks-text)!important;margin:8px 0!important;letter-spacing:-.06em!important;}
.metric-card span,.stat p,.ticket-item span,.kb p,.muted{font-size:13px!important;color:var(--ks-muted)!important;}
.metric-card em,.situation-row em{font-style:normal;border:1px solid var(--ks-line-2);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;color:var(--ks-text);background:rgba(255,255,255,.05);}
.quick-blue{min-height:126px!important;border-radius:18px!important;background:linear-gradient(135deg,#245bdb,#316cff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;padding:21px!important;display:grid!important;align-content:center!important;grid-template-columns:1fr auto;gap:4px 16px!important;}
.quick-blue span{font-size:12px;letter-spacing:.12em;font-weight:900;grid-column:1/-1;}.quick-blue strong{font-size:25px;line-height:1;font-weight:900;letter-spacing:-.045em;}.quick-blue p{font-size:13px;margin:0;color:#dbe7ff;max-width:360px;}.quick-blue em{align-self:center;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:10px 16px;font-size:14px;font-style:normal;font-weight:800;}
.support-two-cols,.grid{display:grid!important;grid-template-columns:1fr 1.48fr!important;gap:16px!important;margin-bottom:16px!important;}
.support-two-cols.lower{grid-template-columns:1.35fr .65fr!important;}
.panel-box{padding:16px!important;border-radius:20px!important;}
.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;}
.panel-title-row h3{margin:0!important;color:var(--ks-text)!important;}
.panel-title-row a{color:var(--ks-text)!important;font-size:13px;font-weight:800;opacity:.95;}
.situation-row{display:grid!important;grid-template-columns:52px 1fr auto!important;gap:16px!important;align-items:center!important;min-height:104px!important;border:1px solid var(--ks-line)!important;border-radius:16px!important;background:var(--ks-card)!important;padding:16px!important;margin-top:12px!important;color:var(--ks-text)!important;}
.situation-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.06)}
.situation-row.red .situation-icon{background:rgba(255,79,98,.11);color:var(--ks-red)}.situation-row.orange .situation-icon{background:rgba(251,146,60,.12);color:var(--ks-orange)}.situation-row.green .situation-icon{background:rgba(20,197,139,.12);color:var(--ks-green)}
.situation-row span{font-size:13px;color:var(--ks-muted)!important;}
.next-call-card{min-height:196px;border:1px solid rgba(47,109,246,.35)!important;background:linear-gradient(135deg,rgba(47,109,246,.17),rgba(10,29,53,.55))!important;border-radius:18px!important;padding:20px!important;color:var(--ks-text)!important;display:flex;justify-content:space-between;gap:18px;}
.next-call-card h2{font-size:28px!important;line-height:1!important;margin:12px 0 8px!important;color:var(--ks-text)!important;font-weight:900!important;letter-spacing:-.05em!important;}
.next-call-card p{font-size:15px!important;color:var(--ks-muted)!important;font-weight:700;margin:0 0 18px!important;}
.next-call-card time{width:92px;height:78px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid var(--ks-line);display:grid;place-items:center;text-align:center;align-content:center;}
.next-call-card time strong{font-size:28px;line-height:1;color:var(--ks-text);}.next-call-card time span{font-size:12px;font-weight:800;color:var(--ks-text);}
.service-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}.service-meta span{border:1px solid var(--ks-line);border-radius:12px;padding:8px 10px;color:var(--ks-muted);font-size:12px;}.service-meta b{display:block;color:var(--ks-text);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.small-actions{display:flex;gap:10px;margin-top:14px}.small-actions a{height:38px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid var(--ks-line);color:var(--ks-text);padding:10px 15px;font-size:13px;font-weight:900}.small-actions .green{background:#10b981;color:#fff;border:0;}
.mini-agenda{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}.mini-agenda div{border:1px solid var(--ks-line);border-radius:14px;background:rgba(255,255,255,.035);padding:12px;color:var(--ks-text);}.mini-agenda strong{display:block;font-size:15px;}.mini-agenda span{display:block;font-size:13px;font-weight:800;}.mini-agenda small{display:block;color:var(--ks-muted);font-size:12px;line-height:1.25;}
.soft-table-wrap,.table-wrap{overflow:auto;border:1px solid var(--ks-line)!important;border-radius:16px!important;background:var(--ks-card)!important;}
table,.soft-table{background:var(--ks-card)!important;color:var(--ks-text)!important;border-collapse:collapse!important;}th{background:rgba(255,255,255,.035)!important;color:#d8e6ff!important;font-size:11px!important;letter-spacing:.09em!important;font-weight:900!important;border-color:var(--ks-line)!important;}td{border-color:var(--ks-line)!important;color:var(--ks-text)!important;font-size:14px!important;}td strong{color:var(--ks-text)!important;}.empty-line,.empty{color:var(--ks-muted)!important;}
.input,select,textarea,.form-control,input{background:rgba(255,255,255,.045)!important;border:1px solid var(--ks-line)!important;color:var(--ks-text)!important;border-radius:14px!important;min-height:46px!important;font-family:var(--ks-font)!important;}input::placeholder,textarea::placeholder{color:var(--ks-muted)!important;}label{color:var(--ks-text)!important;font-weight:800!important;}
.status,.pill,.badge{font-size:12px!important;font-weight:900!important;border-radius:999px!important;padding:7px 10px!important;}.status.aberto,.pill.status-aberto{background:rgba(255,79,98,.14)!important;color:#ff8b98!important;}.status.em_atendimento,.pill.status-em_atendimento{background:rgba(47,109,246,.18)!important;color:#8fb0ff!important;}.status.resolvido,.pill.status-resolvido{background:rgba(20,197,139,.15)!important;color:#5ee0af!important;}.status.aguardando,.pill.status-aguardando{background:rgba(251,146,60,.16)!important;color:#ffbd7d!important;}
.activity-list{display:grid;gap:10px;}.activity-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid var(--ks-line);border-radius:15px;background:rgba(255,255,255,.035);padding:12px;}.activity-item b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(47,109,246,.16);color:#94b1ff;}.activity-item strong{display:block;color:var(--ks-text);font-size:14px;}.activity-item span,.activity-item time{color:var(--ks-muted);font-size:12px;}
.login-wrap{background:#071426!important;font-family:var(--ks-font)!important;}.login-panel{background:var(--ks-panel)!important;color:var(--ks-text)!important;}.login-card h2{font-size:32px!important;color:var(--ks-text)!important;}.hint{background:rgba(47,109,246,.12)!important;border-color:rgba(47,109,246,.35)!important;color:#bcd0ff!important;}
body.support-light .top.support-top-new,body.support-light .main,body.support-light .page.support-page-new{background:var(--ks-bg)!important;}body.support-light .support-brand-new strong{color:#d7e2f5!important;}body.support-light .support-brand-new span{color:#fff!important;}body.support-light .support-menu-new a{color:#d6dfec!important;}body.support-light .user-chip-new{background:#fff!important;}body.support-light .user-chip-new strong,body.support-light .user-chip-new small{color:#0f172a!important;}body.support-light th{background:#f8fafc!important;color:#334155!important;}body.support-light .input,body.support-light select,body.support-light textarea,body.support-light .form-control,body.support-light input{background:#fff!important;color:#0f172a!important;}body.support-light .quick-blue strong,body.support-light .quick-blue span,body.support-light .quick-blue p,body.support-light .quick-blue em{color:#fff!important;}
@media(max-width:1280px){.executive-strip{grid-template-columns:repeat(2,1fr)!important}.quick-blue{grid-column:1/-1}.support-two-cols,.support-two-cols.lower,.grid{grid-template-columns:1fr!important}.mini-agenda{grid-template-columns:1fr!important}}
@media(max-width:820px){.shell{grid-template-columns:1fr!important}.sidebar{height:auto!important;position:relative!important}.top.support-top-new{position:relative!important;height:auto!important;min-height:0!important;padding:16px!important;align-items:flex-start!important;gap:12px!important;flex-direction:column!important}.page.support-page-new{padding:16px!important}.support-hero-like-council{display:block!important}.hero-actions{justify-content:flex-start;margin-top:14px}.executive-strip{grid-template-columns:1fr!important}.user-chip-new{max-width:100%;}}


/* ==========================================================
   CORREÇÃO FINAL - Suporte no padrão do painel do sistema
   - Card rápido verde na MESMA LINHA dos indicadores
   - Botões verdes de suporte
   - Sem círculos/ícones nos cards operacionais
   - Botões "ver todos" sem esticar
   ========================================================== */
:root{
  --ks-support-green:#10b981;
  --ks-support-green-2:#059669;
  --ks-support-green-3:#22c55e;
}

/* Botão principal do suporte: verde, sem azul */
.btn-blue,
.btn.primary,
.btn-green,
.small-actions .green,
.hero-actions .btn-blue{
  background:linear-gradient(135deg,var(--ks-support-green),var(--ks-support-green-2))!important;
  border-color:rgba(16,185,129,.75)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Faixa superior exatamente na disposição pedida:
   [card] [card] [card] [card] [acesso rápido] */
.executive-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(170px,1fr)) minmax(320px,1.9fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  margin:0 0 18px!important;
}
.executive-strip > *{min-width:0!important;}

/* Cards dos indicadores no padrão do sistema */
.metric-card{
  min-height:126px!important;
  height:126px!important;
  border-radius:16px!important;
  padding:18px 18px 16px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto 1fr auto!important;
  align-content:stretch!important;
  background:var(--ks-card)!important;
  border:1px solid var(--ks-line)!important;
  overflow:hidden!important;
}
.metric-card > div{grid-row:1 / -1!important;align-self:end!important;}
.metric-card small{display:block!important;margin-bottom:10px!important;}
.metric-card strong{font-size:32px!important;margin:0 0 10px!important;}
.metric-card span{display:block!important;white-space:normal!important;}
.metric-card em{
  grid-column:2!important;
  grid-row:3!important;
  align-self:end!important;
  justify-self:end!important;
  width:auto!important;
  min-width:38px!important;
  max-width:max-content!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  background:rgba(255,255,255,.055)!important;
  color:var(--ks-text)!important;
  border:1px solid var(--ks-line-2)!important;
}

/* Card rápido verde, na mesma linha, com o mesmo comportamento visual do sistema */
.quick-green,
.quick-blue{
  min-height:126px!important;
  height:126px!important;
  border-radius:16px!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.9fr) minmax(170px,1fr) auto!important;
  grid-template-rows:auto 1fr!important;
  align-items:center!important;
  gap:4px 18px!important;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(34,197,94,.45)!important;
  background:
    radial-gradient(circle at 84% 50%,rgba(255,255,255,.16) 0 34px,transparent 35px),
    linear-gradient(135deg,#047857 0%,#059669 46%,#16a34a 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.quick-green span,
.quick-blue span{
  grid-column:1/-1!important;
  align-self:end!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#ecfdf5!important;
}
.quick-green strong,
.quick-blue strong{
  grid-column:1!important;
  grid-row:2!important;
  font-size:22px!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  margin:0!important;
}
.quick-green p,
.quick-blue p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  max-width:290px!important;
  color:#ecfdf5!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.quick-green em,
.quick-blue em{
  grid-column:3!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:center!important;
  width:auto!important;
  max-width:max-content!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  padding:0 16px!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* Situação operacional sem círculos, no padrão horizontal do sistema */
.situation-icon{display:none!important;}
.situation-row{
  grid-template-columns:1fr auto!important;
  min-height:106px!important;
  align-items:center!important;
  padding:18px!important;
  border-radius:16px!important;
  gap:18px!important;
  overflow:hidden!important;
}
.situation-row > div:not(.situation-icon){min-width:0!important;}
.situation-row small{display:block!important;margin-bottom:8px!important;line-height:1.05!important;}
.situation-row strong{font-size:30px!important;margin:0 0 8px!important;}
.situation-row span{display:block!important;line-height:1.25!important;}
.situation-row em,
.panel-title-row > a,
.next-call-card a,
.small-actions a{
  width:auto!important;
  max-width:max-content!important;
  min-width:74px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.situation-row.red em,
.situation-row.orange em,
.situation-row.green em{
  background:rgba(255,255,255,.055)!important;
  color:var(--ks-text)!important;
  border:1px solid var(--ks-line-2)!important;
}

/* Painéis de baixo com proporção próxima ao painel do conselho */
.support-two-cols{
  grid-template-columns:.72fr 1fr!important;
  gap:16px!important;
}
.panel-box{border-radius:18px!important;padding:16px!important;}
.client-service-card{min-height:184px!important;}

/* Top actions: botão dark/light igual ao sistema, menos bolha e mais painel */
.moon-btn{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid var(--ks-line)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
body.support-light .moon-btn{color:#0f172a!important;background:#fff!important;}
.support-logo-mark{
  background:linear-gradient(135deg,#047857,#16a34a)!important;
  color:#fff!important;
}

@media(max-width:1500px){
  .executive-strip{grid-template-columns:repeat(4,minmax(150px,1fr)) minmax(280px,1.55fr)!important;gap:12px!important;}
  .quick-green,.quick-blue{grid-template-columns:.8fr 1fr!important;}
  .quick-green em,.quick-blue em{grid-column:2!important;grid-row:2!important;margin-top:44px!important;}
  .quick-green p,.quick-blue p{padding-right:112px!important;}
}
@media(max-width:1280px){
  .executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .quick-green,.quick-blue{grid-column:1/-1!important;grid-template-columns:1fr auto!important;}
  .quick-green p,.quick-blue p{grid-column:1!important;padding-right:0!important;}
  .quick-green em,.quick-blue em{grid-column:2!important;margin-top:0!important;}
  .support-two-cols{grid-template-columns:1fr!important;}
}
@media(max-width:820px){
  .executive-strip{grid-template-columns:1fr!important;}
  .quick-green,.quick-blue{height:auto!important;min-height:150px!important;grid-template-columns:1fr!important;}
  .quick-green span,.quick-blue span,.quick-green strong,.quick-blue strong,.quick-green p,.quick-blue p,.quick-green em,.quick-blue em{grid-column:1!important;grid-row:auto!important;justify-self:start!important;}
}

/* ==========================================================
   AJUSTE FINAL V2.9 - Tipografia idêntica ao sistema do conselho
   ========================================================== */
html, body, button, input, select, textarea, a, table, th, td{
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
}
body{
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  font-weight:500!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.shell{grid-template-columns:250px 1fr!important;}
.sidebar{padding:20px 14px!important;}
.support-logo-mark{
  width:64px!important;height:64px!important;border-radius:18px!important;
  background:linear-gradient(135deg,#0f9f74,#047857)!important;color:#fff!important;
  font-size:31px!important;font-weight:900!important;
}
.support-brand-new strong{font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;}
.support-brand-new span{font-size:22px!important;font-weight:900!important;line-height:1!important;}
.support-menu-new a{
  min-height:54px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}
.support-menu-new:before{font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important;}
.top.support-top-new h1{
  font-size:26px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.top.support-top-new p{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
.page.support-page-new{padding:24px!important;}
.support-hero-like-council{
  min-height:126px!important;
  padding:22px 24px!important;
}
.support-hero-like-council .hero-copy span,
.metric-card small,
.situation-row small,
.panel-title-row h3,
.quick-green span,
.quick-blue span{
  font-size:11px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.support-hero-like-council h2{
  font-size:25px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  margin:6px 0!important;
}
.support-hero-like-council p{
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:500!important;
  max-width:520px!important;
}
.btn,.btn-blue,.btn-white,.top-exit,.small-actions a{
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
}
.executive-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(180px,1fr)) minmax(360px,1.65fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
.metric-card{
  min-height:126px!important;
  padding:18px!important;
  border-radius:18px!important;
}
.metric-card strong,.situation-row strong{
  font-size:34px!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  margin:9px 0 6px!important;
}
.metric-card span,.situation-row span,.panel-title-row p,
.next-call-card p,.mini-agenda small,.activity-item span,.activity-item time{
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.metric-card em,.situation-row em,.panel-title-row a{
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  width:auto!important;
  min-width:auto!important;
  flex:0 0 auto!important;
}
.quick-blue,.quick-green{
  min-height:126px!important;
  border-radius:18px!important;
  padding:20px 22px!important;
  background:linear-gradient(135deg,#047857 0%,#059669 55%,#10b981 100%)!important;
  box-shadow:none!important;
}
.quick-blue strong,.quick-green strong{
  font-size:25px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.quick-blue p,.quick-green p{
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.quick-blue em,.quick-green em{
  font-size:13px!important;
  font-weight:900!important;
  height:38px!important;
}
.panel-box{padding:16px!important;border-radius:18px!important;}
.situation-row{
  min-height:96px!important;
  grid-template-columns:1fr auto!important;
  padding:16px 18px!important;
}
.situation-row .situation-icon{display:none!important;}
.next-call-card h2{
  font-size:26px!important;
  font-weight:900!important;
  line-height:1.05!important;
}
.next-call-card time strong{font-size:28px!important;font-weight:900!important;}
.soft-table th{font-size:11px!important;font-weight:900!important;}
.soft-table td{font-size:13px!important;font-weight:500!important;}
.user-chip-new strong{font-size:13px!important;font-weight:800!important;}
.user-chip-new small{font-size:9px!important;font-weight:900!important;letter-spacing:.04em!important;}
@media(max-width:1500px){
  .executive-strip{grid-template-columns:repeat(4,minmax(150px,1fr)) minmax(330px,1.6fr)!important;gap:12px!important;}
}
@media(max-width:1280px){
  .executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .quick-green,.quick-blue{grid-column:1/-1!important;}
}


/* ==========================================================
   AJUSTE FINAL V3.0 - Cards iguais ao Sistema do Conselho
   Correção da faixa superior: sem recuo, cores e proporção.
   ========================================================== */
.executive-strip{
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(360px,1.55fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
.metric-card{
  min-height:126px!important;
  border-radius:18px!important;
  border-top-width:1px!important;
  padding:18px!important;
}
.metric-card:before{
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  border-radius:18px 18px 0 0!important;
}
.metric-card.border-blue:before{background:linear-gradient(90deg,#2f6df6 0%,#28d5e3 100%)!important;}
.metric-card.border-red:before{background:linear-gradient(90deg,#ff4f62 0%,#fb7185 100%)!important;}
.metric-card.border-purple:before{background:linear-gradient(90deg,#8b5cf6 0%,#c084fc 100%)!important;}
.metric-card.border-orange:before{background:linear-gradient(90deg,#8b5cf6 0%,#c084fc 100%)!important;}
.metric-card.border-green:before{background:linear-gradient(90deg,#10b981 0%,#22c55e 100%)!important;}
.metric-card.border-purple em{background:rgba(255,255,255,.05)!important;color:var(--ks-text)!important;border-color:var(--ks-line-2)!important;}
.quick-green,.quick-blue{
  min-height:126px!important;
  height:100%!important;
  border-radius:18px!important;
  align-self:stretch!important;
  background:linear-gradient(135deg,#047857 0%,#059669 55%,#10b981 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
@media(max-width:1500px){
  .executive-strip{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(330px,1.55fr)!important;gap:12px!important;}
}
@media(max-width:1280px){
  .executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .quick-green,.quick-blue{grid-column:1/-1!important;}
}

/* ==========================================================
   KONECTACON UI UNIFICADO V3.2
   Suporte usando o mesmo esqueleto visual do sistema:
   largura da sidebar, cores light/dark, fonte e botão de tema.
   ========================================================== */
:root{
  --primary:#23a7ee;
  --secondary:#0f172a;
  --green:#00c853;
  --orange:#f4a545;
  --text:#17212b;
  --muted:#5b6574;
  --line:rgba(15,23,42,.08);
  --shadow:0 20px 48px rgba(15,23,42,.08);
  --ks-bg:#f5f7fa;
  --ks-panel:#ffffff;
  --ks-card:#ffffff;
  --ks-topbar:rgba(255,255,255,.92);
  --ks-sidebar:linear-gradient(180deg,#0f2a5f 0%,#123c8e 42%,#1d63c6 100%);
  --ks-text:#17212b;
  --ks-muted:#5b6574;
  --ks-line:rgba(15,23,42,.08);
  --ks-line-2:rgba(15,23,42,.10);
  --ks-sidebar-width:285px;
}
html.dark-mode,
body.dark-mode{
  --ks-bg:#071426;
  --ks-panel:#08182c;
  --ks-card:#0b1d35;
  --ks-topbar:#0b1220;
  --ks-sidebar:#07101f;
  --ks-text:#f8fafc;
  --ks-muted:#94a3b8;
  --ks-line:rgba(148,163,184,.16);
  --ks-line-2:rgba(148,163,184,.22);
  --shadow:none;
}
html,body,button,input,select,textarea,a,table,th,td{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.app-body{
  margin:0!important;
  color:var(--ks-text)!important;
  background:var(--ks-bg)!important;
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  font-weight:500!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body.support-light{
  background:radial-gradient(circle at top left,rgba(35,167,238,.10),transparent 25%),radial-gradient(circle at top right,rgba(244,165,69,.10),transparent 22%),radial-gradient(circle at bottom right,rgba(0,200,83,.07),transparent 18%),#f5f7fa!important;
  color:#17212b!important;
}
html.dark-mode body.app-body,
body.app-body.dark-mode{
  background:#071426!important;
  color:#f8fafc!important;
}
.shell.admin-layout.app-shell,
.app-shell{
  display:flex!important;
  min-height:100vh!important;
  background:transparent!important;
}
.sidebar{
  width:var(--ks-sidebar-width)!important;
  min-width:var(--ks-sidebar-width)!important;
  max-width:var(--ks-sidebar-width)!important;
  position:fixed!important;
  inset:0 auto 0 0!important;
  height:100vh!important;
  overflow:auto!important;
  z-index:200!important;
  padding:24px 16px!important;
  background:var(--ks-sidebar)!important;
  color:#eaf2ff!important;
  border-right:0!important;
  box-shadow:20px 0 50px rgba(9,30,66,.18)!important;
}
html.dark-mode .sidebar,body.dark-mode .sidebar{
  background:#07101f!important;
  border-right:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
.main.app-main,.main{
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:var(--ks-sidebar-width)!important;
  width:calc(100% - var(--ks-sidebar-width))!important;
  background:transparent!important;
}
.support-brand-new{
  min-height:142px!important;
  margin:0 0 18px!important;
  padding:12px 14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-align:center!important;
}
.support-logo-mark{
  width:64px!important;
  height:64px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0f9f74,#047857)!important;
  color:#fff!important;
  font-size:31px!important;
  font-weight:900!important;
  box-shadow:0 14px 30px rgba(2,6,23,.16)!important;
}
.support-brand-new strong{
  display:block!important;
  color:#dbeafe!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin:0 0 4px!important;
}
.support-brand-new span{
  display:block!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
}
.support-menu-new{
  display:grid!important;
  gap:10px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}
.support-menu-new:before{
  content:'NAVEGAÇÃO'!important;
  display:block!important;
  margin:0 8px 8px!important;
  color:#dbeafe!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.support-menu-new a{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  color:#f8fbff!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.12!important;
  text-decoration:none!important;
}
.support-menu-new a span{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:13px!important;
}
.support-menu-new a.active,
.support-menu-new a:hover{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html.dark-mode .support-menu-new a.active,
html.dark-mode .support-menu-new a:hover,
body.dark-mode .support-menu-new a.active,
body.dark-mode .support-menu-new a:hover{
  background:#1e293b!important;
}
.support-side-ticket{display:none!important;}
.topbar.support-top-new,
.topbar{
  min-height:78px!important;
  height:auto!important;
  display:block!important;
  width:100%!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  padding:16px 24px!important;
  background:var(--ks-topbar)!important;
  border-bottom:1px solid var(--ks-line)!important;
  color:var(--ks-text)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:none!important;
}
html.dark-mode .topbar.support-top-new,
body.dark-mode .topbar.support-top-new{
  background:#0b1220!important;
  border-color:rgba(148,163,184,.16)!important;
  color:#f8fafc!important;
}
.topbar-inner{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
}
.topbar-title-wrap{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;min-width:0!important;}
.topbar-title h1,
.top.support-top-new h1{
  margin:0!important;
  color:var(--ks-text)!important;
  font-size:26px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.topbar-title p,
.top.support-top-new p{
  margin:3px 0 0!important;
  color:var(--ks-muted)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.25!important;
}
html.dark-mode .topbar-title h1,html.dark-mode .topbar-title p,
body.dark-mode .topbar-title h1,body.dark-mode .topbar-title p{color:#f8fafc!important;}
html.dark-mode .topbar-title p,body.dark-mode .topbar-title p{color:#cbd5e1!important;}
.topbar-right{flex:0 0 auto!important;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;white-space:nowrap!important;}
.topbar-right .actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
.logged-user-pill.user-chip-new{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:var(--ks-card)!important;
  border:1px solid var(--ks-line)!important;
  border-radius:999px!important;
  padding:8px 14px 8px 8px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  color:var(--ks-text)!important;
}
html.dark-mode .logged-user-pill.user-chip-new,
body.dark-mode .logged-user-pill.user-chip-new{
  background:#0b1220!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
  color:#f8fafc!important;
}
.user-avatar.user-avatar-sm{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,var(--primary),var(--green))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
}
.user-chip-new strong{display:block!important;color:var(--ks-text)!important;font-size:13px!important;font-weight:800!important;line-height:1.1!important;}
.user-chip-new small{display:block!important;color:var(--ks-muted)!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
html.dark-mode .user-chip-new strong,body.dark-mode .user-chip-new strong{color:#f8fafc!important;}
html.dark-mode .user-chip-new small,body.dark-mode .user-chip-new small{color:#cbd5e1!important;}
.theme-circle-toggle,
.moon-btn.theme-circle-toggle{
  position:relative!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border:1px solid var(--ks-line)!important;
  border-radius:14px!important;
  background:var(--ks-card)!important;
  color:var(--ks-text)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html.dark-mode .theme-circle-toggle,
body.dark-mode .theme-circle-toggle{
  background:#0b1220!important;
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.18)!important;
}
.theme-toggle-icon{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:opacity .16s ease,transform .16s ease!important;}
.theme-circle-toggle .theme-toggle-moon{opacity:1!important;transform:scale(1) rotate(0deg)!important;}
.theme-circle-toggle .theme-toggle-sun{opacity:0!important;transform:scale(.72) rotate(-25deg)!important;}
.theme-circle-toggle.is-dark .theme-toggle-moon{opacity:0!important;transform:scale(.72) rotate(25deg)!important;}
.theme-circle-toggle.is-dark .theme-toggle-sun{opacity:1!important;transform:scale(1) rotate(0deg)!important;}
.top-exit{height:38px!important;border-radius:12px!important;padding:0 14px!important;background:linear-gradient(135deg,#1351b4,#2b7fff)!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;}
.content-wrapper.support-page-new,
.page.support-page-new{
  padding:24px!important;
  background:transparent!important;
  max-width:none!important;
  width:100%!important;
  color:var(--ks-text)!important;
}
/* Cards e painéis com os mesmos tons do sistema */
.support-hero-like-council,.metric-card,.panel-box,.client-service-card,.quick-blue,.quick-green,.soft-table-wrap,.activity-item,.mini-agenda div,.next-call-card,.stat,.card,.table-wrap,.user-card,.kb,.ticket-item{
  background:var(--ks-card)!important;
  color:var(--ks-text)!important;
  border:1px solid var(--ks-line-2)!important;
  box-shadow:var(--shadow)!important;
}
html.dark-mode .support-hero-like-council,
html.dark-mode .metric-card,
html.dark-mode .panel-box,
html.dark-mode .client-service-card,
html.dark-mode .soft-table-wrap,
html.dark-mode .activity-item,
html.dark-mode .mini-agenda div,
html.dark-mode .next-call-card,
html.dark-mode .stat,
html.dark-mode .card,
html.dark-mode .table-wrap,
html.dark-mode .user-card,
html.dark-mode .kb,
html.dark-mode .ticket-item,
body.dark-mode .support-hero-like-council,
body.dark-mode .metric-card,
body.dark-mode .panel-box,
body.dark-mode .client-service-card,
body.dark-mode .soft-table-wrap,
body.dark-mode .activity-item,
body.dark-mode .mini-agenda div,
body.dark-mode .next-call-card,
body.dark-mode .stat,
body.dark-mode .card,
body.dark-mode .table-wrap,
body.dark-mode .user-card,
body.dark-mode .kb,
body.dark-mode .ticket-item{
  background:#0b1d35!important;
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:none!important;
}
.support-hero-like-council{border-radius:24px!important;}
.metric-card{border-radius:18px!important;}
.metric-card small,.situation-row small,.panel-title-row h3,.quick-green span,.quick-blue span{color:var(--ks-text)!important;}
.metric-card span,.situation-row span,.panel-title-row p,.next-call-card p,.mini-agenda small,.activity-item span,.activity-item time,.muted{color:var(--ks-muted)!important;}
/* Card rápido permanece verde, mas com cor/estrutura alinhada ao sistema */
.quick-green,.quick-blue{
  background:linear-gradient(135deg,#047857 0%,#059669 55%,#10b981 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.quick-green *, .quick-blue *{color:#fff!important;}
/* Modo claro dos formulários/tabelas igual ao sistema */
input,select,textarea,.input{background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;color:#17212b!important;border-radius:14px!important;}
html.dark-mode input,html.dark-mode select,html.dark-mode textarea,html.dark-mode .input,
body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .input{
  background:#08182c!important;border-color:rgba(148,163,184,.18)!important;color:#f8fafc!important;
}
table{background:var(--ks-card)!important;color:var(--ks-text)!important;}
th{background:rgba(148,163,184,.08)!important;color:var(--ks-muted)!important;}
td,th{border-color:var(--ks-line)!important;}
.mobile-toggle{display:none!important;}
@media(max-width:900px){
  .shell.admin-layout.app-shell,.app-shell{display:block!important;}
  .sidebar{position:fixed!important;transform:translateX(-100%);transition:.22s ease;}
  body.sidebar-open .sidebar{transform:translateX(0);}
  .main.app-main,.main{margin-left:0!important;width:100%!important;}
  .mobile-toggle{display:grid!important;}
  .topbar-inner{flex-wrap:wrap!important;align-items:flex-start!important;}
  .topbar-title-wrap{width:100%!important;flex-basis:100%!important;}
  .topbar-right{width:100%!important;justify-content:flex-start!important;margin-left:0!important;flex-wrap:wrap!important;}
  .topbar-right .actions{flex-wrap:wrap!important;justify-content:flex-start!important;}
}

/* ==========================================================
   KONECTACON UI CANONICO V3.4
   Suporte herdando exatamente estrutura visual do sistema:
   - mesma largura de sidebar (285px)
   - mesmas paletas light/dark do sistema
   - mesmo botão circular light/dark azul
   - mesma fonte Inter e escala base
   ========================================================== */
:root{
  --primary:#23a7ee;
  --green:#00c853;
  --ks-font:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ks-light-bg:#f4f7fb;
  --ks-light-card:#ffffff;
  --ks-light-card-soft:#f8fafc;
  --ks-light-text:#1f2937;
  --ks-light-muted:#64748b;
  --ks-light-line:#e5e7eb;
  --ks-dark-bg:#07111f;
  --ks-dark-bg-2:#0b1220;
  --ks-dark-sidebar:#081524;
  --ks-dark-topbar:rgba(8,17,31,.96);
  --ks-dark-card:#101a2b;
  --ks-dark-card-2:#152234;
  --ks-dark-text:#f8fafc;
  --ks-dark-muted:#cbd5e1;
  --ks-dark-line:rgba(148,163,184,.16);
  --ks-radius:24px;
}
html,body,button,input,select,textarea,a,table,th,td{
  font-family:var(--ks-font)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
body{
  margin:0!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
/* estrutura: mesma largura do CRM */
.shell,
.admin-layout,
.app-shell{
  display:grid!important;
  grid-template-columns:285px minmax(0,1fr)!important;
  min-height:100vh!important;
  width:100%!important;
}
.sidebar{
  width:285px!important;
  min-width:285px!important;
  max-width:285px!important;
  height:100vh!important;
  position:sticky!important;
  top:0!important;
  padding:24px 16px!important;
  overflow:auto!important;
  border-right:1px solid var(--ks-dark-line)!important;
  box-shadow:none!important;
}
.main,.app-main{
  min-width:0!important;
  width:100%!important;
  margin-left:0!important;
}
/* light mode igual ao sistema */
body.support-light,
html:not(.dark-mode) body.support-light{
  background:var(--ks-light-bg)!important;
  color:var(--ks-light-text)!important;
}
body.support-light .main,
body.support-light .app-main,
body.support-light .page,
body.support-light .content,
body.support-light .content-wrapper,
body.support-light .support-page-new{
  background:var(--ks-light-bg)!important;
  color:var(--ks-light-text)!important;
}
body.support-light .topbar,
body.support-light .top.support-top-new{
  background:rgba(255,255,255,.92)!important;
  color:var(--ks-light-text)!important;
  border-bottom:1px solid var(--ks-light-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}
body.support-light .topbar h1,
body.support-light .topbar p,
body.support-light .topbar strong,
body.support-light .topbar span,
body.support-light .top.support-top-new h1,
body.support-light .top.support-top-new p{
  color:var(--ks-light-text)!important;
}
body.support-light .topbar p,
body.support-light .top.support-top-new p,
body.support-light .section-head p,
body.support-light .metric-card span,
body.support-light .situation-row span,
body.support-light .text-muted,
body.support-light .muted{
  color:var(--ks-light-muted)!important;
}
body.support-light .sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:var(--ks-light-text)!important;
  border-right:1px solid var(--ks-light-line)!important;
}
body.support-light .support-brand-new strong,
body.support-light .support-brand-new span,
body.support-light .support-menu-new:before{
  color:var(--ks-light-text)!important;
}
body.support-light .support-menu-new a{
  color:#334155!important;
  background:transparent!important;
}
body.support-light .support-menu-new a span{
  background:rgba(35,167,238,.10)!important;
  color:#0b6ea9!important;
}
body.support-light .support-menu-new a.active,
body.support-light .support-menu-new a:hover{
  background:linear-gradient(135deg,rgba(35,167,238,.10),rgba(0,200,83,.10))!important;
  color:var(--ks-light-text)!important;
}
body.support-light .support-hero-like-council,
body.support-light .metric-card,
body.support-light .panel-box,
body.support-light .client-service-card,
body.support-light .soft-table-wrap,
body.support-light .activity-item,
body.support-light .mini-agenda div,
body.support-light .next-call-card,
body.support-light .stat,
body.support-light .card,
body.support-light .table-wrap,
body.support-light .user-card,
body.support-light .kb,
body.support-light .ticket-item{
  background:var(--ks-light-card)!important;
  color:var(--ks-light-text)!important;
  border:1px solid var(--ks-light-line)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}
/* dark mode igual ao sistema */
html.dark-mode,
html.dark-mode body,
body.dark-mode{
  background:#07111f!important;
  color:var(--ks-dark-text)!important;
}
html.dark-mode body,
body.dark-mode{
  background:radial-gradient(circle at 18% 0%, rgba(37,99,235,.10), transparent 26%),linear-gradient(135deg,#07111f 0%,#0b1220 46%,#07111f 100%)!important;
}
html.dark-mode .main,
html.dark-mode .app-main,
html.dark-mode .page,
html.dark-mode .content,
html.dark-mode .content-wrapper,
html.dark-mode .support-page-new,
body.dark-mode .main,
body.dark-mode .app-main,
body.dark-mode .page,
body.dark-mode .content,
body.dark-mode .content-wrapper,
body.dark-mode .support-page-new{
  background:transparent!important;
  color:var(--ks-dark-text)!important;
}
html.dark-mode .sidebar,
body.dark-mode .sidebar{
  background:linear-gradient(180deg,#06101d 0%,#081524 100%)!important;
  color:#e5e7eb!important;
  border-right:1px solid rgba(148,163,184,.12)!important;
}
html.dark-mode .topbar,
html.dark-mode .top.support-top-new,
body.dark-mode .topbar,
body.dark-mode .top.support-top-new{
  background:rgba(8,17,31,.96)!important;
  color:#f8fafc!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important;
}
html.dark-mode .topbar h1,
html.dark-mode .topbar p,
html.dark-mode .topbar strong,
html.dark-mode .topbar span,
body.dark-mode .topbar h1,
body.dark-mode .topbar p,
body.dark-mode .topbar strong,
body.dark-mode .topbar span{
  color:#f8fafc!important;
}
html.dark-mode .topbar p,
body.dark-mode .topbar p,
html.dark-mode .section-head p,
body.dark-mode .section-head p,
html.dark-mode .metric-card span,
body.dark-mode .metric-card span,
html.dark-mode .situation-row span,
body.dark-mode .situation-row span{
  color:#cbd5e1!important;
}
html.dark-mode .support-hero-like-council,
html.dark-mode .metric-card,
html.dark-mode .panel-box,
html.dark-mode .client-service-card,
html.dark-mode .soft-table-wrap,
html.dark-mode .activity-item,
html.dark-mode .mini-agenda div,
html.dark-mode .next-call-card,
html.dark-mode .stat,
html.dark-mode .card,
html.dark-mode .table-wrap,
html.dark-mode .user-card,
html.dark-mode .kb,
html.dark-mode .ticket-item,
body.dark-mode .support-hero-like-council,
body.dark-mode .metric-card,
body.dark-mode .panel-box,
body.dark-mode .client-service-card,
body.dark-mode .soft-table-wrap,
body.dark-mode .activity-item,
body.dark-mode .mini-agenda div,
body.dark-mode .next-call-card,
body.dark-mode .stat,
body.dark-mode .card,
body.dark-mode .table-wrap,
body.dark-mode .user-card,
body.dark-mode .kb,
body.dark-mode .ticket-item{
  background:linear-gradient(135deg,#1a2738 0%,#152234 60%,#101a2b 100%)!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
/* botão light/dark: mesmo componente circular azul do sistema */
button#themeToggleBtn.theme-circle-toggle,
.theme-circle-toggle,
.moon-btn.theme-circle-toggle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  border:0!important;
  border-radius:999px!important;
  background:#4f63ff!important;
  color:#ffffff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  cursor:pointer!important;
  box-shadow:0 14px 30px rgba(79,99,255,.32)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
  margin-right:10px!important;
  padding:0!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:hidden!important;
}
button#themeToggleBtn.theme-circle-toggle:hover,
.theme-circle-toggle:hover{
  transform:translateY(-1px) scale(1.02)!important;
  box-shadow:0 18px 38px rgba(79,99,255,.42)!important;
}
.theme-circle-toggle .theme-toggle-icon{
  position:absolute!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.theme-circle-toggle .theme-toggle-moon{opacity:1!important;transform:scale(1) rotate(0deg)!important;}
.theme-circle-toggle .theme-toggle-sun{opacity:0!important;transform:scale(.72) rotate(-25deg)!important;}
.theme-circle-toggle.is-dark .theme-toggle-moon{opacity:0!important;transform:scale(.72) rotate(25deg)!important;}
.theme-circle-toggle.is-dark .theme-toggle-sun{opacity:1!important;transform:scale(1) rotate(0deg)!important;}
/* header/tipografia iguais */
.topbar,.top.support-top-new{min-height:78px!important;height:auto!important;padding:16px 24px!important;}
.topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:18px!important;}
.topbar-title h1,.top.support-top-new h1{font-size:26px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0!important;}
.topbar-title p,.top.support-top-new p{font-size:14px!important;line-height:1.25!important;font-weight:500!important;margin:3px 0 0!important;}
.logged-user-pill.user-chip-new{height:auto!important;min-height:42px!important;border-radius:999px!important;padding:8px 12px!important;}
/* cards superiores: mesma linha e proporção */
.executive-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(360px,1.55fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  margin:0 0 22px!important;
}
.metric-card{min-height:126px!important;border-radius:18px!important;padding:18px!important;}
.metric-card:before{left:0!important;right:0!important;top:0!important;height:4px!important;border-radius:18px 18px 0 0!important;}
.quick-green,.quick-blue{
  min-height:126px!important;
  height:100%!important;
  border-radius:18px!important;
  align-self:stretch!important;
  background:linear-gradient(135deg,#047857 0%,#059669 55%,#10b981 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
/* mobile */
@media(max-width:1199px){
  .shell,.admin-layout,.app-shell{grid-template-columns:1fr!important;}
  .sidebar{position:fixed!important;z-index:500!important;transform:translateX(-100%)!important;transition:.25s ease!important;}
  body.sidebar-open .sidebar{transform:translateX(0)!important;}
  .executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .quick-green,.quick-blue{grid-column:1/-1!important;}
}
@media(max-width:700px){
  .executive-strip{grid-template-columns:1fr!important;}
  .topbar-inner{flex-wrap:wrap!important;align-items:flex-start!important;}
  .topbar-right{width:100%!important;justify-content:flex-start!important;}
}

/* =========================================================
   AJUSTE FINO FINAL - SUPORTE KONECTACON
   Baseado na referência visual do sistema: mesma paleta,
   sidebar colada ao conteúdo, logo KONECTACON verde e sem
   círculos decorativos no hero.
   ========================================================= */
:root{
  --konecta-sidebar-w:250px;
  --konecta-bg:#071426;
  --konecta-bg-soft:#0b1d35;
  --konecta-sidebar:#071426;
  --konecta-panel:#0b1d35;
  --konecta-panel-2:#10243d;
  --konecta-border:rgba(142,162,195,.22);
  --konecta-text:#f8fbff;
  --konecta-muted:#aab8cf;
  --konecta-green:#10b981;
  --konecta-green-2:#059669;
  --konecta-blue:#2f80ed;
  --konecta-red:#ff5570;
  --konecta-purple:#a855f7;
  --konecta-orange:#f59e0b;
}
html,body{margin:0!important;min-height:100%!important;background:var(--konecta-bg)!important;color:var(--konecta-text)!important;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;}
body.support-light,body.support-dark,html.dark-mode body{background:var(--konecta-bg)!important;color:var(--konecta-text)!important;}
.shell.admin-layout.app-shell,.shell{display:grid!important;grid-template-columns:var(--konecta-sidebar-w) minmax(0,1fr)!important;width:100%!important;min-height:100vh!important;background:var(--konecta-bg)!important;gap:0!important;overflow-x:hidden!important;}
.sidebar{position:sticky!important;top:0!important;left:0!important;width:var(--konecta-sidebar-w)!important;min-width:var(--konecta-sidebar-w)!important;max-width:var(--konecta-sidebar-w)!important;height:100vh!important;margin:0!important;padding:22px 16px!important;background:var(--konecta-sidebar)!important;border-right:1px solid var(--konecta-border)!important;box-shadow:none!important;color:#fff!important;z-index:20!important;}
.main.app-main,.main{width:100%!important;min-width:0!important;margin:0!important;margin-left:0!important;padding:0!important;background:var(--konecta-bg)!important;border-left:0!important;}
.topbar.top.support-top-new,.top.support-top-new{height:72px!important;min-height:72px!important;padding:0 24px!important;margin:0!important;background:#101827!important;border-bottom:1px solid var(--konecta-border)!important;display:flex!important;align-items:center!important;color:var(--konecta-text)!important;}
.topbar-inner{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
.topbar-title h1{font-size:22px!important;line-height:1.1!important;margin:0 0 4px!important;font-weight:900!important;letter-spacing:-.035em!important;color:var(--konecta-text)!important;}
.topbar-title p{font-size:13px!important;line-height:1.3!important;margin:0!important;color:var(--konecta-text)!important;opacity:.9!important;}
.page.support-page-new,.content-wrapper{margin:0!important;padding:24px!important;background:var(--konecta-bg)!important;min-height:calc(100vh - 72px)!important;}
.support-brand-new{display:flex!important;align-items:center!important;gap:14px!important;justify-content:flex-start!important;text-align:left!important;margin:0 0 34px!important;padding:0!important;}
.support-logo-mark{width:46px!important;height:46px!important;min-width:46px!important;border-radius:10px!important;background:linear-gradient(135deg,#0f9f6e,#16c784)!important;border:1px solid rgba(34,197,94,.45)!important;box-shadow:0 14px 28px rgba(16,185,129,.18)!important;display:grid!important;place-items:center!important;overflow:hidden!important;color:#fff!important;}
.support-logo-mark img{width:29px!important;height:29px!important;display:block!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;opacity:.96!important;}
.support-brand-new strong{font-size:12px!important;line-height:1!important;letter-spacing:.14em!important;color:#d7e2f5!important;font-weight:900!important;text-transform:uppercase!important;display:block!important;}
.support-brand-new span{display:block!important;margin-top:6px!important;font-size:22px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.04em!important;color:#fff!important;}
.support-menu-new,.menu{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;}
.support-menu-new a,.menu a{height:52px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0 14px!important;border-radius:12px!important;color:#dbe7f7!important;background:transparent!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.015em!important;}
.support-menu-new a b,.menu a b{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:15px!important;}
.support-menu-new a.active,.menu a.active{background:#1d2a3f!important;color:#fff!important;box-shadow:none!important;}
.support-menu-new a.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:4px;border-radius:0 999px 999px 0;background:var(--konecta-green)!important;}
.support-side-ticket{display:none!important;}
.user-chip-new,.logged-user-pill{height:46px!important;border-radius:999px!important;background:#101827!important;border:1px solid var(--konecta-border)!important;color:#fff!important;padding:6px 14px 6px 7px!important;box-shadow:none!important;}
.user-avatar,.user-avatar-sm{background:var(--konecta-green)!important;color:#fff!important;}
.theme-circle-toggle,.moon-btn.theme-circle-toggle,#themeToggleBtn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;border:1px solid rgba(80,149,255,.70)!important;background:#101827!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:none!important;outline:none!important;}
.theme-circle-toggle:hover{border-color:#38bdf8!important;background:#12233a!important;}
.theme-circle-toggle:before,.theme-circle-toggle:after,#themeToggleBtn:before,#themeToggleBtn:after{display:none!important;content:none!important;}
.theme-circle-toggle svg{width:21px!important;height:21px!important;stroke:#fff!important;}
.top-exit{height:44px!important;border-radius:10px!important;background:#2f80ed!important;color:#fff!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;font-size:13px!important;font-weight:800!important;}
.support-hero-like-council{min-height:134px!important;margin:0 0 20px!important;padding:26px 28px!important;border-radius:18px!important;border:1px solid var(--konecta-border)!important;background:linear-gradient(180deg,#112033 0%,#0b1d35 100%)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;overflow:hidden!important;}
.support-hero-like-council:before,.support-hero-like-council:after{display:none!important;content:none!important;}
.hero-copy span{font-size:11px!important;letter-spacing:.12em!important;color:#d7e6ff!important;font-weight:900!important;text-transform:uppercase!important;}
.hero-copy h2{font-size:24px!important;line-height:1.05!important;margin:7px 0 7px!important;color:#fff!important;font-weight:900!important;letter-spacing:-.04em!important;}
.hero-copy p{max-width:560px!important;font-size:14px!important;line-height:1.45!important;color:#fff!important;opacity:.94!important;margin:0!important;}
.hero-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;}
.btn,.hero-actions .btn{height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;padding:0 22px!important;font-size:13px!important;font-weight:850!important;letter-spacing:-.01em!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;white-space:nowrap!important;}
.btn-blue,.hero-actions .btn-blue{background:var(--konecta-green)!important;border-color:rgba(16,185,129,.55)!important;color:#fff!important;}
.btn-white,.hero-actions .btn-white{background:#18263a!important;border-color:var(--konecta-border)!important;color:#fff!important;}
.executive-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(260px,1.45fr)!important;gap:14px!important;margin:0 0 20px!important;align-items:stretch!important;}
.metric-card,.quick-green{min-height:112px!important;border-radius:14px!important;border:1px solid var(--konecta-border)!important;background:var(--konecta-panel)!important;box-shadow:none!important;padding:18px 18px!important;color:#fff!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;position:relative!important;overflow:hidden!important;}
.metric-card:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;border-radius:14px 14px 0 0!important;background:var(--konecta-blue)!important;}
.metric-card.border-red:before{background:var(--konecta-red)!important}.metric-card.border-purple:before{background:var(--konecta-purple)!important}.metric-card.border-orange:before{background:var(--konecta-orange)!important}.metric-card.border-green:before{background:var(--konecta-green)!important}
.metric-card small{font-size:11px!important;letter-spacing:.10em!important;color:#dce9ff!important;font-weight:900!important;text-transform:uppercase!important;display:block!important;}
.metric-card strong{display:block!important;font-size:31px!important;line-height:1!important;margin:13px 0 11px!important;font-weight:950!important;color:#fff!important;letter-spacing:-.03em!important;}
.metric-card span{font-size:13px!important;color:#d8e2ef!important;font-weight:500!important;}
.metric-card em,.panel-title-row>a,.situation-row em{align-self:flex-end!important;display:inline-flex!important;width:auto!important;height:32px!important;min-width:46px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:0 12px!important;background:#17263a!important;border:1px solid rgba(148,163,184,.28)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;font-style:normal!important;}
.quick-green{background:linear-gradient(135deg,#0a6b46 0%,#10b981 100%)!important;border-color:rgba(34,197,94,.35)!important;display:grid!important;grid-template-columns:1fr 1.1fr auto!important;align-items:center!important;gap:16px!important;}
.quick-green:before,.quick-green:after{display:none!important;content:none!important;}
.quick-green span{font-size:11px!important;letter-spacing:.12em!important;font-weight:900!important;color:#fff!important;text-transform:uppercase!important;}
.quick-green strong{font-size:22px!important;line-height:.96!important;font-weight:950!important;letter-spacing:-.05em!important;color:#fff!important;}
.quick-green p{font-size:13px!important;line-height:1.35!important;color:#fff!important;opacity:.98!important;margin:0!important;}
.quick-green em{height:36px!important;border:1px solid rgba(255,255,255,.50)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border-radius:999px!important;padding:0 16px!important;font-style:normal!important;font-weight:850!important;font-size:13px!important;white-space:nowrap!important;}
.panel-box,.next-call-card,.client-service-card,.mini-agenda div,.soft-table-wrap,.activity-item{background:var(--konecta-panel)!important;border:1px solid var(--konecta-border)!important;border-radius:16px!important;box-shadow:none!important;color:#fff!important;}
.support-two-cols{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)!important;gap:18px!important;margin-bottom:16px!important;}
.panel-box{padding:18px!important;}
.panel-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
.panel-title-row h3{font-size:12px!important;line-height:1.1!important;margin:0!important;color:#fff!important;font-weight:900!important;letter-spacing:.10em!important;text-transform:uppercase!important;}
.panel-title-row p{font-size:13px!important;color:#c9d7ea!important;margin:4px 0 0!important;}
.situation-row{min-height:86px!important;border-radius:13px!important;border:1px solid var(--konecta-border)!important;background:#0b1d35!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important;padding:16px 18px!important;color:#fff!important;}
.situation-row small{font-size:11px!important;letter-spacing:.10em!important;color:#fff!important;font-weight:900!important;}
.situation-row strong{font-size:28px!important;line-height:1!important;color:#fff!important;display:block!important;margin:6px 0!important;}
.situation-row span{font-size:13px!important;color:#d6e0ee!important;}
.next-call-card{padding:20px!important;min-height:140px!important;background:#0e2749!important;}
.next-call-card h2{font-size:23px!important;line-height:1.05!important;margin:8px 0!important;color:#fff!important;font-weight:900!important;}
.next-call-card p,.next-call-card small{color:#d6e2f3!important;}
.next-call-card time{background:#26384d!important;border:1px solid var(--konecta-border)!important;border-radius:14px!important;color:#fff!important;}
.mini-agenda{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:12px!important;}
.mini-agenda div{padding:14px!important;border-radius:12px!important;}
.soft-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;color:#dbe7f7!important;}
.soft-table th{background:#13253a!important;color:#cbd8e9!important;font-size:11px!important;letter-spacing:.10em!important;font-weight:900!important;text-transform:uppercase!important;}
.soft-table td{border-top:1px solid rgba(148,163,184,.16)!important;color:#dbe7f7!important;}
.activity-item{background:#10243a!important;}
body.support-light{background:#eef5fb!important;color:#0f172a!important;}
body.support-light .main,body.support-light .page.support-page-new{background:#eef5fb!important;color:#0f172a!important;}
body.support-light .topbar.top.support-top-new{background:#fff!important;color:#0f172a!important;border-bottom:1px solid #dbe5f0!important;}
body.support-light .topbar-title h1,body.support-light .topbar-title p{color:#0f172a!important;}
body.support-light .support-hero-like-council,body.support-light .metric-card,body.support-light .panel-box,body.support-light .next-call-card,body.support-light .mini-agenda div,body.support-light .soft-table-wrap,body.support-light .activity-item{background:#fff!important;color:#0f172a!important;border-color:#dbe5f0!important;}
body.support-light .support-hero-like-council h2,body.support-light .hero-copy p,body.support-light .metric-card strong,body.support-light .metric-card small,body.support-light .metric-card span,body.support-light .panel-title-row h3,body.support-light .situation-row small,body.support-light .situation-row strong,body.support-light .situation-row span{color:#0f172a!important;}
body.support-light .situation-row{background:#fff!important;border-color:#dbe5f0!important;color:#0f172a!important;}
body.support-light .theme-circle-toggle{background:#fff!important;color:#0f172a!important;border-color:#c9d7ea!important;}
body.support-light .theme-circle-toggle svg{stroke:#0f172a!important;}
@media(max-width:1200px){.executive-strip{grid-template-columns:repeat(2,1fr)!important}.quick-green{grid-column:1/-1!important}.support-two-cols{grid-template-columns:1fr!important}}
@media(max-width:820px){.shell.admin-layout.app-shell,.shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important}.topbar.top.support-top-new{height:auto!important;padding:16px!important}.page.support-page-new{padding:16px!important}.executive-strip{grid-template-columns:1fr!important}.support-hero-like-council{display:block!important}.hero-actions{justify-content:flex-start!important;margin-top:18px!important}.quick-green{grid-template-columns:1fr!important}.mini-agenda{grid-template-columns:1fr!important}}

/* =========================================================
   HOTFIX SUPORTE 2026-06-16
   1) Mantem sidebar com a cor institucional tambem no modo claro.
   2) Remove perda visual do menu lateral na pagina Conselhos.
   3) Ajusta ações Abrir/Excluir da tabela de conselhos.
   ========================================================= */
body.support-light .sidebar,
body.support-light .sidebar *,
body.support-light .support-menu-new,
body.support-light .support-brand-new{
  color:#fff!important;
}
body.support-light .sidebar{
  background:#071426!important;
  border-right:1px solid rgba(142,162,195,.22)!important;
}
body.support-light .support-menu-new a{
  color:#d5dfec!important;
  background:transparent!important;
}
body.support-light .support-menu-new a.active,
body.support-light .support-menu-new a:hover{
  background:#202c3f!important;
  color:#fff!important;
}
body.support-light .support-menu-new a span{
  background:#344155!important;
  color:#fff!important;
}
body.support-light .support-brand-new strong,
body.support-light .support-brand-new span{
  color:#fff!important;
}
.council-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  min-width:360px!important;
}
.inline-delete{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.council-actions .btn,
.inline-delete .btn{
  height:34px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:850!important;
  width:auto!important;
  min-width:auto!important;
}
.council-actions .btn:first-child{
  background:#10b981!important;
  color:#fff!important;
  border-color:#10b981!important;
}
.inline-delete .btn.danger{
  background:#fee2e2!important;
  color:#b91c1c!important;
  border:1px solid #fecaca!important;
}
body.dark-mode .inline-delete .btn.danger,
html.dark-mode .inline-delete .btn.danger{
  background:rgba(255,85,112,.15)!important;
  color:#ffb4c0!important;
  border-color:rgba(255,85,112,.35)!important;
}


/* Refatoração final: Suporte usando a mesma casca visual do CRM */
body.support-module{background:#f4f7fb;color:#1f2937}
body.support-module .sidebar{background:linear-gradient(180deg,#0f2a5f 0%,#123c8e 42%,#1d63c6 100%)!important;color:#eaf2ff;border-right:0;box-shadow:20px 0 50px rgba(9,30,66,.18)}
body.support-module .side-brand{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;color:#fff;padding:14px;margin-bottom:16px}
body.support-module .menu a{color:#f8fbff!important;border-radius:14px;font-weight:800}
body.support-module .menu a.active,body.support-module .menu a:hover{background:rgba(255,255,255,.16)!important;text-decoration:none}
body.support-module .topbar{height:76px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 8px 25px rgba(15,23,42,.04)}
body.support-module .topbar-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
body.support-module .content-wrapper{padding:28px}
body.support-module .panel-box,body.support-module .metric-card,body.support-module .next-call-card,body.support-module .activity-card,body.support-module .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
body.support-module .btn{border-radius:10px;font-weight:800}
body.support-module .theme-circle-toggle{border:1px solid var(--line,#e5e7eb);background:#fff;color:#0f172a}
html.dark-mode body.support-module,body.dark-mode.support-module{background:#07111f;color:#e5edf8}
html.dark-mode body.support-module .topbar,body.dark-mode.support-module .topbar{background:#0f1b2b!important;border-bottom-color:rgba(148,163,184,.18)!important;color:#f8fafc!important}
html.dark-mode body.support-module .panel-box,html.dark-mode body.support-module .metric-card,html.dark-mode body.support-module .next-call-card,html.dark-mode body.support-module .activity-card,html.dark-mode body.support-module .card,body.dark-mode.support-module .panel-box,body.dark-mode.support-module .metric-card,body.dark-mode.support-module .next-call-card,body.dark-mode.support-module .activity-card,body.dark-mode.support-module .card{background:#0f1b2b!important;border-color:rgba(148,163,184,.18)!important;color:#f8fafc!important}
html.dark-mode body.support-module table,body.dark-mode.support-module table{color:#f8fafc}
html.dark-mode body.support-module th,body.dark-mode.support-module th{background:#132235!important;color:#cbd5e1!important;border-bottom-color:rgba(148,163,184,.18)!important}
html.dark-mode body.support-module td,body.dark-mode.support-module td{border-bottom-color:rgba(148,163,184,.14)!important}

/* ==========================================================
   KONECTACON EASY INSTALL - CORREÇÃO FINAL DE LAYOUT LIGHT/DARK
   - Remove tela branca no dark mode
   - Mantém legibilidade dos títulos, labels e campos
   - Etapa final trabalha com MÓDULOS, não planos
   ========================================================== */
.easy-install-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.easy-head.easy-head-refined,
.easy-main-panel,
.easy-help-panel{
  background:var(--ks-panel)!important;
  border-color:var(--ks-line)!important;
  color:var(--ks-text)!important;
}
.easy-head.easy-head-refined{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;
}
.easy-head-icon,
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot .si{
  background:rgba(255,255,255,.94)!important;
  color:#0b63f6!important;
  border-color:rgba(255,255,255,.22)!important;
}
.easy-head-copy h2,
.easy-step h3,
.easy-step.active h3,
.easy-help-panel strong,
.modern-form label,
.obs-final,
.generated-grid strong,
.advanced-db summary,
.finish-box strong{
  color:var(--ks-text)!important;
}
.easy-head-copy p,
.easy-step>p,
.help-block p,
.help-tips li,
.generated-grid small,
.easy-stepper-line.easy-stepper-refined .step-dot span small{
  color:var(--ks-muted)!important;
  opacity:1!important;
}
.easy-head.easy-head-refined .tenant-preview,
.generated-grid div,
.advanced-db,
.modules-grid label,
.finish-box{
  background:rgba(255,255,255,.045)!important;
  border-color:var(--ks-line)!important;
  color:var(--ks-text)!important;
}
.modern-form .input,
.modern-form select,
.modern-form textarea,
.obs-final textarea,
.easy-main-panel input,
.easy-main-panel select,
.easy-main-panel textarea{
  background:rgba(255,255,255,.055)!important;
  border-color:var(--ks-line)!important;
  color:var(--ks-text)!important;
}
.modern-form .input::placeholder,
.modern-form textarea::placeholder,
.obs-final textarea::placeholder{
  color:var(--ks-muted)!important;
}
.wizard-actions{
  background:rgba(255,255,255,.025)!important;
  border-color:var(--ks-line)!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot{
  color:var(--ks-muted)!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot b,
.easy-stepper-line.easy-stepper-refined .step-dot span strong{
  color:var(--ks-muted)!important;
}
.easy-stepper-line.easy-stepper-refined .step-dot.active b,
.easy-stepper-line.easy-stepper-refined .step-dot.active span strong,
.easy-stepper-line.easy-stepper-refined .step-dot.active span small{
  color:#2f7cff!important;
}
.easy-stepper-line.easy-stepper-refined.easy-stepper-svg .step-dot.active .si{
  background:linear-gradient(135deg,#0b63f6,#0754d5)!important;
  color:#fff!important;
}
.easy-help-panel{min-height:100%!important;}
.modules-grid label span{color:var(--ks-text)!important;}
.modules-grid input{accent-color:#10b981;}

body.support-light .easy-head.easy-head-refined,
body.support-light .easy-main-panel,
body.support-light .easy-help-panel{
  background:#fff!important;
  border-color:#dbe7f3!important;
  color:#0f172a!important;
}
body.support-light .easy-head.easy-head-refined{
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 62%,#ffffff 100%)!important;
}
body.support-light .easy-head-copy h2,
body.support-light .easy-step h3,
body.support-light .easy-step.active h3,
body.support-light .easy-help-panel strong,
body.support-light .modern-form label,
body.support-light .obs-final,
body.support-light .generated-grid strong,
body.support-light .advanced-db summary,
body.support-light .finish-box strong,
body.support-light .modules-grid label span{
  color:#0f172a!important;
}
body.support-light .easy-head-copy p,
body.support-light .easy-step>p,
body.support-light .help-block p,
body.support-light .help-tips li,
body.support-light .generated-grid small,
body.support-light .easy-stepper-line.easy-stepper-refined .step-dot span small{
  color:#334155!important;
}
body.support-light .easy-head.easy-head-refined .tenant-preview,
body.support-light .generated-grid div,
body.support-light .advanced-db,
body.support-light .modules-grid label,
body.support-light .finish-box{
  background:#fff!important;
  border-color:#dbe7f3!important;
  color:#0f172a!important;
}
body.support-light .modern-form .input,
body.support-light .modern-form select,
body.support-light .modern-form textarea,
body.support-light .obs-final textarea,
body.support-light .easy-main-panel input,
body.support-light .easy-main-panel select,
body.support-light .easy-main-panel textarea{
  background:#fff!important;
  border-color:#d7e2ef!important;
  color:#0f172a!important;
}
body.support-light .wizard-actions{
  background:#fff!important;
  border-color:#eef3f8!important;
}
body.support-light .easy-stepper-line.easy-stepper-refined .step-dot b,
body.support-light .easy-stepper-line.easy-stepper-refined .step-dot span strong{
  color:#0f172a!important;
}
body.support-light .easy-stepper-line.easy-stepper-refined .step-dot.active b,
body.support-light .easy-stepper-line.easy-stepper-refined .step-dot.active span strong,
body.support-light .easy-stepper-line.easy-stepper-refined .step-dot.active span small{
  color:#0b63f6!important;
}

/* Easy Install: o botão final só aparece na última etapa, mesmo se algum CSS antigo tentar exibir todos os botões. */
#easyInstallForm #finishInstall[hidden],
#easyInstallForm:not(.is-final-step) #finishInstall,
#easyInstallForm:not(.is-final-step) .finish-only{
  display:none!important;
}
#easyInstallForm.is-final-step #finishInstall{
  display:inline-flex!important;
}
#easyInstallForm.is-final-step #nextStep{
  display:none!important;
}

/* Easy Install: logo do conselho no cadastro inicial */
.council-identity-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:16px;
  align-items:end;
}
.council-name-field{display:block;}
.logo-upload-card{
  min-height:76px;
  border:1px dashed var(--border, rgba(148,163,184,.35));
  border-radius:16px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  background:var(--card-soft, rgba(15,23,42,.03));
  transition:.18s ease;
}
.logo-upload-card:hover{border-color:var(--primary, #0b63f6);transform:translateY(-1px);}
.logo-upload-card input{display:none;}
.logo-upload-card strong{display:block;font-size:13px;line-height:1.2;}
.logo-upload-card small{display:block;font-size:11px;color:var(--muted, #64748b);margin-top:4px;}
.logo-upload-preview{
  width:48px;height:48px;min-width:48px;
  border-radius:14px;
  display:grid;place-items:center;
  color:var(--primary, #0b63f6);
  background:rgba(11,99,246,.10);
  overflow:hidden;
}
.logo-upload-preview img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff;}
[data-theme="dark"] .logo-upload-card,
body.dark .logo-upload-card{
  background:rgba(15,23,42,.55);
  border-color:rgba(148,163,184,.22);
}
[data-theme="dark"] .logo-upload-card small,
body.dark .logo-upload-card small{color:#9fb0c4;}
@media(max-width:900px){.council-identity-row{grid-template-columns:1fr}.logo-upload-card{max-width:100%;}}

/* === Ciclo de vida dos tenants === */
.status.implantacao{background:#dbeafe!important;color:#1d4ed8!important}
.status.configuracao{background:#fef3c7!important;color:#92400e!important}
.status.homologacao{background:#ede9fe!important;color:#6d28d9!important}
.status.ativo{background:#dcfce7!important;color:#166534!important}
.status.bloqueado{background:#ffedd5!important;color:#c2410c!important}
.status.suspenso{background:#fee2e2!important;color:#991b1b!important}
.status.inativo{background:#e5e7eb!important;color:#374151!important}
.status-filter{max-width:240px}.status-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.btn.warn{background:#ffedd5;color:#c2410c}.blocked-days{display:inline-block;margin-top:7px;font-size:11px;font-weight:900;color:#64748b}.blocked-days.warn{color:#b45309}.blocked-days.critical{color:#dc2626}
/* =========================================================
   KONECTACON CORE STATUS TOKENS
   Regra visual única para CRM, Suporte, Documentos, Assinaturas,
   Calendário e ciclo de vida dos tenants.
   ========================================================= */
:root{
  --k-status-implantacao-bg:#bfdbfe; --k-status-implantacao-fg:#0b3b8c;
  --k-status-configuracao-bg:#fde68a; --k-status-configuracao-fg:#78350f;
  --k-status-homologacao-bg:#ddd6fe; --k-status-homologacao-fg:#4c1d95;
  --k-status-ativo-bg:#bbf7d0; --k-status-ativo-fg:#065f46;
  --k-status-bloqueado-bg:#fed7aa; --k-status-bloqueado-fg:#7c2d12;
  --k-status-suspenso-bg:#fecaca; --k-status-suspenso-fg:#7f1d1d;
  --k-status-inativo-bg:#e5e7eb; --k-status-inativo-fg:#374151;
  --k-status-publicado-bg:#bfdbfe; --k-status-publicado-fg:#1e3a8a;
  --k-status-agendada-bg:#f59e0b; --k-status-agendada-fg:#111827;
  --k-status-realizada-bg:#bbf7d0; --k-status-realizada-fg:#065f46;
  --k-status-pendente-bg:#fecaca; --k-status-pendente-fg:#991b1b;
  --k-status-assinado-bg:#bbf7d0; --k-status-assinado-fg:#065f46;
  --k-status-anulado-bg:#f59e0b; --k-status-anulado-fg:#111827;
  --k-status-cancelado-bg:#fee2e2; --k-status-cancelado-fg:#991b1b;
  --k-status-rascunho-bg:#fde68a; --k-status-rascunho-fg:#78350f;
  --k-status-neutro-bg:#e5e7eb; --k-status-neutro-fg:#374151;
}
.badge-status,.status,.status-chip,.chip-status,
.badge-implantacao,.badge-configuracao,.badge-homologacao,.badge-ativo,.badge-bloqueado,.badge-suspenso,.badge-inativo,
.badge-publicado,.badge-agendada,.badge-realizada,.badge-pendente,.badge-assinado,.badge-anulado,.badge-cancelado,.badge-rascunho,.badge-neutro{
  display:inline-flex;align-items:center;justify-content:center;gap:.35rem;
  min-height:32px;padding:7px 16px;border-radius:999px;border:1px solid transparent;
  font-weight:900;line-height:1;text-decoration:none;white-space:nowrap;
}
.badge-implantacao,.status-implantacao,.status.implantacao{background:var(--k-status-implantacao-bg)!important;color:var(--k-status-implantacao-fg)!important;border-color:rgba(37,99,235,.25)!important}
.badge-configuracao,.status-configuracao,.status.configuracao{background:var(--k-status-configuracao-bg)!important;color:var(--k-status-configuracao-fg)!important;border-color:rgba(245,158,11,.35)!important}
.badge-homologacao,.status-homologacao,.status.homologacao{background:var(--k-status-homologacao-bg)!important;color:var(--k-status-homologacao-fg)!important;border-color:rgba(124,58,237,.25)!important}
.badge-ativo,.status-ativo,.status.ativo{background:var(--k-status-ativo-bg)!important;color:var(--k-status-ativo-fg)!important;border-color:rgba(16,185,129,.25)!important}
.badge-bloqueado,.status-bloqueado,.status.bloqueado{background:var(--k-status-bloqueado-bg)!important;color:var(--k-status-bloqueado-fg)!important;border-color:rgba(249,115,22,.35)!important}
.badge-suspenso,.status-suspenso,.status.suspenso{background:var(--k-status-suspenso-bg)!important;color:var(--k-status-suspenso-fg)!important;border-color:rgba(220,38,38,.30)!important}
.badge-inativo,.status-inativo,.status.inativo{background:var(--k-status-inativo-bg)!important;color:var(--k-status-inativo-fg)!important;border-color:rgba(107,114,128,.25)!important}
.badge-publicado,.status-publicado,.status.publicado{background:var(--k-status-publicado-bg)!important;color:var(--k-status-publicado-fg)!important;border-color:rgba(59,130,246,.25)!important}
.badge-agendada,.status-agendada,.status.agendada{background:var(--k-status-agendada-bg)!important;color:var(--k-status-agendada-fg)!important;border-color:#fbbf24!important}
.badge-realizada,.status-realizada,.status.realizada{background:var(--k-status-realizada-bg)!important;color:var(--k-status-realizada-fg)!important;border-color:#86efac!important}
.badge-pendente,.status-pendente,.status.pendente{background:var(--k-status-pendente-bg)!important;color:var(--k-status-pendente-fg)!important;border-color:#fca5a5!important}
.badge-assinado,.status-assinado,.status.assinado{background:var(--k-status-assinado-bg)!important;color:var(--k-status-assinado-fg)!important;border-color:#86efac!important}
.badge-anulado,.status-anulado,.status.anulado{background:var(--k-status-anulado-bg)!important;color:var(--k-status-anulado-fg)!important;border-color:#fbbf24!important}
.badge-cancelado,.status-cancelado,.status.cancelado{background:var(--k-status-cancelado-bg)!important;color:var(--k-status-cancelado-fg)!important;border-color:#fca5a5!important}
.badge-rascunho,.status-rascunho,.status.rascunho{background:var(--k-status-rascunho-bg)!important;color:var(--k-status-rascunho-fg)!important;border-color:#fbbf24!important}
.badge-neutro,.status-neutro,.status.neutro{background:var(--k-status-neutro-bg)!important;color:var(--k-status-neutro-fg)!important;border-color:#cbd5e1!important}
/* Compatibilidade: classes antigas seguem a paleta Konectacon. */
.badge-info{background:var(--k-status-publicado-bg)!important;color:var(--k-status-publicado-fg)!important;border-color:rgba(59,130,246,.25)!important}
.badge-success{background:var(--k-status-realizada-bg)!important;color:var(--k-status-realizada-fg)!important;border-color:#86efac!important}
.badge-warning{background:var(--k-status-agendada-bg)!important;color:var(--k-status-agendada-fg)!important;border-color:#fbbf24!important}
.badge-danger{background:var(--k-status-cancelado-bg)!important;color:var(--k-status-cancelado-fg)!important;border-color:#fca5a5!important}
.badge-secondary{background:var(--k-status-neutro-bg)!important;color:var(--k-status-neutro-fg)!important;border-color:#cbd5e1!important}



/* =========================================================
   KONECTACON CORE STATUS COLORS - FINAL FORÇADO
   Aplica também no módulo Suporte, mesmo com cache/classes antigas.
   ========================================================= */
:root{
  --k-status-implantacao-bg:#2563eb; --k-status-implantacao-fg:#ffffff;
  --k-status-configuracao-bg:#f59e0b; --k-status-configuracao-fg:#111827;
  --k-status-homologacao-bg:#7c3aed; --k-status-homologacao-fg:#ffffff;
  --k-status-ativo-bg:#bbf7d0; --k-status-ativo-fg:#065f46;
  --k-status-bloqueado-bg:#fb923c; --k-status-bloqueado-fg:#111827;
  --k-status-suspenso-bg:#dc2626; --k-status-suspenso-fg:#ffffff;
  --k-status-inativo-bg:#6b7280; --k-status-inativo-fg:#ffffff;
  --k-status-publicado-bg:#bfdbfe; --k-status-publicado-fg:#1e3a8a;
  --k-status-agendada-bg:#f59e0b; --k-status-agendada-fg:#111827;
  --k-status-realizada-bg:#bbf7d0; --k-status-realizada-fg:#065f46;
  --k-status-pendente-bg:#fecaca; --k-status-pendente-fg:#991b1b;
  --k-status-assinado-bg:#bbf7d0; --k-status-assinado-fg:#065f46;
  --k-status-anulado-bg:#f59e0b; --k-status-anulado-fg:#111827;
  --k-status-cancelado-bg:#fee2e2; --k-status-cancelado-fg:#991b1b;
  --k-status-rascunho-bg:#fde68a; --k-status-rascunho-fg:#78350f;
  --k-status-neutro-bg:#e5e7eb; --k-status-neutro-fg:#374151;
}
body .badge-status,body .status,body .status-chip,body .chip-status,
body .badge-implantacao,body .badge-configuracao,body .badge-homologacao,body .badge-ativo,body .badge-bloqueado,body .badge-suspenso,body .badge-inativo,
body .badge-publicado,body .badge-agendada,body .badge-realizada,body .badge-pendente,body .badge-assinado,body .badge-anulado,body .badge-cancelado,body .badge-rascunho,body .badge-neutro{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;
  min-height:34px!important;padding:8px 17px!important;border-radius:999px!important;border:1px solid transparent!important;
  font-weight:900!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;
  box-shadow:none!important;
}
body .badge-implantacao,body .status-implantacao,body .status.implantacao{background:var(--k-status-implantacao-bg)!important;color:var(--k-status-implantacao-fg)!important;border-color:#60a5fa!important}
body .badge-configuracao,body .status-configuracao,body .status.configuracao{background:var(--k-status-configuracao-bg)!important;color:var(--k-status-configuracao-fg)!important;border-color:#fbbf24!important}
body .badge-homologacao,body .status-homologacao,body .status.homologacao{background:var(--k-status-homologacao-bg)!important;color:var(--k-status-homologacao-fg)!important;border-color:#a78bfa!important}
body .badge-ativo,body .status-ativo,body .status.ativo{background:var(--k-status-ativo-bg)!important;color:var(--k-status-ativo-fg)!important;border-color:#86efac!important}
body .badge-bloqueado,body .status-bloqueado,body .status.bloqueado{background:var(--k-status-bloqueado-bg)!important;color:var(--k-status-bloqueado-fg)!important;border-color:#fdba74!important}
body .badge-suspenso,body .status-suspenso,body .status.suspenso{background:var(--k-status-suspenso-bg)!important;color:var(--k-status-suspenso-fg)!important;border-color:#f87171!important}
body .badge-inativo,body .status-inativo,body .status.inativo{background:var(--k-status-inativo-bg)!important;color:var(--k-status-inativo-fg)!important;border-color:#9ca3af!important}
body .badge-publicado,body .status-publicado,body .status.publicado{background:var(--k-status-publicado-bg)!important;color:var(--k-status-publicado-fg)!important;border-color:#93c5fd!important}
body .badge-agendada,body .status-agendada,body .status.agendada{background:var(--k-status-agendada-bg)!important;color:var(--k-status-agendada-fg)!important;border-color:#fbbf24!important}
body .badge-realizada,body .status-realizada,body .status.realizada{background:var(--k-status-realizada-bg)!important;color:var(--k-status-realizada-fg)!important;border-color:#86efac!important}
body .badge-pendente,body .status-pendente,body .status.pendente{background:var(--k-status-pendente-bg)!important;color:var(--k-status-pendente-fg)!important;border-color:#fca5a5!important}
body .badge-assinado,body .status-assinado,body .status.assinado{background:var(--k-status-assinado-bg)!important;color:var(--k-status-assinado-fg)!important;border-color:#86efac!important}
body .badge-anulado,body .status-anulado,body .status.anulado{background:var(--k-status-anulado-bg)!important;color:var(--k-status-anulado-fg)!important;border-color:#fbbf24!important}
body .badge-cancelado,body .status-cancelado,body .status.cancelado{background:var(--k-status-cancelado-bg)!important;color:var(--k-status-cancelado-fg)!important;border-color:#fca5a5!important}
body .badge-rascunho,body .status-rascunho,body .status.rascunho{background:var(--k-status-rascunho-bg)!important;color:var(--k-status-rascunho-fg)!important;border-color:#fbbf24!important}
body .badge-neutro,body .status-neutro,body .status.neutro{background:var(--k-status-neutro-bg)!important;color:var(--k-status-neutro-fg)!important;border-color:#cbd5e1!important}

/* =========================================================
   HOTFIX FINAL - SUPORTE DARK MODE ADAPTADO AO DESIGN SYSTEM
   Corrige tabela Conselhos, filtros, badges e botões no modo escuro.
   Mantém as cores oficiais dos status em light e dark.
   ========================================================= */
html[data-theme="dark"] body.support-module,
html.dark-mode body.support-module,
body.support-module.dark-mode,
body.support-module[data-theme="dark"]{
  --bg:#07111f;
  --panel:#0b1d35;
  --ink:#f8fafc;
  --muted:#aab8cf;
  --line:rgba(148,163,184,.20);
  background:#07111f!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] body.support-module .main,
html[data-theme="dark"] body.support-module .page,
html[data-theme="dark"] body.support-module .content-wrapper,
html.dark-mode body.support-module .main,
html.dark-mode body.support-module .page,
html.dark-mode body.support-module .content-wrapper,
body.support-module.dark-mode .main,
body.support-module.dark-mode .page,
body.support-module.dark-mode .content-wrapper{
  background:#07111f!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] body.support-module .card,
html[data-theme="dark"] body.support-module .table-wrap,
html[data-theme="dark"] body.support-module .toolbar,
html.dark-mode body.support-module .card,
html.dark-mode body.support-module .table-wrap,
html.dark-mode body.support-module .toolbar,
body.support-module.dark-mode .card,
body.support-module.dark-mode .table-wrap,
body.support-module.dark-mode .toolbar{
  background:#0b1d35!important;
  border-color:rgba(148,163,184,.20)!important;
  color:#f8fafc!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.support-module .section-head h2,
html[data-theme="dark"] body.support-module .section-head strong,
html[data-theme="dark"] body.support-module td strong,
html[data-theme="dark"] body.support-module td,
html.dark-mode body.support-module .section-head h2,
html.dark-mode body.support-module .section-head strong,
html.dark-mode body.support-module td strong,
html.dark-mode body.support-module td,
body.support-module.dark-mode .section-head h2,
body.support-module.dark-mode .section-head strong,
body.support-module.dark-mode td strong,
body.support-module.dark-mode td{
  color:#f8fafc!important;
}
html[data-theme="dark"] body.support-module .section-head p,
html[data-theme="dark"] body.support-module small,
html.dark-mode body.support-module .section-head p,
html.dark-mode body.support-module small,
body.support-module.dark-mode .section-head p,
body.support-module.dark-mode small{
  color:#c7d2e5!important;
}
html[data-theme="dark"] body.support-module table,
html.dark-mode body.support-module table,
body.support-module.dark-mode table{
  background:#0b1d35!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] body.support-module thead th,
html.dark-mode body.support-module thead th,
body.support-module.dark-mode thead th{
  background:#132235!important;
  color:#dbeafe!important;
  border-bottom:1px solid rgba(148,163,184,.20)!important;
}
html[data-theme="dark"] body.support-module tbody tr,
html.dark-mode body.support-module tbody tr,
body.support-module.dark-mode tbody tr{
  background:#0b1d35!important;
}
html[data-theme="dark"] body.support-module tbody tr:hover,
html.dark-mode body.support-module tbody tr:hover,
body.support-module.dark-mode tbody tr:hover{
  background:#10243d!important;
}
html[data-theme="dark"] body.support-module th,
html[data-theme="dark"] body.support-module td,
html.dark-mode body.support-module th,
html.dark-mode body.support-module td,
body.support-module.dark-mode th,
body.support-module.dark-mode td{
  border-bottom-color:rgba(148,163,184,.16)!important;
}
html[data-theme="dark"] body.support-module .input,
html[data-theme="dark"] body.support-module select,
html[data-theme="dark"] body.support-module textarea,
html.dark-mode body.support-module .input,
html.dark-mode body.support-module select,
html.dark-mode body.support-module textarea,
body.support-module.dark-mode .input,
body.support-module.dark-mode select,
body.support-module.dark-mode textarea{
  background:#0a1729!important;
  border-color:rgba(148,163,184,.24)!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] body.support-module .input::placeholder,
html.dark-mode body.support-module .input::placeholder,
body.support-module.dark-mode .input::placeholder{
  color:#8ea3bd!important;
}
html[data-theme="dark"] body.support-module .sigla,
html.dark-mode body.support-module .sigla,
body.support-module.dark-mode .sigla{
  background:#dff7ec!important;
  color:#047857!important;
  border:1px solid #a7f3d0!important;
}
/* Status oficiais: precisam aparecer coloridos também no dark mode. */
html[data-theme="dark"] body.support-module .status.implantacao,
html.dark-mode body.support-module .status.implantacao,
body.support-module.dark-mode .status.implantacao,
.status.implantacao{background:#2563eb!important;color:#ffffff!important;border-color:#3b82f6!important;}
html[data-theme="dark"] body.support-module .status.configuracao,
html.dark-mode body.support-module .status.configuracao,
body.support-module.dark-mode .status.configuracao,
.status.configuracao{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
html[data-theme="dark"] body.support-module .status.homologacao,
html.dark-mode body.support-module .status.homologacao,
body.support-module.dark-mode .status.homologacao,
.status.homologacao{background:#7c3aed!important;color:#ffffff!important;border-color:#8b5cf6!important;}
html[data-theme="dark"] body.support-module .status.ativo,
html.dark-mode body.support-module .status.ativo,
body.support-module.dark-mode .status.ativo,
.status.ativo{background:#bbf7d0!important;color:#065f46!important;border-color:#86efac!important;}
html[data-theme="dark"] body.support-module .status.bloqueado,
html.dark-mode body.support-module .status.bloqueado,
body.support-module.dark-mode .status.bloqueado,
.status.bloqueado{background:#fb923c!important;color:#111827!important;border-color:#fdba74!important;}
html[data-theme="dark"] body.support-module .status.suspenso,
html.dark-mode body.support-module .status.suspenso,
body.support-module.dark-mode .status.suspenso,
.status.suspenso{background:#dc2626!important;color:#ffffff!important;border-color:#ef4444!important;}
html[data-theme="dark"] body.support-module .status.inativo,
html.dark-mode body.support-module .status.inativo,
body.support-module.dark-mode .status.inativo,
.status.inativo{background:#6b7280!important;color:#ffffff!important;border-color:#9ca3af!important;}
html[data-theme="dark"] body.support-module .status-legend .status,
html.dark-mode body.support-module .status-legend .status,
body.support-module.dark-mode .status-legend .status{
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
/* Botões da tabela no dark mode */
html[data-theme="dark"] body.support-module .council-actions .btn,
html.dark-mode body.support-module .council-actions .btn,
body.support-module.dark-mode .council-actions .btn,
html[data-theme="dark"] body.support-module .inline-delete .btn,
html.dark-mode body.support-module .inline-delete .btn,
body.support-module.dark-mode .inline-delete .btn{
  border:1px solid rgba(148,163,184,.28)!important;
  color:#f8fafc!important;
  background:#111827!important;
}
html[data-theme="dark"] body.support-module .council-actions > a.btn.primary:first-child,
html.dark-mode body.support-module .council-actions > a.btn.primary:first-child,
body.support-module.dark-mode .council-actions > a.btn.primary:first-child{
  background:#10b981!important;
  border-color:#10b981!important;
  color:#ffffff!important;
}
html[data-theme="dark"] body.support-module .inline-delete .btn.warn,
html.dark-mode body.support-module .inline-delete .btn.warn,
body.support-module.dark-mode .inline-delete .btn.warn{
  background:#f59e0b!important;
  color:#111827!important;
  border-color:#fbbf24!important;
}
html[data-theme="dark"] body.support-module .inline-delete .btn.danger,
html.dark-mode body.support-module .inline-delete .btn.danger,
body.support-module.dark-mode .inline-delete .btn.danger{
  background:#dc2626!important;
  color:#ffffff!important;
  border-color:#ef4444!important;
}
html[data-theme="dark"] body.support-module .btn.soft,
html.dark-mode body.support-module .btn.soft,
body.support-module.dark-mode .btn.soft{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.28)!important;
}
html[data-theme="dark"] body.support-module .btn.primary,
html.dark-mode body.support-module .btn.primary,
body.support-module.dark-mode .btn.primary{
  color:#ffffff!important;
}

/* === FIX FINAL 2026-06-17: Conselhos no Suporte usando Design System do Core === */
body.support-module .status,
body.support-module .badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
body.support-module .status.implantacao{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
body.support-module .status.configuracao{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
body.support-module .status.homologacao{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
body.support-module .status.ativo{background:#bbf7d0!important;color:#047857!important;border-color:#86efac!important;}
body.support-module .status.bloqueado{background:#fb923c!important;color:#111827!important;border-color:#fdba74!important;}
body.support-module .status.suspenso{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
body.support-module .status.inativo{background:#6b7280!important;color:#fff!important;border-color:#9ca3af!important;}

body.support-module .status-legend{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:12px 0 18px!important;}

body.support-module .council-actions,
body.support-module td.actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  min-width:max-content!important;
}
body.support-module .council-actions form,
body.support-module td.actions form{display:inline-flex!important;margin:0!important;}
body.support-module .council-actions .btn,
body.support-module td.actions .btn{
  height:42px!important;
  min-width:72px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:950!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:none!important;
  line-height:1!important;
}
body.support-module .council-actions a.btn.primary,
body.support-module td.actions a.btn.primary{background:#10b981!important;color:#fff!important;border-color:#10b981!important;}
body.support-module .council-actions a.btn.soft:nth-of-type(1),
body.support-module td.actions a.btn.soft:nth-of-type(1){background:#0891b2!important;color:#fff!important;border-color:#06b6d4!important;}
body.support-module .council-actions a.btn.soft:nth-of-type(2),
body.support-module td.actions a.btn.soft:nth-of-type(2){background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
body.support-module .council-actions a.btn.soft:nth-of-type(3),
body.support-module td.actions a.btn.soft:nth-of-type(3){background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
body.support-module .council-actions a.btn.soft:nth-of-type(4),
body.support-module td.actions a.btn.soft:nth-of-type(4){background:#38bdf8!important;color:#082f49!important;border-color:#7dd3fc!important;}
body.support-module .council-actions .btn.warn,
body.support-module td.actions .btn.warn{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
body.support-module .council-actions .btn.danger,
body.support-module td.actions .btn.danger{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
body.support-module .council-actions .btn:hover,
body.support-module td.actions .btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}

body.support-module .table-wrap{background:#0b1d35!important;border-color:rgba(148,163,184,.18)!important;}
body.support-module table{background:#0b1d35!important;color:#f8fafc!important;}
body.support-module thead th{background:#132235!important;color:#dbeafe!important;border-bottom-color:rgba(148,163,184,.18)!important;}
body.support-module tbody tr{background:#0b1d35!important;}
body.support-module tbody tr:nth-child(even){background:#0d2038!important;}
body.support-module th,
body.support-module td{border-bottom-color:rgba(148,163,184,.16)!important;color:#f8fafc!important;}
body.support-module td small{color:#c7d2e5!important;}


/* === FIX REAL FINAL: tema claro/escuro separado, sem inverter a tabela === */
body.support-module .status,
body.support-module .badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
body.support-module .status.implantacao{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
body.support-module .status.configuracao{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
body.support-module .status.homologacao{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
body.support-module .status.ativo{background:#bbf7d0!important;color:#047857!important;border-color:#86efac!important;}
body.support-module .status.bloqueado{background:#fb923c!important;color:#111827!important;border-color:#fdba74!important;}
body.support-module .status.suspenso{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
body.support-module .status.inativo{background:#6b7280!important;color:#fff!important;border-color:#9ca3af!important;}

body.support-module .council-actions,
body.support-module td.actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  min-width:max-content!important;
}
body.support-module .council-actions form,
body.support-module td.actions form{display:inline-flex!important;margin:0!important;}
body.support-module .council-actions .btn,
body.support-module td.actions .btn{
  height:42px!important;
  min-width:72px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:950!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.support-module .btn-open{background:#10b981!important;color:#fff!important;border-color:#10b981!important;}
body.support-module .btn-portal{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
body.support-module .btn-edit{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
body.support-module .btn-users{background:#38bdf8!important;color:#082f49!important;border-color:#7dd3fc!important;}
body.support-module .btn-tickets{background:#172033!important;color:#dbeafe!important;border-color:#334155!important;}
body.support-module .btn-block{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
body.support-module .btn-delete{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
body.support-module .council-actions .btn:hover,
body.support-module td.actions .btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}

/* Tema claro: cards e corpo claros, somente cabeçalho da tabela mantém identidade escura. */
html:not(.dark-mode) body.support-module,
html[data-theme="light"] body.support-module,
body.support-module.support-light{
  background:#eef5fb!important;
  color:#0f172a!important;
}
html:not(.dark-mode) body.support-module .main,
html:not(.dark-mode) body.support-module .page,
html[data-theme="light"] body.support-module .main,
html[data-theme="light"] body.support-module .page,
body.support-module.support-light .main,
body.support-module.support-light .page{
  background:#eef5fb!important;
  color:#0f172a!important;
}
html:not(.dark-mode) body.support-module .card,
html:not(.dark-mode) body.support-module .table-wrap,
html[data-theme="light"] body.support-module .card,
html[data-theme="light"] body.support-module .table-wrap,
body.support-module.support-light .card,
body.support-module.support-light .table-wrap{
  background:#ffffff!important;
  border-color:#dbe5f0!important;
  color:#0f172a!important;
}
html:not(.dark-mode) body.support-module table,
html[data-theme="light"] body.support-module table,
body.support-module.support-light table{background:#ffffff!important;color:#0f172a!important;}
html:not(.dark-mode) body.support-module thead th,
html[data-theme="light"] body.support-module thead th,
body.support-module.support-light thead th{background:#132235!important;color:#dbeafe!important;border-bottom-color:#1f3148!important;}
html:not(.dark-mode) body.support-module tbody tr,
html:not(.dark-mode) body.support-module tbody tr:nth-child(even),
html[data-theme="light"] body.support-module tbody tr,
html[data-theme="light"] body.support-module tbody tr:nth-child(even),
body.support-module.support-light tbody tr,
body.support-module.support-light tbody tr:nth-child(even){background:#ffffff!important;}
html:not(.dark-mode) body.support-module tbody tr:hover,
html[data-theme="light"] body.support-module tbody tr:hover,
body.support-module.support-light tbody tr:hover{background:#f8fbff!important;}
html:not(.dark-mode) body.support-module th,
html:not(.dark-mode) body.support-module td,
html[data-theme="light"] body.support-module th,
html[data-theme="light"] body.support-module td,
body.support-module.support-light th,
body.support-module.support-light td{border-bottom-color:#e5edf6!important;color:#0f172a!important;}
html:not(.dark-mode) body.support-module td strong,
html[data-theme="light"] body.support-module td strong,
body.support-module.support-light td strong{color:#0f172a!important;}
html:not(.dark-mode) body.support-module td small,
html[data-theme="light"] body.support-module td small,
body.support-module.support-light td small{color:#334155!important;}
html:not(.dark-mode) body.support-module .input,
html:not(.dark-mode) body.support-module select,
html[data-theme="light"] body.support-module .input,
html[data-theme="light"] body.support-module select,
body.support-module.support-light .input,
body.support-module.support-light select{background:#fff!important;color:#0f172a!important;border-color:#dbe5f0!important;}
html:not(.dark-mode) body.support-module .btn-tickets,
html[data-theme="light"] body.support-module .btn-tickets,
body.support-module.support-light .btn-tickets{background:#eef2f7!important;color:#0f172a!important;border-color:#dbe5f0!important;}

/* Tema escuro: tabela, filtros e botões adaptados ao dark sem perder cores dos badges. */
html.dark-mode body.support-module,
html[data-theme="dark"] body.support-module,
body.support-module.dark-mode{
  background:#07111f!important;
  color:#f8fafc!important;
}
html.dark-mode body.support-module .main,
html.dark-mode body.support-module .page,
html[data-theme="dark"] body.support-module .main,
html[data-theme="dark"] body.support-module .page,
body.support-module.dark-mode .main,
body.support-module.dark-mode .page{background:#07111f!important;color:#f8fafc!important;}
html.dark-mode body.support-module .card,
html.dark-mode body.support-module .table-wrap,
html[data-theme="dark"] body.support-module .card,
html[data-theme="dark"] body.support-module .table-wrap,
body.support-module.dark-mode .card,
body.support-module.dark-mode .table-wrap{background:#0b1d35!important;border-color:rgba(148,163,184,.18)!important;color:#f8fafc!important;}
html.dark-mode body.support-module table,
html[data-theme="dark"] body.support-module table,
body.support-module.dark-mode table{background:#0b1d35!important;color:#f8fafc!important;}
html.dark-mode body.support-module thead th,
html[data-theme="dark"] body.support-module thead th,
body.support-module.dark-mode thead th{background:#132235!important;color:#dbeafe!important;border-bottom-color:rgba(148,163,184,.18)!important;}
html.dark-mode body.support-module tbody tr,
html[data-theme="dark"] body.support-module tbody tr,
body.support-module.dark-mode tbody tr{background:#0b1d35!important;}
html.dark-mode body.support-module tbody tr:nth-child(even),
html[data-theme="dark"] body.support-module tbody tr:nth-child(even),
body.support-module.dark-mode tbody tr:nth-child(even){background:#0d2038!important;}
html.dark-mode body.support-module th,
html.dark-mode body.support-module td,
html[data-theme="dark"] body.support-module th,
html[data-theme="dark"] body.support-module td,
body.support-module.dark-mode th,
body.support-module.dark-mode td{border-bottom-color:rgba(148,163,184,.16)!important;color:#f8fafc!important;}
html.dark-mode body.support-module td small,
html[data-theme="dark"] body.support-module td small,
body.support-module.dark-mode td small{color:#c7d2e5!important;}
html.dark-mode body.support-module .input,
html.dark-mode body.support-module select,
html[data-theme="dark"] body.support-module .input,
html[data-theme="dark"] body.support-module select,
body.support-module.dark-mode .input,
body.support-module.dark-mode select{background:#0a1729!important;color:#f8fafc!important;border-color:rgba(148,163,184,.24)!important;}
html.dark-mode body.support-module .btn-tickets,
html[data-theme="dark"] body.support-module .btn-tickets,
body.support-module.dark-mode .btn-tickets{background:#172033!important;color:#dbeafe!important;border-color:#334155!important;}

/* HARD OVERRIDE KONECTACON SUPORTE: carregado por último para respeitar light/dark e cores do Core */
body.support-module .status-legend .status,
body.support-module td .status,
body.support-module .badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
  padding:8px 14px!important;font-size:12px!important;font-weight:950!important;line-height:1!important;
  border:1px solid transparent!important;white-space:nowrap!important;box-shadow:none!important;
}
body.support-module .status.implantacao{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
body.support-module .status.configuracao{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
body.support-module .status.homologacao{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
body.support-module .status.ativo{background:#bbf7d0!important;color:#047857!important;border-color:#86efac!important;}
body.support-module .status.bloqueado{background:#fb923c!important;color:#111827!important;border-color:#fdba74!important;}
body.support-module .status.suspenso{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
body.support-module .status.inativo{background:#6b7280!important;color:#fff!important;border-color:#9ca3af!important;}
body.support-module .sigla{background:#dff7ec!important;color:#047857!important;border:1px solid #bbf7d0!important;}
body.support-module .council-actions,body.support-module td.actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;min-width:max-content!important;}
body.support-module .council-actions form,body.support-module td.actions form{display:inline-flex!important;margin:0!important;}
body.support-module .council-actions .btn,body.support-module td.actions .btn{
  height:42px!important;min-width:72px!important;padding:0 16px!important;border-radius:12px!important;font-size:13px!important;
  font-weight:950!important;border:1px solid transparent!important;box-shadow:none!important;line-height:1!important;white-space:nowrap!important;
}
body.support-module .btn-open{background:#10b981!important;color:#fff!important;border-color:#10b981!important;}
body.support-module .btn-portal{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
body.support-module .btn-edit{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
body.support-module .btn-users{background:#38bdf8!important;color:#082f49!important;border-color:#7dd3fc!important;}
body.support-module .btn-tickets{background:#172033!important;color:#dbeafe!important;border-color:#334155!important;}
body.support-module .btn-block{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
body.support-module .btn-delete{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
body.support-module .council-actions .btn:hover,body.support-module td.actions .btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}
html[data-theme="light"] body.support-module,html:not([data-theme="dark"]) body.support-module:not(.dark-mode){background:#eef5fb!important;color:#0f172a!important;}
html[data-theme="light"] body.support-module .card,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) .card{background:#fff!important;color:#0f172a!important;border-color:#dbe5f0!important;}
html[data-theme="light"] body.support-module .table-wrap,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) .table-wrap{background:#fff!important;border-color:#dbe5f0!important;}
html[data-theme="light"] body.support-module table,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) table{background:#fff!important;color:#0f172a!important;}
html[data-theme="light"] body.support-module thead th,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) thead th{background:#f8fafc!important;color:#334155!important;border-bottom-color:#e5edf6!important;}
html[data-theme="light"] body.support-module tbody tr,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) tbody tr{background:#fff!important;}
html[data-theme="light"] body.support-module tbody tr:nth-child(even),html:not([data-theme="dark"]) body.support-module:not(.dark-mode) tbody tr:nth-child(even){background:#f8fbff!important;}
html[data-theme="light"] body.support-module th,html[data-theme="light"] body.support-module td,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) th,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) td{color:#0f172a!important;border-bottom-color:#e5edf6!important;}
html[data-theme="light"] body.support-module td small,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) td small{color:#334155!important;}
html[data-theme="light"] body.support-module .input,html[data-theme="light"] body.support-module select,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) .input,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) select{background:#fff!important;color:#0f172a!important;border-color:#dbe5f0!important;}
html[data-theme="light"] body.support-module .btn-tickets,html:not([data-theme="dark"]) body.support-module:not(.dark-mode) .btn-tickets{background:#eef2f7!important;color:#0f172a!important;border-color:#dbe5f0!important;}
html[data-theme="dark"] body.support-module,html.dark-mode body.support-module,body.support-module.dark-mode{background:#07111f!important;color:#f8fafc!important;}
html[data-theme="dark"] body.support-module .card,html.dark-mode body.support-module .card,body.support-module.dark-mode .card{background:#0b1d35!important;border-color:rgba(148,163,184,.18)!important;color:#f8fafc!important;}
html[data-theme="dark"] body.support-module .table-wrap,html.dark-mode body.support-module .table-wrap,body.support-module.dark-mode .table-wrap{background:#0b1d35!important;border-color:rgba(148,163,184,.18)!important;}
html[data-theme="dark"] body.support-module table,html.dark-mode body.support-module table,body.support-module.dark-mode table{background:#0b1d35!important;color:#f8fafc!important;}
html[data-theme="dark"] body.support-module thead th,html.dark-mode body.support-module thead th,body.support-module.dark-mode thead th{background:#132235!important;color:#dbeafe!important;border-bottom-color:rgba(148,163,184,.18)!important;}
html[data-theme="dark"] body.support-module tbody tr,html.dark-mode body.support-module tbody tr,body.support-module.dark-mode tbody tr{background:#0b1d35!important;}
html[data-theme="dark"] body.support-module tbody tr:nth-child(even),html.dark-mode body.support-module tbody tr:nth-child(even),body.support-module.dark-mode tbody tr:nth-child(even){background:#0d2038!important;}
html[data-theme="dark"] body.support-module th,html[data-theme="dark"] body.support-module td,html.dark-mode body.support-module th,html.dark-mode body.support-module td,body.support-module.dark-mode th,body.support-module.dark-mode td{color:#f8fafc!important;border-bottom-color:rgba(148,163,184,.16)!important;}
html[data-theme="dark"] body.support-module td small,html.dark-mode body.support-module td small,body.support-module.dark-mode td small{color:#c7d2e5!important;}
html[data-theme="dark"] body.support-module .input,html[data-theme="dark"] body.support-module select,html.dark-mode body.support-module .input,html.dark-mode body.support-module select,body.support-module.dark-mode .input,body.support-module.dark-mode select{background:#0a1729!important;color:#f8fafc!important;border-color:rgba(148,163,184,.24)!important;}



/* =========================================================
   KONECTACON SUPORTE - PONTE DEFINITIVA LIGHT/DARK
   Usa classes canonicas novas que não brigam com CSS antigo.
   A cor do badge/botão é a mesma no claro e no escuro.
   ========================================================= */
html body.support-module .status-pill,
html body.support-module .k-status,
html body.support-module .status-legend .k-status,
html body.support-module td .k-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  min-height:28px!important;
  padding:7px 13px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html body.support-module .status--implantacao{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
html body.support-module .status--configuracao{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
html body.support-module .status--homologacao{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
html body.support-module .status--ativo{background:#bbf7d0!important;color:#047857!important;border-color:#86efac!important;}
html body.support-module .status--bloqueado{background:#fb923c!important;color:#111827!important;border-color:#fdba74!important;}
html body.support-module .status--suspenso{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
html body.support-module .status--inativo{background:#6b7280!important;color:#fff!important;border-color:#9ca3af!important;}
html body.support-module .status--trial{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
html body.support-module .status--inadimplente{background:#fb923c!important;color:#111827!important;border-color:#fdba74!important;}
html body.support-module .status--cancelado{background:#6b7280!important;color:#fff!important;border-color:#9ca3af!important;}

html body.support-module .k-action,
html body.support-module .council-actions .k-action,
html body.support-module td.actions .k-action{
  height:42px!important;
  min-width:72px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body.support-module .action--open{background:#10b981!important;color:#fff!important;border-color:#10b981!important;}
html body.support-module .action--portal{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;}
html body.support-module .action--edit{background:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;}
html body.support-module .action--users{background:#38bdf8!important;color:#082f49!important;border-color:#7dd3fc!important;}
html body.support-module .action--tickets{background:#172033!important;color:#dbeafe!important;border-color:#334155!important;}
html:not(.dark-mode) body.support-module .action--tickets,
html[data-theme="light"] body.support-module .action--tickets{background:#eef2f7!important;color:#0f172a!important;border-color:#dbe5f0!important;}
html body.support-module .action--block{background:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;}
html body.support-module .action--delete{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;}
html body.support-module .k-action:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}

html body.support-module .status-legend{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:14px 0 18px!important;}
html body.support-module .sigla{background:#dff7ec!important;color:#047857!important;border:1px solid #bbf7d0!important;}


/* =========================================================
   KONECTACON CORE/SUPORTE - AÇÕES COLORIDAS DEFINITIVAS
   Corrige botões da listagem de conselhos no tema claro e escuro.
   Mantém as cores iguais em qualquer tema, sem depender de variáveis locais.
   ========================================================= */
html body.support-module td.actions,
html body.support-module .council-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  min-width:max-content!important;
}
html body.support-module td.actions form,
html body.support-module .council-actions form{
  display:inline-flex!important;
  margin:0!important;
}
html body.support-module td.actions .btn.k-action,
html body.support-module .council-actions .btn.k-action,
html body.support-module a.k-action,
html body.support-module button.k-action{
  height:42px!important;
  min-width:72px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border-width:1px!important;
  border-style:solid!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:none!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
}
html body.support-module td.actions .btn.k-action.action--open,
html body.support-module .council-actions .btn.k-action.action--open,
html body.support-module a.k-action.action--open,
html body.support-module button.k-action.action--open{
  background:#10b981!important;background-color:#10b981!important;color:#fff!important;border-color:#10b981!important;
}
html body.support-module td.actions .btn.k-action.action--portal,
html body.support-module .council-actions .btn.k-action.action--portal,
html body.support-module a.k-action.action--portal{
  background:#2563eb!important;background-color:#2563eb!important;color:#fff!important;border-color:#3b82f6!important;
}
html body.support-module td.actions .btn.k-action.action--edit,
html body.support-module .council-actions .btn.k-action.action--edit,
html body.support-module a.k-action.action--edit{
  background:#7c3aed!important;background-color:#7c3aed!important;color:#fff!important;border-color:#8b5cf6!important;
}
html body.support-module td.actions .btn.k-action.action--users,
html body.support-module .council-actions .btn.k-action.action--users,
html body.support-module a.k-action.action--users{
  background:#38bdf8!important;background-color:#38bdf8!important;color:#082f49!important;border-color:#7dd3fc!important;
}
html body.support-module td.actions .btn.k-action.action--tickets,
html body.support-module .council-actions .btn.k-action.action--tickets,
html body.support-module a.k-action.action--tickets{
  background:#23a7ee!important;background-color:#23a7ee!important;color:#06223a!important;border-color:#67d5ff!important;
}
html body.support-module td.actions .btn.k-action.action--block,
html body.support-module .council-actions .btn.k-action.action--block,
html body.support-module button.k-action.action--block{
  background:#f59e0b!important;background-color:#f59e0b!important;color:#111827!important;border-color:#fbbf24!important;
}
html body.support-module td.actions .btn.k-action.action--delete,
html body.support-module .council-actions .btn.k-action.action--delete,
html body.support-module button.k-action.action--delete{
  background:#dc2626!important;background-color:#dc2626!important;color:#fff!important;border-color:#ef4444!important;
}
html body.support-module td.actions .btn.k-action:hover,
html body.support-module .council-actions .btn.k-action:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}


/* Modal de bloqueio contextual */
body.modal-open{overflow:hidden}
.support-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:24px}
.support-modal.is-open{display:flex}
.support-modal__backdrop{position:absolute;inset:0;background:rgba(1,8,20,.72);backdrop-filter:blur(10px)}
.support-modal__box{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;border-radius:28px;padding:36px;background:#fff;color:#0f172a;box-shadow:0 30px 100px rgba(0,0,0,.45);border:1px solid rgba(148,163,184,.22)}
[data-theme="dark"] .support-modal__box, body.dark .support-modal__box,.dark-mode .support-modal__box{background:#07182c!important;color:#f8fafc!important;border-color:rgba(96,165,250,.25)}
.support-modal__close{position:absolute;right:22px;top:18px;width:44px;height:44px;border-radius:999px;border:0;background:#1f2937;color:#fff;font-size:30px;font-weight:900;cursor:pointer;line-height:1}
.modal-icon.lock{width:64px;height:64px;border-radius:18px;background:#f59e0b;color:#111827;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:22px}
.support-modal h2{font-size:28px;margin:0 0 8px;color:inherit}.modal-muted{font-size:16px;line-height:1.5;color:#475569;margin:0 0 22px}[data-theme="dark"] .modal-muted, body.dark .modal-muted,.dark-mode .modal-muted{color:#cbd5e1!important}
.block-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.block-type-card{min-height:130px;text-align:left;border-radius:22px;border:1px solid #dbe3ef;background:#f8fafc;color:#0f172a;padding:22px;cursor:pointer;transition:.2s}.block-type-card strong{display:block;font-size:18px;margin-bottom:10px}.block-type-card span{display:block;color:#475569;line-height:1.35}.block-type-card.selected{border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18);background:#fff7ed}[data-theme="dark"] .block-type-card, body.dark .block-type-card,.dark-mode .block-type-card{background:#0b1d35!important;color:#f8fafc!important;border-color:rgba(148,163,184,.22)!important}[data-theme="dark"] .block-type-card span, body.dark .block-type-card span,.dark-mode .block-type-card span{color:#cbd5e1!important}[data-theme="dark"] .block-type-card.selected, body.dark .block-type-card.selected,.dark-mode .block-type-card.selected{background:#13243d!important;border-color:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.2)}
.form-row{margin:18px 0}.form-row label{display:block;font-weight:800;margin-bottom:8px;color:inherit}.form-row small{display:block;margin-top:8px;color:#64748b}[data-theme="dark"] .form-row small, body.dark .form-row small,.dark-mode .form-row small{color:#94a3b8!important}.support-modal textarea.input,.support-modal input.input{width:100%;background:#f8fafc;color:#0f172a;border:1px solid #dbe3ef;border-radius:16px;padding:14px 16px;font:inherit}[data-theme="dark"] .support-modal textarea.input,[data-theme="dark"] .support-modal input.input,body.dark .support-modal textarea.input,body.dark .support-modal input.input,.dark-mode .support-modal textarea.input,.dark-mode .support-modal input.input{background:#061426!important;color:#f8fafc!important;border-color:rgba(96,165,250,.35)!important}.block-preview{margin-top:14px;border-radius:18px;padding:16px 18px;background:#e0f2fe;color:#075985;font-weight:800}[data-theme="dark"] .block-preview, body.dark .block-preview,.dark-mode .block-preview{background:#082f49!important;color:#bae6fd!important}.modal-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}
@media(max-width:720px){.block-type-grid{grid-template-columns:1fr}.support-modal__box{padding:26px}}

.mini-link{display:inline-block;margin-top:4px;color:#60a5fa;font-weight:900;text-decoration:none}.mini-link:hover{text-decoration:underline}


/* Correção final do modal de bloqueio: light/dark legível */
.modal-open{overflow:hidden!important}
.block-modal{position:fixed!important;inset:0!important;background:rgba(2,8,23,.72)!important;backdrop-filter:blur(10px)!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:24px!important}
.block-modal.is-open{display:flex!important}
.block-modal-card{width:min(860px,96vw)!important;max-height:92vh!important;overflow:auto!important;border-radius:28px!important;padding:34px!important;position:relative!important;background:#ffffff!important;color:#0f172a!important;border:1px solid #e5e7eb!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important}
body.dark-mode .block-modal-card, body.support-dark .block-modal-card, html[data-theme="dark"] .block-modal-card{background:#081a34!important;color:#f8fafc!important;border-color:rgba(96,165,250,.22)!important}
.block-modal-card h2{margin:10px 0 8px!important;font-size:28px!important;color:inherit!important}
.block-modal-subtitle{font-size:16px!important;line-height:1.55!important;color:#334155!important;margin:0 0 16px!important}
body.dark-mode .block-modal-subtitle, body.support-dark .block-modal-subtitle, html[data-theme="dark"] .block-modal-subtitle{color:#cbd5e1!important}
.modal-close{position:absolute!important;right:22px!important;top:18px!important;width:46px!important;height:46px!important;border-radius:50%!important;border:0!important;background:#172033!important;color:#fff!important;font-size:30px!important;font-weight:900!important;cursor:pointer!important}
.block-modal-icon{width:66px!important;height:66px!important;border-radius:20px!important;background:#f59e0b!important;display:grid!important;place-items:center!important;font-size:32px!important;box-shadow:0 18px 40px rgba(245,158,11,.22)!important}
.block-type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:18px 0!important}
.block-type-card{min-height:142px!important;text-align:left!important;border-radius:22px!important;border:1px solid #dbe3ef!important;background:#f8fafc!important;color:#0f172a!important;padding:22px!important;cursor:pointer!important;transition:.2s!important;font-family:inherit!important}
.block-type-card strong{display:block!important;font-size:18px!important;margin-bottom:10px!important;color:inherit!important}
.block-type-card span{display:block!important;color:#475569!important;line-height:1.4!important;font-size:14px!important}
.block-type-card.selected{border-color:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.18)!important;background:#fff7ed!important}
body.dark-mode .block-type-card, body.support-dark .block-type-card, html[data-theme="dark"] .block-type-card{background:#0b1d35!important;color:#f8fafc!important;border-color:rgba(148,163,184,.25)!important}
body.dark-mode .block-type-card span, body.support-dark .block-type-card span, html[data-theme="dark"] .block-type-card span{color:#cbd5e1!important}
body.dark-mode .block-type-card.selected, body.support-dark .block-type-card.selected, html[data-theme="dark"] .block-type-card.selected{background:#13243d!important;border-color:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.24)!important}
.block-return-wrap label,.block-reason-label{display:block!important;font-weight:900!important;margin:16px 0 8px!important;color:#0f172a!important}
body.dark-mode .block-return-wrap label, body.dark-mode .block-reason-label, body.support-dark .block-return-wrap label, body.support-dark .block-reason-label, html[data-theme="dark"] .block-return-wrap label, html[data-theme="dark"] .block-reason-label{color:#f8fafc!important}
.block-modal input.input,.block-modal textarea.input,.block-reason{width:100%!important;background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:16px!important;padding:14px 16px!important;font-size:16px!important}
body.dark-mode .block-modal input.input,body.dark-mode .block-modal textarea.input,body.support-dark .block-modal input.input,body.support-dark .block-modal textarea.input,html[data-theme="dark"] .block-modal input.input,html[data-theme="dark"] .block-modal textarea.input{background:#06172b!important;color:#f8fafc!important;border-color:rgba(96,165,250,.35)!important}
.block-preview{margin:14px 0 0!important;padding:12px 14px!important;border-radius:14px!important;background:#eff6ff!important;color:#1e3a8a!important;font-weight:700!important}
body.dark-mode .block-preview, body.support-dark .block-preview, html[data-theme="dark"] .block-preview{background:rgba(37,99,235,.18)!important;color:#bfdbfe!important}
.modal-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;margin-top:22px!important}
@media(max-width:760px){.block-type-grid{grid-template-columns:1fr!important}.block-modal-card{padding:24px!important}.modal-actions{flex-direction:column!important}.modal-actions .btn{width:100%!important}}

/* Correção: previsão de retorno sem seletor nativo de hora quebrado */
.return-grid{display:grid!important;grid-template-columns:1fr 220px!important;gap:12px!important;align-items:center!important}
.block-modal select.input{width:100%!important;background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:16px!important;padding:14px 16px!important;font-size:16px!important;font-family:inherit!important;appearance:auto!important}
body.dark-mode .block-modal select.input,body.support-dark .block-modal select.input,html[data-theme="dark"] .block-modal select.input{background:#06172b!important;color:#f8fafc!important;border-color:rgba(96,165,250,.35)!important}
body.dark-mode .block-modal select.input option,body.support-dark .block-modal select.input option,html[data-theme="dark"] .block-modal select.input option{background:#06172b!important;color:#f8fafc!important}
@media(max-width:640px){.return-grid{grid-template-columns:1fr!important}}

/* =========================================================
   KONECTACON SUPORTE - CORRECAO RESPONSIVA DA COLUNA ACOES V49
   Evita que os botoes estourem/quebrem a tabela de conselhos.
   A celula volta a se comportar como table-cell e os botoes
   quebram dentro da propria coluna com espacamento controlado.
   ========================================================= */
body.support-module .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
body.support-module .table-wrap table{
  width:100%!important;
  min-width:1180px!important;
  table-layout:auto!important;
}
body.support-module .table-wrap th:last-child,
body.support-module .table-wrap td:last-child,
body.support-module td.actions.council-actions{
  width:430px!important;
  min-width:360px!important;
  max-width:430px!important;
}
body.support-module td.actions.council-actions,
html body.support-module td.actions.council-actions,
html body.support-module .table-wrap td.actions.council-actions{
  display:table-cell!important;
  vertical-align:middle!important;
  white-space:normal!important;
  overflow:visible!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
body.support-module td.actions.council-actions > a.k-action,
body.support-module td.actions.council-actions > form,
html body.support-module td.actions.council-actions > a.k-action,
html body.support-module td.actions.council-actions > form{
  display:inline-flex!important;
  vertical-align:middle!important;
  margin:4px!important;
}
body.support-module td.actions.council-actions > form.inline-delete,
html body.support-module td.actions.council-actions > form.inline-delete{
  width:auto!important;
  min-width:0!important;
}
body.support-module td.actions.council-actions .btn.k-action,
html body.support-module td.actions.council-actions .btn.k-action{
  height:38px!important;
  min-width:64px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.support-module td.actions.council-actions .btn.k-action.action--open[type="submit"]{
  min-width:104px!important;
}
@media(max-width:900px){
  body.support-module .table-wrap table{min-width:1040px!important;}
  body.support-module .table-wrap th:last-child,
  body.support-module .table-wrap td:last-child,
  body.support-module td.actions.council-actions{
    width:330px!important;
    min-width:300px!important;
    max-width:330px!important;
  }
  body.support-module td.actions.council-actions .btn.k-action,
  html body.support-module td.actions.council-actions .btn.k-action{
    height:36px!important;
    min-width:58px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}


/* =========================================================
   KONECTACON SUPORTE - CORES POR FUNCAO DO USUARIO V51
   Diferencia Presidente, Secretaria Executiva e Conselheiro.
   ========================================================= */
html body.support-module .role-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  min-height:30px!important;
  padding:8px 14px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  border:1px solid transparent!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
html body.support-module .role-presidente{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border-color:#93c5fd!important;
}
html body.support-module .role-secretaria{
  background:#fef3c7!important;
  color:#92400e!important;
  border-color:#fbbf24!important;
}
html body.support-module .role-conselheiro{
  background:#dcfce7!important;
  color:#166534!important;
  border-color:#86efac!important;
}
html body.support-module .role-outro{
  background:#e5e7eb!important;
  color:#374151!important;
  border-color:#cbd5e1!important;
}
html[data-theme="dark"] body.support-module .role-presidente,
html.dark-mode body.support-module .role-presidente,
body.support-module.dark-mode .role-presidente{
  background:rgba(37,99,235,.22)!important;
  color:#bfdbfe!important;
  border-color:rgba(96,165,250,.65)!important;
}
html[data-theme="dark"] body.support-module .role-secretaria,
html.dark-mode body.support-module .role-secretaria,
body.support-module.dark-mode .role-secretaria{
  background:rgba(245,158,11,.22)!important;
  color:#fde68a!important;
  border-color:rgba(251,191,36,.65)!important;
}
html[data-theme="dark"] body.support-module .role-conselheiro,
html.dark-mode body.support-module .role-conselheiro,
body.support-module.dark-mode .role-conselheiro{
  background:rgba(16,185,129,.20)!important;
  color:#bbf7d0!important;
  border-color:rgba(52,211,153,.65)!important;
}
html[data-theme="dark"] body.support-module .role-outro,
html.dark-mode body.support-module .role-outro,
body.support-module.dark-mode .role-outro{
  background:rgba(148,163,184,.18)!important;
  color:#e5e7eb!important;
  border-color:rgba(148,163,184,.45)!important;
}


/* V76: vermelho definitivo para chamados pendentes */
body.support-module .support-menu-new a[href*="chamados.php"] b,
body.support-module .menu a[href*="chamados.php"] b,
body.support-module .support-menu-new .menu-badge,
body.support-module .menu .menu-badge,
body.support-module .chamados-tab .menu-badge {
    background:#ef4444!important;
    background-color:#ef4444!important;
    color:#fff!important;
    border-radius:999px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    box-shadow:0 0 0 4px rgba(239,68,68,.16), 0 8px 18px rgba(239,68,68,.36)!important;
}

body.support-module .metric-card.border-red strong,
body.support-module .situation-row.red strong,
body.support-module .card-chamados-pendentes strong,
body.support-module .chamados-pendentes-numero {
    color:#ef4444!important;
}

body.support-module .metric-card.border-red,
body.support-module .situation-row.red,
body.support-module .card-chamados-pendentes {
    border-top-color:#ef4444!important;
}

body.support-module .chamados-tabs {
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    margin:0 0 18px!important;
}

body.support-module .chamados-tab {
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px 14px!important;
    border-radius:14px!important;
    border:1px solid rgba(148,163,184,.24)!important;
    background:rgba(15,23,42,.68)!important;
    color:#e5eefb!important;
    font-weight:950!important;
    text-decoration:none!important;
}

body.support-module .chamados-tab.active {
    background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
    color:#fff!important;
    border-color:transparent!important;
}

body.support-module .search-closed-panel {
    margin:0 0 18px!important;
    padding:16px!important;
    border-radius:18px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    background:rgba(15,23,42,.58)!important;
}

body.support-module .search-closed-panel form {
    display:flex!important;
    gap:10px!important;
    align-items:end!important;
    flex-wrap:wrap!important;
}

body.support-module .search-closed-panel label {
    min-width:320px!important;
    flex:1!important;
}



/* V60 - Fonte oficial do index do suporte */
html, body, .login-wrap, .login-panel, .login-card, .login-hero, .input, .btn {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important;
}


/* ==========================================================
   HOTFIX V100.1 - Inter em todo o suporte e botoes dos cards
   ========================================================== */
html, body, body.support-module, body.support-module *,
.login-wrap, .login-wrap *,
button, input, select, textarea, a, table, th, td {
  font-family: 'Inter', Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.support-module .metric-card em,
body.support-module .metric-card.border-blue em,
body.support-module .metric-card.border-red em,
body.support-module .metric-card.border-purple em,
body.support-module .metric-card.border-green em,
body.support-module .metric-card.border-orange em {
  align-self: flex-end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-width: 46px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #17263a !important;
  background-color: #17263a !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  font-style: normal !important;
  line-height: 1 !important;
  text-transform: lowercase !important;
  box-shadow: none !important;
}

body.support-module .metric-card em:hover,
body.support-module .metric-card.border-blue em:hover,
body.support-module .metric-card.border-red em:hover,
body.support-module .metric-card.border-purple em:hover,
body.support-module .metric-card.border-green em:hover,
body.support-module .metric-card.border-orange em:hover {
  background: #0f1f33 !important;
  background-color: #0f1f33 !important;
  color:#ffffff !important;
}


/* V114 - limpeza global de textos instrutivos no módulo Suporte */
body.support-module .topbar-title p,
body.support-module .section-head p,
body.support-module #easyHelpText,
body.support-module .finish-box,
body.support-module .step-help,
body.support-module .help-text,
body.support-module .tutorial-text,
body.support-module .easy-help-panel,
body.support-module .block-modal-subtitle,
body.support-module .block-preview{
  display:none!important;
}
body.support-module .support-ticket-v64 .popup-mute-row small,
body.support-module .support-ticket-v64 .ticket-side-card .resolved-lock small{
  display:none!important;
}