#wcs-root{all:initial}
.wcs-hidden{display:none!important}
.wcs-widget,.wcs-widget *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
.wcs-widget{position:fixed;z-index:999999}
.wcs-widget.bottom-right{right:22px;bottom:22px}
.wcs-widget.bottom-left{left:22px;bottom:22px}
.wcs-widget.top-right{right:22px;top:22px}
.wcs-widget.top-left{left:22px;top:22px}
.wcs-widget.rtl{direction:rtl}
.wcs-trigger{display:flex;align-items:center;gap:10px;border:none;cursor:pointer;border-radius:999px;padding:13px 16px;box-shadow:0 14px 35px rgba(0,0,0,.18);color:#fff;font-size:14px;font-weight:700;line-height:1;position:relative}
.wcs-trigger svg{width:22px;height:22px;flex:0 0 22px}
.wcs-badge{position:absolute;top:-4px;right:-2px;background:#ff4d4f;color:#fff;min-width:20px;height:20px;border-radius:999px;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff}
.wcs-widget.rtl .wcs-badge{right:auto;left:-2px}
.wcs-panel{width:360px;max-width:calc(100vw - 24px);border-radius:20px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.22);margin-top:12px;background:#fff;display:none}
.wcs-open .wcs-panel{display:block}
.wcs-header{padding:18px 18px 14px;color:#fff}
.wcs-brand{display:flex;align-items:center;gap:12px}
.wcs-logo{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);object-fit:cover;flex:0 0 42px}
.wcs-title{font-size:17px;font-weight:700;margin:0 0 4px}
.wcs-subtitle{font-size:12px;opacity:.95;margin:0}
.wcs-body{padding:14px;background:#f7f9fb}
.wcs-card{background:#fff;border:1px solid #edf1f5;border-radius:16px;padding:12px 12px 10px;margin-bottom:10px}
.wcs-topnote{font-size:12px;color:#67728a;margin-bottom:12px}
.wcs-search{width:100%;padding:11px 12px;border:1px solid #dbe2ea;border-radius:12px;outline:none;margin-bottom:10px}
.wcs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.wcs-tab{border:1px solid #dbe2ea;background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}
.wcs-tab.active{color:#fff}
.wcs-agent{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid #eef2f6}
.wcs-agent:last-child{border-bottom:none;padding-bottom:0}
.wcs-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#edf2f7;flex:0 0 44px}
.wcs-agent-main{flex:1;min-width:0}
.wcs-agent-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.wcs-agent-name{font-weight:700;font-size:14px;color:#162033}
.wcs-status{font-size:11px;font-weight:700;padding:5px 8px;border-radius:999px;background:#eefaf2;color:#15803d;white-space:nowrap}
.wcs-status.offline{background:#fff3f2;color:#d14343}
.wcs-meta{font-size:12px;color:#617089;margin-top:4px;line-height:1.45}
.wcs-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.wcs-btn{border:none;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer}
.wcs-btn-primary{color:#fff}
.wcs-btn-secondary{background:#eef3f8;color:#263247}
.wcs-form{display:grid;gap:10px;margin-top:12px}
.wcs-form input,.wcs-form textarea,.wcs-form select{width:100%;padding:11px 12px;border:1px solid #dbe2ea;border-radius:12px;outline:none;background:#fff;font-size:13px}
.wcs-form textarea{min-height:90px;resize:vertical}
.wcs-inline-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.wcs-inline-links a{text-decoration:none;font-size:12px;padding:8px 10px;border-radius:10px;background:#eef3f8;color:#263247}
.wcs-footer-note{font-size:11px;color:#8090a6;margin-top:8px}
.wcs-close{margin-left:auto;background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 0 0 10px}
.wcs-widget.rtl .wcs-close{margin-left:0;margin-right:auto;padding:0 10px 0 0}
.wcs-theme-dark .wcs-panel{background:#111827}
.wcs-theme-dark .wcs-body{background:#0f172a}
.wcs-theme-dark .wcs-card{background:#111827;border-color:#253041}
.wcs-theme-dark .wcs-agent-name{color:#f9fafb}
.wcs-theme-dark .wcs-meta,.wcs-theme-dark .wcs-topnote,.wcs-theme-dark .wcs-footer-note{color:#c0c9d6}
.wcs-theme-dark .wcs-search,.wcs-theme-dark .wcs-form input,.wcs-theme-dark .wcs-form textarea,.wcs-theme-dark .wcs-form select{background:#0b1220;border-color:#253041;color:#f9fafb}
.wcs-theme-dark .wcs-btn-secondary,.wcs-theme-dark .wcs-inline-links a,.wcs-theme-dark .wcs-tab{background:#162033;color:#e5edf8;border-color:#253041}
.wcs-theme-glass .wcs-panel{background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}
.wcs-theme-glass .wcs-body{background:rgba(247,249,251,.72)}
@media(max-width:767px){.wcs-widget{right:14px!important;left:auto!important;bottom:14px!important;top:auto!important}.wcs-panel{width:min(360px,calc(100vw - 20px))}.wcs-trigger span{display:none}}

.wcs-trigger{transition:transform .18s ease,box-shadow .18s ease}.wcs-trigger:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(0,0,0,.22)}.wcs-search:focus,.wcs-form input:focus,.wcs-form textarea:focus{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.wcs-card{transition:box-shadow .18s ease,border-color .18s ease}.wcs-card:hover{box-shadow:0 8px 20px rgba(16,24,40,.05)}
