/* HPay support: no changes to the other portals. */
.hp-support { --brand:#f15922; --accent:#a8370c; --ink:#262626; --muted:#626262; --line:#e5e2df; font:15px/1.5 system-ui,-apple-system,sans-serif; color:var(--ink); }
.hp-support * { box-sizing:border-box; }
.hp-support [hidden] { display:none!important; }
body.hp-support { margin:0; background:#f8f7f5; }
.hp-support a { color:var(--accent); }
.hp-support button,.hp-support input,.hp-support select,.hp-support textarea { font:inherit; }
.hp-support button { cursor:pointer; min-height:42px; border:1px solid var(--line); border-radius:9px; background:white; color:var(--ink); padding:9px 14px; }
.hp-support button:hover { border-color:var(--accent); }
.hp-support button:disabled { opacity:.6; cursor:wait; }
.hp-support .hp-primary { background:var(--accent); border-color:var(--accent); color:white; }
.hp-support :focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.hp-support .hp-header { display:flex; align-items:center; gap:14px; padding:14px 28px; background:white; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.hp-support .hp-logo { width:48px; height:48px; object-fit:contain; }
.hp-support .hp-wordmark { font-size:19px; font-weight:750; margin-inline-end:auto; }
.hp-support .hp-header select { width:auto; }
.hp-support .hp-main { max-width:1550px; margin:auto; padding:28px; }
.hp-support h1 { font-size:28px; margin:0 0 6px; }
.hp-support h2 { font-size:20px; margin:0 0 14px; }
.hp-support h3 { font-size:16px; margin:0 0 10px; }
.hp-support p { margin:0 0 14px; }
.hp-support .hp-muted { color:var(--muted); font-size:13px; }
.hp-support .hp-toolbar,.hp-support .hp-tabs,.hp-support .hp-actions { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin:20px 0; }
.hp-support .hp-tabs button[aria-current="page"] { background:#fff0e8; color:var(--accent); border-color:var(--brand); }
.hp-support label { display:block; font-weight:600; margin-bottom:7px; }
.hp-support input:not([type=checkbox]),.hp-support select,.hp-support textarea { display:block; width:100%; background:white; color:var(--ink); border:1px solid #bdb7b1; border-radius:8px; padding:10px 12px; min-height:44px; }
.hp-support textarea { resize:vertical; }
.hp-support .hp-toolbar label { min-width:140px; flex:1; font-size:13px; }
.hp-support .hp-grid { display:grid; grid-template-columns:minmax(300px,390px) minmax(0,1fr); gap:22px; align-items:start; }
.hp-support .hp-card { background:white; border:1px solid var(--line); border-radius:14px; padding:22px; min-width:0; }
.hp-support .hp-list { max-height:75vh; overflow:auto; }
.hp-support .hp-ticket { display:block; width:100%; text-align:start; margin-bottom:10px; padding:15px; }
.hp-support .hp-ticket[aria-current=true] { border-color:var(--brand); background:#fff6f0; }
.hp-support .hp-ticket strong,.hp-support .hp-ticket span { display:block; overflow-wrap:anywhere; }
.hp-support .hp-badge { display:inline-block; font-size:12px; background:#fff0e8; color:var(--accent); border-radius:7px; padding:3px 8px; }
.hp-support .hp-status:not(:empty) { padding:13px 16px; border:1px solid var(--brand); background:#fff6f0; border-radius:9px; margin:15px 0; }
.hp-support .hp-messages { display:flex; flex-direction:column; gap:14px; max-height:480px; overflow:auto; padding:18px; background:#f8f7f5; border-radius:10px; margin:20px 0; }
.hp-support .hp-message { max-width:90%; align-self:flex-start; border:1px solid var(--line); border-radius:12px; padding:14px; background:white; overflow-wrap:anywhere; }
.hp-support .hp-message.staff { align-self:flex-end; background:#fff0e8; }
.hp-support .hp-message p { white-space:pre-wrap; margin:6px 0; }
.hp-support .hp-message time { font-size:12px; color:var(--muted); }
.hp-support .hp-counter { display:block; text-align:end; font-size:12px; color:var(--muted); margin:7px 0 12px; }
.hp-support .hp-details { border-top:1px solid var(--line); padding-top:15px; margin-top:22px; }
.hp-support .hp-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.hp-support .hp-fields .wide { grid-column:1/-1; }
.hp-support fieldset { border:1px solid var(--line); border-radius:10px; padding:15px; margin:16px 0; }
.hp-support legend { width:auto; font-size:15px; font-weight:650; padding:0 6px; }
.hp-support .hp-checks { max-height:230px; overflow:auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:6px; }
.hp-support .hp-checks label { display:flex; align-items:center; gap:8px; font-weight:400; min-height:35px; }
.hp-support input[type=checkbox] { position:static!important; opacity:1!important; width:18px; height:18px; accent-color:var(--accent); }
.hp-support .hp-login { max-width:460px; margin:7vh auto; padding:28px; }
.hp-support .hp-login .hp-logo { width:85px; height:85px; margin-bottom:20px; }
.hp-support .hp-login label { margin-top:18px; }
.hp-support dialog { width:min(900px,95vw); max-height:85vh; border:1px solid var(--line); border-radius:12px; padding:24px; }
.hp-support dialog::backdrop { background:#0008; }
.hp-support .hp-table { overflow:auto; }
.hp-support table { width:100%; border-collapse:collapse; }
.hp-support td,.hp-support th { padding:10px; text-align:start; border-bottom:1px solid var(--line); }
@media(max-width:850px) { .hp-support .hp-grid { grid-template-columns:1fr; } .hp-support .hp-list { max-height:380px; } .hp-support .hp-main { padding:18px 12px; } .hp-support .hp-header { padding:12px; } .hp-support .hp-fields { grid-template-columns:1fr; } .hp-support .hp-card { padding:16px; } }

.hp-support #desk-profile-content .row { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin:18px 0; }
.hp-support #desk-profile-content .table-responsive { overflow:auto; }
.hp-support #desk-profile-content { overflow-wrap:anywhere; }

.hp-support .hp-fields > *, .hp-support fieldset { min-width:0; }
.hp-support .hp-checks label { overflow-wrap:anywhere; }
.hp-support .hp-checks input[type=checkbox] { flex-shrink:0; }

.hp-support .hp-counter { direction:ltr; unicode-bidi:isolate; }
.hp-support .hp-message p { unicode-bidi:plaintext; }
