/* Shared dashboard shell, approved ticket workspace. */
.tx-page,.tx-dialog{--tk-paper:#fff;--tk-soft:#f8faff;--tk-ink:#202638;--tk-muted:#69758d;--tk-line:#e6eaf2;--tk-blue:#3159e8;--tk-blue-soft:#f0f3ff;--tk-green:#237854;--tk-green-soft:#edf8f2;--tk-red:#ae484b;--tk-red-soft:#fff1f0;--tk-amber:#90601c;--tk-amber-soft:#fff6e6;color:var(--tk-ink)}
.tx-page{padding:28px 32px!important}.tx-page h1{font-size:28px;letter-spacing:-.03em;margin:5px 0 8px}.tx-pagehead p{font-size:13px;color:var(--tk-muted);margin:0}.tx-page *,.tx-dialog *{box-sizing:border-box}.tx-page button,.tx-dialog button{cursor:pointer;font-family:inherit}.tx-page [hidden],.tx-dialog [hidden]{display:none!important}
:is(.tx-page,.tx-dialog) .tx-pagehead{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
:is(.tx-page,.tx-dialog) .tx-eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--tk-muted);margin-bottom:8px}
:is(.tx-page,.tx-dialog) .tx-subtitle{color:var(--tk-muted);font-size:12px;margin-top:8px;line-height:1.65;max-width:390px}
:is(.tx-page,.tx-dialog) .tx-control{border:1px solid var(--tk-line);border-radius:8px;background:var(--tk-paper);padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.5;white-space:nowrap;text-decoration:none}
:is(.tx-page,.tx-dialog) .tx-control:hover{background:var(--tk-soft)}
:is(.tx-page,.tx-dialog) .tx-control.tx-primary{background:var(--tk-fill);border-color:var(--tk-fill);color:var(--tk-on)}
:is(.tx-page,.tx-dialog) .tx-icon{width:34px;height:34px;padding:7px}
:is(.tx-page,.tx-dialog) .tx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
:is(.tx-page,.tx-dialog) .tx-metric{padding:15px;background:var(--tk-paper);border:1px solid var(--tk-line);border-radius:13px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
:is(.tx-page,.tx-dialog) .tx-metric span{font-size:11px;color:var(--tk-muted);display:block}
:is(.tx-page,.tx-dialog) .tx-metric b{font-size:25px;font-weight:600;display:block;margin-top:5px;line-height:1.2;font-variant-numeric:tabular-nums}
:is(.tx-page,.tx-dialog) .tx-metric>i,:is(.tx-page,.tx-dialog) .tx-metric>svg{color:var(--tk-muted)}
:is(.tx-page,.tx-dialog) .tx-metric[aria-pressed=true]{border-color:var(--tk-blue);background:var(--tk-blue-soft)}
:is(.tx-page,.tx-dialog) .tx-surface{background:var(--tk-paper);border:1px solid var(--tk-line);border-radius:15px;overflow:hidden;min-width:0}
:is(.tx-page,.tx-dialog) .tx-filters{display:flex;gap:5px;padding:12px 15px;border-bottom:1px solid var(--tk-line);flex-wrap:wrap}
:is(.tx-page,.tx-dialog) .tx-filter{border:0;background:transparent;color:var(--tk-muted);font-size:12px;border-radius:7px;padding:8px 10px;display:flex;gap:7px;align-items:center}
:is(.tx-page,.tx-dialog) .tx-filter[aria-pressed=true]{background:var(--tk-blue-soft);color:var(--tk-blue)}
:is(.tx-page,.tx-dialog) .tx-filter span{font-size:11px}
:is(.tx-page,.tx-dialog) .tx-toolbar{display:flex;gap:12px;padding:17px 19px;align-items:center}
:is(.tx-page,.tx-dialog) .tx-search{flex:1;min-width:0;border:1px solid var(--tk-line);border-radius:9px;display:flex;align-items:center;padding:10px 12px;gap:8px;color:var(--tk-muted)}
:is(.tx-page,.tx-dialog) .tx-search input{width:100%;min-width:0;border:0;background:transparent;font-size:12px;color:var(--tk-ink);padding:0}
:is(.tx-page,.tx-dialog) .tx-headrow,:is(.tx-page,.tx-dialog) .tx-row{display:grid;grid-template-columns:minmax(0,1fr) 91px 102px 70px 13px;gap:14px;align-items:center;padding:14px 19px}
:is(.tx-page,.tx-dialog) .tx-headrow{background:var(--tk-soft);font-size:11px;color:var(--tk-muted);border-top:1px solid var(--tk-line)}
:is(.tx-page,.tx-dialog) .tx-row{width:100%;text-align:left;background:var(--tk-paper);border:0;border-top:1px solid var(--tk-line);color:inherit;min-height:99px}
:is(.tx-page,.tx-dialog) .tx-row:hover{background:var(--tk-soft)}
:is(.tx-page,.tx-dialog) .tx-intro{min-width:0;display:flex;gap:11px;align-items:flex-start}
:is(.tx-page,.tx-dialog) .tx-avatar{width:33px;height:35px;border-radius:10px;background:var(--tk-blue-soft);color:var(--tk-blue);display:grid;place-items:center;flex-shrink:0;font-size:12px}
:is(.tx-page,.tx-dialog) .tx-copy{min-width:0}
:is(.tx-page,.tx-dialog) .tx-subject{display:block;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-client{display:block;font-size:11px;color:var(--tk-muted);margin-top:5px;line-height:1.6;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-client span{color:var(--tk-ink)}
:is(.tx-page,.tx-dialog) .tx-snippet{display:block;font-size:11px;color:var(--tk-muted);margin-top:5px;overflow-wrap:anywhere;line-height:1.55}
:is(.tx-page,.tx-dialog) .tx-state{display:inline-flex;gap:4px;align-items:center;max-width:100%;width:max-content;border-radius:5px;padding:3px 6px;background:var(--tk-soft);color:var(--tk-muted);font-size:11px;white-space:nowrap}
:is(.tx-page,.tx-dialog) .tx-state.tx-open{background:var(--tk-blue-soft);color:var(--tk-blue)}
:is(.tx-page,.tx-dialog) .tx-state.tx-resolved{background:var(--tk-green-soft);color:var(--tk-green)}
:is(.tx-page,.tx-dialog) .tx-state.tx-urgent{background:var(--tk-red-soft);color:var(--tk-red)}
:is(.tx-page,.tx-dialog) .tx-rowstatus{display:flex;align-items:flex-start;flex-direction:column;gap:5px}
:is(.tx-page,.tx-dialog) .tx-owner,:is(.tx-page,.tx-dialog) .tx-age,:is(.tx-page,.tx-dialog) .tx-chevron{color:var(--tk-muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-owner.tx-unassigned{color:var(--tk-amber)}
:is(.tx-page,.tx-dialog) .tx-age{text-align:right}
:is(.tx-page,.tx-dialog) .tx-mobile-meta{display:none}
:is(.tx-page,.tx-dialog) .tx-listfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:var(--tk-muted)}
:is(.tx-page,.tx-dialog) .tx-text{border:0;background:none;color:var(--tk-blue);padding:5px 0;font-size:12px;display:inline-flex;gap:5px;align-items:center;text-align:left;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-empty{padding:36px 20px;text-align:center;font-size:12px;color:var(--tk-muted);line-height:1.7}
:is(.tx-page,.tx-dialog) .tx-empty strong{display:block;color:var(--tk-ink);font-size:14px;margin-bottom:5px}
:is(.tx-page,.tx-dialog) .tx-window{width:100%;background:var(--tk-paper);border:1px solid var(--tk-line);border-radius:16px;box-shadow:0 18px 70px var(--tk-shadow);min-width:0;overflow:hidden}
:is(.tx-page,.tx-dialog) .tx-windowhead{padding:21px 22px;border-bottom:1px solid var(--tk-line);display:flex;gap:16px;align-items:flex-start}
:is(.tx-page,.tx-dialog) .tx-windowidentity{flex:1;min-width:0}
:is(.tx-page,.tx-dialog) .tx-windowidentity h2{font-size:21px;font-weight:600;line-height:1.4;margin:6px 0 9px;letter-spacing:-.02em;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-windowidentity p{font-size:12px;color:var(--tk-muted);margin-bottom:9px}
:is(.tx-page,.tx-dialog) .tx-windowidentity .tx-eyebrow{margin:0}
:is(.tx-page,.tx-dialog) .tx-windowbadges{display:flex;gap:6px;flex-wrap:wrap}
:is(.tx-page,.tx-dialog) .tx-windownav{display:flex;align-items:center;gap:6px}
:is(.tx-page,.tx-dialog) .tx-windownav>span{font-size:11px;color:var(--tk-muted);margin-right:4px}
:is(.tx-page,.tx-dialog) .tx-windowbar{display:flex;justify-content:space-between;gap:15px;padding:14px 22px;border-bottom:1px solid var(--tk-line);align-items:center;flex-wrap:wrap}
:is(.tx-page,.tx-dialog) .tx-tabs{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
:is(.tx-page,.tx-dialog) .tx-tab{background:none;border:0;border-bottom:2px solid transparent;padding:8px 0;font-size:12px;color:var(--tk-muted);display:flex;align-items:center;gap:6px}
:is(.tx-page,.tx-dialog) .tx-tab[aria-selected=true]{color:var(--tk-blue);border-bottom-color:var(--tk-blue)}
:is(.tx-page,.tx-dialog) .tx-windowactions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
:is(.tx-page,.tx-dialog) .tx-work{display:grid;grid-template-columns:minmax(0,1fr)}
:is(.tx-page,.tx-dialog) .tx-work.tx-has-details{grid-template-columns:minmax(0,1fr) 260px}
:is(.tx-page,.tx-dialog) .tx-content{padding:23px;min-width:0;background:var(--tk-soft);min-height:420px}
:is(.tx-page,.tx-dialog) .tx-sourcebox{padding:14px 16px;border:1px solid var(--tk-line);border-radius:10px;background:var(--tk-paper);margin-bottom:24px;display:flex;align-items:center;gap:10px;font-size:12px}
:is(.tx-page,.tx-dialog) .tx-sourcebox>div{flex:1;min-width:0}
:is(.tx-page,.tx-dialog) .tx-sourcebox small{display:block;font-size:11px;color:var(--tk-muted);margin-bottom:3px}
:is(.tx-page,.tx-dialog) .tx-sourcebox p{font-size:12px;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-day{font-size:11px;color:var(--tk-muted);text-align:center;margin:10px 0 24px}
:is(.tx-page,.tx-dialog) .tx-message{margin:18px 0 25px;max-width:95%;font-size:13px;line-height:1.7}
:is(.tx-page,.tx-dialog) .tx-author{font-size:11px;color:var(--tk-muted);margin-bottom:7px;display:flex;align-items:center;gap:6px}
:is(.tx-page,.tx-dialog) .tx-bubble{background:var(--tk-paper);border:1px solid var(--tk-line);padding:16px 18px;border-radius:12px 12px 12px 3px;white-space:pre-wrap;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-message.tx-operator{margin-left:auto}
:is(.tx-page,.tx-dialog) .tx-operator .tx-bubble{background:var(--tk-blue-soft);border-color:transparent;border-radius:12px 12px 3px 12px}
:is(.tx-page,.tx-dialog) .tx-message time{font-size:11px;color:var(--tk-muted);display:block;margin-top:5px}
:is(.tx-page,.tx-dialog) .tx-context{background:var(--tk-paper);border:1px solid var(--tk-line);padding:16px;border-radius:11px;font-size:12px;line-height:1.6;margin-top:24px}
:is(.tx-page,.tx-dialog) .tx-context strong{display:block;font-size:13px;margin:4px 0}
:is(.tx-page,.tx-dialog) .tx-context small{font-size:11px;color:var(--tk-muted)}
:is(.tx-page,.tx-dialog) .tx-details{padding:22px;background:var(--tk-paper);border-left:1px solid var(--tk-line);min-width:0}
:is(.tx-page,.tx-dialog) .tx-details h3{font-size:14px;margin-bottom:15px;font-weight:600}
:is(.tx-page,.tx-dialog) .tx-details label{display:block;font-size:11px;color:var(--tk-muted);margin:17px 0 6px}
:is(.tx-page,.tx-dialog) .tx-details select{width:100%}
:is(.tx-page,.tx-dialog) .tx-details dl{font-size:12px;margin:0}
:is(.tx-page,.tx-dialog) .tx-details dt{font-size:11px;color:var(--tk-muted);margin-top:17px}
:is(.tx-page,.tx-dialog) .tx-details dd{margin:4px 0 0;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-detailsline{border-top:1px solid var(--tk-line);margin-top:21px;padding-top:3px}
:is(.tx-page,.tx-dialog) .tx-actionfoot{padding:17px 22px;border-top:1px solid var(--tk-line);display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--tk-paper)}
:is(.tx-page,.tx-dialog) .tx-actionfoot small{font-size:11px;color:var(--tk-muted);line-height:1.6;max-width:380px}
:is(.tx-page,.tx-dialog) .tx-actionfoot>div{display:flex;gap:8px;flex-wrap:wrap}
:is(.tx-page,.tx-dialog) .tx-notes{display:grid;gap:13px}
:is(.tx-page,.tx-dialog) .tx-note{border:1px solid var(--tk-line);border-radius:10px;background:var(--tk-amber-soft);padding:15px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
:is(.tx-page,.tx-dialog) .tx-note small{display:block;font-size:11px;color:var(--tk-muted);margin-top:9px}
:is(.tx-page,.tx-dialog) .tx-editor{margin-top:18px;display:grid;gap:9px;font-size:12px}
:is(.tx-page,.tx-dialog) .tx-editor label{font-size:12px;font-weight:500}
:is(.tx-page,.tx-dialog) .tx-editorfooter{display:flex;justify-content:space-between;gap:10px;align-items:center}
:is(.tx-page,.tx-dialog) .tx-editorfooter small{font-size:11px;color:var(--tk-muted)}
:is(.tx-page,.tx-dialog) .tx-editorfooter .tx-control{justify-self:end}
:is(.tx-page,.tx-dialog) .tx-timeline{list-style:none;padding:0;margin:0}
:is(.tx-page,.tx-dialog) .tx-timeline li{display:grid;grid-template-columns:55px minmax(0,1fr);gap:12px;font-size:12px;padding:0 0 24px}
:is(.tx-page,.tx-dialog) .tx-timeline time{font-size:11px;color:var(--tk-muted);padding-top:2px}
:is(.tx-page,.tx-dialog) .tx-timeline strong{font-size:13px;font-weight:500;display:block;line-height:1.6}
:is(.tx-page,.tx-dialog) .tx-timeline p{font-size:12px;color:var(--tk-muted);margin-top:3px}
:is(.tx-page,.tx-dialog) .tx-chatbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
:is(.tx-page,.tx-dialog) .tx-notice{font-size:12px;color:var(--tk-amber);background:var(--tk-amber-soft);padding:12px 15px;border-radius:8px;line-height:1.7;margin:14px 0}
.tx-dialog{width:min(1160px,calc(100vw - 48px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #e6eaf2;border-radius:16px;margin:auto;overflow:auto;box-shadow:0 18px 70px #14203a33;background:white}
.tx-dialog::backdrop{background:#15213b66}.tx-windowhead{display:flex;padding:22px;gap:16px;border-bottom:1px solid var(--tk-line);align-items:flex-start}.tx-identity{flex:1;min-width:0}.tx-identity h2{font-size:21px;line-height:1.4;margin:6px 0 9px;overflow-wrap:anywhere}.tx-identity p{color:var(--tk-muted);font-size:12px;margin:0 0 9px}.tx-nav{display:flex;gap:6px;align-items:center}.tx-nav>span{font-size:11px;color:var(--tk-muted)}.tx-windowbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.tx-dialog #ticketBadges{display:flex;gap:6px}.tx-dialog select,.tx-dialog input{max-width:100%;width:100%;border:1px solid var(--tk-line);border-radius:8px;padding:9px;background:#fff;font:inherit;font-size:12px}.tx-page select{border:1px solid var(--tk-line);border-radius:8px;padding:10px;background:white;font:inherit;font-size:12px}.tx-details input{margin-bottom:10px}.tx-page .tx-listfoot>div{display:flex;gap:8px}.tx-metric{font:inherit;cursor:pointer}.tx-note small{display:block}.tx-dialog textarea{width:100%;padding:12px;min-height:110px;resize:vertical;border:1px solid var(--tk-line);border-radius:9px;font:inherit;font-size:13px;line-height:1.7}.tx-timeline time{overflow-wrap:anywhere}.tx-timeline li{grid-template-columns:110px minmax(0,1fr)!important}.tx-notice,#ticketError,#ticketListError,#ticketNotice{font-size:12px;line-height:1.6;margin:0;padding:10px 22px;background:#fff6e6;color:#90601c}#ticketNotice{background:#edf8f2;color:#237854}#ticketError:empty,#ticketListError:empty,#ticketNotice:empty{display:none}.tx-page .tx-search input{outline-offset:5px}.tx-page .tx-row{font-family:inherit}.tx-page .tx-headrow{grid-template-columns:minmax(0,1fr) 91px 102px 100px 13px}.tx-page .tx-row{grid-template-columns:minmax(0,1fr) 91px 102px 100px 13px}.tx-actionfoot small{max-width:390px}.tx-dialog button:disabled{opacity:.55;cursor:default}.tx-page button:focus-visible,.tx-dialog button:focus-visible{outline:2px solid #3159e8;outline-offset:3px}
@media(max-width:1050px){.tx-page{padding:26px 22px!important}.tx-page .tx-headrow,.tx-page .tx-row{grid-template-columns:minmax(0,1fr) 90px 95px 13px}.tx-page .tx-headrow>span:nth-child(4),.tx-page .tx-age{display:none}.tx-page .tx-mobile-meta{display:block;font-size:11px;color:var(--tk-muted);margin-top:5px}}
@media(max-width:760px){.tx-page{padding:22px 16px!important}.tx-pagehead{flex-wrap:wrap}.tx-page .tx-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tx-page .tx-headrow{display:none}.tx-page .tx-row{grid-template-columns:minmax(0,1fr) 12px;gap:10px;padding:16px}.tx-page .tx-intro{grid-column:1}.tx-page .tx-rowstatus{grid-column:1;flex-direction:row;margin-left:44px;flex-wrap:wrap}.tx-page .tx-chevron{grid-column:2;grid-row:1/3}.tx-page .tx-owner{display:none}.tx-page .tx-toolbar{flex-wrap:wrap;padding:14px}.tx-page .tx-search{flex-basis:100%}.tx-page .tx-filters{padding:8px;gap:2px}.tx-page .tx-filter{padding:8px;font-size:11px}.tx-dialog{width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}.tx-windowhead{padding:16px;flex-wrap:wrap}.tx-windowhead>.tx-avatar{display:none}.tx-nav{margin-left:auto}.tx-windowbar{padding:12px 16px!important}.tx-dialog .tx-work.tx-has-details{grid-template-columns:minmax(0,1fr)}.tx-dialog .tx-details{border-left:0;border-top:1px solid var(--tk-line)}.tx-dialog .tx-content{padding:16px;min-height:300px}.tx-identity h2{font-size:18px}.tx-dialog .tx-sourcebox{flex-wrap:wrap}.tx-dialog .tx-actionfoot{padding:16px}.tx-dialog .tx-timeline li{grid-template-columns:80px minmax(0,1fr)!important}.tx-dialog .tx-message{max-width:100%}}
/* A mobile ticket is a full sheet; the title keeps its full line width. */
html:has(#ticketDialog[open]){overflow:hidden}
@media(max-width:760px){.tx-dialog{width:100%;max-width:100%;margin:0;box-sizing:border-box}.tx-dialog .tx-windowhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.tx-identity{grid-column:1/-1;grid-row:2}.tx-nav{grid-column:1/-1;grid-row:1;justify-content:flex-end;width:100%}}