.ticket-detail{--detail-muted:#7d8798}.detail-back-row{display:flex;align-items:center;gap:13px;font-size:11px;margin-bottom:22px;color:#929aaa}.detail-back{color:#7362c8;font-weight:600}.detail-back:hover{text-decoration:underline}.detail-back-row>span{border-left:1px solid #dfe3ec;padding-left:13px}.detail-back-row>button{margin-left:auto;font-size:10px;padding:6px 10px}.detail-back-row .ticket-glyph{width:14px;height:14px}
.detail-title-row{display:flex;gap:20px;align-items:flex-start;margin-bottom:22px}.detail-title-copy{min-width:0;flex:1}.detail-title-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.detail-number{font-weight:650;font-size:12px;letter-spacing:.4px;color:#75649d}.detail-category{font-size:10px;color:#8d94a2;margin-left:4px}.ticket-detail h1{font-size:25px;line-height:1.35;margin:0;overflow-wrap:anywhere}.detail-title-copy>p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#8e97a6;font-size:10px;margin-top:9px}.detail-title-copy>p>span{margin:0 4px}.detail-record-actions{display:flex;gap:9px;align-items:center;padding-top:28px;flex-shrink:0}.detail-delete{background:transparent;border:0;color:#a66f77;font-size:11px;padding:8px}.detail-delete:hover{color:#bc425c;background:#fff1f3;border-radius:6px}
.detail-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.detail-context{padding:15px 17px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0}.detail-context>small{display:block;color:#8790a0;font-size:9px;letter-spacing:.4px;margin-bottom:7px}.detail-context>strong,.detail-context>a,.detail-context>.due-date,.detail-context>.assignee-label{font-size:12px;font-weight:600;display:block;color:#536075;overflow-wrap:anywhere}.detail-context>a{color:#7861be}.detail-context>a:hover{text-decoration:underline}.detail-context>span:last-child{display:block;color:#929aaa;font-size:9px;margin-top:5px;overflow-wrap:anywhere}.detail-context .due-date small{display:inline;margin-left:5px;font-size:9px}.detail-context-overdue{border-color:#f0dce1;background:#fffcfd}.detail-context-overdue>.due-date{color:#bc576b}
.detail-workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:start}.detail-main{min-width:0}.ticket-detail h2{font-size:13px;letter-spacing:0;font-weight:650}.ticket-detail .card-head{padding:15px 18px}.detail-description-card{margin-bottom:18px}.ticket-detail .description{padding:17px 19px;color:#5f6c80;font-size:12px;line-height:1.85;overflow-wrap:anywhere;max-height:300px;overflow:auto}
.detail-conversation{min-width:0}.detail-tabs{display:flex;gap:18px;align-items:center;padding:0 19px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin;white-space:nowrap}.detail-tabs button{display:flex;align-items:center;gap:6px;flex-shrink:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#838b9a;font-size:11px;padding:17px 0 15px}.detail-tabs button>span{display:inline-grid;place-items:center;min-width:19px;padding:0 5px;border-radius:4px;background:#f1f2f6;color:#969eac;font-size:9px}.detail-tabs button[aria-selected=true]{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.detail-tabs button[aria-selected=true]>span{color:#7d68cc;background:#f0ecff}.ticket-detail button:focus-visible,.ticket-detail a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.detail-message-feed{padding:20px;max-height:440px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4cdea transparent}.detail-message{display:flex;gap:10px;margin-bottom:18px}.detail-message:last-child{margin-bottom:0}.detail-author-avatar{width:29px;height:29px;border-radius:50%;background:#f0ecfb;color:#8874c5;display:grid;place-items:center;flex-shrink:0;font-size:9px;font-weight:600}.detail-message-content{flex:1;min-width:0;padding:12px 14px;border:1px solid #e9ebf2;border-radius:0 9px 9px 9px;background:#fff}.detail-message-top{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:9px;font-size:10px}.detail-message-top strong{color:#5c677b;font-size:11px;font-weight:600}.detail-message-kind{color:#949bab;font-size:9px}.detail-message-top time{font-size:9px;color:#929baa;margin-left:auto}.detail-message .message-body{font-size:12px;color:#647084;line-height:1.8}.detail-message-actions{display:flex;gap:12px;margin-top:10px}.detail-message-actions button{background:none;border:0;padding:0;color:#929aaa;font-size:9px}.detail-message-actions button:hover{color:var(--accent);text-decoration:underline}.detail-message.is-internal .detail-message-content{background:#fffaf0;border-color:#f1e6ce}.detail-message.is-internal .detail-message-kind{color:#a28142}.detail-message.is-internal .detail-author-avatar{background:#f9f0db;color:#b39356}
.detail-composer{padding:17px 19px 19px;border-top:1px solid var(--line);background:#fcfcfe}.detail-composer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.detail-composer-header>label:first-child{font-size:11px;font-weight:600;color:#667184}.detail-internal-toggle{display:flex;align-items:center;font-size:10px}.detail-composer textarea{display:block;width:100%;min-height:106px;resize:vertical;font-size:12px;line-height:1.65;padding:12px;border-color:#e1e4ee}.detail-composer.is-internal textarea{background:#fffdf7;border-color:#eadbbe}.detail-composer.is-internal #message-visibility{color:#a68a50}.detail-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.detail-composer-footer p{font-size:10px;color:#8c94a3}.detail-composer-footer small{font-size:9px;color:#a0a7b3}.detail-composer-footer>button{flex-shrink:0;font-size:11px}.detail-composer .error:empty{display:none}
.detail-panel-empty{padding:26px 18px;text-align:center;color:#949cab}.detail-panel-empty>span{display:grid;place-items:center;width:39px;height:39px;background:#f5f2fd;color:#a192ca;border-radius:11px;margin:0 auto 12px}.detail-panel-empty>strong{display:block;font-size:12px;color:#778194;font-weight:600}.detail-panel-empty>p{font-size:10px;line-height:1.8;max-width:330px;margin:5px auto 0}.detail-message-feed>.detail-panel-empty{padding:16px 0 20px}
.detail-timeline{list-style:none;margin:0;padding:23px 22px 10px 35px;max-height:580px;overflow:auto}.detail-timeline li{position:relative;padding:0 0 21px 19px;border-left:1px solid #e8e2f5}.detail-timeline li::before{content:"";position:absolute;width:7px;height:7px;background:#b5a7dd;border:3px solid #f8f6fc;border-radius:50%;box-sizing:content-box;left:-7px;top:1px}.detail-timeline li:last-child{border-color:transparent}.detail-event-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.detail-event-meta strong{font-size:10px;color:#758096;font-weight:600}.detail-event-meta time{font-size:9px;color:#a0a8b5}.detail-timeline p{font-size:11px;line-height:1.85;color:#657186;white-space:pre-wrap;overflow-wrap:anywhere}
.detail-management .card-head small{display:block;font-size:9px;margin-top:3px;color:#969eaa}.detail-management-body{padding:16px 17px}.detail-workflow-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-management label{font-size:10px}.detail-management select,.detail-management input{font-size:11px;padding:8px;width:100%}.detail-management .workflow-form,.detail-management .assignment-form{padding-bottom:17px;margin-bottom:17px}.detail-management .workflow-form label{margin-bottom:0}.detail-management .error:empty{display:none}.detail-management .workflow-form button{margin-top:10px}.detail-management .secondary{font-size:10px;padding:8px 10px}.detail-management .assignment-buttons{justify-content:space-between;gap:6px}.detail-management .assignment-buttons .link{font-size:10px}.detail-management .deadline-form{padding:0;margin:0;border:0}.detail-management .deadline-form p{font-size:9px;line-height:1.7;color:#8e97a5;margin-top:7px}.detail-management .deadline-current{font-size:10px;margin:8px 0}.detail-management .deadline-current .due-date small{display:inline;margin-left:5px}.detail-management .deadline-current>.assignee-label{font-size:10px}.detail-management .deadline-form button{margin-top:5px}
.detail-remote{padding:16px 17px;margin-top:15px}.detail-remote-heading{display:flex;align-items:center;gap:10px}.detail-remote-heading>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f0edfa;color:#9b88cc;font-size:20px}.detail-remote-heading small{font-size:9px;color:#929aac}.detail-remote p{font-size:10px;color:#8993a3;line-height:1.8;margin:12px 0}.detail-remote button{font-size:10px}.detail-remote-empty{font-size:10px;line-height:1.7;padding:10px 12px;border:1px dashed #e0d9ed;border-radius:6px;color:#9180af}.detail-session-note{padding:14px 19px;background:#fbf9ff;color:#9a8aae;font-size:10px;border-bottom:1px solid #f1ecf7}.detail-session-list{padding:17px 19px}.detail-session{border:1px solid var(--line);border-radius:8px;padding:13px 15px;margin-bottom:10px}.detail-session>div{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.detail-session strong{font-size:11px;color:#6e798d}.detail-session>p{font-size:10px;color:#8c94a2;margin-top:8px}.detail-session>small{display:block;font-size:9px;color:#a0a7b4;margin-top:4px}.detail-session .detail-session-notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.ticket-detail #detail-panel>.attachment-card{margin:0;border:0;border-radius:0}.ticket-detail .attachment-list{grid-template-columns:1fr;padding:17px 19px}.ticket-detail .attachment-preview{width:48px;height:48px}.ticket-detail .attachment-meta{flex:1}.ticket-detail .attachment-meta strong{font-size:11px}.ticket-detail .attachment-form{padding:16px 19px}.ticket-detail .attachment-form label{font-size:10px}.ticket-detail .attachment-form input{font-size:10px;padding:7px}.ticket-detail .attachment-form button{font-size:10px}.ticket-detail .attachment-card .card-head h3{font-size:12px}.ticket-detail .attachment-card .card-head{gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.detail-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.detail-context-grid{gap:10px}.detail-context{padding:13px}.detail-context>strong,.detail-context>a{font-size:11px}.detail-title-row{gap:12px}.ticket-detail h1{font-size:23px}.detail-tabs{gap:14px;padding:0 15px}.detail-tabs button{font-size:10px}.detail-message-feed{padding:16px}.detail-message-top time{margin-left:0;width:100%}.detail-message-content{padding:10px 12px}}
@media(max-width:900px){.detail-workspace{grid-template-columns:minmax(0,1fr)}.detail-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:start}.detail-remote{margin:0}.detail-context-grid{grid-template-columns:1fr 1fr}.detail-message-top time{margin-left:auto;width:auto}.detail-message-feed{max-height:420px}}
@media(max-width:760px){.detail-back-row{margin-bottom:18px}.detail-title-row{display:block;margin-bottom:18px}.ticket-detail h1{font-size:22px}.detail-record-actions{padding-top:12px}.detail-record-actions .secondary{padding:7px 12px;font-size:10px}.detail-context-grid{gap:10px;margin-bottom:17px}.detail-context{padding:12px}.detail-context>small{font-size:9px}.detail-context>strong,.detail-context>a,.detail-context>.due-date{font-size:11px}.detail-context .due-date small{display:block;margin-left:0;margin-top:2px}.detail-title-copy>p{font-size:9px}.detail-aside{grid-template-columns:1fr}.detail-tabs{gap:17px}.detail-tabs button{padding-top:14px;padding-bottom:13px}.ticket-detail .description{font-size:12px;padding:15px 16px}.detail-message{gap:7px}.detail-author-avatar{width:24px;height:24px;font-size:8px}.detail-message-content{padding:10px}.detail-message-top time{margin-left:0;width:100%}.detail-message-top strong{font-size:10px}.detail-message .message-body{font-size:11px}.detail-composer{padding:15px}.detail-composer-footer{align-items:flex-start;flex-wrap:wrap}.detail-composer-footer>button{margin-left:auto}.detail-composer-footer small{font-size:8px}.detail-timeline{padding-left:27px;padding-right:16px}.detail-timeline li{padding-left:15px}.detail-event-meta{gap:4px}.detail-event-meta time{display:block;width:100%}.detail-session-list{padding:15px}.ticket-detail .attachment-form{padding:15px}.detail-remote{margin-top:0}}
.detail-thread-controls{padding:14px 19px;border-bottom:1px solid var(--line);background:#fafbfe}.detail-thread-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-thread-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px}.detail-thread-toolbar select{max-width:220px;font-size:11px;padding:7px 10px}.detail-thread-count{font-size:11px;color:#637085;margin-left:auto}.detail-thread-buttons{display:flex;gap:6px}.detail-thread-buttons button{padding:7px 10px;font-size:10px}.detail-thread-controls>small{display:block;font-size:10px;color:#78849a;margin-top:9px}.detail-thread-controls>.error{margin-top:8px}.detail-thread-controls button:focus-visible,.detail-thread-controls select:focus-visible{outline:2px solid #7765d5;outline-offset:2px}@media(max-width:760px){.detail-thread-controls{padding:12px 15px}.detail-thread-count{margin-left:0}.detail-thread-buttons{width:100%;justify-content:flex-end}.detail-thread-toolbar label{flex-wrap:wrap}.detail-thread-toolbar select{max-width:100%}}