.support-workspace{--support-ink:#242d2a;--support-muted:#68716a;--support-line:#e1e3dc;--support-paper:#fff;--support-warm:#f7f5ef;color:var(--support-ink);min-width:0}
.support-workspace *{box-sizing:border-box}
.support-workspace .icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.support-workspace h2{font-size:24px;letter-spacing:-.8px;line-height:1.3;margin:8px 0 12px}
.support-workspace h3{font-size:16px;letter-spacing:-.3px;margin:0 0 12px}
.support-workspace p{line-height:1.7;margin:8px 0 16px}
.support-workspace a{text-decoration:none}
.support-workspace a:hover{text-decoration:underline;text-underline-offset:4px}
.support-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#96532d;line-height:1.8}
.support-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.support-intro p{color:var(--support-muted);max-width:680px;margin-bottom:0}
.support-primary,.support-secondary,.support-workspace button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:43px;flex-shrink:0;padding:11px 18px;border-radius:8px;border:1px solid transparent;font:inherit;font-size:12px;font-weight:650;cursor:pointer;text-decoration:none!important}
.support-primary,.support-workspace button{background:#f77b26;color:#251b14!important}
.support-primary:hover,.support-workspace button:hover{background:#ed6b17}
.support-secondary{background:#fff;border-color:#d4d8d0;color:var(--support-ink)!important}
.support-secondary:hover{background:#f4f3ef}
.support-workspace a:focus-visible,.support-workspace button:focus-visible,.support-workspace input:focus-visible,.support-workspace select:focus-visible,.support-workspace textarea:focus-visible{outline:3px solid #c05f23;outline-offset:3px}
.support-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}
.support-metrics>a,.support-metrics>div{background:var(--support-paper);border:1px solid var(--support-line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:8px;color:var(--support-ink)}
.support-metrics strong{font-size:34px;line-height:1.3;letter-spacing:-1.5px;font-weight:650}
.support-metrics span{font-size:12px;font-weight:550}
.support-metrics small{font-size:10px;color:var(--support-muted)}
.support-panel{background:var(--support-paper);border:1px solid var(--support-line);border-radius:12px;min-width:0}
.support-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--support-line)}
.support-panel-heading h2{font-size:17px;letter-spacing:-.3px;margin:0}
.support-panel-heading p{margin:8px 0 0;font-size:12px}
.support-count{background:#f0f0eb;border-radius:6px;padding:3px 8px;font-size:11px;vertical-align:middle;margin-left:6px}
.support-subtle,.support-footnote{font-size:11px;color:var(--support-muted);line-height:1.7}
.support-workspace .support-footnote{margin:18px 0 0}
.support-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:20px 24px;background:#fcfcfa;border-bottom:1px solid var(--support-line)}
.support-workspace label{display:block;font-size:11px;font-weight:600;margin-bottom:7px;line-height:1.5}
.support-filters label{min-width:115px;flex:1;margin:0}
.support-filters .support-search{flex:2.4;min-width:220px}
.support-workspace input:not([type=radio]):not([type=hidden]),.support-workspace select,.support-workspace textarea{display:block;width:100%;border:1px solid #d6dad2;border-radius:7px;background:#fff;color:var(--support-ink);font:inherit;font-size:12px;padding:11px 12px;line-height:1.5;min-height:42px;box-shadow:none}
.support-workspace textarea{resize:vertical;min-height:130px}
.support-filters input,.support-filters select{margin-top:6px}
.support-clear{font-size:11px;padding:12px 0}
.support-table-wrap{overflow-x:auto;border-radius:0 0 12px 12px}
.support-workspace .support-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px;margin:0}
.support-table th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;color:var(--support-muted);background:#fff;padding:16px 18px;border-bottom:1px solid var(--support-line);white-space:nowrap}
.support-table td{padding:21px 18px;border-bottom:1px solid #eeeee8;vertical-align:middle;min-width:135px}
.support-table tbody tr:last-child td{border-bottom:0}
.support-table tbody tr:hover{background:#fdfbf7}
.support-table td:first-child{padding-left:24px;min-width:245px;max-width:440px}
.support-table small{display:block;color:var(--support-muted);font-size:10px;line-height:1.7;margin-top:6px;overflow-wrap:anywhere}
.support-ticket-link{display:flex;align-items:baseline;gap:8px;color:var(--support-ink)}
.support-ticket-link strong{font-weight:650;overflow-wrap:anywhere;line-height:1.6}
.support-unread-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:100%;background:#df6c27;margin-right:2px;vertical-align:middle}
.support-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.4;padding:6px 9px;border-radius:5px}
.support-status-open{color:#9d4b1e;background:#fff0e3}
.support-status-waiting{color:#536276;background:#edf1f7}
.support-status-resolved{color:#28634e;background:#eaf3ed}
.support-priority{display:block;font-size:10px;margin-top:7px;color:#697169;white-space:nowrap}
.support-priority span{font-size:8px;margin-right:3px}
.support-priority-high{color:#a3412b}
.support-priority-low{color:#778175}
.support-assignee{display:block;max-width:180px;overflow-wrap:anywhere;color:#657064;font-size:11px}
.support-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-top:1px solid var(--support-line);font-size:11px}
.support-pagination>div{display:flex;gap:8px}
.support-pagination .support-secondary{font-size:11px;min-height:36px;padding:8px 11px}
.support-empty{text-align:center;padding:66px 25px}
.support-empty>.icon,.admin.workspace .support-empty>.icon{display:block;width:34px;height:34px;color:#ac7651;margin:0 auto 20px}
.support-empty h3{font-size:20px;margin-bottom:12px}
.support-empty p{max-width:490px;margin:0 auto 22px;color:var(--support-muted);font-size:12px}
.support-back{display:inline-block;color:#79634d;font-size:12px;margin-bottom:24px}
.support-thread-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:26px}
.support-thread-heading h2{font-size:26px;max-width:780px;overflow-wrap:anywhere}
.support-thread-heading p{font-size:11px;color:var(--support-muted);margin-bottom:0}
.support-heading-badges{flex-shrink:0;text-align:right}
.support-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.support-conversation{min-width:0;scroll-margin-top:90px}
.support-conversation>.support-pagination{padding:12px 0 20px;border:0}
.support-message{border:1px solid var(--support-line);border-radius:11px;margin-bottom:18px;background:#fff;padding:22px}
.support-message>header{display:flex;gap:11px;align-items:center;margin-bottom:20px}
.support-message>header>div:nth-child(2){min-width:0;flex:1}
.support-message>header strong{font-size:12px;font-weight:650;overflow-wrap:anywhere}
.support-message>header small{display:block;font-size:10px;color:var(--support-muted);margin-top:3px;overflow-wrap:anywhere}
.support-message>header time{color:var(--support-muted);font-size:10px;flex-shrink:0}
.support-message-avatar{display:flex;align-items:center;justify-content:center;background:#f1eee7;color:#765d48;width:34px;height:34px;border-radius:50%;flex-shrink:0;font-size:12px;font-weight:700}
.support-message-staff{border-left:3px solid #fa8a42}
.support-message-staff .support-message-avatar{background:#282e29;color:#fff}
.support-message-note{background:#fffaed;border-color:#eaddb4;border-left:3px solid #d4b25f}
.support-message-note .support-message-avatar{background:#f2e5bb;color:#755b22}
.support-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:13px}
.support-compose{padding:24px;margin-top:24px}
.support-compose h3{font-size:17px;margin-bottom:20px}
.support-reply-mode{display:flex;gap:20px;margin:0 0 20px;padding:0;border:0;flex-wrap:wrap}
.support-reply-mode label{display:flex;align-items:center;gap:7px;margin:0;font-weight:550;cursor:pointer}
.support-reply-mode input[type=radio]{width:15px;height:15px;margin:0;accent-color:#c15d21}
.support-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.support-compose-actions>span{font-size:10px;color:var(--support-muted);max-width:360px}
.support-ticket-sidebar{display:grid;gap:18px}
.support-ticket-sidebar .support-panel{padding:22px}
.support-ticket-sidebar label{margin-top:17px}
.support-ticket-sidebar select{margin-top:7px}
.support-ticket-sidebar button{width:100%;margin-top:15px}
.support-ticket-sidebar p{font-size:12px}
.support-ticket-sidebar hr{border:0;border-top:1px solid var(--support-line);margin:22px 0}
.support-text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#9a5326!important;margin-top:12px}
.support-wrap{overflow-wrap:anywhere}
.support-portal-note{display:flex;gap:12px;padding:4px 12px;color:var(--support-muted)}
.support-portal-note .icon{margin-top:5px}
.support-portal-note p{font-size:10px;margin:0;line-height:1.8}
.support-customer-tickets{display:grid;gap:13px}
.support-customer-ticket{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--support-line);border-radius:10px;background:#fff;padding:25px;color:var(--support-ink)!important}
.support-customer-ticket h3{font-size:17px;margin:9px 0;overflow-wrap:anywhere}
.support-customer-ticket>div:last-child{display:flex;align-items:center;gap:22px;flex-shrink:0}
.support-new-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:28px}
.support-new-form{padding:30px}
.support-new-form>p{font-size:12px;color:var(--support-muted)}
.support-new-form label{margin-top:22px}
.support-new-aside{padding:22px 4px}
.support-new-aside h3{font-size:20px;line-height:1.4}
.support-new-aside p,.support-new-aside li{font-size:12px;color:var(--support-muted);line-height:1.8}
.support-new-aside ul{padding-left:17px;display:grid;gap:12px;margin:22px 0}
.support-care-icon{width:48px;height:48px;display:grid;place-items:center;background:#f9e8d9;color:#b96831;border-radius:12px;margin-bottom:23px}
.support-care-icon .icon{width:24px;height:24px}
.support-workspace .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.support-contact-section{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1384px;margin:42px auto 72px;padding:36px 40px;background:#f6f3ec;border:1px solid #e2e1d8;border-radius:14px}
.support-contact-section h2{font-size:28px;letter-spacing:-1px;line-height:1.3;margin:10px 0}
.support-contact-section p{max-width:680px;font-size:13px;line-height:1.8;color:#667068}
.support-contact-section>div:last-child{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
@media(max-width:1250px){.support-detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.support-new-layout{grid-template-columns:minmax(0,1fr)}.support-new-aside{padding:10px}.support-new-aside ul{display:flex;gap:28px;flex-wrap:wrap}.support-new-aside li{max-width:220px}.support-metrics{gap:12px}.support-metrics>a,.support-metrics>div{padding:18px}}
@media(max-width:1050px){.support-detail-layout{grid-template-columns:minmax(0,1fr)}.support-ticket-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.support-portal-note{grid-column:1/-1}.support-customer-ticket{align-items:flex-start}.support-customer-ticket>div:last-child{flex-direction:column;align-items:flex-end;gap:15px}}
@media(max-width:720px){.support-intro{align-items:flex-start;flex-direction:column;gap:18px}.support-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.support-metrics strong{font-size:29px}.support-metrics span{font-size:11px}.support-panel-heading{align-items:flex-start;flex-direction:column;gap:9px;padding:18px}.support-filters{padding:18px;gap:14px}.support-filters .support-search{flex-basis:100%}.support-filters label{min-width:120px}.support-thread-heading{flex-direction:column;gap:12px}.support-heading-badges{display:flex;align-items:center;gap:12px}.support-heading-badges .support-priority{margin:0}.support-thread-heading h2{font-size:23px}.support-message{padding:18px}.support-message>header{flex-wrap:wrap}.support-message>header time{flex-basis:100%;padding-left:45px}.support-compose{padding:20px}.support-compose-actions{align-items:flex-start;flex-direction:column;gap:15px}.support-compose-actions button{align-self:flex-end}.support-new-form{padding:22px}.support-pagination{padding:18px;flex-wrap:wrap}.support-customer-ticket{padding:19px;flex-direction:column}.support-customer-ticket>div:last-child{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}
@media(max-width:1100px){.support-contact-section{align-items:flex-start;flex-direction:column;gap:18px;margin:30px 24px 50px;padding:28px}}
@media(max-width:560px){.support-contact-section{margin:20px 18px 36px;padding:24px}.support-contact-section h2{font-size:24px}.support-contact-section>div:last-child{flex-direction:column;width:100%}}
@media(max-width:460px){.support-ticket-sidebar{grid-template-columns:minmax(0,1fr)}.support-metrics>a,.support-metrics>div{padding:16px 14px}.support-metrics small{font-size:9px}.support-intro h2{font-size:22px}.support-new-form{padding:20px}.support-reply-mode{gap:13px}}
