:root{--st-bg:#07111f;--st-panel:#0c1a2c;--st-panel-2:#101f33;--st-line:#1d3854;--st-blue:#218bff;--st-cyan:#59c7ff;--st-text:#eef6ff;--st-muted:#91a7bf;--st-green:#36d399;--st-amber:#ffba4a;--st-red:#ff6174}.sanka-ticket-center{color:var(--st-text)}.sanka-ticket-center a{color:#7fc2ff}.sanka-ticket-center-head,.sanka-ticket-detail-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px;padding:26px;border:1px solid var(--st-line);border-radius:20px;background:radial-gradient(circle at 80% 0,rgba(33,139,255,.2),transparent 35%),linear-gradient(145deg,#0b1c30,#081421);box-shadow:0 20px 50px rgba(0,0,0,.22)}.sanka-ticket-center-head h2,.sanka-ticket-detail-head h2{margin:5px 0 8px;color:#fff;font-size:clamp(25px,4vw,38px)}.sanka-ticket-center-head p,.sanka-ticket-detail-head p{margin:0;color:var(--st-muted)}.sanka-ticket-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.sanka-ticket-summary>div{padding:20px;border:1px solid var(--st-line);border-radius:16px;background:rgba(12,26,44,.78)}.sanka-ticket-summary strong{display:block;font-size:28px;color:#fff}.sanka-ticket-summary span{color:var(--st-muted)}.sanka-ticket-cards{display:grid;gap:12px}.sanka-ticket-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px;border:1px solid var(--st-line);border-radius:16px;background:linear-gradient(135deg,rgba(16,31,51,.94),rgba(9,21,36,.94));text-decoration:none!important;transition:.2s}.sanka-ticket-list-card:hover{border-color:#286aa9;transform:translateY(-2px);box-shadow:0 16px 35px rgba(0,0,0,.2)}.sanka-ticket-list-card h3{margin:5px 0;color:#fff;font-size:17px}.sanka-ticket-list-card p,.sanka-ticket-list-meta time{margin:0;color:var(--st-muted);font-size:13px}.sanka-ticket-list-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;max-width:310px}.sanka-ticket-number{color:var(--st-cyan);font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.04em}.sanka-ticket-status,.sanka-priority-badge,.sanka-sla-badge,.sanka-category-chip{display:inline-flex!important;align-items:center;gap:6px;padding:6px 9px;border:1px solid #315070;border-radius:999px;background:#12243a;color:#d9e9fa!important;font-size:11px;font-weight:700;white-space:nowrap}.sanka-ticket-status i{font-style:normal}.status-new,.status-open,.status-reopened{border-color:#216cb2;background:#0d3155}.status-waiting-customer{border-color:#80652b;background:#372b14}.status-waiting-support{border-color:#754789;background:#2d1938}.status-resolved{border-color:#28775f;background:#12382e}.status-closed{opacity:.72}.priority-urgent{border-color:#a23d4a;background:#461d27}.priority-high{border-color:#936d29;background:#3d2b12}.priority-low{opacity:.72}.sanka-ticket-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px}.sanka-ticket-meta>span{padding:12px 14px;border:1px solid var(--st-line);border-radius:12px;background:rgba(10,24,40,.8);color:var(--st-muted);font-size:11px}.sanka-ticket-meta strong{display:block;margin-top:5px;color:var(--st-text);font-size:13px}.sanka-ticket-conversation{display:flex;flex-direction:column;gap:17px;padding:24px;border:1px solid var(--st-line);border-radius:20px;background:linear-gradient(180deg,rgba(6,16,29,.85),rgba(10,24,40,.82));min-height:260px}.sanka-conversation-message{display:flex;gap:11px;align-items:flex-start;max-width:86%}.sanka-conversation-message.is-customer{align-self:flex-end;flex-direction:row-reverse}.sanka-conversation-message.is-system{align-self:center;max-width:94%}.sanka-message-avatar{flex:0 0 38px}.sanka-message-avatar img,.sanka-message-avatar .sanka-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.sanka-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#1478e8,#51c9ff);color:white;font-weight:800}.sanka-message-card{min-width:0;padding:15px 17px;border:1px solid var(--st-line);border-radius:4px 16px 16px 16px;background:var(--st-panel-2);box-shadow:0 12px 28px rgba(0,0,0,.13)}.is-customer .sanka-message-card{border-color:#1c5991;border-radius:16px 4px 16px 16px;background:linear-gradient(145deg,#10365c,#102b48)}.is-internal .sanka-message-card{border-color:#8a642e;background:#352812}.is-system .sanka-message-card{padding:8px 14px;border-style:dashed;border-radius:999px;background:#0d1a2a;color:var(--st-muted);text-align:center}.sanka-message-card header{display:flex;justify-content:space-between;gap:24px;margin-bottom:10px}.sanka-message-card header strong{color:#fff}.sanka-message-card header span,.sanka-message-card time,.sanka-message-seen{display:block;color:var(--st-muted);font-size:10px}.sanka-message-body{color:#d9e8f7;overflow-wrap:anywhere}.sanka-message-body p:first-child{margin-top:0}.sanka-message-body p:last-child{margin-bottom:0}.sanka-message-body pre,.sanka-message-body code{max-width:100%;overflow:auto;background:#06101c;color:#bce2ff;border-radius:6px}.sanka-message-card footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.sanka-message-card footer a{display:flex;gap:7px;padding:7px 9px;border-radius:8px;background:#071523;text-decoration:none;font-size:12px}.sanka-message-card footer small{color:var(--st-muted)}.sanka-message-seen{text-align:right;margin-top:7px}.sanka-rich-reply,.sanka-ticket-new-form{margin-top:18px;padding:20px;border:1px solid var(--st-line);border-radius:18px;background:rgba(12,26,44,.9)}.sanka-ticket-new-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sanka-ticket-new-form .wide{grid-column:1/-1}.sanka-rich-reply textarea,.sanka-ticket-new-form textarea,.sanka-ticket-new-form input,.sanka-ticket-new-form select,.sanka-ticket-rating textarea{box-sizing:border-box;width:100%;border:1px solid #2b4968!important;border-radius:10px!important;background:#081625!important;color:#eef6ff!important}.sanka-rich-reply textarea{min-height:150px;margin:0 0 13px}.sanka-rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid #294864;border-bottom:0;border-radius:10px 10px 0 0;background:#0b1929}.sanka-rich-toolbar+textarea{border-radius:0 0 10px 10px!important}.sanka-rich-toolbar button{min-width:31px;padding:6px 8px;border:0;border-radius:5px;background:#142c45;color:#cfe7ff;cursor:pointer}.sanka-ticket-dropzone{display:block!important;padding:20px!important;border:1px dashed #3f6f9e!important;border-radius:12px;background:#091827;text-align:center;cursor:pointer}.sanka-ticket-dropzone.is-drag{border-color:var(--st-cyan)!important;background:#0e2b47}.sanka-ticket-dropzone input{position:absolute;width:1px!important;height:1px;opacity:0}.sanka-ticket-dropzone span,.sanka-ticket-dropzone small{display:block}.sanka-ticket-dropzone small{color:var(--st-muted)}[data-file-preview]>span{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:8px;border-radius:8px;background:#142b43}[data-file-preview] button{border:0;background:none;color:var(--st-red);font-size:20px}.sanka-ticket-status-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.sanka-ticket-status-actions form{margin:0}.sanka-ticket-status-actions button{padding:9px 13px;border:1px solid var(--st-line);border-radius:8px;background:#10243a;color:#dbeafe}.sanka-ticket-rating{margin-top:18px;padding:20px;border:1px solid var(--st-line);border-radius:16px;background:#0c1a2c}.sanka-stars{display:inline-flex;flex-direction:row-reverse}.sanka-stars input{position:absolute;opacity:0}.sanka-stars label{font-size:30px;color:#334b63;cursor:pointer}.sanka-stars input:checked~label,.sanka-stars label:hover,.sanka-stars label:hover~label{color:#ffc44f}.sanka-ticket-empty{text-align:center;padding:45px;border:1px dashed var(--st-line);border-radius:18px}.sanka-ticket-empty>span{font-size:36px;color:var(--st-cyan)}.sanka-ticket-toasts{position:fixed;right:20px;bottom:20px;z-index:100000;display:grid;gap:9px}.sanka-ticket-toasts>div{max-width:330px;padding:13px 16px;border:1px solid #2b6da8;border-radius:10px;background:#0c2238;color:#fff;box-shadow:0 15px 40px #0008;transition:.3s}.sanka-ticket-toasts .is-out{opacity:0;transform:translateY(8px)}
.sanka-ticket-admin{--st-text:#172033;--st-muted:#5d6b7c}.sanka-ticket-admin .sanka-panel{border:1px solid #dce5ee;border-radius:14px;background:#fff}.sanka-ticket-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.sanka-ticket-metrics>div{padding:15px;border:1px solid #dce6f0;border-radius:12px;background:#fff}.sanka-ticket-metrics span{display:block;color:#667589;font-size:11px}.sanka-ticket-metrics strong{font-size:21px}.sanka-ticket-charts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sanka-ticket-charts section{padding:14px}.sanka-mini-bars>div{display:grid;grid-template-columns:80px 1fr 28px;gap:7px;align-items:center;font-size:10px}.sanka-mini-bars i{height:5px;width:var(--value);max-width:100%;border-radius:9px;background:#1677ff}.sanka-admin-filter-panel{padding:12px 16px;margin:14px 0}.sanka-admin-filter-panel form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sanka-ticket-admin-list{padding:0;overflow:hidden}.sanka-list-caption{display:flex;justify-content:space-between;padding:16px 18px}.sanka-ticket-admin-table{overflow:auto}.sanka-ticket-admin-row{display:grid;grid-template-columns:1.3fr 1.4fr 1.1fr .8fr 1fr .7fr .8fr;gap:11px;align-items:center;min-width:1050px;padding:12px 16px;border-top:1px solid #e3eaf1}.sanka-ticket-admin-row.is-head{background:#f3f7fb;font-size:11px;font-weight:700}.sanka-ticket-admin-row span{display:block;font-size:11px;color:#667589}.sanka-ticket-admin-row .sanka-ticket-status,.sanka-ticket-admin-row .sanka-priority-badge{display:inline-flex!important;margin:2px;color:#27425d!important}.sanka-row-actions form{display:inline}.sanka-ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:16px}.sanka-ticket-detail-grid main{padding:18px}.sanka-ticket-detail-hero{display:flex;justify-content:space-between;padding:22px;border-radius:15px;background:linear-gradient(135deg,#091a2d,#123b62);color:white}.sanka-ticket-detail-hero h1{color:#fff}.sanka-ticket-detail-hero dl{display:flex;gap:18px}.sanka-ticket-detail-hero dt{font-size:10px;color:#a9c3dd}.sanka-ticket-detail-hero dd{margin:3px 0}.sanka-ticket-detail-page aside>.sanka-panel,.sanka-ticket-detail-page aside>form{padding:16px;margin:0 0 13px}.sanka-customer-identity{display:flex;gap:10px;align-items:center}.sanka-customer-card dl{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.sanka-customer-card dd{margin:0}.sanka-sla-badge.sla-breached{border-color:#d33;color:#9a1e2c!important}.sanka-sla-badge.sla-approaching{border-color:#d49a22;color:#7d5610!important}
@media(max-width:1100px){.sanka-ticket-metrics{grid-template-columns:repeat(3,1fr)}.sanka-ticket-charts{grid-template-columns:repeat(2,1fr)}.sanka-ticket-detail-grid{grid-template-columns:1fr}.sanka-ticket-detail-page aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sanka-ticket-detail-page aside>.sanka-panel,.sanka-ticket-detail-page aside>form{margin:0}}
@media(max-width:700px){.sanka-ticket-center-head,.sanka-ticket-detail-head,.sanka-ticket-detail-hero{display:block;padding:19px}.sanka-ticket-center-head .sanka-button{display:inline-block;margin-top:16px}.sanka-ticket-summary{grid-template-columns:1fr}.sanka-ticket-list-card{grid-template-columns:1fr}.sanka-ticket-list-meta{justify-content:flex-start;max-width:none}.sanka-ticket-meta{grid-template-columns:1fr 1fr}.sanka-ticket-conversation{padding:13px}.sanka-conversation-message{max-width:96%}.sanka-message-card{padding:12px;max-width:calc(100vw - 108px)}.sanka-ticket-new-form{grid-template-columns:1fr;padding:14px}.sanka-ticket-new-form .wide{grid-column:auto}.sanka-ticket-status-actions{flex-direction:column}.sanka-ticket-status-actions button{width:100%}.sanka-ticket-metrics,.sanka-ticket-charts{grid-template-columns:1fr 1fr}.sanka-ticket-detail-page aside{grid-template-columns:1fr}.sanka-ticket-detail-hero dl{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.sanka-ticket-toasts{left:12px;right:12px;bottom:12px}.sanka-ticket-toasts>div{max-width:none}}
@media(max-width:430px){.sanka-ticket-meta,.sanka-ticket-metrics,.sanka-ticket-charts{grid-template-columns:1fr}.sanka-message-card header{display:block}.sanka-message-card{max-width:calc(100vw - 88px)}.sanka-rich-toolbar button{font-size:11px}.sanka-ticket-detail-hero dl{grid-template-columns:1fr}}
.sanka-notifications{position:relative}.sanka-notifications summary{cursor:pointer;list-style:none}.sanka-notifications summary b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:-5px;border-radius:99px;background:#1677ff;color:#fff;font-size:10px}.sanka-notifications>div{position:absolute;z-index:999;right:0;top:calc(100% + 10px);width:min(390px,90vw);max-height:470px;overflow:auto;border:1px solid #234363;border-radius:14px;background:#091829;box-shadow:0 22px 55px #0009}.sanka-notifications>div header{display:flex;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #1c3650;color:#fff}.sanka-notifications>div header button{border:0;background:none;color:#71bbff;cursor:pointer}.sanka-notifications>div>a{display:flex!important;gap:10px;padding:13px 15px!important;border-bottom:1px solid #172d43;color:#dbeafe!important;text-decoration:none!important}.sanka-notifications>div>a.is-unread{background:#0d2d4c}.sanka-notifications>div>a i{font-style:normal}.sanka-notifications>div>a span,.sanka-notifications>div>a strong,.sanka-notifications>div>a small{display:block}.sanka-notifications>div>a strong{color:#fff}.sanka-notifications>div>a small{color:#86a0bb}@media(max-width:600px){.sanka-notifications{position:static}.sanka-notifications>div{position:fixed;left:10px;right:10px;top:72px;width:auto;max-height:calc(100vh - 92px)}}