/* Native customer support components. Shared system fonts; no original-program assets. */
body.support-portal{font-family:var(--font-body,Inter,system-ui,sans-serif);background:#f3f7fc;color:#18344f}
.support-portal-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:24px;width:min(1500px,100%);margin:24px auto;padding:0 24px;box-sizing:border-box}
.support-portal-menu{align-self:start;position:sticky;top:20px;display:grid;gap:6px;padding:16px;border:1px solid #d1e0ef;border-radius:18px;background:#fff;box-shadow:0 6px 24px #1236580a}
.support-portal-brand{display:flex;align-items:center;justify-content:center;min-height:74px;margin-bottom:8px;padding:14px;border-radius:12px;background:#173b70;color:#fff;box-sizing:border-box}
.support-portal-brand img{max-width:100%;max-height:76px;object-fit:contain}.support-portal-menu h2{margin:8px 10px;font-size:18px}
.support-portal-menu>a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;color:#214f7c;text-decoration:none;min-height:44px;box-sizing:border-box;overflow-wrap:anywhere}
.support-portal-menu>a:hover,.support-portal-menu>a:focus-visible{background:#e8f1fc;color:#123f76}.support-nav-icon{width:24px;text-align:center;flex:0 0 24px}
.support-portal :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2b82cf;outline-offset:3px}
.support-portal .support-main{min-width:0;width:100%;margin:0;padding:0}.support-portal :is(.support-card,.support-ticket,.support-heading){border:1px solid #d1e0ef;border-radius:16px;background:#fff;padding:22px;margin-bottom:18px;box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
.support-portal .support-button{border-radius:10px;min-height:44px;padding:12px 18px;background:#1b60ad;color:#fff}.support-portal .support-grid{grid-template-columns:1fr}.support-portal .support-message{border-radius:12px;border:1px solid #d4e1ef;background:#f5f9fd}.support-portal .private-note{background:#fff3d7}
.support-portal .js-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.support-portal .js-metric{background:#fff;border:1px solid #d1e0ef;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;text-decoration:none;color:#214f7c;text-align:center;min-width:0;overflow-wrap:anywhere}.support-portal .js-meter{display:grid;place-items:center;border:6px solid var(--metric-color,#2563eb);border-radius:50%;color:var(--metric-color,#2563eb);width:72px;height:72px;font-size:24px}
.support-portal :is(input,select,textarea){max-width:100%;box-sizing:border-box}.support-portal :is(input[type=checkbox],input[type=radio]){width:18px;min-height:18px;height:18px;margin:0 8px 0 0;vertical-align:middle;display:inline-block}.queue-pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:14px}
@media(max-width:850px){.support-portal-layout{grid-template-columns:1fr;padding:0 14px;margin:16px auto;gap:16px}.support-portal-menu{position:static;display:flex;flex-wrap:wrap;gap:6px}.support-portal-brand{width:100%;margin:0}.support-portal-menu h2{width:100%}.support-portal-menu>a{flex:1 1 180px}.support-portal .js-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.support-portal :is(.support-card,.support-heading){padding:18px}}
@media print{.support-portal-menu,.support-portal .js-metrics{display:none}.support-portal-layout{display:block;width:100%;padding:0}.support-portal .support-card{box-shadow:none;break-inside:avoid}}