.ssdesk-app{--ssdesk-primary:#2563eb;--ssdesk-ink:#0f172a;--ssdesk-muted:#64748b;--ssdesk-border:#e2e8f0;--ssdesk-bg:#f8fafc;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:640px;background:var(--ssdesk-bg);color:var(--ssdesk-ink);border:1px solid var(--ssdesk-border);border-radius:20px;overflow:hidden;font-family:inherit;line-height:1.65}.ssdesk-app *{box-sizing:border-box}.ssdesk-sidebar{padding:24px 14px;background:#0f172a;color:#fff}.ssdesk-brand{display:flex;align-items:center;gap:10px;padding:0 10px 24px}.ssdesk-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#60a5fa,#2563eb);font-weight:800}.ssdesk-sidebar nav{display:grid;gap:5px}.ssdesk-sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#cbd5e1;text-decoration:none}.ssdesk-sidebar nav a:hover,.ssdesk-sidebar nav a:focus-visible,.ssdesk-sidebar nav a.is-active{color:#fff;background:rgba(255,255,255,.1);outline:none}.ssdesk-main{min-width:0;padding:32px}.ssdesk-page-head,.ssdesk-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ssdesk-page-head h2{margin:3px 0;font-size:26px}.ssdesk-page-head p,.ssdesk-page-head span,.ssdesk-page-head>div>span{color:var(--ssdesk-muted)}.ssdesk-back{font-size:13px;text-decoration:none}.ssdesk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 17px;border:0;border-radius:10px;background:var(--ssdesk-primary);color:#fff!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.ssdesk-btn:hover,.ssdesk-btn:focus-visible{filter:brightness(.92);outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.ssdesk-btn:disabled{opacity:.6;cursor:wait}.ssdesk-btn-secondary{background:#fff;color:var(--ssdesk-ink)!important;border:1px solid var(--ssdesk-border)}.ssdesk-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ssdesk-spin .7s linear infinite}.is-loading .ssdesk-spinner{display:block}@keyframes ssdesk-spin{to{transform:rotate(360deg)}}.ssdesk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.ssdesk-stat,.ssdesk-card{padding:20px;background:#fff;border:1px solid var(--ssdesk-border);border-radius:14px;box-shadow:0 3px 14px rgba(15,23,42,.035)}.ssdesk-stat{display:flex;flex-direction:column;gap:8px}.ssdesk-stat span{color:var(--ssdesk-muted);font-size:13px}.ssdesk-stat strong{font-size:28px}.ssdesk-card h3{margin:0}.ssdesk-table-wrap{overflow:auto}.ssdesk-table{width:100%;border-collapse:collapse}.ssdesk-table th,.ssdesk-table td{padding:13px 12px;text-align:start;border-bottom:1px solid var(--ssdesk-border)}.ssdesk-table th{color:var(--ssdesk-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ssdesk-ticket-link{display:flex;flex-direction:column;color:var(--ssdesk-ink);text-decoration:none}.ssdesk-ticket-link small{color:var(--ssdesk-muted)}.ssdesk-badge{display:inline-flex;padding:4px 9px;border-radius:20px;background:color-mix(in srgb,var(--badge-color) 13%,white);color:var(--badge-color);font-size:12px;font-weight:700;white-space:nowrap}.ssdesk-empty{text-align:center;padding:60px 20px}.ssdesk-empty>.dashicons{width:52px;height:52px;font-size:52px;color:#94a3b8}.ssdesk-empty h3{margin:14px 0 4px}.ssdesk-empty p{color:var(--ssdesk-muted);margin:0 0 18px}.ssdesk-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ssdesk-field,.ssdesk-reply label{display:flex;flex-direction:column;gap:7px;font-weight:600}.ssdesk-field-full{grid-column:1/-1}.ssdesk-field input,.ssdesk-field select,.ssdesk-field textarea,.ssdesk-reply input,.ssdesk-reply textarea,.ssdesk-rating textarea{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ssdesk-ink);font:inherit}.ssdesk-field input:focus,.ssdesk-field select:focus,.ssdesk-field textarea:focus,.ssdesk-reply textarea:focus{border-color:var(--ssdesk-primary);outline:3px solid rgba(37,99,235,.14)}.ssdesk-field small{color:var(--ssdesk-muted);font-weight:400}.ssdesk-choice{display:inline-flex;align-items:center;gap:5px;margin-inline-end:14px;font-weight:400}.ssdesk-choice input{width:auto;min-height:0}.ssdesk-honeypot{position:absolute!important;inset-inline-start:-9999px!important}.ssdesk-actions{display:flex;justify-content:flex-end}.ssdesk-toast{padding:12px 15px;border-radius:10px;margin-bottom:18px}.ssdesk-toast-success{background:#dcfce7;color:#166534}.ssdesk-toast-error{background:#fee2e2;color:#991b1b}.ssdesk-conversation{display:grid;gap:17px;margin-bottom:22px}.ssdesk-message{display:flex;gap:11px;max-width:83%}.ssdesk-message.is-agent{margin-inline-end:auto}.ssdesk-message.is-customer{margin-inline-start:auto;flex-direction:row-reverse}.ssdesk-avatar img{border-radius:50%}.ssdesk-message-body{min-width:0;padding:14px 16px;border-radius:4px 16px 16px;background:#fff;border:1px solid var(--ssdesk-border)}.is-customer .ssdesk-message-body{background:#eff6ff;border-color:#bfdbfe;border-radius:16px 4px 16px 16px}.ssdesk-message-body header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ssdesk-message-body header span{font-size:11px;padding:2px 6px;border-radius:10px;background:#e2e8f0;color:#475569}.ssdesk-message-body time{margin-inline-start:auto;color:var(--ssdesk-muted);font-size:11px}.ssdesk-message-content p:last-child{margin-bottom:0}.ssdesk-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ssdesk-attachments a{display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--ssdesk-border);border-radius:8px;text-decoration:none;font-size:12px}.ssdesk-reply{display:grid;gap:14px}.ssdesk-reply button{justify-self:end}.ssdesk-rating fieldset{display:flex;flex-direction:row-reverse;justify-content:flex-end;border:0;padding:8px 0;margin:0}.ssdesk-rating fieldset input{position:absolute;opacity:0}.ssdesk-rating fieldset label{font-size:32px;color:#cbd5e1;cursor:pointer}.ssdesk-rating fieldset input:checked~label,.ssdesk-rating fieldset label:hover,.ssdesk-rating fieldset label:hover~label{color:#f59e0b}.ssdesk-profile{display:flex;align-items:center;gap:18px}.ssdesk-profile img{border-radius:50%}.ssdesk-profile p{color:var(--ssdesk-muted)}.ssdesk-notification-list{display:grid;gap:8px}.ssdesk-notification{display:flex;gap:12px;padding:15px;background:#fff;border:1px solid var(--ssdesk-border);border-radius:11px;text-decoration:none;color:var(--ssdesk-ink)}.ssdesk-notification.is-unread{border-inline-start:4px solid var(--ssdesk-primary);background:#eff6ff}.ssdesk-notification span:last-child{display:flex;flex-direction:column}.ssdesk-notification small{color:var(--ssdesk-muted)}.ssdesk-pagination ul{display:flex;gap:6px;justify-content:center;list-style:none}.ssdesk-pagination a,.ssdesk-pagination span{display:grid;place-items:center;min-width:35px;height:35px;border:1px solid var(--ssdesk-border);border-radius:8px;text-decoration:none}.ssdesk-pagination .current{background:var(--ssdesk-primary);color:#fff}@media(max-width:800px){.ssdesk-app{grid-template-columns:1fr}.ssdesk-sidebar{padding:12px}.ssdesk-brand{display:none}.ssdesk-sidebar nav{grid-template-columns:repeat(5,1fr)}.ssdesk-sidebar nav a{justify-content:center;font-size:0}.ssdesk-sidebar nav .dashicons{font-size:20px}.ssdesk-main{padding:20px}.ssdesk-stats{grid-template-columns:repeat(2,1fr)}.ssdesk-form{grid-template-columns:1fr}.ssdesk-message{max-width:95%}}@media(max-width:560px){.ssdesk-main{padding:15px}.ssdesk-page-head{align-items:flex-start;flex-direction:column}.ssdesk-table thead{display:none}.ssdesk-table tr{display:block;padding:10px 0;border-bottom:1px solid var(--ssdesk-border)}.ssdesk-table td{display:flex;justify-content:space-between;gap:15px;border:0;padding:6px}.ssdesk-table td:before{content:attr(data-label);font-weight:700;color:var(--ssdesk-muted)}.ssdesk-message{max-width:100%}.ssdesk-avatar{display:none}}[dir="rtl"] .ssdesk-message-body{border-radius:16px 4px 16px 16px}[dir="rtl"] .is-customer .ssdesk-message-body{border-radius:4px 16px 16px 16px}