.support-workspace{display:grid;grid-template-columns:155px minmax(240px,330px) minmax(0,1fr);background:#fff;border:1px solid #e0e6f1;border-radius:13px;overflow:hidden;min-height:620px;height:calc(100dvh - 220px);max-height:900px}.support-folders{padding:22px 12px;background:#fafbff;border-right:1px solid #e5eaf4;overflow:auto}.support-folders h3{padding:0 10px;margin-bottom:20px;color:#7a8ba8;font-size:11px;text-transform:uppercase;letter-spacing:1px}.folder-button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:7px;padding:11px 9px;background:transparent;text-align:left;color:#61769a;font-size:11px;margin-bottom:7px}.folder-button .icon{width:16px;height:16px}.folder-button>span{margin-left:auto;font-size:10px;background:#eaf0fc;border-radius:5px;padding:2px 5px}.folder-button.active{background:#e8efff;color:#1854e8;font-weight:650}.support-folders .help{padding:12px 10px;border-top:1px solid #e5eaf4;font-size:10px;line-height:1.8;margin-top:22px}.support-mailbox{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid #e5eaf4}.mail-filters{padding:16px;display:grid;gap:10px;border-bottom:1px solid #e5eaf4}.mail-filters label{margin:0;font-size:10px}.mail-filters input,.mail-filters select{font-size:11px;padding:9px}.support-ticket-list{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable;overscroll-behavior:contain}.mail-ticket{width:100%;text-align:left;border:0;border-bottom:1px solid #e7edf7;padding:17px 15px;background:#fff;color:#31496f;display:grid;gap:10px}.mail-ticket:hover{background:#f5f8ff}.mail-ticket.selected{background:#edf3ff;box-shadow:inset 3px 0 #1854e8}.mail-ticket.unread .mail-subject{font-weight:700}.mail-ticket-top,.mail-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-ticket-top strong{font-size:11px}.mail-ticket-top small{font-size:9px;color:#8b9bb7;white-space:nowrap}.mail-subject{font-size:12px;line-height:1.6;display:flex;align-items:flex-start;gap:6px;overflow-wrap:anywhere}.mail-preview{font-size:11px;color:#8292ad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-ticket-bottom{font-size:9px;color:#8292ad;flex-wrap:wrap}.ticket-timer{font-size:10px;display:inline-flex;padding:4px 7px;border-radius:5px;background:#eaf1ff;color:#1e55c2;font-variant-numeric:tabular-nums;white-space:nowrap}.ticket-timer.overdue{color:#c52c42;background:#fff0f2}.ticket-timer.done{color:#386a56;background:#e8f4ec}.support-thread{display:flex;flex-direction:column;min-width:0;min-height:0}.thread-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:50px 24px;flex:1}.thread-empty>.icon{width:42px;height:42px;color:#91a9d4}.thread-empty p{margin:0}.thread-head{padding:23px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #e7edf7}.thread-head h2{margin:10px 0;line-height:1.6;overflow-wrap:anywhere}.thread-head p{font-size:10px;margin:0}.thread-head>.btn{white-space:nowrap}.thread-target{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 23px;font-size:10px;line-height:1.6;background:#fafbff;color:#7a8dac;border-bottom:1px solid #e7edf7}.thread-messages{overflow:auto;flex:1;min-height:110px;padding:22px;scrollbar-gutter:stable;overscroll-behavior:contain}.thread-message{margin-bottom:22px}.thread-sender{display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:10px}.thread-sender .avatar{width:28px;height:28px;font-size:9px}.thread-sender time{margin-left:auto;color:#8b9bb7;font-size:9px}.thread-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;background:#f4f7fd;border:1px solid #e6edf8;padding:15px;border-radius:0 10px 10px 10px}.thread-message.own .thread-message-body{background:#edf3ff;border-color:#dce7ff}.thread-reply{border-top:1px solid #e5eaf4;padding:18px 23px}.thread-reply label{font-size:11px;margin-bottom:5px}.thread-reply textarea{min-height:85px;max-height:180px;font-size:12px}.thread-reply .error:empty{display:none}.thread-reply .actions{margin-top:12px}.resolved-note{display:flex;align-items:center;gap:10px;border-top:1px solid #e5eaf4;padding:23px;color:#637c70;font-size:12px;line-height:1.7}.support-workspace button:focus-visible,.support-ticket-list:focus-visible,.thread-messages:focus-visible{outline:2px solid #1854e8;outline-offset:-2px}html[data-theme=dark] .support-workspace,html[data-theme=dark] .mail-ticket{background:#131e32;color:#dce6fb;border-color:#293750}html[data-theme=dark] .support-folders,html[data-theme=dark] .thread-target{background:#101a2c;color:#9baccb}html[data-theme=dark] .support-folders,html[data-theme=dark] .support-mailbox,html[data-theme=dark] .mail-filters,html[data-theme=dark] .thread-head,html[data-theme=dark] .thread-target,html[data-theme=dark] .thread-reply,html[data-theme=dark] .resolved-note,html[data-theme=dark] .support-folders .help{border-color:#293750}html[data-theme=dark] .folder-button{color:#aabedf}html[data-theme=dark] .folder-button.active,html[data-theme=dark] .folder-button>span,html[data-theme=dark] .mail-ticket.selected,html[data-theme=dark] .ticket-timer{background:#1e345c;color:#a9c5ff}html[data-theme=dark] .mail-ticket:hover{background:#203352}html[data-theme=dark] .thread-message-body{background:#1b2942;border-color:#2d405f}html[data-theme=dark] .thread-message.own .thread-message-body{background:#1d3358;border-color:#2d4c7f}html[data-theme=dark] .ticket-timer.overdue{background:#442536;color:#ffb4c0}html[data-theme=dark] .ticket-timer.done{background:#1d3c36;color:#b1ddcc}@media(max-width:1200px){.support-workspace{grid-template-columns:120px 240px minmax(0,1fr)}.thread-head{padding:17px;flex-wrap:wrap}.thread-messages{padding:17px}.thread-reply{padding:17px}.thread-sender{flex-wrap:wrap}.thread-sender time{margin-left:0}}@media(max-width:950px){.support-workspace{grid-template-columns:240px minmax(0,1fr);height:760px;max-height:none}.support-folders{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:10px;border-right:0;border-bottom:1px solid #e5eaf4}.support-folders h3,.support-folders .help{display:none}.folder-button{margin:0;justify-content:center}.support-mailbox,.support-thread{min-height:0}.support-workspace{grid-template-rows:auto minmax(0,1fr)}}@media(max-width:650px){.support-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.support-folders{flex-wrap:wrap;flex-shrink:0}.folder-button{width:auto;flex:1;font-size:10px;padding:9px 5px;gap:5px}.support-mailbox{border-right:0;border-bottom:1px solid #e5eaf4;max-height:370px}.mail-filters{grid-template-columns:1.5fr 1fr;padding:12px}.support-ticket-list{max-height:230px;flex:auto}.support-thread{min-height:400px;max-height:900px}.thread-messages{max-height:440px;min-height:170px}.thread-target{padding:12px 17px;flex-wrap:wrap}.thread-sender time{width:100%}.thread-head h2{font-size:15px}.thread-reply .muted{font-size:10px}}