/* Hubbo Prime v38.5.9 · Horizon ticket notifications */
.hp-nav-link--help{position:relative}
.hp-ticket-nav-badge,
.hp-ticket-mobile-badge{
    display:none;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border:2px solid #111a11;
    border-radius:999px;
    color:#071005;
    background:linear-gradient(180deg,#c2ff58,#7fe126);
    box-shadow:0 0 0 3px rgba(142,219,50,.12),0 0 20px rgba(142,219,50,.65);
    font-size:9px;
    font-weight:950;
    line-height:1;
    animation:hpTicketBadgePulse 1.9s ease-in-out infinite;
}
.hp-ticket-nav-badge{position:static;z-index:3;min-width:17px;height:17px;margin-left:1px;padding:0 4px;border-width:1px;font-size:8px;flex:0 0 auto}
.hp-ticket-nav-badge.is-visible,
.hp-ticket-mobile-badge.is-visible{display:inline-flex}
.hp-mobile-help-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.hp-ticket-mobile-badge{margin-left:auto;border-width:1px}
@keyframes hpTicketBadgePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.12)}}

.hp-ticket-alert{
    position:relative;
    display:none;
    grid-template-columns:48px minmax(0,1fr) auto 22px;
    align-items:center;
    gap:14px;
    width:100%;
    min-height:82px;
    margin:0 0 16px;
    padding:14px 17px;
    overflow:hidden;
    color:#edf6ed;
    border:1px solid rgba(159,242,76,.3);
    border-radius:18px;
    background:
        radial-gradient(circle at 8% 50%,rgba(142,219,50,.18),transparent 31%),
        linear-gradient(135deg,rgba(22,44,20,.97),rgba(7,18,10,.98));
    box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 34px rgba(142,219,50,.08),inset 0 1px rgba(255,255,255,.04);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.hp-ticket-alert.is-visible{display:grid}
.hp-ticket-alert:hover{transform:translateY(-2px);border-color:rgba(177,255,73,.52);box-shadow:0 24px 58px rgba(0,0,0,.34),0 0 42px rgba(142,219,50,.13)}
.hp-ticket-alert:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#b5ff4e,#69c923)}
.hp-ticket-alert__icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(177,255,73,.28);border-radius:14px;color:#102205;background:linear-gradient(180deg,#b5f84e,#78d928);font-size:21px;font-weight:950;box-shadow:0 10px 22px rgba(112,213,38,.2)}
.hp-ticket-alert__copy{min-width:0}
.hp-ticket-alert__copy strong,.hp-ticket-alert__copy small{display:block}
.hp-ticket-alert__copy strong{color:#fff;font-size:14px;font-weight:950;letter-spacing:-.01em}
.hp-ticket-alert__copy small{margin-top:5px;color:#a8b7a8;font-size:10.5px;line-height:1.45}
.hp-ticket-alert__count{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border:1px solid rgba(177,255,73,.28);border-radius:11px;color:#baff54;background:rgba(142,219,50,.1);font-size:14px;font-weight:950}
.hp-ticket-alert__arrow{color:#aef149;font-size:20px;font-weight:900}
.hp-me-container>.hp-ticket-alert{margin-top:18px;margin-bottom:18px}
.hp-horizon__content>.hp-ticket-alert{margin-top:16px}

/* Unread rows */
.hp-ticket-card.is-unread,
.hp-ticket-manage-row.is-unread{border-color:rgba(154,239,76,.4)!important;background:linear-gradient(90deg,rgba(74,130,41,.16),rgba(12,28,16,.78))!important;box-shadow:inset 3px 0 #8ee53b,0 0 25px rgba(142,219,50,.06)}
.hp-ticket-new-label{display:inline-flex;align-items:center;height:16px;margin-left:6px;padding:0 6px;border-radius:999px;color:#0b1705;background:#9bed43;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}

/* Help and ticket pages use the same hotel backdrop and a real sticky footer. */
body.hp-help-context{display:flex;min-height:100vh;flex-direction:column;background:#050806}
body.hp-help-context .hubbo-site-shell{display:flex;flex:1 0 auto;flex-direction:column;min-height:0}
body.hp-help-context .hp-page{display:flex;flex:1 0 auto;min-height:0}
body.hp-help-context .hp-horizon,
body.hp-help-context .hp-ticket-page{flex:1 0 auto;width:100%;min-height:0}
body.hp-help-context .hp-footer-prime{flex:0 0 auto;margin-top:0}

.hp-ticket-page:before{
    background:
        linear-gradient(180deg,rgba(3,8,5,.62),rgba(2,7,4,.9) 78%,rgba(3,6,4,.98)),
        linear-gradient(90deg,rgba(3,8,5,.72),rgba(3,8,5,.35) 50%,rgba(3,8,5,.72)),
        radial-gradient(circle at 18% 8%,rgba(104,224,32,.14),transparent 35%),
        url('/assets/images/dusk/background_image.png') center top/cover no-repeat!important;
    opacity:.68;
    filter:saturate(.74) contrast(1.08);
}
.hp-ticket-page{padding-bottom:42px!important}

/* Ticket management avatars: larger, readable head and upper-body crop. */
.hp-ticket-manage-row__user{gap:11px!important}
.hp-ticket-manage-row__user i{flex:0 0 48px!important;width:48px!important;height:48px!important;border:1px solid rgba(142,219,50,.18)!important;border-radius:12px!important;background:rgba(75,129,48,.12)!important}
.hp-ticket-manage-row__user img{left:49%!important;top:56%!important;width:74px!important;max-width:none!important;transform:translate(-50%,-50%)!important;image-rendering:pixelated!important}
.hp-ticket-manage-row{min-height:88px!important}

@media(max-width:760px){
    .hp-ticket-alert{grid-template-columns:42px minmax(0,1fr) auto;padding:12px;gap:11px}
    .hp-ticket-alert__icon{width:42px;height:42px}
    .hp-ticket-alert__arrow{display:none}
    .hp-ticket-alert__copy strong{font-size:12px}
    .hp-ticket-alert__copy small{font-size:9.5px}
}