.support-tickets{--st-bg:var(--surface,#fff);--st-panel:var(--surface-alt,#f7f8fa);--st-text:var(--text,#182a3b);--st-muted:var(--muted,#697788);--st-line:var(--border,#e0e5eb);--st-accent:var(--brand-accent,var(--accent-deep,#153f52));color:var(--st-text);max-width:1700px;margin:auto;font-size:14px;line-height:1.5}.st-toolbar{display:contents}.support-tickets *{box-sizing:border-box}.support-tickets button,.support-tickets input,.support-tickets select,.support-tickets textarea{font:inherit}.support-tickets button{border:1px solid var(--st-line);background:var(--st-bg);color:inherit;cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.support-tickets button:disabled{opacity:.5;cursor:not-allowed}.support-tickets button:hover:not(:disabled){background:var(--st-panel)}.support-tickets button:focus-visible,.support-tickets input:focus-visible,.support-tickets select:focus-visible,.support-tickets textarea:focus-visible{outline-offset:2px;outline:2px solid #188aa8}.support-tickets input:not([type=checkbox]):not([type=file]),.support-tickets select,.support-tickets textarea{border:1px solid var(--st-line);background:var(--st-bg);width:100%;color:inherit;border-radius:7px;min-height:38px;padding:9px 10px}.support-tickets textarea{resize:vertical}.support-tickets label{flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.support-tickets small{color:var(--st-muted);font-size:11px}.support-tickets .st-primary{background:var(--st-accent);color:#fff;border-color:#0000;font-weight:600}.support-tickets .st-primary:hover:not(:disabled){background:#21677d}.st-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.st-eyebrow{letter-spacing:1.8px;color:var(--st-muted);font-size:10px;font-weight:700}.st-heading h1{letter-spacing:-.8px;margin:4px 0;font-size:28px}.st-heading p{color:var(--st-muted);margin:0}.st-tabs{border-bottom:1px solid var(--st-line);gap:22px;display:flex;overflow:auto}.support-tickets .st-tabs button{color:var(--st-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:14px 0;font-weight:600}.support-tickets .st-tabs [aria-current]{color:var(--st-text);border-bottom-color:var(--st-accent)}.st-filters{align-items:end;gap:12px;padding:18px 0;display:flex}.st-filters>label{min-width:150px}.st-filters .st-search{flex:1;min-width:180px;position:relative}.st-search svg{color:var(--st-muted);position:absolute;bottom:11px;left:12px}.support-tickets .st-search input{padding-left:37px}.st-advanced{background:var(--st-panel);border:1px solid var(--st-line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px;padding:16px;display:grid}.st-advanced .st-check,.support-tickets .st-check{flex-direction:row;align-items:center;gap:7px;min-height:32px}.st-check input{accent-color:#167b91;width:15px;height:15px}.st-smart{flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 16px;display:flex}.support-tickets .st-smart button{border-radius:20px;padding:5px 10px;font-size:11px}.st-smart small{margin-left:auto}.st-workspace{border:1px solid var(--st-line);background:var(--st-bg);border-radius:12px;grid-template-columns:330px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.st-list{border-right:1px solid var(--st-line);background:var(--st-panel);max-height:930px;overflow:auto}.st-list-heading{border-bottom:1px solid var(--st-line);color:var(--st-muted);justify-content:space-between;padding:17px 18px;font-size:12px;display:flex}.support-tickets .st-ticket-row{text-align:left;border:0;border-bottom:1px solid var(--st-line);white-space:normal;background:0 0;border-left:3px solid #0000;border-radius:0;flex-direction:column;align-items:stretch;gap:9px;width:100%;padding:18px;display:flex}.support-tickets .st-ticket-row.selected{border-left-color:var(--st-accent);background:color-mix(in srgb, var(--st-accent) 7%, var(--st-bg))}.st-ticket-row>strong{font-size:14px;line-height:1.4}.st-row-meta,.st-row-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.st-row-meta>span:first-child{color:var(--st-muted);font-size:11px}.st-priority{border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.st-critical{color:#bb1c39;background:#fce7eb}.st-high{color:#915a00;background:#fff0d6}.st-normal{color:#2868a3;background:#e9f1fc}.st-low{color:#526473;background:#edf1f5}.st-unlabeled{color:#6b7280;background:#eeeef2}.st-row-person{color:var(--st-muted);align-items:center;gap:5px;font-size:11px;display:flex}.st-status{color:#8a5c13;background:#f7eddc;border-radius:4px;padding:3px 7px;font-size:11px;display:inline-block}.st-completed{color:#247b67;background:#e6f5ef}.st-unread{color:#fff;text-align:center;background:#1c819a;border-radius:12px;min-width:20px;padding:2px 5px;font-size:10px}.st-age-flag{color:#a35713;white-space:normal;font-size:10px}.st-conversation{flex-direction:column;min-width:0;display:flex}.st-welcome{text-align:center;min-height:620px;color:var(--st-muted);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.st-welcome>div{background:var(--st-panel);border-radius:50%;margin-bottom:15px;padding:22px}.st-welcome h2{color:var(--st-text);letter-spacing:-.4px;margin:0;font-size:20px;font-weight:600}.st-welcome p{margin:10px 0 22px;font-size:13px}.st-welcome span{align-items:center;gap:6px;font-size:11px;display:flex}.st-empty{text-align:center;color:var(--st-muted);padding:35px 16px}.st-empty svg{margin:auto}.st-empty h2{font-size:16px}.st-detail-heading{border-bottom:1px solid var(--st-line);padding:24px 26px 18px}.st-detail-kicker{color:var(--st-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.st-detail-heading h2{letter-spacing:-.4px;overflow-wrap:anywhere;margin:13px 0 9px;font-size:22px;line-height:1.3}.st-detail-heading p{color:var(--st-muted);margin:6px 0;font-size:12px}.st-presence{color:#20836c;margin-left:9px;font-size:10px}.st-detail-actions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.support-tickets .st-detail-actions button{padding:6px 9px;font-size:11px}.st-ping-countdown{margin-top:9px;display:block}.st-messages{scroll-behavior:smooth;flex:1;min-height:250px;max-height:610px;padding:22px 26px;overflow:auto}.st-message{grid-template-columns:34px minmax(0,1fr);gap:12px;margin:0 0 23px;scroll-margin-top:12px;display:grid}.st-message:target{background:#e5f3ff}.st-message .user-avatar,.st-participants .user-avatar,.st-mention-list .user-avatar{flex-shrink:0;width:32px;height:32px}.st-message header{flex-wrap:wrap;align-items:center;gap:7px;min-height:22px;font-size:12px;display:flex}.st-message time{color:var(--st-muted);font-size:10px}.st-office{color:#38516a;letter-spacing:.5px;background:#e3edf5;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700}.st-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:13px}.st-message mark{color:#1a637e;background:#dcebf5;border-radius:3px;padding:1px 3px}.st-file{border:1px solid var(--st-line);color:inherit;overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:8px;margin-top:9px;padding:10px;font-size:12px;text-decoration:none;display:flex}.st-file small{margin-left:auto}.st-message-menu{margin-left:auto;position:relative}.st-message-menu summary{cursor:pointer;color:var(--st-muted);list-style:none}.st-message-menu[open]{z-index:1}.st-message-menu button{display:block!important}.st-composer{margin-top:8px;padding:0 24px 20px;position:relative}.support-tickets .st-composer textarea{border-bottom:0;border-radius:9px 9px 0 0;min-height:95px;padding:14px;font-size:13px}.st-composer-footer{border:1px solid var(--st-line);border-top:0;border-radius:0 0 9px 9px;align-items:center;gap:12px;padding:9px 12px;display:flex}.st-composer-footer>button{margin-left:auto}.st-attach{cursor:pointer;align-items:center;gap:5px;position:relative;overflow:hidden;flex-direction:row!important}.st-attach input{opacity:0;cursor:pointer;max-width:100%;position:absolute;inset:0}.st-mention-list{background:var(--st-bg);border:1px solid var(--st-line);z-index:4;border-radius:8px;min-width:240px;max-height:250px;padding:5px;position:absolute;bottom:100%;overflow:auto;box-shadow:0 4px 20px #0002}.support-tickets .st-mention-list button{text-align:left;border:0;justify-content:start;width:100%;display:flex}.st-sr-only{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute!important}.st-shift{background:var(--st-panel);border:1px solid var(--st-line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;padding:9px 12px;font-size:11px;display:flex}.st-shift span{align-items:center;gap:6px;margin-right:auto;display:flex}.st-shift i{background:#97a0a8;border-radius:50%;width:7px;height:7px}.st-shift .st-online{background:#36a387}.st-shift button{padding:5px 9px;font-size:11px}.st-staff-bar{border-top:1px dashed var(--st-line);flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding-top:14px;display:flex}.st-staff-bar button{padding:5px 8px;font-size:10px}.st-staff-bar small{width:100%}.st-private-tools{border-top:1px solid var(--st-line);flex-wrap:wrap;align-items:center;gap:6px;padding:15px 24px;display:flex}.st-private-tools strong{font-size:12px}.st-private-tools small{display:block}.st-private-tools>div{margin-right:auto}.st-private-tools button{padding:5px 8px;font-size:10px}.st-ai-summary{margin-left:auto}.st-notes{padding:0 24px}.st-notes article{background:var(--st-panel);border-radius:6px;gap:8px;margin:6px 0;padding:10px 12px;display:flex}.st-notes p{white-space:pre-wrap;margin:3px 0;font-size:12px}.st-history,.st-rating{border-top:1px solid var(--st-line);margin:12px 24px 20px;padding-top:12px;font-size:11px}.st-history summary,.st-rating summary{cursor:pointer;font-weight:600}.st-history p{color:var(--st-muted);overflow-wrap:anywhere}.st-resolution{background:color-mix(in srgb, #2ca685 8%, var(--st-bg));color:#24816c;gap:10px;padding:14px 24px;font-size:12px;display:flex}.st-resolution p{white-space:pre-wrap;margin:4px 0}.st-participants{background:var(--st-panel);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:17px;padding:14px;display:grid}.st-participants>div{align-items:center;gap:9px;font-size:11px;display:flex}.st-participants small{font-size:9px;display:block}.st-pagination{justify-content:space-between;padding:12px;display:flex}.st-error{color:#9c2a39;background:#fff1f2;border:1px solid #e9bfc4;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:12px;font-size:12px;display:flex}.st-error button:first-of-type{margin-left:auto}.st-modal{--st-bg:var(--surface,#fff);--st-panel:var(--surface-alt,#f7f8fa);--st-text:var(--text,#182a3b);--st-muted:var(--muted,#697788);--st-line:var(--border,#e0e5eb);--st-accent:var(--brand-accent,var(--accent-deep,#153f52));background:var(--st-bg);color:var(--st-text);border:1px solid var(--st-line);border-radius:12px;width:560px;max-width:calc(100vw - 24px);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 70px #0003}.st-modal::backdrop{background:#0e192b80}.st-modal>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.st-modal h2{margin:0;font-size:20px}.st-modal form,.st-modal fieldset{flex-direction:column;gap:15px;display:flex}.st-modal fieldset{border:0;min-width:0;margin:0;padding:0}.st-modal footer{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.st-add-people summary{cursor:pointer;font-size:12px;font-weight:600}.st-add-people>div{max-height:180px;margin-top:8px;overflow:auto}.st-hint{color:var(--st-muted);font-size:11px}.st-operations{background:var(--st-panel);border:1px solid var(--st-line);border-radius:9px;margin-bottom:15px;padding:20px;overflow:auto}.st-operations h2{margin:0;font-size:19px}.st-operations h3{font-size:15px}.st-operations>p{color:var(--st-muted);font-size:12px}.st-workload,.st-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.st-workload article,.st-metrics>div{background:var(--st-bg);border:1px solid var(--st-line);border-radius:7px;flex-direction:column;gap:4px;padding:14px;display:flex}.st-workload span{color:var(--st-muted);font-size:11px}.st-workload b{font-size:12px}.st-metrics strong{font-size:20px}.st-operations details{margin-top:18px;font-size:12px}.st-operations table{border-collapse:collapse;width:100%;font-size:12px}.st-operations td,.st-operations th{text-align:left;border-bottom:1px solid var(--st-line);padding:9px}.support-tickets .st-mobile-back{display:none}.ticket-page-container{max-width:1700px;margin:auto;padding:32px}.ticket-notifications{z-index:80;max-width:360px;position:fixed;bottom:22px;right:22px}.ticket-notifications summary{cursor:pointer;color:#fff;background:#153f52;border-radius:8px;padding:11px 17px;font-size:12px;box-shadow:0 4px 18px #0002}.ticket-notifications .ticket-notification-list{background:var(--surface,#fff);border:1px solid var(--border,#dde3e9);border-radius:9px;max-height:350px;margin-bottom:8px;padding:8px;overflow:auto;box-shadow:0 8px 30px #0003}.ticket-notification-list article{border-bottom:1px solid var(--border,#eee);gap:5px;padding:9px;font-size:12px;display:flex}.ticket-notification-list a{color:inherit;text-decoration:none}.ticket-notification-list button{color:inherit;cursor:pointer;background:0 0;border:0}.ticket-buzz{color:#fff;background:#153f52;border-radius:9px;align-items:center;gap:12px;margin-bottom:10px;padding:16px;font-size:13px;display:flex;box-shadow:0 6px 28px #0003}.ticket-buzz a{color:inherit}.ticket-buzz button{color:inherit;cursor:pointer;background:0 0;border:0}@media (prefers-color-scheme:dark){.support-tickets,.st-modal{--st-bg:#1d222a;--st-panel:#181d24;--st-text:#e3e8ed;--st-muted:#98a5b3;--st-line:#343e49;--st-accent:#227b91}.st-status{color:#e0c180;background:#363024}.st-office{color:#bed2df;background:#304350}.st-message mark{color:#b7e5f8;background:#234959}.st-error{color:#f6b3be;background:#3d2028;border-color:#75434e}.st-high{color:#f3ce8a;background:#453522}.st-critical{color:#f7afba;background:#49252d}.st-unlabeled{color:#bdc7d2;background:#333b44}}html[data-theme=dark] .support-tickets,html[data-theme=dark] .st-modal,body.dark .support-tickets{--st-bg:#1d222a;--st-panel:#181d24;--st-text:#e3e8ed;--st-muted:#98a5b3;--st-line:#343e49;--st-accent:#227b91}@media (max-width:1000px){.st-workspace{grid-template-columns:280px minmax(0,1fr)}.st-filters{flex-wrap:wrap}.st-filters .st-search{flex-basis:100%}.st-detail-heading,.st-messages{padding:18px}.st-composer{padding:0 18px 18px}.st-composer-footer small{display:none}.st-heading h1{font-size:24px}}@media (max-width:700px){.ticket-page-container{padding:18px 12px}.st-heading{align-items:start}.st-heading p{font-size:11px}.st-heading>.st-primary{padding:9px;font-size:11px}.st-tabs{gap:17px}.support-tickets .st-tabs button{font-size:11px}.st-workspace{min-height:450px;display:block}.st-list{border-right:0;max-height:none}.st-has-selection .st-list,.st-workspace:not(.st-has-selection) .st-conversation{display:none}.support-tickets .st-mobile-back{border:0;align-self:start;margin:12px 16px 0;font-size:11px;display:inline-flex}.st-messages{max-height:60vh}.st-detail-heading h2{font-size:20px}.st-filters>label{flex:1;min-width:0}.st-detail-actions{gap:5px}.st-advanced{grid-template-columns:1fr 1fr}.st-heading .st-eyebrow{font-size:8px}.st-message header{gap:5px}.st-private-tools{padding:15px}.st-smart small{width:100%;margin-top:4px}.ticket-notifications{max-width:calc(100vw - 20px);bottom:10px;right:10px}}.support-tickets .user-avatar{background:var(--st-panel);border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:inline-flex;overflow:hidden}.support-tickets .user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.support-tickets .st-filters .st-search input{padding-left:37px}html[data-theme=light] .support-tickets,html[data-theme=light] .st-modal{--st-bg:var(--card,#fff);--st-panel:var(--bg,#f7f8fa);--st-text:var(--ink,#182a3b);--st-muted:var(--muted,#697788);--st-line:var(--line,#e0e5eb);--st-accent:var(--accent-deep,#153f52)}.st-message .st-office{line-height:1.5}html[data-organization=nations] .support-tickets,html[data-organization=nations] .st-modal{--st-accent:#bd001b}.ticket-notifications{bottom:90px}.hub-ticket-pane{background:var(--hub-chat);color:var(--hub-text);flex-direction:column;grid-column:2/-1;min-width:0;min-height:0;display:flex;overflow:hidden}.hub-ticket-pane>.hub-header{flex-shrink:0;gap:12px}.hub-ticket-pane>.hub-header h2{flex:1;margin:0;font-size:17px}.hub-ticket-pane>.support-tickets{flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:20px;overflow:auto}.hub-ticket-pane .st-channel-mode{padding:0}.st-channel-mode>:not(.st-workspace):not(.st-toolbar):not(dialog),.st-channel-mode .st-toolbar>:not(.st-error){display:none}.st-channel-mode .st-workspace{border:0;min-height:100%;display:block}.st-channel-mode .st-list,.st-channel-mode .st-mobile-back{display:none}.st-channel-mode .st-conversation{border:0;width:100%;display:block}.chat-ticket-channel .chat-room-label{text-align:left;min-width:0}.chat-ticket-channel .chat-room-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-ticket-channel small{opacity:.75;font-size:10px;display:block}@media (max-width:900px){.hub-ticket-pane{grid-column:1/-1}.hub-ticket-pane>.support-tickets{padding:12px}.hub-ticket-pane>.st-channel-mode{padding:0}}.hub-ticket-pane>.support-tickets{--st-bg:var(--hub-chat);--st-panel:var(--hub-sidebar);--st-text:var(--hub-text);--st-muted:var(--hub-muted);--st-line:var(--hub-line)}