/* Floating widget + slide-up panel */
#wcs-floating-widget { position: fixed; right: 20px; bottom: 20px; z-index: 99999; font-family: "Helvetica Neue", Arial, sans-serif; }
#wcs-widget-button { background:#fff;border:1px solid rgba(0,0,0,0.06);padding:10px 12px;border-radius:30px;box-shadow:0 8px 20px rgba(11,22,39,0.08);cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .18s ease, box-shadow .18s ease; }
#wcs-widget-button:hover{ transform: translateY(-3px); box-shadow:0 12px 30px rgba(11,22,39,0.12); }
.wcs-widget-icon{ font-size:18px; }
.wcs-widget-label{ font-weight:700; font-size:13px; color:#222; }
.wcs-widget-badge{ width:12px;height:12px;border-radius:50%;display:inline-block;margin-left:8px;box-shadow:0 0 0 3px rgba(255,255,255,0.7); }

/* panel */
#wcs-widget-panel{ position: fixed; right: 20px; bottom: 80px; width: 340px; max-width: calc(100% - 40px); background:#fff;border:1px solid #e9eef3;border-radius:10px;box-shadow:0 20px 40px rgba(9,30,66,0.12);overflow:hidden; transform-origin: bottom right; transform: translateY(8px) scale(.98); opacity:0; transition:transform .22s ease, opacity .22s ease; pointer-events:none; }
#wcs-widget-panel.open{ transform: translateY(0) scale(1); opacity:1; pointer-events:auto; }
.wcs-widget-panel-inner{ padding:14px; }
.wcs-widget-header{ display:flex;justify-content:space-between;align-items:center;margin-bottom:8px; }
.wcs-widget-body{ font-size:13px; color:#333; line-height:1.4; }
.wcs-widget-message{ background:#fff;padding:10px;border-radius:6px;margin-bottom:10px;border-left:4px solid #ff3b30; }
.wcs-widget-summary p{ margin:8px 0; }
#wcs-widget-close{ background:none;border:0;color:#666;cursor:pointer; }
@media (max-width:480px) { #wcs-widget-panel{ width:92%; right:4%; bottom:90px; } #wcs-widget-button{ padding:10px; } }

/* Modal repay */
.wcs-repay-modal { position: fixed; right: 20px; bottom: 120px; width: 360px; max-width: 94%; background:#fff;border:1px solid #e6eef6;border-radius:8px;padding:12px; box-shadow:0 24px 48px rgba(7,18,30,0.18); z-index:100000; }
.wcs-repay-modal-inner h3{ margin-top:0; }
#wcs-repay-modal-msg{ font-size:13px; padding:8px; border-radius:6px; background:#f6fff6; color:#1a7a1a; }

/* ---------------------------------
   Status chips (widget & dashboard)
   ---------------------------------*/
.wcs-widget-status{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  margin-left:4px;
}

.wcs-status-approved,
.wcs-status-active  { background:#e6ffe6; color:#145214; }

.wcs-status-used    { background:#fff7e0; color:#8a5c00; }

.wcs-status-overdue { background:#ffe6e6; color:#a32020; }

.wcs-status-pending,
.wcs-status-processing { background:#e6f0ff; color:#214f9c; }

.wcs-status-not_applied { background:#f2f2f2; color:#555; }

.wcs-status-blacklisted,
.wcs-status-rejected { background:#ffe6e6; color:#a32020; }
