/* WAbots Helpdesk UI (green→blue gradient) */
:root{
  --wabots-green:#06AD5B;
  --wabots-blue:#1A73E8;
  --wabots-navy:#0F1C2E;
}
.grad-hero{background:linear-gradient(90deg,var(--wabots-green) 0%,var(--wabots-blue) 100%);color:#fff}
.grad-btn{background:linear-gradient(45deg,var(--wabots-green),var(--wabots-blue));color:#fff;border:none;display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none}
.wb-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(10,52,84,.08);border:1px solid rgba(6,173,91,.12)}
.wb-chip{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(26,115,232,.08);color:var(--wabots-blue)}
.badge-open{ background:rgba(26,115,232,.12); color:#1A73E8; }
.badge-new{ background:rgba(6,173,91,.12); color:#06AD5B; }
.badge-solved{ background:rgba(40,167,69,.12); color:#28A745; }
.badge-closed{ background:rgba(108,117,125,.12); color:#6C757D; }
.badge-urgent{ background:rgba(255,87,51,.12); color:#FF5733; }
.table thead th{background:linear-gradient(90deg,rgba(6,173,91,.12),rgba(26,115,232,.12));color:#0F1C2E}
.table tbody tr:nth-child(even){background:#F9FCFB}
.whb-form input, .whb-form select, .whb-form textarea{width:100%;padding:10px;border:1px solid #cfe8d8;border-radius:8px}
.whb-form textarea{min-height:120px}