.tk-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:27px 30px;background:linear-gradient(110deg,#edf4ff,#f8fbff);border:1px solid #d0e0fa;border-radius:16px;margin:0 0 24px}.tk-hero small{font-size:10px;letter-spacing:.15em;color:#2860aa;font-weight:750}.tk-hero h2{font-size:25px;letter-spacing:-.7px;margin:9px 0}.tk-hero p{margin:0;color:#607089;font-size:13px;line-height:1.7}.tk-hero-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#dceaff;color:#346bc1;flex:none}.tk-hero-mark svg{width:29px;height:29px}.tk-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.tk-stats>button{flex:1;text-align:left;padding:18px 20px;background:#fff;border:1px solid #dce4ee;border-radius:12px;display:grid;gap:8px;color:#64748b;font:inherit;min-width:130px}.tk-stats strong{font-size:25px;color:#25344c}.tk-stats span{font-size:12px}.tk-stats button.is-active{border-color:#5488df;background:#f3f7ff}.tk-workspace{display:grid;grid-template-columns:minmax(265px,.85fr) minmax(0,1.7fr);gap:20px;align-items:start}.tk-inbox,.tk-detail{background:#fff;border:1px solid #dce4ee;border-radius:15px;overflow:hidden;min-width:0}.tk-inbox-head{padding:20px;border-bottom:1px solid #e7edf5}.tk-inbox-head>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tk-inbox-head h3{font-size:15px;margin:0}.tk-search{display:block;font-size:11px;color:#6d7b8f}.tk-search input,.tk-search select{width:100%;min-height:40px;padding:10px 12px;margin-top:6px;background:#f8fafd;border:1px solid #dce4ee;border-radius:8px;font:inherit;font-size:13px;color:#24344c}.tk-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tk-ticket{display:block;width:100%;border:0;border-bottom:1px solid #edf1f6;border-left:3px solid transparent;background:#fff;padding:19px;text-align:left;color:#27364c;font:inherit;cursor:pointer}.tk-ticket:hover{background:#f7faff}.tk-ticket.is-selected{border-left-color:#367ae7;background:#eef5ff}.tk-ticket>small,.tk-ticket>strong,.tk-ticket>p{display:block}.tk-ticket>small{font-size:10px;color:#77869c;margin-bottom:8px}.tk-ticket>strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.tk-ticket>p{font-size:12px;color:#758298;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-ticket-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px}.tk-ticket-bottom small{font-size:10px;color:#8090a6}.tk-status{display:inline-flex;align-items:center;border-radius:6px;padding:5px 8px;font-size:10px!important;font-weight:650;font-style:normal;white-space:nowrap;background:#edf2f8;color:#63738b}.tk-open{color:#315fa2;background:#eaf2ff}.tk-in_progress{background:#e5edfc;color:#305caa}.tk-waiting{background:#fff3dc;color:#856323}.tk-resolved,.tk-closed{background:#edf1f6;color:#69798b}.tk-detail-head{padding:23px;border-bottom:1px solid #e6edf5}.tk-detail-head>div:first-child{display:flex;align-items:center;gap:12px;justify-content:space-between}.tk-detail-head small{color:#6c809c;font-size:11px;letter-spacing:.05em}.tk-detail-head h2,.tk-detail-head h3{font-size:21px;letter-spacing:-.4px;line-height:1.4;margin:15px 0 10px;overflow-wrap:anywhere}.tk-ticket-facts{display:flex;flex-wrap:wrap;gap:8px 18px;color:#7b889a;font-size:11px}.tk-detail-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.tk-detail button,.tk-detail select,.tk-detail input,.tk-detail textarea{font-family:inherit}.tk-thread-heading{display:flex;justify-content:space-between;padding:21px 24px 0;font-size:11px;color:#74839a}.tk-conversation{padding:24px;display:flex;flex-direction:column;gap:23px;max-height:570px;overflow:auto;overscroll-behavior:contain;background:#fcfdff}.tk-message{max-width:95%;min-width:0}.tk-own{align-self:flex-end;width:92%}.tk-other{align-self:flex-start;width:92%}.tk-message-meta{display:flex;align-items:center;gap:8px;color:#42536c;font-size:11px;flex-wrap:wrap;margin-bottom:8px}.tk-avatar{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:#e5eefc;color:#3f6caa;font-size:9px;font-weight:700}.tk-message-meta time{margin-left:auto;font-size:10px;color:#8792a3}.tk-message-body{background:#f0f3f8;border:1px solid #e7ecf3;padding:16px 18px;border-radius:3px 13px 13px 13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#3a4a63;font-size:13px;line-height:1.8}.tk-own .tk-message-body{background:#eaf2ff;border-color:#dbe8ff;border-radius:13px 3px 13px 13px}.tk-internal{width:100%;max-width:100%}.tk-internal .tk-message-body{background:#fff8e9;border:1px dashed #e3c995}.tk-internal>small{font-size:10px;color:#967b44;display:block;margin-top:7px}.tk-note-label{font-size:9px;background:#fff0cc;color:#886b27;border-radius:5px;padding:4px 6px}.tk-composer{padding:23px;border-top:1px solid #e4ebf4;display:grid;gap:13px;background:#fff}.tk-composer label{display:grid;gap:8px;color:#43546d;font-size:12px;font-weight:600}.tk-composer textarea{resize:vertical;width:100%;min-height:115px;box-sizing:border-box;background:#f9fbfe;border:1px solid #cad8eb;border-radius:10px;padding:13px;font:inherit;font-weight:400;font-size:13px;line-height:1.6;color:#334761}.tk-composer textarea:focus{outline:2px solid #b5cfff;border-color:#477fd6}.tk-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tk-compose-footer small,.tk-composer>p{font-size:10px;color:#7b8ba2;line-height:1.65;margin:0}.tk-composer output,.tk-detail>output{display:block;font-size:12px;color:#536783;line-height:1.6}.tk-detail>output{padding:0 24px 12px}.tk-empty{padding:60px 26px;text-align:center;color:#7b8ba2;font-size:13px;line-height:1.7}.tk-empty h3{color:#40546f;font-size:19px;margin:14px 0}.tk-back{display:none!important}.tk-mode-switch{display:flex;gap:8px;align-items:center}.tk-mode-switch select,.tk-status-after select{padding:9px 11px;border:1px solid #d5dfeb;border-radius:8px;background:#f5f8fd;color:#334c70;font:inherit;font-size:12px}.tk-composer[data-visibility="internal"]{background:#fffcf4;border-top-color:#ecd9b5}.tk-composer[data-visibility="internal"] textarea{background:#fffdf8;border-color:#e5d6b9}.tk-manage{padding:18px 23px;background:#f9fbfd;border-bottom:1px solid #e5ecf5;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tk-manage label{display:grid;gap:6px;font-size:11px;color:#728197}.tk-manage select,.tk-manage input{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #d9e2ef;border-radius:8px;background:#fff;color:#344860;font:inherit;font-size:12px}.tk-manage .tk-assignee{grid-column:1/-1}.tk-manage-actions{display:flex;gap:8px;grid-column:1/-1;flex-wrap:wrap}.tk-internal-hint{padding:11px 24px;background:#fff7e5;font-size:11px;line-height:1.6;color:#8d702e}.tk-history{padding:15px 24px;font-size:11px;color:#718198;border-top:1px solid #e6edf5}.tk-history summary{cursor:pointer}.tk-history ol{padding-left:16px;line-height:1.7}.tk-history time{display:block;color:#97a1b1;font-size:10px}.tk-readonly{padding:18px 24px;color:#657890;background:#f5f8fc;font-size:12px}.tk-refresh-note{display:block;font-size:11px;color:#8593a7;padding:11px 20px}.tk-admin-list-filters{display:flex;gap:10px;align-items:center;margin:0 24px 18px;font-size:11px;color:#76859a}.tk-admin-list-filters select{padding:8px;border:1px solid #d5dfeb;border-radius:7px;background:#fff;color:#425877}.tk-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.tk-shortcuts button{padding:6px 9px;border:1px solid #d8e4f4;border-radius:6px;background:#f5f8fd;color:#5b7396;font-size:10px}#overview-tickets .service-desk-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.7fr);align-items:start;padding:0 20px 20px;gap:18px}#overview-tickets #ticket-detail{padding:0;overflow:hidden;background:white;border:1px solid #dce4ee;border-radius:12px;min-width:0}#overview-tickets .ticket-row{padding:17px 12px}#overview-tickets .ticket-row-main strong{overflow-wrap:anywhere}#overview-tickets .ticket-row-meta{gap:7px}#overview-tickets .ticket-row-main>p{font-size:11px;color:#8290a4;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0}#overview-tickets .ticket-stats{margin-bottom:20px}body[data-admin-role="viewer"] :is(.tk-manage,#ticket-comment-form){display:none!important}
body[data-admin-section="tickets"] #open-create{display:none!important}@media(min-width:761px){.tk-inbox,#overview-tickets #ticket-list{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto}}@media(max-width:760px){#support-view:has(.tk-show-detail) :is(.tk-hero,.tk-stats){display:none}#overview-tickets.tk-show-detail :is(#ticket-stats,.ticket-toolbar,.tk-admin-list-filters){display:none}}
@media(max-width:1100px){.tk-workspace,#overview-tickets .service-desk-grid{grid-template-columns:minmax(230px,.75fr) minmax(0,1fr)}.tk-hero{padding:22px}.tk-message{max-width:100%}.tk-own,.tk-other{width:100%}}
@media(max-width:760px){.tk-hero{padding:20px;align-items:start}.tk-hero h2{font-size:20px}.tk-hero-mark{display:none}.tk-workspace,#overview-tickets .service-desk-grid{grid-template-columns:1fr}.tk-stats{gap:8px}.tk-stats>button{padding:13px;min-width:90px}.tk-stats strong{font-size:22px}.tk-stats span{font-size:10px}.tk-back{display:inline-flex!important}.tk-workspace:not(.tk-show-detail) .tk-detail{display:none}.tk-workspace.tk-show-detail .tk-inbox{display:none}#overview-tickets:not(.tk-show-detail) #ticket-detail{display:none}#overview-tickets.tk-show-detail #ticket-list{display:none}#overview-tickets .service-desk-grid{padding:0 12px 16px}.tk-detail-head,.tk-composer{padding:18px}.tk-conversation{padding:18px;gap:20px;max-height:460px}.tk-message-meta time{font-size:9px}.tk-manage{padding:16px}.tk-admin-list-filters{margin:0 14px 15px;flex-wrap:wrap}.tk-ticket-facts{line-height:1.7}.tk-hero p{font-size:12px}}
