.ticket-panel{min-height:calc(100vh - 76px);background:#080b10;color:#dce5ef}
.ticket-wrap{width:calc(100% - 64px);max-width:1240px;margin:auto;padding:30px 0 0}
.ticket-breadcrumb{display:flex;align-items:center;gap:14px;color:#708396;font-size:10px;letter-spacing:.5px}
.ticket-breadcrumb button{background:none;border:0;color:#8bbbd8;padding:0;cursor:pointer}
.ticket-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 26px}
.ticket-eyebrow{font-size:9px;letter-spacing:2.5px;color:#6f9db9}
.ticket-heading h1{font-size:38px;line-height:1.15;letter-spacing:-1.5px;color:#f5f8fc;margin:10px 0 12px;font-weight:800}
.ticket-heading h1 span{color:#36b9fa}.ticket-heading p{margin:0;font-size:12px;color:#8598ab;line-height:1.7}
.ticket-heading h1:focus{outline:none}
.ticket-queue-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:-8px 0 22px}.ticket-queue-stats button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:17px 20px;background:linear-gradient(110deg,#102332,#0d141c);border:1px solid #2b495f;border-radius:6px;cursor:pointer;color:#cde8fa}.ticket-queue-stats span{font-size:9px;letter-spacing:.8px;color:#8cabc1}.ticket-queue-stats strong{font-size:25px}.ticket-queue-stats button:hover{border-color:#42b7ee;background:#143046}
.ticket-panel[data-ticket-view=detail] .ticket-queue-stats{display:none}
.ticket-panel .ticket-filter-form{display:block;padding:18px}.ticket-filter-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:15px}.ticket-filter-search>label{font-size:11px;color:#9fc6e1}
.ticket-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ticket-filter-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#85a8c2;min-width:0}
.ticket-panel .ticket-filter-form :is(input,select){width:100%;min-width:0;box-sizing:border-box;background:#111f2c;color:#c6dfef;border:1px solid #2c475c;border-radius:4px;padding:10px;font:inherit;font-size:11px;color-scheme:dark}
.ticket-filter-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px}.ticket-filter-actions>span{margin-left:auto;font-size:9px;color:#7195ac}
.ticket-list-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #253644;font-size:10px;color:#7f9db3}.ticket-list-summary strong{color:#acd4ed;font-weight:500}
.ticket-queue-row{display:flex;align-items:center;border-bottom:1px solid #233543;padding-left:16px;gap:5px}.ticket-queue-row:last-child{border-bottom:0}.ticket-queue-row:has(.ticket-row-check:checked){background:#153349}
.ticket-row-check,.ticket-bulk input{flex:none;width:16px;height:16px;accent-color:#30b6ed;cursor:pointer}
.ticket-panel[data-ticket-view=list] .ticket-queue-row .ticket-list-item{display:grid;grid-template-columns:112px minmax(0,1fr) 210px 150px;align-items:center;gap:18px;border:0;padding:16px 18px;min-height:88px}
.ticket-queue-row .ticket-list-item-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ticket-queue-row .ticket-list-item strong{font-size:12px!important;margin:0 0 5px}.ticket-row-dates{display:grid;gap:7px;color:#819eb3;font-size:9px;line-height:1.7}.ticket-row-work{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.ticket-priority{font-size:9px;border:1px solid #38536a;border-radius:4px;padding:4px 7px;color:#9fbbcf;background:#132636}.ticket-priority[data-priority=high]{color:#e8c180;background:#332818;border-color:#74603a}.ticket-priority[data-priority=urgent],#ticket-detail-priority[data-priority=urgent]{color:#ffacb6;background:#3b1d28;border-color:#86505b}
.ticket-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 18px;border-bottom:1px solid #2a4358;background:#102737;font-size:10px;color:#aad1e9}.ticket-bulk label{display:flex;align-items:center;gap:8px}.ticket-bulk>span{margin-right:auto}
.ticket-confirm{padding:15px 18px;background:#302119;border:1px solid #75513b;border-radius:5px;margin:14px;color:#e9c4ab}.ticket-confirm p{margin:0 0 12px;font-size:11px;line-height:1.8}.ticket-confirm button{margin-right:8px}.ticket-danger{background:#3c1e29;border-color:#895261;color:#ffc2cc}.ticket-danger:hover{background:#592a3a}
.ticket-dates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:18px 24px;background:#101f2b;border-bottom:1px solid #2c4354}.ticket-dates dt{font-size:9px;color:#779db9;margin-bottom:8px}.ticket-dates dd{margin:0;color:#b9d9ed;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.ticket-management{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #2a4053;background:#101d29}.ticket-management label{font-size:10px;color:#82a9c4;margin-left:auto}.ticket-management select{min-width:110px}.ticket-management .ticket-danger{margin-left:auto}
.ticket-upload{border:1px dashed #36566e;border-radius:5px;background:#0b1d2b;padding:12px;margin:12px 0}.ticket-upload-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-upload-controls small{font-size:9px;line-height:1.8;color:#819eb5}.ticket-upload-previews{display:flex;flex-wrap:wrap;gap:10px}.ticket-upload-previews figure{position:relative;width:105px;margin:12px 0 0;border:1px solid #38546c;border-radius:4px;overflow:hidden;background:#0b1620}.ticket-upload-previews img{display:block;width:100%;height:75px;object-fit:cover}.ticket-upload-previews figcaption{padding:6px;font-size:8px;color:#91b5cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-upload-previews button{position:absolute;top:3px;right:3px;width:24px;height:24px;border:1px solid #a66d75;border-radius:4px;background:#321b27e8;color:#ffd1d8;font-size:17px;cursor:pointer}
.ticket-upload-feedback{font-size:10px;color:#a5cce8;line-height:1.7;margin:10px 0 0}.ticket-message-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0 18px 18px}.ticket-message-attachments a{display:block;min-width:0;max-width:540px;text-decoration:none;color:#96c9e9;border:1px solid #34536a;border-radius:5px;overflow:hidden;background:#08141e}.ticket-message-attachments img{display:block;width:100%;height:200px;object-fit:contain}.ticket-message-attachments a>span{display:block;padding:8px;font-size:9px;overflow-wrap:anywhere}
.ticket-feedback[data-success=true]{background:#0b2b2b;color:#a2d8cf;border-color:#2d665d}
.ticket-panel :is(a,input,button):focus-visible,.ticket-upload :is(input,button):focus-visible{outline:2px solid #46c0fb;outline-offset:3px}
@media(max-width:1000px){.ticket-panel[data-ticket-view=list] .ticket-queue-row .ticket-list-item{grid-template-columns:95px minmax(0,1fr) 175px;gap:12px}.ticket-row-work{grid-column:2/-1;flex-direction:row;align-items:center;flex-wrap:wrap}.ticket-row-work small{margin:0 7px}.ticket-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-dates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ticket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.ticket-panel .ticket-filter-form{padding:14px}.ticket-filter-search{grid-template-columns:minmax(0,1fr) auto;gap:8px}.ticket-filter-search>label{grid-column:1/-1}.ticket-filter-actions>span{margin-left:0;flex-basis:100%;order:3}.ticket-queue-row{padding-left:10px;align-items:flex-start}.ticket-row-check{margin-top:19px}.ticket-panel[data-ticket-view=list] .ticket-queue-row .ticket-list-item{grid-template-columns:minmax(0,1fr);gap:10px;padding:15px 12px}.ticket-queue-row .ticket-list-item-meta{flex-direction:row;align-items:center;justify-content:space-between}.ticket-row-work{grid-column:auto}.ticket-row-dates{gap:3px}.ticket-queue-stats{gap:8px}.ticket-queue-stats button{padding:12px 10px;flex-direction:column;align-items:flex-start}.ticket-queue-stats span{font-size:7px;line-height:1.6;letter-spacing:.3px}.ticket-queue-stats strong{font-size:23px}.ticket-dates{padding:16px;gap:15px 10px}.ticket-dates dd{font-size:10px}.ticket-management{padding:12px;gap:8px}.ticket-management label{margin-left:0}.ticket-management .ticket-danger{margin-left:0}.ticket-management .ticket-quiet{min-height:36px}.ticket-message-attachments{padding:0 12px 12px;grid-template-columns:minmax(0,1fr)}.ticket-message-attachments img{height:180px}.ticket-bulk{padding:12px;gap:10px}.ticket-bulk>span{margin-right:0}.ticket-bulk .ticket-quiet{flex:1}.ticket-confirm{margin:12px}.ticket-upload{padding:10px}}
.ticket-primary{background:linear-gradient(120deg,#087db5,#00a9e9);border:1px solid #21b8ee;color:#fff;border-radius:5px;padding:12px 18px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.ticket-primary:hover{filter:brightness(1.12)}.ticket-primary:disabled,.ticket-quiet:disabled{opacity:.5;cursor:wait}
.ticket-quiet{border:1px solid #2a3d4d;background:#101b25;color:#a3c9df;border-radius:5px;padding:9px 12px;font-size:10px;cursor:pointer;white-space:nowrap}
.ticket-tabs{display:flex;gap:26px;border-bottom:1px solid #23303b;margin-bottom:20px}
.ticket-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#889aab;padding:12px 0;font-size:11px;font-weight:600;cursor:pointer}
.ticket-tabs button[aria-current=page]{color:#e6f5ff;border-color:#35b6ec}.ticket-tabs button span{margin-left:6px;padding:2px 6px;border:1px solid #244052;border-radius:4px;color:#6ac7f5;font-size:9px}
.ticket-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}
.ticket-stats>div{border:1px solid #23313d;border-radius:6px;background:linear-gradient(110deg,#101a24,#0d141c);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ticket-stats span{font-size:9px;letter-spacing:1px;color:#8096a9}.ticket-stats strong{font-size:25px;color:#d9f0ff}
.ticket-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}
.ticket-panel[data-ticket-view] .ticket-workspace{grid-template-columns:minmax(0,1fr)}
.ticket-panel[data-ticket-view=list] .ticket-content,.ticket-panel[data-ticket-view=list] .ticket-detail-tools{display:none}
.ticket-panel[data-ticket-view=detail] .ticket-sidebar,.ticket-panel[data-ticket-view=detail] .ticket-stats,.ticket-panel[data-ticket-view=detail] .ticket-tabs{display:none}
.ticket-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ticket-detail-tools a{text-decoration:none}
.ticket-list-item{text-decoration:none;position:relative}.ticket-list-open{display:block;margin-top:10px;color:#59c2f4;font-size:10px;line-height:1.6}
.ticket-panel[data-ticket-view=list] .ticket-list-item{padding:20px 22px}.ticket-panel[data-ticket-view=list] .ticket-list-item strong{font-size:14px}.ticket-panel[data-ticket-view=list] .ticket-list{min-height:180px;max-height:none}
.ticket-list-item:focus-visible,.ticket-detail-tools a:focus-visible{outline:2px solid #3fb9ef;outline-offset:-3px}
.ticket-sidebar,.ticket-content{background:#0d141b;border:1px solid #26333f;border-radius:6px;overflow:hidden;min-width:0}
.ticket-list-tools{padding:15px;display:flex;gap:8px;border-bottom:1px solid #23313d}.ticket-list-tools select{min-width:0;flex:1}
.ticket-panel select,.ticket-compose-dialog select,.ticket-compose-dialog input{background:#111d27;color:#b5cbdc;border:1px solid #2a3a48;border-radius:5px;padding:10px;font:inherit;font-size:11px}
.ticket-list{min-height:210px}.ticket-list-item{display:block;width:100%;padding:17px 16px;border:0;border-left:2px solid transparent;border-bottom:1px solid #202c37;background:none;text-align:left;color:#d6e1ec;cursor:pointer}
.ticket-list-item:hover,.ticket-list-item[aria-pressed=true]{background:#122330;border-left-color:#35b8f0}.ticket-list-item strong{display:block;font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;margin:7px 0}
.ticket-list-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#7190a6}.ticket-list-item small{display:block;color:#768c9d;font-size:9px;line-height:1.7}
.ticket-status{display:inline-block;padding:4px 7px;border:1px solid #3d3928;border-radius:4px;background:#292619;color:#d6bf7b;font-size:9px;font-weight:500;white-space:nowrap}
.ticket-status[data-status=answered]{color:#79c7e8;background:#102735;border-color:#244858}.ticket-status[data-status=closed]{color:#98a5b2;background:#1c242d;border-color:#34404b}
.ticket-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#748b9e;font-size:10px}.ticket-pagination button{background:#14212b;border:1px solid #2b3c4b;border-radius:4px;color:#9dcde6;padding:5px 9px;cursor:pointer}.ticket-pagination button:disabled{opacity:.3;cursor:default}
.ticket-empty{min-height:310px;padding:50px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7e94a6}.ticket-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #284458;background:#102332;border-radius:50%;color:#53b7e5;font-size:25px}.ticket-empty h2{font-size:18px;color:#c5dce9;margin:8px 0 0}.ticket-empty p{font-size:11px;line-height:1.8;max-width:300px;margin:0}
.ticket-list-empty{padding:35px 18px;text-align:center;font-size:11px;line-height:1.8;color:#7d93a5}
.ticket-thread-heading{padding:24px;border-bottom:1px solid #26333f;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ticket-thread-heading>div{min-width:0}.ticket-thread-heading h2{font-size:20px;color:#e0edf6;line-height:1.5;margin:12px 0 8px;overflow-wrap:anywhere}.ticket-thread-heading p{font-size:10px;color:#7d96aa;margin:0}.ticket-thread-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:9px;color:#7197af}
.ticket-messages{display:grid;gap:14px;padding:20px}.ticket-message{border:1px solid #2a3844;border-radius:4px;overflow:hidden;background:#0d141c}.ticket-message-header{display:flex;align-items:center;gap:12px;background:#141e28;padding:16px 18px;border-bottom:1px solid #293743}
.ticket-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;background:linear-gradient(135deg,#123a58,#0c2235);color:#78caff;border:1px solid #295879;border-radius:9px;font-size:16px;font-weight:700}
.ticket-message-author{min-width:0}.ticket-message-author strong{font-size:11px;color:#74cfff;overflow-wrap:anywhere}.ticket-message-author time{display:block;color:#7192aa;font-size:8px;margin-top:4px}.ticket-message-role{color:#d2bd82;border:1px solid #554a2c;padding:2px 5px;border-radius:3px;margin-left:7px;font-size:8px}.ticket-message-number{margin-left:auto;color:#536e84;font-size:9px}.ticket-message-body{padding:20px;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#c1d4e3}
.ticket-reply-form{padding:0 20px 22px}.ticket-reply-form label,.ticket-compose-dialog label{display:block;color:#a9c6dc;font-size:11px;margin:15px 0 9px}.ticket-reply-form textarea,.ticket-compose-dialog textarea{width:100%;box-sizing:border-box;background:#111b25;color:#d3e3ef;border:1px solid #2d3e4f;border-radius:5px;padding:13px;font:inherit;font-size:12px;line-height:1.7;resize:vertical;min-height:110px}.ticket-reply-form>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ticket-reply-form>div>span{font-size:9px;color:#6d879c}
.ticket-older{display:block;margin:18px auto 0;background:none;border:1px solid #2b4356;border-radius:4px;padding:9px 14px;color:#8db8d3;font-size:10px;cursor:pointer}.ticket-closed-note{margin:0 20px 20px;padding:14px;background:#151f28;border:1px solid #30404e;border-radius:4px;color:#8ca0b2;font-size:11px}
.ticket-feedback{padding:13px 16px;border:1px solid #755541;background:#291e18;color:#e1b89b;border-radius:5px;font-size:11px;line-height:1.7}.ticket-footer{padding:26px 0;color:#81a2ba;font-size:10px;letter-spacing:1px}.ticket-footer span{margin-left:12px;color:#50677a;font-size:8px}
.ticket-compose-dialog{background:#101820;color:#ccdde9;border:1px solid #30404d;border-radius:8px;width:min(540px,calc(100vw - 40px));max-height:90vh;padding:26px;box-sizing:border-box;overflow:auto}.ticket-compose-dialog::backdrop{background:#02060bd9;backdrop-filter:blur(5px)}.ticket-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.ticket-dialog-heading h2{font-size:24px;margin:9px 0;color:#edf7ff}.ticket-compose-dialog>p{font-size:11px;color:#8aa1b3;line-height:1.7;margin:8px 0 20px}.ticket-compose-dialog input,.ticket-compose-dialog select{width:100%;box-sizing:border-box}.ticket-compose-dialog .ticket-primary{width:100%;margin-top:15px}
.ticket-panel button:focus-visible,.ticket-panel select:focus-visible,.ticket-panel textarea:focus-visible,.ticket-compose-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid #3fb9ef;outline-offset:3px}
@media(max-width:1000px){.ticket-workspace{grid-template-columns:260px minmax(0,1fr)}.ticket-thread-heading{flex-direction:column;gap:12px}.ticket-wrap{width:calc(100% - 40px)}}
@media(max-width:700px){.ticket-wrap{width:calc(100% - 32px);padding-top:22px}.ticket-heading{margin-top:25px;align-items:flex-start;flex-direction:column;gap:18px}.ticket-heading h1{font-size:30px}.ticket-stats{gap:8px}.ticket-stats>div{padding:13px 10px;flex-direction:column;align-items:flex-start;gap:9px}.ticket-stats span{font-size:7px;letter-spacing:.5px}.ticket-stats strong{font-size:23px}.ticket-workspace{grid-template-columns:1fr}.ticket-list{min-height:0;max-height:315px;overflow:auto}.ticket-empty{min-height:230px;padding:30px 20px}.ticket-thread-heading{padding:18px}.ticket-thread-heading h2{font-size:18px}.ticket-messages{padding:12px;gap:12px}.ticket-message-header{padding:13px 12px;gap:9px}.ticket-message-body{padding:16px;font-size:11px}.ticket-reply-form{padding:0 12px 16px}.ticket-reply-form>div{align-items:flex-start;flex-direction:column}.ticket-reply-form .ticket-primary{width:100%}.ticket-compose-dialog{padding:20px}.destination-nav{flex-wrap:wrap;gap:15px}.destination-nav button{white-space:nowrap}.ticket-footer span{font-size:7px}}