/* Approved utility-tab and help-panel refresh. Existing native details behaviour retained. */
html body header.sticky .header-utility-tabs details.bwp-help-refresh>summary.header-help-tab,
html body header.sticky .header-utility-tabs:has(.bwp-help-refresh) details.client-access>summary.header-client-tab{display:flex;align-items:center;gap:9px;min-height:43px!important;padding:10px 14px!important;border-radius:0 0 8px 8px!important;font-size:12px!important;font-weight:700;box-shadow:inset 0 -2px 0 #b58ce7!important;background:#f4edfd!important;color:#58328b!important;border:1px solid #e3d3f6!important;border-top:0!important}
html body header.sticky .header-utility-tabs:has(.bwp-help-refresh) details.client-access>summary.header-client-tab{background:#eef9fb!important;color:#245969!important;border-color:#d5e9ee!important;box-shadow:inset 0 -2px 0 #89cdd8!important}
html body header.sticky .header-utility-tabs details.bwp-help-refresh[open]>summary.header-help-tab{background:#eee3fc!important;color:#5523a1!important;box-shadow:inset 0 -2px 0 #8151cc!important}
html body header.sticky .header-utility-tabs:has(.bwp-help-refresh) details.client-access[open]>summary.header-client-tab{background:#e2f4f7!important;color:#185667!important;box-shadow:inset 0 -2px 0 #2e9bac!important}
html body header.sticky .bwp-help-tab-icon{width:19px;height:19px;flex:none}
html body header.sticky .bwp-help-refresh[open] .utility-tab-chevron{transform:rotate(180deg)}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-panel{width:min(1120px,calc(100vw - 40px));padding:0!important;background:#fffafd!important;border:1px solid #e0d0f1!important;border-top-width:1px!important;border-radius:14px!important;box-shadow:0 16px 40px #3020441c!important;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 150px)}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;padding:38px 54px!important;margin:0!important;border-radius:0!important;border:0!important;gap:20px;background:linear-gradient(110deg,#fcf8ff,#fffafd)!important;color:#302044!important;text-align:center}
html body header.sticky .bwp-help-refresh .header-help-heading>div{width:100%}
html body header.sticky .bwp-help-refresh .header-help-heading:before{content:'';position:absolute;left:-125px;top:-220px;width:430px;height:350px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 27px,#d4b8f32b 28px 55px);z-index:-1;pointer-events:none}
html body header.sticky .bwp-help-refresh .header-help-heading:after{content:'✳';position:absolute;right:70px;bottom:28px;color:#f34cb3;font-size:35px;font-weight:300;pointer-events:none}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading .bwp-help-eyebrow{font-size:10px!important;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:#6934ce!important;margin:0 0 12px}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading h2{color:#302044!important;font-size:clamp(25px,2.6vw,35px)!important;font-weight:800;line-height:1.2;letter-spacing:-.025em;margin:0}
html body header.sticky .bwp-help-refresh .header-help-heading h2>span{color:#ed43aa}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading .bwp-help-intro{font-size:14px!important;line-height:1.7;color:#705b83!important;margin:14px 0 0}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading button{position:absolute;right:18px;top:18px;width:34px;height:34px;font-size:24px;line-height:1;background:#f3ebfb!important;color:#5c3287!important;border:1px solid #e7daf3!important;box-shadow:none!important}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:0!important;border:0!important;background:linear-gradient(100deg,#f2e9fc 0%,#faf6ff 30%,#eaf8fb 58%,#fff0f8 100%)!important}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-topic{display:flex;flex-direction:column;gap:0;background:transparent!important;padding:28px 24px!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;color:#302044}
html body header.sticky .bwp-help-refresh .header-help-topic:before,html body header.sticky .bwp-help-refresh .header-help-topic:after{display:none!important}
html body header.sticky .bwp-help-refresh .bwp-help-category-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:#e8d8fc;color:#7834ca;margin-bottom:17px}
html body header.sticky .bwp-help-refresh .bwp-help-category-icon svg{width:33px;height:33px}
html body header.sticky .bwp-help-refresh .bwp-help-website .bwp-help-category-icon{background:#d2f0f5;color:#148b9b}
html body header.sticky .bwp-help-refresh .bwp-help-account .bwp-help-category-icon{background:#ffd9ed;color:#db3296}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-topic h3{font-size:19px!important;font-weight:750;line-height:1.25;color:#302044!important;border:0!important;margin:0 0 10px;padding:0!important}
html body header.sticky .bwp-help-refresh .bwp-help-topic-intro{font-size:13px;line-height:1.65;margin:0 0 18px;color:#6b587e;min-height:43px}
html body header.sticky .bwp-help-refresh .header-help-topic ul{margin:0 0 24px;padding:0;list-style:none;flex:1}
html body header.sticky .bwp-help-refresh .header-help-topic li{margin:0;padding:0;border:0}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-topic li a{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:12px 10px!important;margin:0!important;border:0;border-bottom:1px solid #dccde644!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;font-size:13px;line-height:1.6!important;color:#402653!important;text-decoration:none;transition:background .18s,color .18s}
html body header.sticky .bwp-help-refresh .header-help-topic li a>span:last-child{color:#8845d5;flex:none}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-topic li a:hover{background:#e6d8fa80!important;color:#6124ad!important;padding:12px 10px!important;transform:none!important}
html body header.sticky .bwp-help-refresh .header-help-all{align-self:flex-start;font-size:13px;font-weight:700;color:#6934ce!important;background:none!important;padding:0!important;border:0!important;text-decoration:underline;text-underline-offset:5px}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:22px 30px;margin:0;border-top:1px solid #e4d7ef;background:#fff}
html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-footer a{display:inline-flex;gap:15px;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;color:#6934ce!important;font-size:14px;font-weight:700}
html body header.sticky .bwp-help-refresh :is(a,button,summary):focus-visible{outline:3px solid #a577d6;outline-offset:3px}
@media(max-width:767px){html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-panel{width:calc(100vw - 32px);max-height:calc(100dvh - 145px)}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading{padding:30px 22px!important;text-align:left}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading h2{font-size:26px!important;padding-right:8px}html body header.sticky .bwp-help-refresh .header-help-heading:after{display:none}html body header.sticky .bwp-help-refresh .header-help-heading h2>span{display:block}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-grid{grid-template-columns:1fr;background:linear-gradient(160deg,#f4eafd,#edf9fc 50%,#fff0f8)!important}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-topic{padding:24px!important;border-bottom:1px solid #e7dbee!important}html body header.sticky .bwp-help-refresh .bwp-help-topic-intro{min-height:0}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-topic li a{min-height:44px}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-footer{padding:22px 24px}html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-footer a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html body header.sticky .bwp-help-refresh .header-help-topic li a{transition:none}}

html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-heading .bwp-help-intro{text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
html body header.sticky .bwp-help-refresh .header-help-heading:after{content:'';width:34px;height:34px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg stroke='%23f34cb3' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M20 3v34M3 20h34M8 8l24 24M8 32L32 8'/%3E%3C/g%3E%3C/svg%3E")}

html body header.sticky .header-utility-tabs details.bwp-help-refresh>summary .utility-tab-chevron{color:inherit!important;background:transparent!important}
@media(max-width:767px){html body header.sticky .header-utility-tabs details.bwp-help-refresh .header-help-panel{position:fixed!important;left:16px!important;right:16px!important;top:calc(130px + var(--wp-admin--admin-bar--height,0px))!important;width:auto!important;max-height:calc(100dvh - 146px - var(--wp-admin--admin-bar--height,0px))}}
