:is(.support-tickets-page,.agent-support-page) { gap:14px; background:#f1f3f8; padding:0; border:0; border-radius:16px; }
body .agent-support-page { width:100%; min-width:0; height:auto; grid-template-rows:auto minmax(430px,1fr); }
body .ticket-reference-search > input { width:140px !important; height:33px !important; flex:0 0 140px; }
body .ticket-reference-search > .suite-date { width:200px; flex:0 0 200px; }
body .ticket-reference-search .suite-date-trigger { height:33px; min-height:33px; }
body .ticket-reference-search .suite-date-trigger.is-placeholder .suite-date-value { font-size:0; }
body .ticket-reference-search .suite-date:has([data-ticket-filter=startDate]) .is-placeholder .suite-date-value::after { content:"开始时间"; font-size:12px; }
body .ticket-reference-search .suite-date:has([data-ticket-filter=endDate]) .is-placeholder .suite-date-value::after { content:"结束时间"; font-size:12px; }
body .ticket-reference-table :is(.support-tickets-empty,.support-empty) { background:#fff; }
body .ticket-reference-card footer .suite-select { width:128px; }
body .ticket-reference-card footer > * { flex:0 0 auto; white-space:nowrap; }
body .ticket-reference-card footer > select { width:128px !important; }
body .ticket-reference-card footer > input { width:54px !important; height:31px !important; min-height:31px !important; }
body .ticket-reference-card footer > button { min-width:30px; padding:4px 8px; }
.ticket-reference-filters { position:relative; padding:14px 12px 12px; border-radius:16px; background:linear-gradient(110deg,#f7f8fc,#edf0f5); box-shadow:0 8px 18px #33456b09; }
.ticket-reference-status,.ticket-reference-types { display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin-bottom:9px; }
.ticket-reference-status { padding-right:70px; }
.ticket-reference-filters button { font:12px/1.4 Arial,"Microsoft YaHei",sans-serif; cursor:pointer; }
.ticket-reference-status button,.ticket-reference-types button { padding:7px 14px; border:1px solid #dce2ee; border-radius:20px; background:#fbfcfe; color:#23334d; box-shadow:0 2px 5px #23334d04; white-space:nowrap; }
.ticket-reference-status b { display:none; }
.ticket-reference-status button:is(.active,.is-active),.ticket-reference-types button[aria-pressed=true] { color:#fff; border-color:#7047ee; background:linear-gradient(120deg,#5744f2,#8037ed); box-shadow:0 3px 8px #6545e627; }
.ticket-reference-status button:hover,.ticket-reference-types button:hover { border-color:#9d88ea; }
.ticket-reference-filters .ticket-refresh { position:absolute; right:12px; top:14px; padding:6px 14px; border:1px solid #d8deeb; border-radius:4px; background:white; color:#344b68; }
.ticket-reference-search { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ticket-reference-search input { box-sizing:border-box; width:140px; min-width:0; height:33px; padding:7px 10px; background:#fff; color:#293c57; border:1px solid #d6ddec; border-radius:4px; font:12px Arial,"Microsoft YaHei",sans-serif; }
.ticket-reference-search input::placeholder { color:#99a5b9; }
.ticket-reference-search input[type=date] { width:200px; }
.ticket-reference-search button { height:33px; min-width:60px; padding:6px 14px; border:1px solid #d6ddec; border-radius:4px; background:#fff; color:#526078; }
.ticket-reference-search .ticket-search-button { color:#fff; background:#3998ff; border-color:#3998ff; }
.ticket-reference-card { display:flex; flex-direction:column; min-height:520px; height:calc(100dvh - 390px); overflow:hidden; background:#fff; border:1px solid #e7ebf4; border-radius:16px; }
.agent-support-page .ticket-reference-card { height:calc(100dvh - 245px); }
.ticket-reference-scroll { flex:1; min-height:0; overflow:auto; }
.ticket-reference-table { table-layout:fixed; width:100%; min-width:1180px; border-collapse:collapse; color:#20334c; font:12px/1.5 Arial,"Microsoft YaHei",sans-serif; }
.ticket-reference-table th { position:sticky; top:0; z-index:1; background:linear-gradient(#fafbfe,#f2f5fc); height:40px; padding:0 12px; font-weight:500; text-align:center; border-bottom:1px solid #e6ebf6; }
.ticket-reference-table th:nth-child(1) { width:30px; padding:0 8px; }
.ticket-reference-table th:nth-child(2) { width:40%; }
.ticket-reference-table th:nth-child(3) { width:110px; }
.ticket-reference-table th:nth-child(5) { width:152px; }
.ticket-reference-table td { padding:10px 12px; border-bottom:1px solid #edf0f8; vertical-align:middle; text-align:center; background:#fff; }
.ticket-reference-table td:first-child { padding:10px 8px; }
.ticket-reference-table tr.is-selected td { background:#f0f5ff; }
.ticket-reference-table input[type=checkbox] { width:14px; height:14px; accent-color:#3b99ff; cursor:pointer; }
.ticket-product-card { display:flex; align-items:center; gap:10px; min-height:82px; padding:8px; border:1px solid #e8edfa; border-radius:10px; text-align:left; }
.ticket-product-card > img,.ticket-image-empty { flex:0 0 60px; width:60px; height:60px; object-fit:cover; border-radius:6px; }
.ticket-image-empty { display:grid; place-items:center; background:#f2f5fb; color:#98a4b8; font-size:10px; }
.ticket-product-card > div { min-width:0; flex:1; }
.ticket-product-line { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:2px 0 6px; }
.ticket-pill,.ticket-order-status { padding:4px 8px; border:1px solid #d5dfff; border-radius:16px; color:#3457ff; background:#f3f7ff; font-size:10px; white-space:nowrap; }
.ticket-order-status { color:#6451e7; background:#f1ecff; border-color:#d9ceff; }
.ticket-order-status.unpurchased,.ticket-order-status.unprocured { color:#db8b10; background:#fff7e3; border-color:#ffd793; }
.ticket-order-status.to_ship,.ticket-order-status.pending { color:#337bff; background:#edf5ff; border-color:#b5d0ff; }
.ticket-order-status.delivered,.ticket-order-status.shipped { color:#00a980; background:#e9faf4; border-color:#b9e9db; }
.ticket-sku { padding:5px 8px; background:#f4f6fa; color:#667b99; font-size:10px; border-radius:7px; }
.ticket-quantity { background:#fff0f1; color:#ff283b; font-size:17px; line-height:26px; padding:0 6px; border-radius:6px; }
.ticket-price { padding:5px 8px; border-radius:8px; background:#eeebff; color:#6356ff; font-size:11px; font-weight:600; }
.ticket-product-name { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; color:#71829b; font-size:10px; }
.ticket-owner-strip { display:flex; flex-wrap:wrap; gap:8px 12px; margin-top:10px; padding:5px 8px; background:#f4f6ff; border:1px solid #e8edff; border-radius:7px; color:#536c91; text-align:left; font-size:11px; }
.ticket-owner-strip strong { color:#1d304b; font-weight:500; }
.ticket-owner-strip i { font-style:normal; color:#7566ff; background:#edeaff; padding:1px 3px; border-radius:3px; font-size:9px; }
.ticket-type-pill { display:inline-block; padding:6px 9px; border:1px solid #d9c6ff; color:#8950ff; background:#f4eeff; border-radius:18px; font-size:11px; }
.ticket-workflow-state { display:block; margin-top:6px; color:#919db2; font-size:10px; }
.ticket-latest-message { min-height:84px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:9px 14px; border:1px solid #e1e8f9; border-radius:9px; background:linear-gradient(#fff,#f9fbff); overflow-wrap:anywhere; }
.ticket-latest-message strong { font-size:11px; font-weight:500; }
.ticket-latest-message p { margin:0; color:#536f98; white-space:pre-wrap; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.ticket-latest-message time { font:10px Consolas,monospace; color:#8aa0c6; }
.ticket-unread-count { display:inline-block; padding:0 5px; margin-left:6px; border-radius:10px; background:#ff5976; color:white; }
.ticket-time { padding:6px; margin-bottom:4px; border:1px solid #e1e9fa; border-radius:5px; white-space:nowrap; color:#43628d; font:10px/1.5 Consolas,monospace; }
.ticket-time span { color:#8ba0c0; margin-right:4px; }
.ticket-conversation-button { display:flex; align-items:center; justify-content:center; gap:5px; width:100%; min-height:27px; padding:3px 8px; border:1px solid #9eeac9; border-radius:16px; background:linear-gradient(120deg,#effbf5,#dcf8eb); color:#00ac78; font-size:11px; cursor:pointer; }
.ticket-conversation-button svg { width:14px; height:14px; }
.ticket-reference-card footer { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-height:54px; padding:8px 12px; border-top:1px solid #e7ecf7; background:white; color:#6f819d; font-size:12px; }
.ticket-reference-card footer button,.ticket-reference-card footer select,.ticket-reference-card footer input { height:31px; border:1px solid #dae2ef; border-radius:4px; background:#fff; color:#4b648a; }
.ticket-reference-card footer select { padding:4px 10px; }
.ticket-reference-card footer input { width:54px; text-align:center; }
.ticket-reference-card footer b { display:grid; place-items:center; min-width:30px; height:30px; color:#fff; border-radius:4px; background:#3b98ff; }
.ticket-reference-card footer button:disabled { opacity:.4; }
.ticket-reference-table .ticket-sort { border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.support-metrics { display:none; }
@media(max-width:1250px) { .ticket-reference-search input[type=date] { width:170px; } .ticket-reference-card { min-height:430px; } }