/* Buddy 6.3 – clean account headers, ticket timeline, feedback and custom dropdowns */
:root{--b63-purple:#aa91f3;--b63-border:#303953;--b63-card:#171e32;--b63-page:#0e1020}
/* Account/subpage banners share their actual page background instead of the old inset black slab. */
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community{background:transparent!important}
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community>.v4-hero,
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community>section.container.v4-hero{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:auto!important}
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community>.v4-hero::before,
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community>.v4-hero::after{content:none!important;display:none!important}
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community .v4-hero{padding-top:54px!important;padding-bottom:35px!important}
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community .v4-hero h1{font-size:clamp(37px,4.1vw,60px)!important;line-height:1.1!important;letter-spacing:-.05em!important;margin-top:20px!important;margin-bottom:15px!important}
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community .v4-hero p{color:#adb6d1!important;font-size:14px!important;line-height:1.7!important}
body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community .v4-hero+.v4-content-section{padding-top:20px!important}
/* Support ticket details – status, priorities and accessible chronological timeline. */
body.b50-site.public .v4-detail-layout:has(.b63-ticket-sidebar){padding-top:22px!important;align-items:start!important;grid-template-columns:minmax(0,1fr) minmax(250px,315px)!important;gap:24px!important}
body.b50-site.public .b63-ticket-sidebar{min-width:0;position:sticky;top:95px;padding:24px!important;border-radius:18px!important;background:#192139!important;border:1px solid #34415f!important;box-shadow:none!important}
body.b50-site.public .b63-ticket-sidebar>.v4-section-label{display:block!important;font-size:10px!important;letter-spacing:.13em!important}
body.b50-site.public .b63-ticket-status{margin:17px 0 14px}
body.b50-site.public .b63-ticket-status .v4-chip{display:inline-flex;align-items:center;min-height:29px;padding:5px 11px;border-radius:8px;font-size:12px;font-weight:700}
body.b50-site.public .b63-ticket-sidebar .b63-priority{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:19px;margin:0 0 15px!important;border-bottom:1px solid #343e56;color:#aeb9d4!important;font-size:12px}
body.b50-site.public .b63-ticket-sidebar .b63-priority strong{color:#f2f0ff;font-size:12px;font-weight:750}
body.b50-site.public .b63-history-label{font-size:12px;color:#e3defb;font-weight:800;margin:14px 0 13px}
body.b50-site.public .b63-ticket-history{display:block!important;position:relative;margin:0!important;padding:0 0 0 20px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.b50-site.public .b63-ticket-history::before{content:"";position:absolute;top:8px;bottom:15px;left:5px;width:1px;background:#3f4966}
body.b50-site.public .b63-ticket-history>div{position:relative;display:flex!important;flex-direction:column!important;gap:5px!important;border:0!important;padding:0 0 19px!important;margin:0!important;align-items:start!important;overflow-wrap:anywhere}
body.b50-site.public .b63-ticket-history>div::before{content:"";position:absolute;left:-19px;top:6px;width:9px;height:9px;box-sizing:border-box;border-radius:50%;border:2px solid #bba4ff;background:#192139}
body.b50-site.public .b63-ticket-history>div:last-child{padding-bottom:0!important}
body.b50-site.public .b63-ticket-history small{font-size:11px!important;color:#a9b1c9!important;margin:0!important;order:2}
body.b50-site.public .b63-ticket-history span{font-size:12px!important;line-height:1.55!important;color:#e4e6f4!important;order:1}
body.b50-site.public .b63-ticket-sidebar .v4-attachment{display:flex;align-items:center;gap:5px;padding:10px 0;color:#d1bfff!important}
body.b50-site.public .v4-thread{min-width:0}
body.b50-site.public .v4-thread-message{overflow-wrap:anywhere}
/* Inbox – clearer actions and threaded communication */
body.b50-site.admin .b63-feedback-list{gap:17px}
body.b50-site.admin .b63-feedback-card{background:#181f34!important;border:1px solid #323d5b!important;border-radius:18px!important;padding:24px 27px!important;scroll-margin-top:22px;box-shadow:none!important}
body.b50-site.admin .b63-feedback-card:target{border-color:#8f7bce!important;box-shadow:0 0 0 3px #957fe82a!important}
body.b50-site.admin .b63-feedback-title{min-width:0;overflow-wrap:anywhere}
body.b50-site.admin .b63-feedback-title h3{font-size:19px!important;line-height:1.35!important;margin:13px 0 7px!important;color:#fbfaff!important}
body.b50-site.admin .b63-feedback-id{margin-left:10px;font-size:11px;color:#a6afc7}
body.b50-site.admin .b63-feedback-card .b63-status{flex:none;font-size:11px}
body.b50-site.admin .b63-feedback-body{margin:18px 0 20px!important;padding:17px 19px!important;background:#101627!important;color:#d4dbec!important;font-size:13px!important;line-height:1.75!important;border:1px solid #303d59!important;white-space:normal;overflow-wrap:anywhere}
body.b50-site.admin .b63-feedback-tools{border-top:1px solid #323a54;padding-top:16px;display:flex;align-items:end;gap:12px 18px;flex-wrap:wrap}
body.b50-site.admin .b63-status-form{display:flex;align-items:end;flex-wrap:wrap;gap:9px}
body.b50-site.admin .b63-status-form label{font-size:11px;font-weight:700;display:grid;gap:6px;color:#adb8d4}
body.b50-site.admin .b63-status-form select{min-width:155px;min-height:42px;font-size:12px}
body.b50-site.admin .b63-status-form .btn{min-height:42px}
body.b50-site.admin .b63-reply-disclosure{flex:1 1 215px;min-width:180px}
body.b50-site.admin .b63-reply-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;border:1px solid #695aa7;background:#30284e;color:#eadfff;min-height:42px;padding:0 15px;border-radius:10px;font-size:12px;font-weight:800;transition:background .2s,border .2s}
body.b50-site.admin .b63-reply-disclosure>summary::-webkit-details-marker{display:none}
body.b50-site.admin .b63-reply-disclosure>summary:hover{background:#3d3163;border-color:#9f82eb}
body.b50-site.admin .b63-reply-disclosure>summary>.icon:last-child{margin-left:auto;transition:transform .2s}
body.b50-site.admin .b63-reply-disclosure[open]>summary>.icon:last-child{transform:rotate(180deg)}
body.b50-site.admin .b63-reply-form{margin-top:15px;padding:17px;background:#101629;border:1px solid #313953;border-radius:12px;min-width:min(470px,70vw);max-width:790px}
body.b50-site.admin .b63-reply-form label{font-size:12px;color:#e4e2f6;font-weight:750}
body.b50-site.admin .b63-reply-form textarea{width:100%;max-width:100%;min-height:105px;margin-top:8px;background:#161e31;color:#f5f2ff}
body.b50-site.admin .b63-reply-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:12px}
body.b50-site.admin .b63-reply-actions span{color:#a9b3cf;font-size:11px;line-height:1.5;max-width:390px}
body.b50-site.admin .b63-feedback-tools .v3-feedback-delete{margin:0 0 3px auto}
body.b50-site.admin .b63-undeliverable{font-size:11px;color:#9eabc5;flex:1}
body.b50-site.admin .b63-reply-thread{display:grid;gap:9px;margin:-2px 0 19px;max-width:850px}
body.b50-site.admin .b63-thread-heading{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#baa6f4;margin:5px 0 1px}
body.b50-site.admin .b63-reply{background:#171d30;border:1px solid #343d57;border-radius:12px;padding:13px 15px}
body.b50-site.admin .b63-reply.is-staff{background:#242039;border-color:#514676}
body.b50-site.admin .b63-reply-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:11px;color:#b7b4d7}
body.b50-site.admin .b63-reply-meta strong{color:#ddccff}
body.b50-site.admin .b63-reply p{margin:8px 0 0!important;overflow-wrap:anywhere;line-height:1.65;font-size:12px;color:#e2e5f3}
/* Consistent custom controls; form value stays in original select for PHP and existing JS. */
.b63-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;min-width:0!important}
.b63-select{display:block;position:relative;min-width:0;max-width:100%}
.b63-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:43px;text-align:left;padding:9px 13px!important;color:#f2efff!important;background:#1b2339!important;border:1px solid #404b6c!important;border-radius:11px!important;font-family:inherit;font-size:13px;font-weight:650!important;line-height:1.35;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.b63-select-trigger>.b63-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b63-select-trigger>.b63-select-chevron{flex:none;width:15px;height:15px;color:#b8a3f2;transition:transform .15s}
.b63-select-trigger:hover,.b63-select.is-open .b63-select-trigger{background:#232c49!important;border-color:#9d87ea!important}
.b63-select.is-open .b63-select-chevron{transform:rotate(180deg)}
.b63-select-trigger:focus-visible{outline:2px solid #bda3ff!important;outline-offset:2px!important}
.b63-select.is-disabled .b63-select-trigger{opacity:.48;cursor:not-allowed}
.b63-select-menu{position:fixed;z-index:2147483000;overflow-x:hidden;overflow-y:auto;background:#1c2439;border:1px solid #645c94;box-shadow:0 16px 48px #0009,0 0 0 1px #a28ae51a;border-radius:12px;padding:6px;overscroll-behavior:contain;scrollbar-color:#5d5a8a #1c2439}
.b63-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:36px;border:0;border-radius:8px;padding:9px 11px;color:#e8e9f8;background:transparent;font:inherit;font-size:12px;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
.b63-select-option::after{content:"";flex:none;width:7px;height:7px;border-radius:50%}
.b63-select-option:hover,.b63-select-option.is-active,.b63-select-option:focus-visible{background:#313459;color:#fff;outline:0}
.b63-select-option[aria-selected=true]{color:#d2bbff;font-weight:750;background:#363154}
.b63-select-option[aria-selected=true]::after{background:#b7a2ff;box-shadow:0 0 0 3px #b7a2ff25}
.b63-select-option:disabled{opacity:.45;cursor:not-allowed}
/* The v6.2 category wrapper already draws its own arrow and border; avoid double UI. */
body.b50-site.public .b62-category-select:has(.b63-select){padding:0!important;background:transparent!important;border:0!important}
body.b50-site.public .b62-category-select:has(.b63-select)>.icon{display:none!important}
body.b50-site.public .b62-category-select .b63-select{width:100%}
body.b50-site.public .b62-category-select .b63-select-trigger{min-height:51px}
body.b50-site.admin .b63-status-form .b63-select{min-width:158px}
@media(max-width:850px){body.b50-site.public .v4-detail-layout:has(.b63-ticket-sidebar){grid-template-columns:minmax(0,1fr)!important}body.b50-site.public .b63-ticket-sidebar{position:static}}
@media(max-width:620px){body.b50-site.public:is(.community_account,.community_tickets,.community_ticket_new,.community_ticket_detail) .v4-community .v4-hero{padding-top:32px!important;padding-bottom:24px!important}body.b50-site.admin .b63-feedback-card{padding:18px!important}body.b50-site.admin .b63-reply-disclosure{flex:1 0 100%}body.b50-site.admin .b63-reply-form{min-width:0;width:100%;max-width:100%}body.b50-site.admin .b63-feedback-tools .v3-feedback-delete{margin-left:0}body.b50-site.admin .b63-status-form{width:100%}}
@media(prefers-reduced-motion:reduce){.b63-select-trigger,.b63-select-chevron,.b63-reply-disclosure>summary{transition:none!important}}