.dashboard-ticket-center{--ticket-line:#283348;--ticket-muted:#8995a8;--ticket-purple:#8b5cf6;color:#f4f7fb}
.dashboard-ticket-center *{box-sizing:border-box}
.dashboard-ticket-center .ticket-page{width:100%;padding:0 0 48px}
.dashboard-ticket-center .ticket-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.dashboard-ticket-center .ticket-hero h1{margin:7px 0 4px;font-size:30px}
.dashboard-ticket-center .ticket-hero p{margin:0;color:var(--ticket-muted);font-size:13px;line-height:1.9}
.dashboard-ticket-center .primary-button,.dashboard-ticket-center .secondary-button{border:0;border-radius:11px;padding:12px 18px;color:#fff;font:700 12px Vazirmatn;cursor:pointer}
.dashboard-ticket-center .primary-button{background:linear-gradient(135deg,#8b5cf6,#6540c3);box-shadow:0 10px 30px #7446d333}
.dashboard-ticket-center .secondary-button{border:1px solid #344258;background:#192231;color:#cbd4e1}
.dashboard-ticket-center button:disabled{opacity:.5;cursor:not-allowed}
.dashboard-ticket-center .ticket-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}
.dashboard-ticket-center .summary-card{position:relative;overflow:hidden;padding:17px;text-align:right;border:1px solid var(--ticket-line);border-radius:15px;background:linear-gradient(145deg,#151c28,#10151e);color:#fff;cursor:pointer}
.dashboard-ticket-center .summary-card:after{content:"";position:absolute;width:90px;height:90px;left:-35px;top:-40px;border-radius:50%;background:#7c5ce822}
.dashboard-ticket-center .summary-card.active{border-color:#7657c7;box-shadow:inset 0 0 0 1px #7657c744}
.dashboard-ticket-center .summary-card span,.dashboard-ticket-center .summary-card small,.dashboard-ticket-center .summary-card strong{display:block}
.dashboard-ticket-center .summary-card span{font-size:12px;color:#9aa5b7}.dashboard-ticket-center .summary-card strong{font-size:27px;margin:6px 0}.dashboard-ticket-center .summary-card small{color:#657287;font-size:10px}
.dashboard-ticket-center .ticket-workspace{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.45fr);min-height:620px;border:1px solid var(--ticket-line);border-radius:19px;background:#0d121a;overflow:hidden;box-shadow:0 30px 90px #0006}
.dashboard-ticket-center .ticket-list-panel{border-left:1px solid var(--ticket-line);background:#0f141d;min-width:0}
.dashboard-ticket-center .list-toolbar{display:flex;gap:8px;padding:15px;border-bottom:1px solid #222c3d}
.dashboard-ticket-center .ticket-search{display:flex;align-items:center;gap:8px;flex:1;padding:0 11px;border:1px solid #2c374a;border-radius:10px;background:#090d14;color:#647086}
.dashboard-ticket-center .ticket-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:12px Vazirmatn}
.dashboard-ticket-center .list-toolbar>button{width:38px;border:1px solid #303b4f;border-radius:10px;background:#171e2a;color:#aeb8c8;font-size:17px;cursor:pointer}
.dashboard-ticket-center .ticket-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 15px;border-bottom:1px solid #222c3d}
.dashboard-ticket-center .ticket-filter-row select{min-width:0;padding:10px;border:1px solid #293548;border-radius:8px;background:#121925;color:#aab4c5;font:11px Vazirmatn}
.dashboard-ticket-center .ticket-list{height:530px;overflow:auto}
.dashboard-ticket-center .ticket-item{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%;padding:17px;border:0;border-bottom:1px solid #202938;background:transparent;color:#fff;text-align:right;cursor:pointer}
.dashboard-ticket-center .ticket-item:hover,.dashboard-ticket-center .ticket-item.active{background:#181d2a}.dashboard-ticket-center .ticket-item.active{box-shadow:inset -3px 0 #8b5cf6}
.dashboard-ticket-center .ticket-item-head,.dashboard-ticket-center .ticket-item-meta,.dashboard-ticket-center .detail-title-row,.dashboard-ticket-center .detail-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dashboard-ticket-center .ticket-number{color:#8f9caf;font-size:10px;direction:ltr}.dashboard-ticket-center .unread-dot{width:7px;height:7px;border-radius:50%;background:#9d7aff;box-shadow:0 0 12px #9d7aff}
.dashboard-ticket-center .ticket-item h3{margin:6px 0 7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-ticket-center .ticket-item-meta,.dashboard-ticket-center .ticket-item time{color:#6e7b90;font-size:10px}
.dashboard-ticket-center .status-badge,.dashboard-ticket-center .priority-badge,.dashboard-ticket-center .category-badge{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;font-style:normal;white-space:nowrap}
.dashboard-ticket-center .status-pending_admin,.dashboard-ticket-center .status-open{background:#26203f;color:#c3b3ff}.dashboard-ticket-center .status-pending_user{background:#3a2b16;color:#f4ca76}.dashboard-ticket-center .status-resolved{background:#16372e;color:#71dfb8}.dashboard-ticket-center .status-closed{background:#222b38;color:#8491a5}
.dashboard-ticket-center .priority-urgent{background:#42202a;color:#ff9bae}.dashboard-ticket-center .priority-high{background:#3a2b16;color:#f5c56d}.dashboard-ticket-center .priority-normal,.dashboard-ticket-center .priority-low{background:#202a38;color:#9cabc0}
.dashboard-ticket-center .ticket-pagination{min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #222c3d;color:#78859a;font-size:11px}.dashboard-ticket-center .ticket-pagination button{border:1px solid #303c50;border-radius:7px;background:#171f2b;color:#c0c9d7;padding:6px 10px}
.dashboard-ticket-center .ticket-detail-panel{min-width:0;background:radial-gradient(circle at 100% 0,#25184555,transparent 36%),#0d121a}
.dashboard-ticket-center .detail-empty{height:100%;min-height:580px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.dashboard-ticket-center .detail-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#201a36;color:#b69cff;font-size:27px}.dashboard-ticket-center .detail-empty h2{margin:17px 0 5px;font-size:18px}.dashboard-ticket-center .detail-empty p{max-width:420px;margin:0 0 20px;color:#748096;font-size:12px;line-height:1.9}
.dashboard-ticket-center .detail-header{display:flex;justify-content:space-between;gap:18px;padding:20px 23px;border-bottom:1px solid var(--ticket-line);background:#101722bb}.dashboard-ticket-center .detail-header h2{margin:7px 0;font-size:17px}.dashboard-ticket-center .detail-meta{color:#7d899c;font-size:11px}.dashboard-ticket-center .detail-actions{display:flex;align-items:center;gap:7px}.dashboard-ticket-center .icon-action{border:1px solid #344156;border-radius:9px;background:#17202d;color:#b7c1d0;padding:8px 11px;font:11px Vazirmatn;cursor:pointer}
.dashboard-ticket-center .conversation{height:410px;overflow:auto;padding:22px}.dashboard-ticket-center .message-row{display:flex;margin-bottom:17px}.dashboard-ticket-center .message-row.user{justify-content:flex-start}.dashboard-ticket-center .message-row.admin{justify-content:flex-end}.dashboard-ticket-center .message-bubble{max-width:min(78%,650px);padding:14px 16px;border:1px solid #303b50;border-radius:16px 16px 5px 16px;background:#171f2b}.dashboard-ticket-center .message-row.admin .message-bubble{border-color:#60499b;background:linear-gradient(145deg,#2b2149,#201937);border-radius:16px 16px 16px 5px}.dashboard-ticket-center .message-author{display:flex;justify-content:space-between;gap:25px;color:#98a6bb;font-size:10px;margin-bottom:8px}.dashboard-ticket-center .message-bubble p{margin:0;color:#e4e9f1;font-size:13px;line-height:2;white-space:pre-wrap;word-break:break-word}
.dashboard-ticket-center .attachment-link{display:flex;align-items:center;gap:9px;margin-top:11px;padding:9px;border:1px solid #ffffff17;border-radius:9px;background:#080c1277;color:#c7baff;text-decoration:none;font-size:11px}.dashboard-ticket-center .attachment-link span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#30254e}
.dashboard-ticket-center .reply-box{padding:16px 20px 19px;border-top:1px solid var(--ticket-line);background:#0f151f}.dashboard-ticket-center .reply-box textarea{display:block;width:100%;min-height:94px;padding:12px;border:1px solid #303c50;border-radius:11px;background:#090e15;color:#fff;font:13px/1.9 Vazirmatn;resize:vertical;outline:0}.dashboard-ticket-center .reply-actions{display:flex;align-items:center;gap:9px;margin-top:9px}.dashboard-ticket-center .reply-actions .primary-button{margin-right:auto}.dashboard-ticket-center .reply-file{position:relative;display:inline-flex;align-items:center;gap:6px;color:#8e9aab;font-size:11px;cursor:pointer}.dashboard-ticket-center .reply-file input{position:absolute;opacity:0;pointer-events:none}.dashboard-ticket-center .reply-state,.dashboard-ticket-center .form-message{min-height:18px;margin:6px 0 0;color:#b49aff;font-size:11px}
.dashboard-ticket-center .loading-state,.dashboard-ticket-center .empty-list{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#748096;font-size:12px;text-align:center;padding:25px}.dashboard-ticket-center .loading-state i{width:25px;height:25px;border:2px solid #29344a;border-top-color:#9b7cf4;border-radius:50%;animation:ticket-spin .7s linear infinite}@keyframes ticket-spin{to{transform:rotate(360deg)}}
.dashboard-ticket-center .ticket-modal{width:min(650px,calc(100% - 28px));padding:0;border:1px solid #40345f;border-radius:20px;background:#111722;color:#fff;box-shadow:0 30px 100px #000c}.dashboard-ticket-center .ticket-modal::backdrop{background:#03050ad9;backdrop-filter:blur(8px)}.dashboard-ticket-center .ticket-modal form{padding:25px}.dashboard-ticket-center .modal-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard-ticket-center .modal-head h2{margin:4px 0;font-size:19px}.dashboard-ticket-center .modal-head p{margin:0;color:#7f8a9d;font-size:12px}.dashboard-ticket-center .close-button{width:34px;height:34px;flex:none;border:1px solid #344155;border-radius:9px;background:#18202d;color:#aeb9c9;font-size:20px;cursor:pointer}.dashboard-ticket-center .ticket-modal label{display:block;margin-bottom:14px;color:#aeb8c8;font-size:12px}.dashboard-ticket-center .ticket-modal input,.dashboard-ticket-center .ticket-modal select,.dashboard-ticket-center .ticket-modal textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #303c50;border-radius:9px;background:#0a0f17;color:#fff;font:13px Vazirmatn;outline:0}.dashboard-ticket-center .ticket-modal textarea{resize:vertical;line-height:1.9}.dashboard-ticket-center .ticket-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-ticket-center .attachment-field{display:flex!important;align-items:center;gap:12px;padding:13px;border:1px dashed #4b3d6d;border-radius:11px;background:#171526;cursor:pointer}.dashboard-ticket-center .attachment-field span{flex:1}.dashboard-ticket-center .attachment-field b,.dashboard-ticket-center .attachment-field small{display:block}.dashboard-ticket-center .attachment-field input{display:none}.dashboard-ticket-center .attachment-field em{font-style:normal;color:#c4b6ef}.dashboard-ticket-center .modal-actions{display:flex;gap:8px}.dashboard-ticket-center .ticket-toast{position:fixed;left:24px;bottom:24px;z-index:170;padding:12px 16px;border:1px solid #3f3760;border-radius:11px;background:#1a1730;color:#eee8ff;box-shadow:0 18px 50px #0009;font-size:12px}
@media(max-width:900px){.dashboard-ticket-center .ticket-summary{grid-template-columns:1fr 1fr}.dashboard-ticket-center .ticket-workspace{grid-template-columns:1fr}.dashboard-ticket-center .ticket-list-panel{border-left:0}.dashboard-ticket-center .ticket-list{height:430px}.dashboard-ticket-center .ticket-detail-panel{display:none}.dashboard-ticket-center .ticket-workspace.detail-open .ticket-list-panel{display:none}.dashboard-ticket-center .ticket-workspace.detail-open .ticket-detail-panel{display:block}.dashboard-ticket-center .conversation{height:calc(100vh - 365px);min-height:320px}}
@media(max-width:620px){.dashboard-ticket-center .ticket-page{padding-bottom:24px}.dashboard-ticket-center .ticket-hero{align-items:flex-start}.dashboard-ticket-center .ticket-hero h1{font-size:25px}.dashboard-ticket-center .ticket-hero p{font-size:11px}.dashboard-ticket-center .ticket-hero .primary-button{white-space:nowrap;padding:10px}.dashboard-ticket-center .ticket-summary{gap:8px}.dashboard-ticket-center .summary-card{padding:13px}.dashboard-ticket-center .summary-card small{display:none}.dashboard-ticket-center .summary-card strong{font-size:20px}.dashboard-ticket-center .ticket-form-row{grid-template-columns:1fr}.dashboard-ticket-center .ticket-modal form{padding:19px}.dashboard-ticket-center .message-bubble{max-width:90%}.dashboard-ticket-center .detail-header{flex-direction:column}}