/* Shared support workspace. All fields remain reachable on small screens. */
.portal-body{margin:0;background:#f3f6fa;color:#1d2c42;font:15px/1.55 system-ui,-apple-system,sans-serif}.portal-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 4%;background:#fff;border-bottom:1px solid #dce4ef}.portal-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;color:#172b46}.portal-brand small{display:block;font-size:12px;font-weight:400;color:#65748a}.brand-tile{display:grid;place-items:center;width:42px;height:42px;background:#204b78;color:white;border-radius:12px}.portal-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.portal-header nav a,.link-button{color:#254f7b;text-decoration:none;font:inherit}.portal-header nav form{margin:0}.link-button{padding:0;background:none;border:0;cursor:pointer}.portal-main{max-width:1440px;margin:0 auto;padding:28px 36px 64px}.portal-context{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#66768b;margin-bottom:28px}.portal-footer{text-align:center;padding:20px;color:#718197;font-size:12px}.skip-link{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}
.support-app{min-width:0;color:#1d2c42;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.support-app *{box-sizing:border-box}.support-app h1{font-size:clamp(24px,2.4vw,32px);line-height:1.25;margin:8px 0 12px;overflow-wrap:anywhere}.support-app h2{font-size:19px;margin:0 0 12px}.support-app p{line-height:1.6}.support-app a{color:#235a91;text-underline-offset:3px}.support-app .eyebrow{font-size:11px;letter-spacing:.12em;color:#637b96;font-weight:700;margin:0}.support-app .muted,.support-app small{color:#66768b;font-size:12px}.support-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 24px}.support-card{background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:22px;margin:0 0 20px;min-width:0}.support-app label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;margin:0 0 16px}.support-app input:not([type=checkbox]),.support-app select,.support-app textarea{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #bccbdb;border-radius:7px;padding:10px 12px;font:14px/1.45 system-ui;background:white;color:#20324a}.support-app textarea{resize:vertical;min-height:100px}.support-app input[type=checkbox]{width:18px;height:18px;flex:0 0 auto}.support-app .check{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400}.support-app :focus-visible{outline:3px solid #6ba6dc;outline-offset:3px}.support-app button,.support-app .button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:7px;font:600 13px/1.3 system-ui;background:#245882;color:white;text-decoration:none;cursor:pointer;white-space:normal}.support-app button:hover,.support-app .button:hover{filter:brightness(.94)}.support-app .secondary{background:#eef3f9;color:#254f7b;border-color:#cfdaea}.support-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.support-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;align-items:end}.support-filters label{margin:0}.support-filters .support-actions{margin:0}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.support-table-wrap{padding:0;overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.support-table{width:100%;border-collapse:collapse;min-width:800px;font-size:13px}.support-table th{background:#f7f9fc;color:#526a83;font-size:12px;text-align:left;white-space:nowrap}.support-table td,.support-table th{padding:15px 18px;border-bottom:1px solid #e4eaf2;vertical-align:top}.support-table td:first-child{min-width:230px;max-width:400px;overflow-wrap:anywhere}.support-table small{display:block;margin-top:4px}.support-table td.number{white-space:nowrap;font-variant-numeric:tabular-nums}.support-table tr:last-child td{border-bottom:0}.support-app .ticket-link{font-weight:650;text-decoration:none}.support-status,.unread-badge{display:inline-block;border-radius:16px;padding:5px 10px;font-size:12px;font-weight:600;white-space:nowrap;background:#edf1f6;color:#44546a}.status-open{background:#e8effb;color:#345e9a}.status-in_progress{background:#fff1d9;color:#885e16}.status-answered{background:#e4f3ed;color:#267052}.status-closed{background:#e9edf2;color:#5f6c7c}.unread-badge{display:block;width:max-content;margin-top:6px;background:#def0ff;color:#205d8b}.support-empty{text-align:center;padding:42px!important;color:#6a7b90}.support-pagination{display:flex;justify-content:space-between;gap:20px;margin:24px 0}.support-error,.support-notice{padding:14px 18px;border-radius:8px;background:#fff3db;color:#75531b;overflow-wrap:anywhere}.support-error{background:#fceaea;color:#913b3b}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.ticket-layout:not(:has(.ticket-sidebar)){grid-template-columns:minmax(0,1fr)}.ticket-conversation{min-width:0}.ticket-sidebar{position:sticky;top:16px}.ticket-facts{display:flex;flex-wrap:wrap;gap:18px 32px;font-size:12px;color:#718197}.ticket-facts strong{display:block;font-weight:500;color:#2c415b}.ticket-thread{display:flex;flex-direction:column;gap:14px;margin:20px 0}.ticket-message{background:white;border:1px solid #dce4ef;border-radius:12px;padding:18px;max-width:94%;min-width:min(320px,100%)}.ticket-message.message-own{align-self:flex-end;background:#eef5fc;border-color:#cfdeee}.ticket-message.message-internal{background:#fff6e5;border-color:#ead7a8}.ticket-message.message-event{background:transparent;border-style:dashed;max-width:100%;font-size:12px;color:#64758b}.ticket-message header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:12px;margin-bottom:8px}.ticket-message header span,.ticket-message time{color:#77879a}.ticket-message time{margin-left:auto}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.ticket-image{display:inline-flex;vertical-align:top;flex-direction:column;gap:6px;margin:14px 12px 0 0;max-width:220px;font-size:12px;overflow-wrap:anywhere}.ticket-image img{max-width:100%;height:150px;object-fit:contain;border-radius:7px;background:#e8edf3}.thread-update{padding:12px;background:#e1effc;border-radius:8px}.thread-update[hidden]{display:none}.narrow,.portal-login{max-width:500px;margin:36px auto}.portal-login{padding:36px}.portal-login button{width:100%}.secret-card{border:2px solid #a9c8df;max-width:650px}.support-app details summary{cursor:pointer;font-weight:600}.support-app details[open] summary{margin-bottom:20px}
@media(max-width:900px){.portal-header{align-items:flex-start;flex-direction:column;gap:16px}.portal-main{padding:20px 18px 40px}.ticket-layout{grid-template-columns:minmax(0,1fr)}.ticket-sidebar{position:static}.support-page-head{align-items:flex-start;flex-direction:column;gap:0}.support-page-head .support-actions{margin-top:0}.support-grid{grid-template-columns:minmax(0,1fr)}.support-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-message{max-width:100%}.support-table{min-width:780px}.portal-context{flex-wrap:wrap}.support-card{padding:18px}.support-table-wrap{padding:0}}
@media(max-width:520px){.portal-header{padding:16px}.portal-header nav{gap:12px;font-size:13px}.portal-main{padding:16px 12px 32px}.support-filters{grid-template-columns:minmax(0,1fr)}.support-app input:not([type=checkbox]),.support-app select,.support-app textarea{font-size:16px}.support-app button,.support-app .button{min-height:44px}.support-actions>*{flex:1 1 auto}.ticket-message{padding:14px;min-width:0;width:100%}.ticket-message time{margin-left:0}.portal-login{padding:24px;margin:16px auto}.ticket-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.support-pagination{flex-wrap:wrap}.support-card{border-radius:9px}}

.support-app p,.support-app label,.portal-context,.portal-brand{overflow-wrap:anywhere}
