/* wwhats — Signal Desk: console operacional, verde WhatsApp como acento. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Sora:wght@500;600;700&display=swap');

:root{
  --ww-green:#25d366;
  --ww-green-d:#1da851;
  --ww-green-soft:rgba(37,211,102,.14);
  --ww-ink:#0b141a;
  --ww-ink-2:#1a2c34;
  --ww-muted:#6b7c85;
  --ww-line:#e2e8eb;
  --ww-line-soft:#eef2f4;
  --ww-bg:#f4f6f7;
  --ww-surface:#ffffff;
  --ww-side:#0f1c22;
  --ww-side-2:#15262e;
  --ww-side-text:#c5d0d6;
  --ww-side-muted:#7a8f99;
  --ww-warn:#e6a23c;
  --ww-info:#3d9fd6;
  --ww-danger:#e05a5a;
  --ww-side-w:248px;
  --ww-top-h:58px;
  --ww-radius:14px;
  --ww-radius-sm:10px;
  --ww-shadow:0 1px 2px rgba(11,20,26,.04),0 8px 24px rgba(11,20,26,.06);
  --ww-font:"DM Sans",system-ui,sans-serif;
  --ww-display:"Sora",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{
  font-family:var(--ww-font);
  background:
    radial-gradient(1200px 500px at 100% -10%,rgba(37,211,102,.07),transparent 55%),
    var(--ww-bg);
  color:var(--ww-ink);
  margin:0;
  min-height:100vh;
}
.btn-success{
  --bs-btn-bg:var(--ww-green);--bs-btn-border-color:var(--ww-green);
  --bs-btn-hover-bg:var(--ww-green-d);--bs-btn-hover-border-color:var(--ww-green-d);
  --bs-btn-font-weight:600;
  border-radius:10px;
  letter-spacing:.01em;
}
.btn-outline-secondary,.btn-outline-warning,.btn-outline-danger{border-radius:10px}
.form-control,.form-select{
  border-radius:10px;border-color:var(--ww-line);
  padding:.55rem .8rem;
}
.form-control:focus,.form-select:focus{
  border-color:var(--ww-green);box-shadow:0 0 0 .2rem var(--ww-green-soft);
}
a{color:var(--ww-green-d);text-decoration:none}
a:hover{color:var(--ww-ink)}
.card{
  border:1px solid var(--ww-line);border-radius:var(--ww-radius);
  box-shadow:var(--ww-shadow);background:var(--ww-surface);
}
.alert{border-radius:var(--ww-radius-sm)}
.table{--bs-table-bg:transparent}
.nav-tabs{border-bottom:1px solid var(--ww-line);gap:.25rem}
.nav-tabs .nav-link{
  border:0;border-radius:999px;color:var(--ww-muted);font-weight:600;font-size:.9rem;
  padding:.4rem .9rem;margin-bottom:.4rem;
}
.nav-tabs .nav-link:hover{color:var(--ww-ink);background:var(--ww-line-soft)}
.nav-tabs .nav-link.active{
  color:var(--ww-ink);background:var(--ww-green-soft);border:0;
}

/* Topbar */
.ww-topbar{
  position:fixed;top:0;left:0;right:0;height:var(--ww-top-h);
  background:linear-gradient(180deg,#12262f 0%,var(--ww-ink) 100%);
  color:#fff;display:flex;align-items:center;gap:.65rem;
  padding:0 1.1rem;z-index:1030;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ww-brand-mark{display:block;object-fit:contain;flex-shrink:0}
.ww-brand-mark--nav{width:2rem;height:2rem}
.ww-brand-mark--sm{width:1.375rem;height:1.375rem}
.ww-brand-mark--md{width:1.75rem;height:1.75rem}
.ww-brand-mark--lg{width:2.5rem;height:2.5rem}
.ww-brand-mark--hero{width:5.5rem;height:5.5rem}

.ww-meta-disclaimer{
  font-size:.72rem;line-height:1.45;color:#6b7c85;margin:0;
  opacity:.9;
}
.ww-login-disclaimer{margin-top:12px;text-align:center;opacity:.75}
.legal-footer__disclaimer{margin-top:16px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.45}

.ww-brand-lockup{display:flex;align-items:center;gap:.65rem;min-width:0}
.ww-brand-text{display:flex;flex-direction:column;line-height:1.2;gap:2px;min-width:0}
.ww-brand-domain{font-weight:700;letter-spacing:-.02em}
.ww-brand-tagline{display:block;font-size:.58rem;font-weight:600;line-height:1.3;letter-spacing:.02em;opacity:.9;margin:0}
.ww-brand-tagline .bi{color:#25d366;margin-right:.3em;vertical-align:-.06em}

.ww-brand{
  color:#fff;text-decoration:none;font-family:var(--ww-display);
  display:inline-flex;align-items:center;gap:.45rem;min-width:0;
}
.ww-brand .ww-brand-lockup{align-items:center}
.ww-brand .ww-brand-domain{font-size:.92rem;color:#fff}
.ww-brand .ww-brand-tagline{color:var(--ww-side-muted);font-size:.54rem;max-width:220px}
@media(max-width:991px){.ww-brand .ww-brand-tagline{display:none}}
.ww-empresa{
  font-family:var(--ww-font);font-size:.72rem;font-weight:600;
  opacity:.95;margin-left:.15rem;padding:.2rem .55rem;
  background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.28);
  border-radius:999px;letter-spacing:.02em;text-transform:uppercase;
}
.ww-toggle{background:none;border:0;color:#fff;font-size:1.3rem;cursor:pointer;display:none}
.ww-user{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);
  color:#fff;border-radius:999px;padding:.35rem .85rem;font-weight:500;font-size:.9rem;
}
.ww-user:hover,.ww-user:focus{background:rgba(255,255,255,.14);color:#fff}

/* Sidebar escura — console */
.ww-sidebar{
  position:fixed;top:var(--ww-top-h);bottom:0;left:0;width:var(--ww-side-w);
  background:linear-gradient(180deg,var(--ww-side) 0%,var(--ww-side-2) 100%);
  border-right:1px solid rgba(255,255,255,.05);
  padding:.85rem .55rem;overflow-y:auto;z-index:1020;
}
.ww-nav{display:flex;flex-direction:column;gap:.12rem}
.ww-nav-item{
  display:flex;align-items:center;gap:.7rem;padding:.58rem .8rem;border-radius:11px;
  color:var(--ww-side-text);text-decoration:none;font-weight:500;font-size:.92rem;
  transition:background .15s ease,color .15s ease;
}
.ww-nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.ww-nav-item.active{
  background:linear-gradient(90deg,rgba(37,211,102,.22),rgba(37,211,102,.08));
  color:#fff;font-weight:600;
  box-shadow:inset 3px 0 0 var(--ww-green);
}
.ww-nav-item i{font-size:1.05rem;color:var(--ww-green);flex-shrink:0;opacity:.9}
.ww-nav-item.active i{opacity:1}
.ww-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ww-nav-group{margin-bottom:2px}
.ww-nav-group-toggle{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;margin:8px 0 2px;padding:.4rem .8rem;
  background:transparent;border:none;cursor:pointer;text-align:left;border-radius:8px;
}
.ww-nav-group-toggle:hover{background:rgba(255,255,255,.05)}
.ww-nav-section-label{
  font-size:.65rem;font-weight:700;color:var(--ww-side-muted);
  letter-spacing:.08em;text-transform:uppercase;
}
.ww-nav-chevron{font-size:.68rem;color:var(--ww-side-muted);transition:transform .2s ease}
.ww-nav-group-toggle[aria-expanded="true"] .ww-nav-chevron{transform:rotate(180deg);color:var(--ww-green)}
.ww-nav-group-body{overflow:hidden;max-height:480px;opacity:1;
  transition:max-height .25s ease,opacity .2s ease}
.ww-nav-group.is-collapsed .ww-nav-group-body{
  max-height:0;opacity:0;pointer-events:none
}
.ww-nav-group-body .ww-nav-item{padding-left:1.05rem;font-size:.88rem}

/* Main */
.ww-main{
  margin-left:var(--ww-side-w);margin-top:var(--ww-top-h);
  padding:1.5rem 1.6rem 2.5rem;min-height:calc(100vh - var(--ww-top-h));
}
.ww-h1{
  font-family:var(--ww-display);font-size:1.55rem;font-weight:600;
  letter-spacing:-.03em;margin-bottom:1.15rem;color:var(--ww-ink);
}
.ww-h1 + .text-muted,.ww-section-title{
  font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ww-muted);margin-bottom:.75rem;
}

/* Stats */
.ww-stat{
  display:block;background:var(--ww-surface);border:1px solid var(--ww-line);
  border-radius:var(--ww-radius);padding:1.1rem 1.15rem;text-decoration:none;color:var(--ww-text);
  box-shadow:var(--ww-shadow);position:relative;overflow:hidden;
  transition:transform .15s ease,box-shadow .15s ease;
}
.ww-stat::after{
  content:"";position:absolute;inset:auto -20% -40% auto;width:90px;height:90px;
  border-radius:50%;background:var(--ww-green-soft);pointer-events:none;
}
.ww-stat:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(11,20,26,.1)}
.ww-stat-num{
  font-family:var(--ww-display);font-size:2rem;font-weight:700;
  letter-spacing:-.04em;line-height:1.1;position:relative;z-index:1;
}
.ww-stat-lbl{color:var(--ww-muted);margin-top:.35rem;font-size:.88rem;font-weight:500;position:relative;z-index:1}
.ww-stat-warn{border-top:3px solid var(--ww-warn)}
.ww-stat-info{border-top:3px solid var(--ww-info)}
.ww-stat-ok{border-top:3px solid var(--ww-green)}

/* Dept cards */
.ww-dept-card{
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-radius);
  padding:1rem 1.1rem;height:100%;box-shadow:var(--ww-shadow);
}
.ww-dept-card h3{
  font-family:var(--ww-display);font-size:.95rem;font-weight:600;
  margin:0 0 .85rem;letter-spacing:-.02em;
}
.ww-dept-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}
.ww-dept-metrics span{font-size:.72rem;color:var(--ww-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ww-dept-metrics strong{
  display:block;font-family:var(--ww-display);font-size:1.35rem;font-weight:700;
  color:var(--ww-ink);margin-top:.15rem;letter-spacing:-.03em;
}
.ww-dept-metrics .is-warn strong{color:var(--ww-warn)}
.ww-dept-metrics .is-ok strong{color:var(--ww-green-d)}

/* Banner demo */
.ww-banner-demo{
  display:flex;gap:.85rem;align-items:flex-start;
  background:linear-gradient(135deg,rgba(37,211,102,.12),rgba(37,211,102,.04));
  border:1px solid rgba(37,211,102,.28);border-radius:var(--ww-radius);
  padding:1rem 1.15rem;margin-bottom:1.25rem;color:var(--ww-ink-2);
}
.ww-banner-demo i{color:var(--ww-green-d);font-size:1.25rem;margin-top:.1rem}
.ww-banner-demo strong{font-family:var(--ww-display);font-weight:600}
.ww-banner-demo-inbox{margin-bottom:.65rem;flex-shrink:0}

/* Chart panel */
.ww-chart-card{
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-radius);
  padding:1.15rem 1.25rem;box-shadow:var(--ww-shadow);
}
.ww-chart-card h2{
  font-family:var(--ww-display);font-size:.95rem;font-weight:600;
  margin:0 0 1rem;letter-spacing:-.02em;
}

.ww-painel-periodo .btn-group .btn.active{
  background:var(--ww-brand);border-color:var(--ww-brand);color:#fff;
}
.ww-painel-periodo-label{min-width:9rem;text-align:center;font-weight:500}

/* Inbox list */
.ww-conv-list{
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-radius);
  overflow:hidden;box-shadow:var(--ww-shadow);
}
.ww-conv-row{
  display:flex;gap:.8rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--ww-line-soft);
  text-decoration:none;color:var(--ww-ink);transition:background .12s ease;
}
.ww-conv-row:last-child{border-bottom:0}
.ww-conv-row:hover{background:#f7faf8}
.ww-conv-body{flex:1;min-width:0}
.ww-conv-name{font-weight:600;font-family:var(--ww-display);font-size:.95rem;letter-spacing:-.02em}
.ww-conv-preview{color:var(--ww-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem;margin-top:.15rem}
.ww-conv-row .badge{font-weight:600;border-radius:999px}
.ww-conv-row--amarelo{background:rgba(230,178,34,.08);border-left:3px solid #e6b222}
.ww-conv-row--vermelho{background:rgba(224,90,90,.08);border-left:3px solid var(--ww-danger)}
.ww-sla-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.3rem;vertical-align:middle}
.ww-sla-dot--amarelo{background:#e6b222}
.ww-sla-dot--vermelho{background:var(--ww-danger)}

/* Chat */
.ww-chat-wrap{
  display:flex;flex-direction:column;
  height:calc(100vh - var(--ww-top-h) - 4.6rem);min-height:520px;
}
.ww-chat-header{
  display:flex;align-items:center;gap:.8rem;flex-shrink:0;
  background:var(--ww-surface);border:1px solid var(--ww-line);
  border-radius:var(--ww-radius) var(--ww-radius) 0 0;padding:.85rem 1.1rem;
  box-shadow:var(--ww-shadow);
}
.ww-chat-box{
  background:
    linear-gradient(180deg,rgba(7,94,84,.04),transparent 40%),
    #e8eef0;
  border-left:1px solid var(--ww-line);border-right:1px solid var(--ww-line);
  padding:1.1rem;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;
}
.ww-msg{display:flex}.ww-msg-out{justify-content:flex-end}
.ww-msg-bubble{
  max-width:72%;padding:.55rem .8rem;border-radius:14px 14px 14px 4px;
  background:var(--ww-surface);box-shadow:0 1px 2px rgba(11,20,26,.06);
}
.ww-msg-out .ww-msg-bubble{
  background:#d9fdd3;border-radius:14px 14px 4px 14px;
}
.ww-msg-corpo{white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.4}
.ww-msg-foot{font-size:.7rem;color:#8a9;text-align:right;margin-top:.25rem;display:flex;align-items:center;justify-content:flex-end;gap:.2rem}
.ww-msg-autor{font-weight:600;color:var(--ww-green-d)}
.ww-msg-tick{display:inline-flex;align-items:center}
.ww-tick{font-size:.85rem}
.ww-tick-sending{color:#9aa;opacity:.8}
.ww-tick-sent{color:#8a9}
.ww-tick-delivered{color:#8a9}
.ww-tick-read{color:#53bdeb}
.ww-tick-failed{color:var(--ww-danger)}
.ww-msg-nota .ww-msg-bubble{background:#fff6d8;border:1px solid #f0dd9a}
.ww-msg-nota-badge{font-weight:600;color:#8a6d1a}
.ww-chat-input{
  display:flex;gap:.5rem;background:var(--ww-surface);
  border:1px solid var(--ww-line);border-top:0;
  border-radius:0 0 var(--ww-radius) var(--ww-radius);padding:.8rem 1rem;
  box-shadow:var(--ww-shadow);
}
.ww-chat-input .form-control{border-radius:999px;padding-left:1rem}
.ww-chat-input .btn{border-radius:999px;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.ww-atalho-wrap{position:relative;flex:1}
.ww-atalho-dropdown{
  position:absolute;bottom:calc(100% + .4rem);left:0;right:0;
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:220px;overflow-y:auto;z-index:20;
}
.ww-atalho-item{
  display:block;width:100%;text-align:left;background:none;border:0;padding:.5rem .8rem;
  border-bottom:1px solid var(--ww-line);cursor:pointer;font-size:.85rem;
}
.ww-atalho-item:last-child{border-bottom:0}
.ww-atalho-item:hover{background:rgba(7,94,84,.06)}

/* Login */
.ww-login-body{
  min-height:100vh;min-height:100dvh;
  background:
    radial-gradient(800px 400px at 20% 10%,rgba(37,211,102,.2),transparent 50%),
    radial-gradient(600px 300px at 90% 80%,rgba(18,140,126,.25),transparent 45%),
    linear-gradient(160deg,#071a1f 0%,#0b2a24 45%,#0f3d32 100%);
  position:relative;
}
.ww-login-body::before{
  content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
}
.ww-login-card{
  position:relative;z-index:1;background:rgba(255,255,255,.97);
  border-radius:22px;padding:2.4rem 2.2rem;width:100%;max-width:400px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.5);
  backdrop-filter:blur(8px);
}
.ww-login-logo{
  text-align:center;margin-bottom:.35rem;
}
.ww-login-logo .ww-brand-lockup{
  justify-content:center;align-items:center;margin:0 auto;
}
.ww-login-logo .ww-brand-text{align-items:center;text-align:center}
.ww-login-logo .ww-brand-domain{
  font-family:var(--ww-display);font-size:1.15rem;color:var(--ww-ink);letter-spacing:-.02em;
}
.ww-login-logo .ww-brand-tagline{color:var(--ww-muted);font-size:.66rem;max-width:280px}
.ww-login-hero-brand{margin-bottom:1.25rem}
.ww-login-hero-brand .ww-brand-lockup{align-items:flex-start;gap:1rem}
.ww-login-hero-brand .ww-brand-domain{
  font-family:var(--ww-display);font-size:1.55rem;color:#fff;letter-spacing:-.03em;
}
.ww-login-hero-brand .ww-brand-tagline{color:rgba(255,255,255,.65);font-size:.74rem;max-width:320px}
.ww-login-sub{
  text-align:center;color:var(--ww-muted);font-size:.9rem;margin:.35rem 0 1.4rem;font-weight:500;
}

.ww-overlay{display:none;position:fixed;inset:var(--ww-top-h) 0 0 0;background:rgba(7,20,26,.45);z-index:1015;backdrop-filter:blur(2px)}
.ww-timer{
  font-size:.8rem;color:var(--ww-danger);font-weight:700;
  background:rgba(224,90,90,.1);padding:.25rem .55rem;border-radius:999px;
}
.ww-etiquetas-bar{
  display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;flex-shrink:0;
  background:var(--ww-surface);border-left:1px solid var(--ww-line);border-right:1px solid var(--ww-line);
  padding:.5rem 1.1rem;
}
.ww-etiqueta-chip{
  display:inline-flex;align-items:center;gap:.3rem;color:#fff;font-size:.78rem;font-weight:600;
  padding:.2rem .5rem .2rem .7rem;border-radius:999px;
}
.ww-etiqueta-x{background:none;border:0;color:#fff;opacity:.75;font-size:1rem;line-height:1;padding:.15rem .35rem;margin-left:.15rem;border-radius:999px}
.ww-etiqueta-x:hover{opacity:1;background:rgba(0,0,0,.15)}
.ww-etiqueta-add{position:relative}
.ww-etiqueta-add summary{list-style:none;cursor:pointer}
.ww-etiqueta-add summary::-webkit-details-marker{display:none}
.ww-etiqueta-add .ww-transferir-form{width:200px}
.ww-transferir{position:relative}
.ww-transferir summary{list-style:none;cursor:pointer}
.ww-transferir summary::-webkit-details-marker{display:none}
.ww-transferir-form{
  position:absolute;top:calc(100% + .4rem);right:0;width:260px;z-index:15;
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.7rem;
}
.ww-janela-expirada-aviso{
  background:rgba(224,90,90,.08);color:var(--ww-danger);border:1px solid rgba(224,90,90,.25);
  border-radius:var(--ww-radius);padding:.6rem .9rem;font-size:.85rem;margin-bottom:.6rem;
}

/* Tables in config/usuarios */
.table-responsive.bg-white,.bg-white.rounded.border{
  border-radius:var(--ww-radius)!important;border-color:var(--ww-line)!important;
  box-shadow:var(--ww-shadow);overflow:hidden;
}
.table thead th{
  font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ww-muted);font-weight:700;border-bottom-width:1px;
}

@media (max-width:860px){
  .ww-sidebar{transform:translateX(-100%);transition:transform .22s ease}
  .ww-sidebar.open{transform:translateX(0)}
  .ww-main{margin-left:0;padding:1.1rem}
  .ww-toggle{display:block}
  .ww-overlay.open{display:block}
}

.ww-banner-demo-inbox{margin-bottom:.65rem;flex-shrink:0}

/* Inbox Demo page */
.ww-demo-page{
  display:flex;flex-direction:column;
  height:calc(100vh - var(--ww-top-h) - 2.4rem);
  min-height:520px;gap:.65rem;
}
.ww-demo-inbox{
  display:flex;flex-direction:column;
  flex:1;min-height:0;
  gap:.65rem;
}
.ww-demo-inbox-head{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.ww-demo-section-title{
  font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:var(--ww-muted);margin-bottom:.45rem;display:flex;align-items:center;gap:.4rem;
}
.ww-demo-fila{
  flex:0 0 var(--demo-fila-h, 21%);min-height:0;display:flex;flex-direction:column;
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-radius);
  padding:.75rem;box-shadow:var(--ww-shadow);
}
/* Alça de redimensionamento vertical (Fila geral × Departamentos) */
.ww-demo-vresizer{
  flex:0 0 8px;margin:-.25rem 0;border-radius:4px;cursor:row-resize;
  background:transparent;transition:background .15s;
}
.ww-demo-vresizer:hover,.ww-demo-vresizer.is-dragging{background:var(--ww-line)}
.ww-demo-cards{
  display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;
  flex:1;align-items:stretch;padding-bottom:.25rem;
}
.ww-demo-cards-col{flex-direction:column;overflow-y:auto;overflow-x:hidden}
.ww-demo-card{
  flex:0 0 220px;text-align:left;border:1px solid var(--ww-line);
  border-radius:12px;padding:.65rem .75rem;background:#fff;cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
}
.ww-demo-cards-col .ww-demo-card{flex:0 0 auto;width:100%}
.ww-demo-card:hover{border-color:var(--ww-green);box-shadow:0 2px 8px rgba(7,94,84,.08)}
.ww-demo-card-top{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}
.ww-demo-card-nome{font-weight:600;font-size:.9rem;color:var(--ww-ink)}
.ww-demo-card-preview{font-size:.82rem;color:var(--ww-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ww-demo-vazio{font-size:.85rem;padding:.5rem 0;margin:0}
.ww-demo-deptos{
  flex:1;min-height:0;display:flex;flex-direction:column;
  background:var(--ww-surface);border:1px solid var(--ww-line);border-radius:var(--ww-radius);
  box-shadow:var(--ww-shadow);overflow:hidden;
}
.ww-demo-depto-tabs{
  padding:.5rem .75rem 0;border-bottom-color:var(--ww-line);
  display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;
}
.ww-demo-depto-tabs .nav-link{flex:0 0 auto;white-space:nowrap}
.ww-demo-depto-panels{flex:1;min-height:0;overflow:hidden}
.ww-demo-depto-panels .tab-pane{height:100%}
.ww-demo-cols{
  display:grid;
  grid-template-columns:var(--demo-cols, minmax(0,1fr) 6px minmax(0,1fr) 6px minmax(0,1fr));
  gap:0;height:100%;min-height:0;
}
.ww-demo-col{
  display:flex;flex-direction:column;min-height:0;
  border-right:1px solid var(--ww-line);padding:.6rem .65rem;
}
.ww-demo-col:last-child{border-right:0}
/* Alça de redimensionamento entre colunas (track do grid) */
.ww-demo-col-resizer{
  cursor:col-resize;background:transparent;transition:background .15s;
  margin-left:-1px;position:relative;z-index:1;
}
.ww-demo-col-resizer:hover,.ww-demo-col-resizer.is-dragging{background:var(--ww-green-soft)}
.ww-demo-col-title{
  font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ww-muted);margin-bottom:.45rem;flex-shrink:0;
}
.ww-demo-painel-backdrop{
  position:fixed;inset:0;background:rgba(7,20,26,.35);z-index:1040;
}
.ww-demo-painel{
  position:fixed;top:var(--ww-top-h);right:0;bottom:0;width:min(420px,100vw);
  background:var(--ww-surface);border-left:1px solid var(--ww-line);
  z-index:1050;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(11,20,26,.12);
}
.ww-demo-painel-header{
  display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;
  border-bottom:1px solid var(--ww-line);flex-shrink:0;
}
.ww-demo-painel-titulo{flex:1;min-width:0}
.ww-demo-chat{flex:1;height:auto;min-height:0;border:0;border-radius:0}
.ww-demo-composer{border-radius:0;flex-shrink:0}
.ww-demo-composer textarea{border-radius:12px;resize:none}
.ww-demo-anexo-preview{
  padding:.35rem .85rem;font-size:.82rem;color:var(--ww-muted);
  border-top:1px solid var(--ww-line);background:#f8faf9;
}
body.ww-demo-painel-aberto{overflow:hidden}
@media (max-width:900px){
  .ww-demo-cols{grid-template-columns:1fr}
  .ww-demo-col{border-right:0;border-bottom:1px solid var(--ww-line);max-height:33%}
  .ww-demo-col-resizer,.ww-demo-vresizer{display:none}
  .ww-demo-fila{flex:0 0 18%}
}