/* Portal de Chamados — Layout V1.2.1 (Clean corporativo) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{
    --bg:#F8FAFC;
    --surface:#FFFFFF;
    --text:#0F172A;
    --muted:#475569;
    --muted-2:#64748B;
    --border:rgba(15,23,42,0.08);
    --shadow:0 20px 50px rgba(15,23,42,0.05);
    --shadow-2:0 10px 30px rgba(15,23,42,0.03);
    --primary:#179CD1;
    --primary-2:#124C77;
    --primary-soft:rgba(23,156,209,0.08);
    --danger:#EF4444;
    --warn:#F59E0B;
    --success:#10B981;
    --info:#3B82F6;
    --radius:16px;
    --pad-lg:28px;
    --sidebar-w:280px;
    --topbar-h:72px;
    --font:'Inter', sans-serif;
}

[data-theme="dark"] {
    --bg:#0F172A;
    --surface:#1E293B;
    --text:#F8FAFC;
    --muted:#94A3B8;
    --muted-2:#64748B;
    --border:rgba(255,255,255,0.1);
    --shadow:0 20px 50px rgba(0,0,0,0.3);
    --shadow-2:0 10px 30px rgba(0,0,0,0.2);
    --primary-soft:rgba(23,156,209,0.15);
}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.35}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid rgba(0,91,255,.35);outline-offset:2px;border-radius:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform 0.3s ease, box-shadow 0.3s ease;}
.card:hover{box-shadow:var(--shadow);border-color:rgba(23,156,209,0.3);}.card.pad{padding:var(--pad-lg)}.row{display:flex;gap:16px}.col{flex:1}.muted{color:var(--muted)}.small{font-size:13px;color:var(--muted-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 16px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:700;background:transparent}.btn-primary{background:linear-gradient(90deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 14px 28px rgba(0,91,255,.18)}.btn-ghost{border:1px solid var(--border);background:#fff}.btn-link{padding:0;height:auto;border:0;background:transparent;color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--border);background:#fff;white-space:nowrap}.badge b{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--muted-2)}.badge.info b{background:var(--info)}.badge.warn b{background:var(--warn)}.badge.danger b{background:var(--danger)}.badge.success b{background:var(--success)}.input{width:100%;height:48px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,0.05);padding:0 16px;outline:none;font-size:15px;color:#fff;transition:all 0.2s ease;}
.input:focus{border-color:var(--primary);background:rgba(255,255,255,0.08);box-shadow:0 0 0 4px rgba(23,156,209,0.15);}.input:focus{border-color:rgba(0,91,255,.35);box-shadow:0 0 0 4px rgba(0,91,255,.10)}.textarea{width:100%;min-height:120px;border-radius:12px;border:1px solid var(--border);background:#fff;padding:12px 14px;outline:none;font-size:14px;resize:vertical}.textarea:focus{border-color:rgba(0,91,255,.35);box-shadow:0 0 0 4px rgba(0,91,255,.10)}.select{width:100%;height:48px;border-radius:14px;border:1px solid var(--border);padding:0 16px;background:rgba(255,255,255,0.05);color:#fff;font-size:15px;outline:none;cursor:pointer;transition:all 0.2s ease;}
.select:focus{border-color:var(--primary);background:rgba(255,255,255,0.08);}hr.sep{border:0;border-top:1px solid var(--border);margin:18px 0}.public{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.public .shell{width:min(980px,100%)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.hero .card.pad{padding:28px}.hero h1{margin:0 0 12px;letter-spacing:-.8px;font-size:34px}.hero p{margin:0 0 18px;color:var(--muted)}.hero .quick{display:flex;gap:12px;flex-wrap:wrap}.hero .mini{padding:16px;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid var(--border)}.hero .mini h3{margin:0 0 6px;font-size:15px}.hero .mini p{margin:0;font-size:13px;color:var(--muted-2)}@media (max-width:860px){.hero{grid-template-columns:1fr}}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:16px}.brand{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 12px}.brand .dot{width:34px;height:34px;border-radius:12px;background:linear-gradient(90deg,var(--primary-2),var(--primary))}.brand .name{font-weight:900;letter-spacing:-.4px}.brand .sub{font-size:12px;color:var(--muted-2)}.nav{margin-top:10px;display:flex;flex-direction:column;gap:8px}.nav .group-title{margin:14px 12px 6px;font-size:11px;letter-spacing:.14em;color:var(--muted-2);text-transform:uppercase}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--text)}.nav a:hover{background:rgba(0,91,255,.06);border-color:rgba(0,91,255,.10)}.nav a.active{background:rgba(0,91,255,.06);border-color:rgba(0,91,255,.10)}.nav a.disabled{opacity:.45;pointer-events:none}.icon{width:18px;height:18px;display:inline-block;border-radius:6px;background:rgba(15,23,42,.08)}.main{padding:16px 16px 40px}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(246,248,251,.70);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar .left{display:flex;align-items:center;gap:12px;flex:1}.topbar .right{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:10px;flex:1;background:#fff;border:1px solid var(--border);border-radius:14px;padding:0 12px;height:44px}.search input{border:0;outline:0;width:100%;font-size:14px}.avatar{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f2f5ff);display:flex;align-items:center;justify-content:center;font-weight:900}.dropdown{position:relative}.dropdown-panel{position:absolute;right:0;top:48px;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:10px;display:none;z-index:70}.dropdown-panel.open{display:block}.dropdown-panel a{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:12px}.dropdown-panel a:hover{background:rgba(0,91,255,.06)}.toast{position:fixed;right:16px;bottom:16px;max-width:min(420px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;z-index:80;display:none}.toast.show{display:block;animation:toastIn .18s ease-out both}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast .t-title{font-weight:950;margin:0 0 4px}.toast .t-body{font-size:13px;color:var(--muted)}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.kpi .k{padding:16px}.k .label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2)}.k .value{font-size:28px;font-weight:950;letter-spacing:-.8px;margin-top:8px}@media (max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;transform:translateX(-110%);width:min(320px,86vw);z-index:50;background:var(--bg)}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow)}.main{padding-top:12px}.kpi{grid-template-columns:1fr}}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.table th,.table td{padding:12px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);background:#fff}.table tr:hover td{background:rgba(0,91,255,.04)}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:800;font-size:13px}.tab.active{background:rgba(0,91,255,.06);border-color:rgba(0,91,255,.10)}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}@media (max-width:980px){.grid2{grid-template-columns:1fr}}.timeline{display:flex;flex-direction:column;gap:24px;position:relative;padding-left:20px;}.timeline::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:var(--border);}.msg{padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);position:relative;}.msg::before{content:"";position:absolute;left:-21px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);}.msg.me{background:var(--primary-soft);border-color:var(--primary);}.msg .head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;}.msg .who{font-weight:900;color:var(--primary);}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted-2)}.breadcrumb a{color:var(--muted)}.footer-note{margin-top:18px;font-size:12px;color:var(--muted-2)}.empty{padding:24px;border:1px dashed rgba(15,23,42,.18);border-radius:16px;background:linear-gradient(180deg,#fff,#f8faff)}.kbd{font-size:12px;padding:2px 8px;border:1px solid var(--border);border-bottom-width:2px;border-radius:10px;background:#fff;color:var(--muted);font-weight:800}

/* ===== HUB Suporte — Ajustes v1.4.2 (Topo premium + Botão B outline gradiente) ===== */
:root{
  --primary: #124C77;
  --primary-2: #179CD1;
  --primary-soft: #345A7A;
  --text: #1F2937;
  --muted: #4B5563;
  --muted-2: #6B7280;
  --border: rgba(31,41,55,.10);
  --shadow: 0 18px 52px rgba(2,6,23,.10);
  --shadow-2: 0 10px 30px rgba(2,6,23,.08);
}

/* Header (Layout 1): logo esquerda, botão direita */
.public-header{align-items:center;justify-content:space-between;gap:14px}

/* Topo: logo */
.public .brand{height:auto;padding:0}
.public .brand .brand-logo{height:46px;width:auto;max-width:520px;object-fit:contain;display:block}
@media (max-width:520px){.public .brand .brand-logo{height:38px;max-width:86vw}}

/* H1 + texto centralizados */
.hero{grid-template-columns:1fr !important;justify-items:center}
.hero .card.pad{width:min(900px,100%)}
.hero h1{text-align:center;font-weight:900;color:var(--text)}
.hero p{text-align:center;color:var(--muted)}

/* Botão B: outline com borda em degradê (vira degradê cheio no hover) */
.btn-outline{
  background: linear-gradient(#fff,#fff) padding-box,
              linear-gradient(90deg, var(--primary-2), var(--primary)) border-box;
  border: 1px solid transparent;
  color: var(--primary);
  box-shadow: none;
  font-weight: 800;
}
.btn-outline:hover{
  background: linear-gradient(90deg, var(--primary-2), var(--primary));
  border-color: transparent;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 18px 48px rgba(21,156,209,.18);
}

/* Grid 2–2–1 */
.hero .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:860px;margin:18px auto 0;}
.hero .actions > .action-card:last-child{grid-column:1/-1;max-width:50%;justify-self:center}
.hero .actions:has(> .action-card:last-child:nth-child(odd)) > .action-card:last-child{grid-column:1/-1;max-width:50%;justify-self:center}
@media (max-width:860px){
  .hero .actions{grid-template-columns:1fr;max-width:560px}
  .hero .actions > .action-card:last-child,
  .hero .actions:has(> .action-card:last-child:nth-child(odd)) > .action-card:last-child{grid-column:auto;max-width:100%;justify-self:stretch}
}

/* Cards: título em azul principal; descrição em azul soft */
.hero .actions .action-card{display:block;text-align:center;padding:18px;min-height:72px;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,background .26s ease,min-height .26s ease,padding .26s ease;}
.hero .actions .action-card h3{margin:0;font-size:16px;line-height:1.2;color:var(--primary);font-weight:850}
.hero .actions .action-card .desc{margin:0;font-size:15.5px;line-height:1.35;font-weight:600;color:var(--primary-soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:0;opacity:0;transform:translateY(10px);transition:max-height .34s ease,opacity .26s ease,transform .26s ease,margin-top .26s ease;}
.hero .actions .action-card:hover,.hero .actions .action-card:focus-visible{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow);border-color:rgba(21,152,206,.30);background:linear-gradient(180deg,#fff,rgba(21,152,206,.07));min-height:138px;padding:22px;}
.hero .actions .action-card:hover .desc,.hero .actions .action-card:focus-visible .desc{margin-top:12px;max-height:44px;opacity:1;transform:none;}
@media (hover:none){
  .hero .actions .action-card{min-height:auto}
  .hero .actions .action-card .desc{margin-top:10px;max-height:52px;opacity:1;transform:none}
}

/* ===== FINAL HUB V2 (r3) — títulos brancos + borda tipo botão + cards translúcidos ===== */
body.hub.hub-v2{
	  background: linear-gradient(180deg, #071423 0%, #060F1B 100%);
	  color: rgba(255,255,255,.92);
	}

.bg-video{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  filter: saturate(.95) contrast(.98) brightness(.55);
}
body.hub.hub-v2::before{
	  content: "";
	  position: fixed;
	  inset: 0;
	  z-index: -1;
	  pointer-events: none;
	  background:
	    radial-gradient(900px 520px at 20% 0%, rgba(3,185,254,.22), transparent 55%),
	    radial-gradient(900px 520px at 90% 10%, rgba(18,76,119,.32), transparent 60%),
	    linear-gradient(180deg, rgba(7,20,35,.70) 0%, rgba(6,15,27,.92) 100%);
	}

/* Glass base */
body.hub.hub-v2 .card{background: rgba(255,255,255,.08) !important;border-color: rgba(255,255,255,.14) !important;}
body.hub.hub-v2 .hero h1{color:#fff !important;}
body.hub.hub-v2 .hero p{color: rgba(255,255,255,.78) !important;}
body.hub.hub-v2 .small{color: rgba(255,255,255,.72) !important;}

/* Header */
body.hub.hub-v2 .public-header{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.hub.hub-v2 .brand-logo{height:46px;width:auto;max-width:520px;object-fit:contain;display:block;filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));}
@media (max-width:520px){body.hub.hub-v2 .brand-logo{height:38px;max-width:86vw}}

/* CTA (mantém igual ao card hover) */
body.hub.hub-v2 .header-cta{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  padding: 0 18px;
  height: 44px;
  color: rgba(255,255,255,.92) !important;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: 0 14px 36px rgba(0,0,0,.25);
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease;
}
body.hub.hub-v2 .header-cta:hover{
  transform: translateY(-10px) scale(1.02);
  border-color: rgba(3,185,254,.35);
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(3,185,254,.10));
  box-shadow: 0 26px 70px rgba(0,0,0,.35);
}

/* Cards de ação: translúcidos + título branco + borda com o mesmo efeito do botão */
body.hub.hub-v2 .hero .actions .action-card{
  position: relative;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Título (h3) em branco igual ao H1 */
body.hub.hub-v2 .hero .actions .action-card h3{
  color: rgba(255,255,255,.92) !important;
}

/* Descrição mantém como está (azul soft) — sem alterações */

/* Efeito da borda igual ao botão: glow ao hover sem mudar o hover atual do card */
body.hub.hub-v2 .hero .actions .action-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  border: 1px solid rgba(3,185,254,.0);
  opacity: 0;
  pointer-events:none;
  transition: opacity .26s ease, border-color .26s ease;
}
body.hub.hub-v2 .hero .actions .action-card:hover::after,
body.hub.hub-v2 .hero .actions .action-card:focus-visible::after{
  opacity: 1;
  border-color: rgba(3,185,254,.35);
}

body.hub.hub-v2 :focus-visible{outline:3px solid rgba(3,185,254,.45); outline-offset:3px;}
@media (prefers-reduced-motion: reduce){.bg-video{display:none;}*{animation:none !important;transition:none !important;}}