@media (max-width: 1621px) {
.dealer-benefits-sec-con { margin-right: 27px; }
.banner { background-size: auto; }
.dealer-benefits-sec-in { background-size: auto; }
.rewards-points-main { background-size: auto; }
.winning-sec { background-size: auto; }
.winning-sec2 { background-size: auto; }
.testmoni-sec2 { background-size: auto; }
.testmonial-sec-main-in { background-size: auto; }
}

@media (max-width: 1621px) {
.banner { min-height: inherit; background-position: top center; }
}

/*1599 to 1440 */
@media (max-width: 1599px) {
.dealer-benefits-sec-con { margin-right: 0; }
.dealer-benefit-main ul li { padding: 0 0 21px 28px; }
.dealer-benefits-sec-con { padding: 402px 0 0 148px; margin-right: 0; }
.dealer-benefits-column4 { padding: 14% 0 0 0; }
.dealer-benefits-column3 { padding: 2% 0 0 0; }
.glowing-numbers-sec h5 { font-size: 160px; letter-spacing: 10px; }
.about-dunlop-sec-con-bottom ul li h5 { max-width: 145px; }
.about-dunlop-sec-con-img { margin: -184px 0 -140px 0; }
.glowing-numbers-in { max-width: 1440px; }
#myvideo2 { margin-left: -12%; }
.video-sec .home-banner-video video { width: 100%; margin-top: 0; }
.video-sec { height: 730px; }
.video-sec .home-banner-video video { bottom: 0px; }
footer {
       padding: 25px 80px;
  }
  .footer-social-icons ul li {
       padding-left: 30px;
  }
  #sub-page-main-content-wrapper.content-page-main {
  padding: 50px 20px 0;
}
}

/*1439 to 1360 */
@media (max-width: 1439px) {
.glowing-numbers-sec1.glowing-numbers-sec h5 { float: none; }
.dealer-benefit-main ul li { padding: 0 0 21px 18px; }
.glowing-numbers-sec1.glowing-numbers-sec p { max-width: 200px; margin: 23px 0 0 0; }
.about-dunlop-sec-top-in { padding: 0 15px 0 0; }
.winning-sec2-con h3 { font-size: 36px; letter-spacing: 1px; }
.about-dunlop-sec-con-img { margin: -158px 0 -140px 0; }
.glowing-numbers-in { max-width: 1360px; }
.glowing-numbers-sec4.glowing-numbers-sec { margin: 96px 0 0 90px; }
.glowing-numbers-sec3.glowing-numbers-sec { margin: 0 0 0 90px; }
.glowing-numbers-sec2.glowing-numbers-sec { margin: 90px 0 0 90px; }
.home-login-popup-right-top h6 { font-size: 46px; letter-spacing: 4px; margin-bottom: 25px; }
a.home-login-popup-close { padding: 15px 16px; }
.home-login-popup-right-form-in { padding: 0 25px; }
.dealer-benefits-sec-con { margin-right: 0; }
/*.request-thank-sec-video-in video { position: absolute; right: 0; width: 100%; }*/ .registration-thank-sec-con h1 { font-size: 130px; line-height: 100px; letter-spacing: 10px; }
.request-thank-sec-left { padding: 90px; }
.video-sec .home-banner-video video { width: 100%; height: auto; }
.request-thank-sec-list { padding-right: 0; }
.register-landing-icon img {max-height: 190px;}
}

/*1359 to 1280 */
@media (max-width: 1359px) {
.glowing-numbers-sec3.glowing-numbers-sec p { max-width: 200px; margin: 20px 0 0 0; }
.glowing-numbers-sec3.glowing-numbers-sec h5 { float: none; }
.rewards-portal-main-top { width: 15%; }
.rewards-portal-main-con { width: 85%; }
.rewards-portal-main-con-left h5 { font-size: 60px; letter-spacing: 5px; }
.rewards-portal-main-con-right { padding-bottom: 338px; }
.about-dunlop-sec-con-img { margin: -162px 0 -140px 0; }
.about-dunlop-sec-con-top { padding: 30px 0; }
.about-dunlop-sec-con-top p { max-width: 90%; }
.about-dunlop-sec-con { padding: 0 0 0 72px; width: 65%; }
.about-dunlop-sec-con-img { width: 35%; }
.winning-sec2-con { padding: 168px 30px 0 62px; }
.testmonial-sec-main-slide p { font-size: 44px; letter-spacing: 2px; }
.testmonial-sec-main-con { max-width: 880px; }
.video-sec { height: 610px; }
.video-sec-top h4 { font-size: 62px; letter-spacing: 3px; }
footer { padding: 25px 80px; }
.about-dunlop-sec-con-right { margin-top: 12%; }
.glowing-numbers-in { max-width: 1280px; }
.testmonial-sec-main-slide-con { padding: 0 25px; }
.testmonial-sec-main-slide-con p { padding: 65px 0 0 0; font-size: 18px; letter-spacing: 2px; }
.home-banner-video video { width: 100%; }
.request-thank-sec-left { padding: 90px 85px; }
.video-sec { height: 720px; }
.video-sec .home-banner-video video { width: 100%; height: auto; }
.testimonial-con-in { padding: 92px 155px 25px 60px; }
.testimonial-con-sec-m-left .testimonial-con-in { padding: 92px 60px 25px 155px; }
.testimonials-main ul .testimonial-con .bttn { margin: 95px 0 0 0; }
.testmoni-single-right-in { padding: 80px 106px; }
.testmoni-single-right-in-con-bottom #nav-single { margin: -170px 0 0 0; right: 0; position: absolute; }
.testmoni-single-right-in-con-bottom #nav-single .right span { padding-right: 15px; display: none; }
.testmoni-single-right-in-con-bottom #nav-single .right a { padding: 0 33px 0 34px; }
.footer-social-icons ul li {
       padding-left: 20px;
  }
  .footer-nav span {
    letter-spacing: normal;
  }
}

/*1279 to 1152 */
@media (max-width: 1279px) {
.left-gap { padding-left: 40px; }
.banner-sec { padding: 155px 0 185px 20px; }
.banner-sec h3 { font-size: 36px; margin: 0 0 0 53px; padding: 0; font-weight: 500; letter-spacing: 3px; }
.banner-sec h4 { font-size: 120px; letter-spacing: 10px; }
.banner-sec p { margin: 17px 0 0 52px; max-width: 481px; }
.banner-sec .bttn { margin: 29px 0 0 50px; }
/*.dealer-benefits-sec-con { padding: 22px 0 60px; float: none; clear: both; margin-left: 50%; max-width: 490px; }*/
.dealer-benefits-sec-in { padding-top: 330px; }
.dealer-benefits-sec-con { padding: 22px 0 60px; float: none; clear: both; margin-left: 60px; max-width: 490px; position: absolute; }
.dealer-benefits-column1 { padding: 0 10px 0 0; }
.dealer-benefits-column2 { padding: 16% 0 0 0; }
.dealer-benefits-column3 { padding: 28% 0 0 0; }
.dealer-benefit-main ul li .dealer-benefit-main-in { max-width: 267px; }
.dealer-benefits-column4 { padding: 44% 0 0 0; }
.glowing-numbers-in { padding: 0 39px 293px; }
.about-dunlop-sec-con-img { width: 30%; margin: 17px 0 0 0; }
.about-dunlop-sec-con { padding: 0 0 0 42px; width: 70%; }
.winning-sec2 { padding-bottom: 110px; }
.testmonial-sec-main-con { max-width: 740px; }
footer { padding: 25px 40px; }
.dealer-benefit-main-con .icon { padding-top: 90px; }
.glowing-numbers-in { max-width: 1152px; }
.home-menu-popup-top { position: absolute; right: 0; }
.testmonial-sec-main-slide { padding: 30px 0 0 64px; }
.home-login-popup-left h4 { font-size: 38px; letter-spacing: 3px; }
.home-login-popup-left h6 { font-size: 20px; letter-spacing: 4px; }
.home-login-popup-left { width: 66%; }
.home-login-popup-right { width: 34%; }
.register-process-landing-right-in { padding: 80px 40px 0; }
.register-account-sec-left-content-in { padding: 90px 30px 0; }
#myvideo2 { margin-left: -12%; }
.request-thank-sec-title h3 { font-size: 67px; }
.request-thank-sec-title h4 { font-size: 21px; }
.request-thank-sec-title p { max-width: 434px; }
.request-thank-sec-left { padding: 40px 55px; }
.request-thank-sec-title h3 { padding: 0; line-height: 60px; }
.video-sec { height: 640px; }
.road-hazard-fornt-sec-ban-in { padding: 180px 0 60px 48px; }
.main-content-sec-fornt-top-nav-in ul li { margin: 0 15% 0 0; }
.main-content-sec-fornt-pad { padding: 60px 50px 125px; }
.testmoni-single-right-in-con h1 { font-size: 32px; letter-spacing: 3px; }
.testmoni-single-right-in { padding: 40px 60px; }
.testmoni-single-left .testimonial-img .testimonial-img-in { background-size: 130% auto; }
.testmoni-single-left .testimonial-img-con { padding: 0 40px; }
.content-page-main #breadcrumbs-wrapper #breadcrumbs { padding: 0 0 0 40px; }
.glowing-numbers-sec h5 { font-size: 140px; }
.glowing-numbers-sec.glowing-numbers-sec1, .glowing-numbers-sec.glowing-numbers-sec2, .glowing-numbers-sec.glowing-numbers-sec3, .glowing-numbers-sec.glowing-numbers-sec4 { margin-left: 20px; margin-right: 20px; }
.registration-thank-sec-con.contact-thank-sec-con h1 { letter-spacing: 6px; font-size: 70px; line-height: 50px; }
}

@media (max-width: 1158px) {
.about-dunlop-sec-con-right { margin-top: 13%; }
.sign-up-main-right-con { padding: 72px 40px; }
}

/*1151 to 1024 */
@media (max-width: 1151px) {
.testmoni-sec2-in p { line-height: 36px; }
.testmoni-sec2-in { text-align: center; padding: 90px 50px 60px; }
.testmonial-sec-main-nav { top: 60%; }
.testmonial-sec-main-in { padding: 110px 0 103px 0; }
.testmonial-sec-main { background-size: cover; background-position: center center; }
.about-dunlop-sec-con-img { width: 25%; margin: 17px 0 0 0; padding: 10px; }
.about-dunlop-sec-con { padding: 0 0 0 12px; width: 75%; }
.dealer-benefits-sec-desk { display: none; }
.dealer-benefits-sec-mobi { display: block; padding-bottom: 90px; }
.glowing-numbers-sec h5 { font-size: 110px; letter-spacing: 0px; line-height: 62px; }
/*.glowing-numbers-sec2.glowing-numbers-sec { margin: 70px 0 0 30px; }
.glowing-numbers-sec3.glowing-numbers-sec { margin: 0 0 0 47px; }
.glowing-numbers-sec4.glowing-numbers-sec { margin: 96px 0 0 50px; }*/
.dealer-benefits-sec-con { padding: 22px 0 80px 0; float: none; margin-left: 45%; }
.rewards-portal-main-top { float: none; width: 100%; }
.rewards-portal-main-top h5 { margin: 0 0 45px 0; }
.rewards-portal-main-top ul li { float: left; width: 25%; }
.rewards-portal-main-top ul li.active a { border: solid 1px #1f1e1d; }
.glowing-numbers-in { padding: 0 39px 120px; }
.rewards-portal-main-con { width: 100%; float: none; }
.rewards-points-main { margin: 0; padding: 50px 0 0 0; }
.glowing-numbers { padding-bottom: 110px; }
.dealer-benefit-main .dealer-benefits-sec-mobi ul li h6 { left: -46px; }
.winning-sec-con { margin: 75px 0 0 20px; max-width: 304px; }
.winning-sec-list { margin: 0; max-width: 406px; }
.dealer-benefits-sec-in { padding-top: 0; }
.dealer-benefits-sec-con { padding: 32% 0 80px 80px; float: none; margin: 0; max-width: 600px; position: relative; }
.footer-social-icons ul li { padding-left: 35px; }
.glowing-numbers-in { max-width: 1024px; }
.video-sec { height: 540px; }
.main-content-sec-fornt-top-nav-in ul li { margin: 0 10% 0 0; }
.main-content-sec-fornt-pad { padding: 60px 50px 125px 20px; }
.main-content-sec-fornt .pro-blocks h2 span + span { font-size: 40px; }
.testimonial-con-sec-m-left .testimonial-con-in { padding: 92px 60px 25px 100px; }
.testimonial-con-in-sec h4 { font-size: 28px; letter-spacing: 2px; }
.testimonial-con-in p { line-height: 32px; font-size: 18px; letter-spacing: 1px; }
.testimonial-con-sec-m-left .testimonial-con-in { padding: 62px 60px 25px 105px; }
.testimonials-main ul .testimonial-con .bttn a { line-height: 54px; letter-spacing: 2px; }
.testimonials-main ul .testimonial-img .testimonial-img-in { padding: 183px 50px; }
.testimonial-img-con-in img { max-width: 50px; }
.testimonial-img-con-in a { font-size: 14px; letter-spacing: 2px; }
.testimonial-img-con-bot { margin-bottom: -40px; font-size: 14px; letter-spacing: 1px; padding: 25px 15px 0; }
.testimonial-author span { font-size: 18px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in { margin: 56px -95px 0 0; }
.testimonial-con-in { margin: 106px 0 0 -95px; }
.testimonial-con-in { padding: 92px 105px 25px 60px; }
.testimonials-main ul .testimonial-con .bttn { margin: 15px 0 0 0; }
.testimonial-con-in-sec h4 { padding: 0 0 15px 0; margin: 0 0 15px 0; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-img { padding-right: 95px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-img { padding-left: 105px; }
.footer-social-icons ul li {
    padding-left: 15px;
  }
  .footer-social-icons ul li a {
       font-size: 20px;
  }
  .footer-nav span{font-size: 13px;}
}

/*1023 to 992 */
@media (max-width: 1023px) {
.winning-sec2-con { padding: 168px 30px 0 62px; width: 42%; }
.winning-sec2-slider-main { float: left; width: 58%; position: relative; padding-left: 65px; }
.glowing-numbers-sec2.glowing-numbers-sec p { max-width: 180px; }
.glowing-numbers-sec1.glowing-numbers-sec p { max-width: 180px; }
.winning-sec-con { max-width: 284px; margin: 75px 0 0 30px; }
.winning-sec-list ul li p { letter-spacing: 1px; }
.winning-sec-list ul li { width: 33%; }
.winning-sec-list { margin: 0 10px 0 0; max-width: 351px; }
.glowing-numbers-in { max-width: 992px; }
.main-content-sec-fornt-top-nav-in ul li { margin: 0 8% 0 0; }
.rewards-portal-main-top ul li a{letter-spacing: 1px;}
.footer-nav span {
    padding: 0 8px;
  }
}

/*1023 to 970 */
@media (max-width: 991px) {
.video-sec { height: 520px; }
.video-sec-top h4 { font-size: 52px; letter-spacing: 2px; }
.video-sec-top h5 { font-size: 32px; letter-spacing: 3px; }
.glowing-numbers-in { max-width: 970px; }
.rewards-portal-main-con-left h5 { font-size: 46px; }
.home-login-popup-left { width: 63%; }
.home-login-popup-right { width: 37%; }
.home-login-popup-left h4 { font-size: 30px; letter-spacing: 3px; margin: 12px 0 10px 0; }
.home-login-popup-left h6 { font-size: 16px; letter-spacing: 3px; }
.home-login-popup-left .bttn { margin-top: 30px; }
.home-login-popup-left h5 { font-size: 16px; }
.rewards-portal-main-con-right img { margin: 82px 29px 0 0; }
.rewards-portal-main-con-right { position: relative; margin-left: -15px; }
.sign-up-main-right-con-in h1 { font-size: 28px; letter-spacing: 3px; }
.access-denied-sec-con h3 { font-size: 40px; letter-spacing: 4px; }
.access-denied-sec-con p { font-size: 16px; letter-spacing: 2px; }
.access-denied-sec-con h4 { font-size: 16px; letter-spacing: 2px; }
footer {
    padding: 25px 20px;
  }
#sub-page-main-content-wrapper.content-page-main {padding: 0;  }
}

/*969 to 900 */
@media (max-width: 969px) {
.about-dunlop-sec-con-bottom ul li:after { margin: 40px 8px 0; }
.glowing-numbers-sec p { font-size: 16px; }
/*.glowing-numbers-sec4.glowing-numbers-sec { margin: 76px 0 0 20px; }
.glowing-numbers-sec3.glowing-numbers-sec { margin: 0 0 0 30px; }*/
.glowing-numbers-sec4.glowing-numbers-sec p { max-width: 170px; }
.dealer-benefits-sec-mobi { max-width: 700px; }
.footer-left { float: none; text-align: center; }
.footer-logo { float: left; margin: 0 0 -30px 0; }
.footer-nav { float: none; margin: 19px 0 0 0; }
.footer-social-icons { float: none; margin-top: 20px; clear: both; display: block; text-align: center; }
.footer-social-icons ul li { float: none; padding: 0 25px; display: inline-block; }
.glowing-numbers-in { max-width: 900px; }
.home-login-popup-open.home-login-popup { height: 100%; }
.home-login-popup-in { height: auto; }
.home-login-popup-right-line { height: 100%; }
.home-login-popup-left { display: none; }
.home-login-popup-right { width: 100%; }
.home-login-popup-right-form .bttn { display: block; }
.home-login-popup-right-form h6 { display: block; }
.home-login-popup-close-main .mobi { display: inline-block; max-width: 22px; }
.home-login-popup-close-main .desk { display: none; }
a.home-login-popup-close { padding: 0; background: no-repeat; }
.home-login-popup-right-form .bttn2 a { text-decoration: underline; }
.registration-thank-sec-con h1 { font-size: 100px; line-height: 40px; letter-spacing: 10px; }
.video-sec { height: 480px; }
.main-content-sec-fornt-top-nav-in ul li { margin: 0 4% 0 0; }
.main-content-sec-fornt .main-content-sec-fornt-50 { width: 100%; float: none; margin-bottom: 0; height: inherit !important; }
.main-content-sec-fornt .pro-blocks { margin-bottom: 30px; }
.main-content-sec-fornt .main-content-sec-fornt-50 + .main-content-sec-fornt-50 { padding-left: 0; }
.main-content-sec-fornt-bttn { margin-top: 0; }
.my-acc-title-fornt .my-acc-title-fornt-left h2 { font-size: 18px; letter-spacing: 2px; margin: 0; }
.my-acc-title-fornt .my-acc-title-fornt-left { width: 100%; }
.my-acc-title-fornt .my-acc-title-fornt-right { width: 100%; padding-left: 0; float: none; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-img { padding-left: 95px; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-img { padding-right: 95px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con { padding-left: 24px; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-con { padding-right: 24px; }
.testimonials-main ul .testimonial-img { width: 46%; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-con-in:before { font-size: 90px; top: 110px; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-con-in:after { border-top: 45px solid transparent; border-left: 49px solid #1f2424; border-bottom: 55px solid transparent; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in:before { font-size: 90px; top: 110px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in:after { border-top: 45px solid transparent; border-right: 49px solid #1f2424; border-bottom: 55px solid transparent; }
.page-not-found-sec-con h3 { font-size: 36px; }
.page-not-found-sec-con p { font-size: 18px; }
.lost-password-sec-con h3 { font-size: 36px; }
.lost-password-sec-con p { font-size: 18px; }
.home-login-popup-video { display: none; }
.home-login-popup-right-line { display: none; }
.home-login-popup-right { width: 100%; padding: 0; }
.home-login-popup-in { height: inherit; }
.my-acc-title-fornt .my-acc-title-fornt-left { padding-top: 17px; }
.main-content-sec-fornt-pad { padding: 40px 50px 125px 20px; }
.my-acc-title-fornt .my-acc-title-fornt-left h2 span { padding: 6px 30px 31px 10px; }
.dealer-benefit-main ul li .dealer-benefit-main-in:before { height: 100%; }
.glowing-numbers-sec.glowing-numbers-sec1, .glowing-numbers-sec.glowing-numbers-sec2, .glowing-numbers-sec.glowing-numbers-sec3, .glowing-numbers-sec.glowing-numbers-sec4 { margin-left: 13px; margin-right: 13px; }
.registration-thank-sec-con.contact-thank-sec-con h1 { letter-spacing: 6px; font-size: 56px; line-height: 60px; padding: 0 30px; }
header.log-out .header-right ul li a { letter-spacing: 3px; }
}

/*899 to 800 */
@media (max-width: 899px) {
.about-dunlop-sec-con-bottom ul li:after { margin: 40px 8px 0; width: 30px; background-position: right; }
.rewards-points-main { padding: 70px 0 0 0; }
.glowing-numbers-in { padding: 0 39px 100px; }
.glowing-numbers-sec1.glowing-numbers-sec { float: left; }
.glowing-numbers-sec1.glowing-numbers-sec h5 { float: left; }
.glowing-numbers-sec1.glowing-numbers-sec p { max-width: 180px; margin: 23px 0 0 30px; }
.glowing-numbers-sec2.glowing-numbers-sec { float: left; margin: 20px 0; }
.glowing-numbers-sec h5 { font-size: 110px; letter-spacing: 0px; line-height: 62px; float: left; }
.glowing-numbers-sec2.glowing-numbers-sec p { max-width: 180px; float: left; margin: 23px 0 0 30px; }
.glowing-numbers-sec3.glowing-numbers-sec { margin: 20px 0; }
.glowing-numbers-sec3.glowing-numbers-sec h5 { float: left; }
.glowing-numbers-sec3.glowing-numbers-sec p { max-width: 200px; margin: 23px 0 0 48px; }
.glowing-numbers-sec4.glowing-numbers-sec { margin: 20px 0; }
.glowing-numbers-sec { width: 50%; margin: 20px 0; }
.glowing-numbers-sec4.glowing-numbers-sec p { max-width: 170px; float: left; margin: 23px 0 0 40px; }
.rewards-portal-main-top ul li a { background: #1E1D1E; }
.rewards-portal-main-con { padding: 0 0 0 30px; }
.rewards-portal-main-con-right img { margin: 82px 00 0; }
.rewards-portal-main-con-right { padding-bottom: 250px; margin-left: -5%; }
.rewards-portal-main-top { padding-bottom: 100px; }
.rewards-portal-main-con-left h5 { font-size: 36px; letter-spacing: 3px; }
.winning-sec-in { padding: 190px 0 317px; }
.winning-sec2-con { padding: 168px 30px 0 30px; }
.winning-sec-top h3 { font-size: 40px; letter-spacing: 4px; }
.winning-sec { background: url(images2/mobi-winning-sec-bg.jpg) no-repeat; }
.winning-sec-top { display: none; }
.winning-sec-in { padding: 0; }
.winning-sec-main { margin: 0; }
.winning-sec-blike-img { display: block; float: right; }
.winning-sec-con p { font-size: 18px; color: #e6e6e6; letter-spacing: 1px; }
.winning-sec-con { max-width: 444px; margin: 75px 0 0 30px; }
.winning-sec-con h4 { display: block; font-size: 14px; color: #5c5f5f; text-transform: uppercase; letter-spacing: 3px; font-weight: 500; margin: 0; }
.winning-sec-con h5 { font-size: 34px; display: block; color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
.winning-sec-con h3 { display: block; margin: 0; color: #ffdb1a; font-weight: 600; letter-spacing: 10px; font-size: 64px; margin: 0 0 20px 0; }
.winning-sec-con h6 { display: none; }
.winning-sec-list { margin: 0; max-width: 100%; float: none; clear: both; background: url(images2/mobi-winning-sec-bg2.jpg) no-repeat center center; padding: 0 0 50px 0; }
.winning-sec-list ul li { width: 141px; }
.winning-sec-list { display: none; }
.winning-sec-list.winning-sec-list-slide { display: block; }
.winning-sec-list-slide-in::after { content: ''; height: 3px; width: 100%; background: linear-gradient(to right, #ffd71a 0%, #ffaf1a 100%); display: block; margin-top: 30px; margin-left: 0; }
.winning-sec-list-slide-in::before { content: ''; height: 3px; width: 100%; background: linear-gradient(to right, #ffd71a 0%, #ffaf1a 100%); display: block; margin-bottom: 30px; margin-left: 0; }
.winning-sec-list-slide-in { padding: 0; border-right: none; position: relative; border-left: solid 3px #ffd51a; }
.winning-sec-list.winning-sec-list-slide { padding-left: 60px; overflow: hidden; }
.rewards-points-main { padding: 0; }
.about-dunlop-sec-con-right { margin-top: 17%; }
.glowing-numbers-in { max-width: 800px; }
.winning-sec-con { max-width: 630px; margin: 107px 0 0 20px; float: left; }
.winning-sec-con h4 { letter-spacing: 1px; font-size: 24px; }
.winning-sec-con h5 { font-size: 45px; margin: 6px 0 0 0; }
.winning-sec-con h3 { display: block; color: #ffdb1a; font-weight: 600; letter-spacing: 4px; margin: 0 0 15px 0; font-size: 98px; line-height: 85px; }
.winning-sec-con p { font-size: 22px; color: #e6e6e6; letter-spacing: 1px; }
.sign-up-main-left { display: none; }
.sign-up-main-right { float: none; width: 100%; }
.sign-up-main-right-top { display: none; }
.sign-up-main-right-con { padding: 0; }
.sign-up-main-right-con-in { max-width: 100%; }
.sign-up-main-right-con-sec { background: #fff; padding: 50px; }
.sign-up-main-right-con-top {  padding: 50px; }
.sign-up-main-right-con-top p { margin: 0; }
.sign-up-main-right-con-top-icon { display: block; text-align: center; padding-bottom: 22px; }
.register-process-landing-in.element { height: inherit !important; }
.register-process-landing-left { float: none; width: 100%; height: inherit; background: #2c2d2f; overflow: hidden; padding: 20px 0 25px; position: relative; }
.register-landing-logo { margin: 27px 0 70px 50px; display: none; }
/*.register-landing-con-sec { float: left; margin: 110px 0 0 50px; }*/
.register-landing-con { text-align: center; padding-top: 10px; }
.register-landing-icon-right { position: relative; clear: both; top: auto; left: auto; right: auto; text-align: center; }
.register-landing-icon-right-in span:before { content: "\f078"; }
.register-process-landing-right { float: none; width: 100%; }
.register-landing-logo-mobi img { max-width: 43px; }
.register-landing-logo-mobi { display: block; margin-bottom: 12px; }
.register-account-sec-left { float: none; width: 100%; height: inherit; position: relative; }
.register-account-sec.element { height: inherit !important; }
.register-account-sec-right { float: none; width: 100%; }
.register-account-sec-right-con { padding: 40px; }
.register-account-sec-left-content-in { padding: 40px 40px 0; }
.video-sec { height: 440px; }
.road-hazard-fornt-sec-ban-in { padding: 160px 30px 60px 48px; }
.road-hazard-fornt-sec-ban-con h1 { font-size: 26px; letter-spacing: 4px; }
.road-hazard-fornt-sec-ban-con p { font-size: 16px; line-height: 27px; letter-spacing: 1px; }
.road-hazard-fornt-sec-ban-con-list ul li { padding-right: 139px; }
.main-content-sec-fornt-top-nav-in { padding: 19px 25px 0; }
.main-content-sec-fornt-pad { padding: 60px 30px 125px 10px; }
.main-content-sec-fornt { padding: 0 0 0 40px; }
.main-content-sec-fornt-pad { padding: 60px 30px 45px 10px; }
.testimonials-main { background: #e6e9eb; padding-top: 0; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-img, .testimonials-main ul .testimonial-con-sec-m-right .testimonial-img { padding: 0; width: 100%; float: none; }
.testimonials-main ul .testimonial-img .testimonial-img-in { padding: 50px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con, .testimonials-main ul .testimonial-con-sec-m-left .testimonial-con { padding: 10px 24px; float: none; width: 100%; }
.testimonial-con-sec-m-left .testimonial-con-in { padding: 60px; margin: 0; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in { padding: 60px; margin: 0; }
.testimonials-main ul .testimonial-con-sec-m-left .testimonial-con-in:before, .testimonials-main ul .testimonial-con-sec-m-left .testimonial-con-in:after, .testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in:before, .testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in:after { display: none; }
.testmoni-single-left { float: none; width: 100%; position: relative; padding: 120px 0 0; }
.testmoni-single-left .testimonial-img .testimonial-img-in { background-size: 100% auto; padding: 60px 0; }
.testmoni-single-right { float: none; width: 100%; background: #e6e9eb; padding: 40px 20px 0; }
.single-testimonial .header-black header.log-out .header-right ul li + li a { color: #fff; }
.single-testimonial .header-black header.log-out .header-right ul li a { color: #fff; }
.single-testimonial .header-black header.log-out .main-nav span { background: #fff; }
.testmoni-single-right { padding: 20px; }
.testmoni-single-right-in { padding: 40px 40px; }
.testmoni-single-left .testimonial-img .testimonial-img-in:before, .testmoni-single-left .testimonial-img .testimonial-img-in:after { display: none; }
/*.owl-stage-outer.owl-height { height: inherit !important; }*/
.home-tetmoni-popup.home-tetmoni-popup-open .testmoni-single-left .testimonial-img:before, .home-tetmoni-popup.home-tetmoni-popup-open .testmoni-single-left .testimonial-img:after { display: none; }
/*.home-tetmoni-popup.home-tetmoni-popup-open .testmoni-single-right-in-con-bottom #nav-single { top: 40%; right: 0; position: fixed; z-index: 3; float: none; margin: 0; }*/
.main-content-sec-fornt-top-nav-in ul li a span { display: none; }
.main-content-sec-fornt-top-nav-in ul li a span.mobi { display: block; }
.testmonial-sec-main-slide p { font-size: 30px; }
.request-thank-sec-list ul li { padding: 20px 0; float: none; width: 100%; border-top: solid 1px #515659; }
.request-thank-sec-list-in { border-top: none; padding-top: 15px; }
.request-thank-sec-list ul li + li { margin: 0; }
.glowing-numbers-sec.glowing-numbers-sec1, .glowing-numbers-sec.glowing-numbers-sec2, .glowing-numbers-sec.glowing-numbers-sec3, .glowing-numbers-sec.glowing-numbers-sec4 { margin: 0; padding: 0 10px; }
.glowing-numbers-sec h5 { font-size: 80px; }
.register-process-landing-fast .gfield_html h1 { text-transform: uppercase; letter-spacing: 1px; font-size: 26px; }
.register-landing-icon img { max-height: 140px; }
}

/*799 to 768 */
@media (max-width: 799px) {
.about-dunlop-sec-con-bottom ul li:after { width: 20px; }
.footer-nav span { padding: 0 19px; }
.video-sec-top h4 { font-size: 42px; letter-spacing: 2px; }
.video-sec-top h5 { font-size: 22px; letter-spacing: 3px; }
.about-dunlop-sec-top-in ul li a { padding: 27px 20px 28px; }
.glowing-numbers-in { max-width: 768px; }
.winning-sec-con { max-width: 610px; }
.request-thank-sec-title h3 { font-size: 50px; }
.request-thank-sec-title h4 { font-size: 16px; }
.request-thank-sec-title p { max-width: 344px; }
.video-sec .home-banner-video video { width: auto; height: inherit; }
.rh-faq-sec { padding: 20px; }
header.log-out .header-right ul li { padding: 0 20px; }
}

/*767 to 736 */
@media (max-width: 767px) {
header.log-out .header-right ul li { display: none; }
header.log-out .header-right ul li + li { display: block; }
/*header.log-out .header-right ul li + li:after { display: none; }*/
header.log-out .logo .mobi { display: inline-block; max-width: 29px; }
header.log-out .logo .desk { display: none; }
.left-gap { padding-left: 20px; }
header.log-out:not(.dpd-public-header) .logo { padding: 20px 0 0 0; }
header.log-out .header-right { padding-right: 20px; }
header.log-out .main-nav { padding: 25px 0 0 16px; float: right; }
header.log-out .main-nav span { width: 21px; height: 2px; margin: 5px 0; }
header.log-out .header-right ul { padding: 23px 0 0 0; }
header.log-out .header-right ul li + li { display: block; padding: 0 7px; }
header.log-out .header-right ul li a { font-size: 12px; letter-spacing: 2px; }
.home #page_wrapper { background: url(images2/home-mobile-bg.jpg) no-repeat top center; }
.banner-img-mobi { display: block; text-align: center; }
.banner-img-mobi img { width: 100%; }
.home { background: #1c1c1b url(images2/dealer-benefits-sec-in-bg.jpg) repeat 0 0; }
.home .body-forntend { background: none; }
.banner { background: none; }
.banner { padding-top: 59px; }
.banner-sec { padding: 0 45px; }
.banner-sec h4 { font-size: 62px; letter-spacing: 6px; line-height: 62px; }
.banner-sec p { margin: 17px 0 0 0; max-width: 481px; font-size: 16px; color: #e6e6e6; line-height: 24px; }
.banner-sec h3 { font-size: 20px; margin: 0 0 0 23px; padding: 0; font-weight: 500; letter-spacing: 2px; }
.banner-sec .bttn { margin: 15px 0 0 0; }
.footer-logo { float: none; margin: 0; }
.footer-social-icons ul li { padding: 0 25px; }
footer { padding: 20px; }
.footer-nav span { padding: 0 12px; font-size: 12px; letter-spacing: 2px; }
.video-sec { height: 433px; }
.video-sec-top h4 { font-size: 22px; letter-spacing: 2px; }
.video-sec-top h5 { font-size: 16px; letter-spacing: 3px; margin: 10px 0 25px 0; }
.testmoni-sec2-in { text-align: center; padding: 70px 50px 45px; }
.testmoni-sec2-in p { line-height: normal; font-size: 18px; letter-spacing: 2px; }
.testmonial-sec-main-slide p { font-size: 18px; letter-spacing: 1px; margin: 0; }
.testmonial-sec-main-in { padding: 47px 0 65px 0; }
.testmonial-sec-main-top h5 { font-size: 12px; }
.owl-carousel .owl-item .testmonial-sec-main-top img { max-width: 240px; }
.owl-carousel .owl-item img { display: inline-block; width: 100%; max-width: 240px; }
.testmonial-sec-main-top { padding: 0; }
.testmonial-sec-main-slide { padding: 62px 0 0 0; position: relative; }
.testmonial-sec-main-con { max-width: 80%; }
.testmonial-sec-main-slide:before { padding: 0 10px; line-height: 90px; font-size: 100px; padding: 0; }
.testmonial-sec-main-slide h6 { margin: 5px 0 0 0; font-size: 12px; }
.testmonial-sec-main-slide h6 span { display: block; }
.testmonial-sec-main-slide h6 span:after { display: none; }
.testmonial-sec-main-nav { display: none; }
.testmonial-sec-main-bottom { padding: 35px 0 0 0; }
.testmonial-sec-main-bottom .bttn a { letter-spacing: 2px; padding: 0 15px; font-size: 14px; font-weight: 600; max-width: 240px; margin: 15px auto 0; }
.testmonial-sec-main-slides .owl-dots { padding-top: 0; margin-top: -33px; z-index: 2; position: relative; }
.testmonial-sec-main-slides .owl-dots .owl-dot { background: #5e6262; width: 35px; height: 5px; display: inline-block; margin: 0 5px 0 4px; transition: all ease-in-out 0.5s; }
.testmonial-sec-main-slides .owl-dots .owl-dot.active { background: #ffdb1a; transition: all ease-in-out 0.5s; }
.winning-sec-con { max-width: 560px; margin: 107px 0 0 20px; float: left; }
.winning-sec-con h4 { letter-spacing: 1px; font-size: 24px; }
.winning-sec-con h5 { font-size: 45px; margin: 6px 0 0 0; }
.winning-sec-con h3 { display: block; color: #ffdb1a; font-weight: 600; letter-spacing: 4px; margin: 0 0 15px 0; font-size: 98px; line-height: 85px; }
.winning-sec-con p { font-size: 22px; color: #e6e6e6; letter-spacing: 1px; }
.winning-sec { background-position: center center; }
.winning-sec-list ul li h6 { margin: 0 0 10px 0; font-size: 60px; }
.winning-sec-list ul li p { letter-spacing: 1px; line-height: normal; }
.winning-sec-list.winning-sec-list-slide { padding-left: 20px; padding-top: 60px; position: relative; margin-top: 0; }
.winning-sec-blike-img { display: block; float: right; position: relative; margin-bottom: -160px; z-index: 1; }
.scrollbar2 { max-width: 273px; margin: 50px auto -60px; }
.winning-sec2-in { background: url(images2/mobi-winning-sec-bg.jpg) no-repeat bottom center; }
.winning-sec2-con { padding: 67px 25px 0; float: none; width: 100%; position: relative; }
.winning-sec2-con h3 { font-size: 30px; margin: 0 0 25px 0; letter-spacing: 4px; }
.winning-sec2-con h3 span { display: block; font-size: 37px; letter-spacing: 5px; }
.winning-sec2-con p { font-size: 16px; color: #999b9b; line-height: 24px; }
.winning-sec2-con:after { font-family: 'FontAwesome'; content: "\f078"; text-align: center; display: block; color: #ffdb23; font-size: 20px; margin: 30px 0; }

/* DMT/brand typography lock - 2026-06-11 */
:root {
  --font-brand: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "acumin-pro-condensed", "Helvetica Neue Condensed", "Arial Narrow", Arial, sans-serif;
  --font-ui: "acumin-pro-semi-condensed", "acumin-pro-condensed", "Helvetica Neue Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --dpd-brand-font-display: var(--font-display);
  --dpd-brand-font-condensed: var(--font-display);
  --dpd-brand-font-body: var(--font-body);
  --dpd-font-body: var(--font-body);
  --dpd-font-display: var(--font-display);
  --dpd-font-ui: var(--font-ui);
  --dpd-final-shell-font: var(--font-body);
  --dpd-final-shell-display: var(--font-display);
  --dpd-meeting-font-body: var(--font-body);
  --dpd-meeting-font-display: var(--font-display);
  --dpd-meeting-font-ui: var(--font-ui);
}

body,
body #page_wrapper,
body #sub-page-main-content-wrapper,
body .dpd-public-home-shell,
body .dpd-v2-portal-shell,
body .gform_wrapper,
body .pum-container {
  font-family: var(--font-body) !important;
}

body p,
body li,
body td,
body th,
body input,
body select,
body textarea,
body option,
body .gfield_description,
body .gform_description,
body .validation_message,
body .dpd-v2-table-shell,
body .dpd-v2-info-summary,
body .dpd-contact-support-form {
  font-family: var(--font-body) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body .section-title,
body .page-title,
body .entry-title,
body .border-dotted-heading h1,
body .border-dotted-heading h2,
body .video-header .dashboard-head-left h1,
body .dpd-v2-nav-top-name,
body .dpd-v2-dashboard-status-hub__intro h2,
body .dpd-v2-wallet-flow__intro h3,
body .dpd-v2-rewards-flow-strip__intro h3,
body .dpd-public-home-hero h1,
body .dpd-public-home-hero h2 {
  font-family: var(--font-display) !important;
}

body button,
body input[type="button"],
body input[type="submit"],
body input[type="reset"],
body .button,
body .btn,
body .bttn1 a,
body .bttn2 a,
body .bttn3 a,
body nav a,
body .menu a,
body .main-nav a,
body .dpd-launch-btn,
body .dpd-v2-card-kicker,
body .dpd-v2-route-jumpbar a,
body .dpd-v2-action-card__cta,
body .dpd-v2-info-dot,
body label,
body .gfield_label,
body .dpd-register-account-shell__form label,
body .dpd-register-account-shell__form .gfield_label,
body .dpd-register-account-shell__form input[type="submit"],
body .dpd-register-account-shell__form button,
body .dpd-register-account-shell__form .button,
body .dpd-register-account-shell__form .gform_next_button,
body .dpd-register-account-shell__form .gform_previous_button {
  font-family: var(--font-ui) !important;
}

body .dpd-register-account-shell__form .gform_wrapper,
body .dpd-register-account-shell__form form,
body .dpd-register-account-shell__form input[type="text"],
body .dpd-register-account-shell__form input[type="email"],
body .dpd-register-account-shell__form input[type="tel"],
body .dpd-register-account-shell__form input[type="url"],
body .dpd-register-account-shell__form input[type="number"],
body .dpd-register-account-shell__form input[type="password"],
body .dpd-register-account-shell__form select,
body .dpd-register-account-shell__form textarea,
body .dpd-register-account-shell__form .validation_message,
body .dpd-register-account-shell__form .gfield_error .gfield_validation_message {
  font-family: var(--font-body) !important;
}

body code,
body pre,
body kbd,
body samp {
  font-family: "Courier New", Courier, monospace !important;
}

body .fa,
body .fas,
body .far,
body .fal,
body .fa-solid,
body .fa-regular,
body .fa-light,
body [class^="fa-"],
body [class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
}

body .fab,
body .fa-brands {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "Font Awesome 5 Brands" !important;
}

body .material-icons {
  font-family: "Material Icons" !important;
}

body .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
}

body .material-symbols-rounded {
  font-family: "Material Symbols Rounded" !important;
}

body .material-symbols-sharp {
  font-family: "Material Symbols Sharp" !important;
}

body .glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

body .flex-direction-nav a::before {
  font-family: "flexslider-icon" !important;
}
.winning-sec2-slider-main { display: none; }
.winning-sec2-slide-con { text-align: left; padding: 30px 20px; }
.winning-sec2 { padding-bottom: 0; }
.dealer-benefits-sec-in { background: url(images2/dealer-benefits-sec-bg-mobi.png) no-repeat top center; background-size: 100%; padding-bottom: 150px; }
.dealer-benefits-sec-con { padding: 180px 48px 55px 55px; float: none; }
.dealer-benefits-sec-con h6 { font-size: 15px; margin: 0; letter-spacing: 2px; }
.dealer-benefits-sec-con h4 { font-size: 61px; letter-spacing: 7px; line-height: 61px; margin: 0 0 10px 0; }
.dealer-benefits-sec-con p { font-size: 16px; letter-spacing: 1px; color: #e6e6e6; }
.dealer-benefit-main-con p { font-size: 15px; font-weight: 400; letter-spacing: 0.6px; text-align: left; color: #d6d6d6; }
.dealer-benefit-main ul li .dealer-benefit-main-in { min-height: 445px; }
.rewards-points-main { padding: 0; }
.glowing-numbers-in { padding: 0 28px 69px; }
.glowing-numbers-sec1.glowing-numbers-sec { float: none; padding: 28px 0; border-bottom: solid 1px #383a3d; border-top: solid 1px #383a3d; width: 100%; margin: 0; }
.glowing-numbers-sec h5, .glowing-numbers-sec1.glowing-numbers-sec h5 { float: none; font-size: 42px; font-weight: 900; line-height: 30px; }
.glowing-numbers-sec1.glowing-numbers-sec p { max-width: 100%; margin: 0; font-size: 14px; letter-spacing: 2px; }
.glowing-numbers-sec2.glowing-numbers-sec { float: none; margin: 0; }
.glowing-numbers-sec2.glowing-numbers-sec { float: none; margin: 0; padding: 28px 0; border-bottom: solid 1px #383a3d; width: 100%; margin: 0; }
.glowing-numbers-sec2.glowing-numbers-sec p { max-width: 100%; float: none; margin: 0; font-size: 14px; letter-spacing: 2px; }
.glowing-numbers-sec3.glowing-numbers-sec { float: none; margin: 0; padding: 28px 0; border-bottom: solid 1px #383a3d; width: 100%; margin: 0; }
.glowing-numbers-sec3.glowing-numbers-sec h5 { float: none; }
.glowing-numbers-sec3.glowing-numbers-sec p { margin: 0; max-width: 100%; float: none; font-size: 14px; letter-spacing: 2px; }
.glowing-numbers-sec4.glowing-numbers-sec { float: none; margin: 0; padding: 28px 0; border-bottom: solid 1px #383a3d; width: 100%; margin: 0; }
.glowing-numbers-sec4.glowing-numbers-sec p { margin: 0; max-width: 100%; float: none; font-size: 14px; letter-spacing: 2px; }
.rewards-portal-main { display: none; }
.rewards-portal-main-mobi { display: block; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec { float: none; margin: 0 0 5px 0; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { margin: 0 0 85px 0; }
.rewards-portal-main-mobi-slide { background: #000; }
.rewards-portal-main-mobi-slide-con { position: relative; padding: 0 44px 50px 28px; text-align: left; margin: -70px 0 0 0; }
.rewards-portal-main-mobi-slide-con h3 { font-size: 30px; font-weight: 600; letter-spacing: 3px; margin: 0 0 10px 0; }
.rewards-portal-main-mobi-slide-con p { font-size: 15px; color: #666666; letter-spacing: 1px; }
.dealer-benefits-sec-mobi { padding-bottom: 0; }
.rewards-points-main { background: url(images2/rewards-points-bg-mobi.jpg) no-repeat top center; padding-top: 70px; background-position: top center; }
.about-dunlop-sec { display: none; }
.about-dunlop-sec-mobi { display: block; background: #eceef0; }
.about-dunlop-sec-mobi-in h2 { font-size: 18px; text-align: center; font-weight: 700; letter-spacing: 3px; color: #2f2f2f; margin: 20px 0 40px; }
.about-dunlop-sec-mobi-in:before { content: ''; position: absolute; top: 0; z-index: -1; background: #191917; height: 168px; display: block; width: 100%; left: 0; }
.about-dunlop-sec-mobi-slide { background: #fff; text-align: left; color: #000; }
.about-dunlop-sec-mobi-slide-con { padding: 40px 28px; }
.about-dunlop-sec-mobi-slide-con h4 { font-size: 18px; font-weight: 600; letter-spacing: 2px; padding: 0; margin: 0 0 15px 0; }
.about-dunlop-sec-mobi-slide-con p { margin: 0; color: #4c4c4c; font-size: 16px; letter-spacing: 1px; }
/*===============*/
.winning-sec2-con { text-align: center; }
.video-sec .video-sec-top h4 { font-size: 38px; }
.video-sec .video-sec-top h5 { font-size: 27px; }
.testmonial-sec-main.testmonial-sec-main-top h5 { font-size: 14px; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 34px; }
.testmonial-sec-main .testmonial-sec-main-slide h6 { font-size: 22px; line-height: normal; }
.testmonial-sec-main .testmonial-sec-main-slide::before { left: 0; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { margin: 118px 0 37px 28px; text-align: center; }
.rewards-portal-main-mobi .rewards-portal-main-icon-con { text-align: center; margin: 0 auto; width: 100%; }
.dealer-benefits-sec .dealer-benefits-sec-con { padding: 180px 48px 55px 55px; max-width: 380px; margin-left: 48%; }
.dealer-benefit-main ul li h6 { top: 78px; }
.body-forntend-mobi { background: url(images2/home-mobile-bg.jpg) no-repeat bottom center; background-size: 100% 100%; }
/*.dealer-benefits-sec {background: url(images2/home-mobile-bg.jpg) no-repeat bottom left; background-size: 100%;}*/
.rewards-portal-main-icon-con span { font-size: 40px; }
.rewards-portal-main-icon-con { font-size: 18px; letter-spacing: 4px; line-height: 32px; }
.glowing-numbers-sec.rellax { transform: inherit !important; }
.home-menu-popup-close { padding: 10px; }
.home-menu-popup-close img { max-width: 20px; }
.home-menu-popup-top-lrft { margin: 28px 0 0 0; }
.home-menu-popup-logo { padding-bottom: 20px; }
.home-menu-popup-logo img { max-width: 60px; }
.home-login-popup-right-line { display: none; }
.home-login-popup-right { padding-left: 0; }
.home-login-popup-right-top { padding: 46px 0 0 0; }
.home-login-popup-right-form-in { padding: 0 37px 50px; }
.login-username, .login-password { position: relative; margin-bottom: 20px; }
.home-menu-popup.home-menu-popup-open { height: 100%; }
.home-menu-popup-in { height: auto; background-size: auto; background-position: top center; min-height: 100%; }
.home-menu-popup-top-lrft { display: none; }
.nav-login-bttn { display: block; padding: 50px 0; }
.nav-login-bttn a { display: block; text-align: center; color: #fff; line-height: 64px; font-size: 22px; font-weight: 600; letter-spacing: 6px; border: solid 1px #464e4f; }
.home-menu-popup-menu-list ul li { padding: 6px 0; }
.home-menu-popup-close .mobi { display: inline-block; }
.home-menu-popup-close .desk { display: none; }
.home-menu-popup-close { background: none; }
.video-sec { height: 373px; }
.request-thank-sec-list { max-width: 100%; }
.request-thank-sec-logo { padding: 30px 0 27px 0; }
.request-thank-sec-left { padding: 40px; }
.request-thank-sec-video-in video { position: relative; right: 0; width: 100%; }
.request-thank-sec-in { position: relative; height: auto; }
.registration-thank-sec-con { height: inherit; display: block; width: 100%; padding: 130px 30px 50px; }
.registration-thank-sec-in { height: inherit; }
.registration-thank-sec-con h1 { font-size: 70px; line-height: 0px; letter-spacing: 7px; }
.registration-thank-sec-con-user h3 { font-size: 20px; max-width: 420px; }
.registration-thank-sec-con-user h3 span { font-size: 14px; margin: 6px 20px 0 0; letter-spacing: 2px; }
.video-sec .home-banner-video video { width: 100%; height: auto; }
.road-hazard-fornt-sec-ban-con-list ul li { padding-right: 119px; }
.road-hazard-fornt-sec-ban-in { padding: 90px 30px 30px 28px; }
.main-content-sec-fornt-bttn { padding: 20px; }
.road-hazard-fornt-sec-ban-con-list ul li { padding-right: 79px; }
.road-hazard-fornt-sec-ban-con-list ul li:after { background-position: right top; width: 21px; }
.testimonials-main { padding-top: 0; }
.testimonials-main ul .testimonial-img .testimonial-img-in { background-size: cover; }
.testmoni-single-left { padding: 80px 0 0; }
.page-not-found-sec-con { padding: 90px 30px; }
.lost-password-sec-con { padding: 90px 30px; }
.page-not-found-sec-con h3 { font-size: 28px; letter-spacing: 3px; }
.page-not-found-sec-con p { font-size: 14px; letter-spacing: 3px; }
.lost-password-sec-con h3 { font-size: 28px; letter-spacing: 3px; }
.lost-password-sec-con p { font-size: 14px; letter-spacing: 3px; }
.access-denied-sec-con { padding: 90px 30px; }
.owl-carousel .owl-item .testimonial-img-con-in img { max-width: 50px; }
.bsticky2 .banner { padding-top: 0; }
.video-sec .home-banner-video { background: url(images2/video-bg.jpg) no-repeat; background-size: cover; }
.video-sec .home-banner-video video { display: none; }
.request-thank-sec-video { background: url(images2/request-thank-video-poster.jpg) no-repeat; background-size: 100% auto; }
.request-thank-sec-video video { display: none; }
.my-embed video { width: 85%; margin-top: 90px; }
.main-content-sec-fornt-pad { padding: 25px 30px 45px 10px; }
.dealer-benefits-sec-mobi { padding-left: 0; }
.frame { padding-left: 20px; }
.rewards-portal-main-mobi-in { padding-left: 0; }
.frame4 { padding-left: 25px; }
.about-dunlop-sec-mobi-in { position: relative; z-index: 1; padding: 0 0 50px 0; }
.frame5 { padding-left: 28px; }
.winning-sec2-slider-main.winning-sec2-slider-main-mobi { display: block; width: 100%; padding: 0; }
.frame3 { padding-left: 28px; }
.testmonial-sec-main { padding-bottom: 0; }
.testmoni-single-right-in-con .owl-stage-outer.owl-height { height: inherit !important; }
.request-thank-sec { background-size: 100%; }
.content-page-main #breadcrumbs-wrapper #breadcrumbs { padding: 0 0 0 20px; }
.content-page-main .sitemap-page.main-content-area, .content-page-main .main-content-area { padding: 40px 20px; }
.my-acc-title-fornt .my-acc-title-fornt-left h2 { margin: 0 0 20px; }
.my-acc-title-fornt-left h2 figure { display: table-cell; vertical-align: middle; margin: 0; }
.my-acc-title-fornt .my-acc-title-fornt-left h2 span { display: table-cell; vertical-align: middle; padding: 0 0 0 20px; }
.road-hazard-sign-tab-cont { padding: 34px 15px 45px; }
.road-hazard-sign-tab aside { margin: 0 0 30px; }
}

/*735 to 667 */
@media (max-width: 735px) {
/*=============*/
.dealer-benefits-sec .dealer-benefits-sec-in .dealer-benefits-sec-con { margin-left: 44%; }
.winning-sec2-con h3 { font-size: 31px; }
.testmonial-sec-main-top h5 { font-size: 13px; }
.testmonial-sec-main .testmonial-sec-main-slide::before { left: 0; }
.winning-sec-con { max-width: 514px; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { margin: 0 0 37px 28px; }
.glowing-numbers { padding-bottom: 40px; }
.sign-up-main-right-con-in .gform_wrapper .gform_footer .gform_button { line-height: 55px; height: 55px; }
.register-process-landing-right-in { padding: 30px 25px 0; }
.gform_wrapper h1 { font-size: 28px; }
.home-banner-video video { width: 100%; height: auto; }
.testmoni-single-right-in-con h1 { font-size: 26px; letter-spacing: 3px; }
.access-denied-sec-con h3 { font-size: 30px; letter-spacing: 2px; }
.access-denied-sec-con h5 { font-size: 16px; letter-spacing: 2px; }
.access-denied-sec-con p { font-size: 14px; letter-spacing: 2px; }
}

/*666 to 600 */
@media (max-width: 666px) {
/*=============*/
.dealer-benefits-sec .dealer-benefits-sec-in .dealer-benefits-sec-con { margin-left: 38%; }
.dealer-benefits-sec-in { padding-bottom: 0; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 28px; }
.testmonial-sec-main .testmonial-sec-main-slide h6 { font-size: 18px; }
.winning-sec-con { max-width: 444px; }
.winning-sec-con h4 { font-size: 18px; }
.winning-sec-con h5 { font-size: 34px; }
.winning-sec-con h3 { font-size: 75px; line-height: 75px; }
.winning-sec-con p { font-size: 19px; }
.home-login-popup-right-logo img { max-width: 61px; }
.home-login-popup-right-top h6 span { font-size: 13px; letter-spacing: 2px; }
.home-login-popup-right-top h6 { font-size: 35px; letter-spacing: 5px; }
.home-login-popup-right-form-in input[type="submit"] { margin: 0 auto 10px; }
.home-login-popup-right-form h6 { font-size: 16px; padding: 25px 0; margin: 0; }
.register-landing-icon img { max-height: 160px; }
.register-landing-con-sec { float: none; margin: 0 0 30px 0; }
.register-landing-con-sec p { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #9b9d9e; font-weight: 600; margin: 0 auto; max-width: 285px; }
.register-landing-con-sec { z-index: 1; position: relative; }
#myvideo { height: inherit; margin-left: 0%; width: auto; }
.home-banner-video video { width: auto; height: inherit; }
.request-thank-sec-title h3 { font-size: 38px; letter-spacing: 4px; }
.request-thank-sec-title p { max-width: 264px; }
.request-thank-sec-title h4 { font-size: 14px; letter-spacing: 1px; }
.road-hazard-fornt-sec-ban-con-list ul li { padding-right: 69px; }
.road-hazard-fornt-sec-ban-con-list ul li:after { display: none; }
.main-content-sec-fornt-top-nav-in { padding: 14px 10px 0; }
.main-content-sec-fornt .pro-blocks { padding: 30px 34px 40px; }
.main-content-sec-fornt-bttn button { line-height: 45px; min-width: 279px; }
.access-denied-sec-con .bttn a { float: none; margin: 15px auto; }
.access-denied-sec-con p { max-width: 350px; margin: 0 auto; }
.access-denied-sec-con h4 { font-size: 14px; letter-spacing: 2px; margin: 0 auto; max-width: 350px; }
.access-denied-sec-con .bttn { margin: 0 auto; }
.glowing-numbers { padding-bottom: 0; }
.registration-thank-sec-con.contact-thank-sec-con h1 { letter-spacing: 4px; font-size: 46px; line-height: 56px; padding: 0 0; }
}

/*599 to 568 */
@media (max-width: 641px) {
.sign-up-main-right-con-sec-form .gform_wrapper .top_label li.gfield.gf_right_half { padding-right: 0; padding-left: 0; }
.sign-up-main-right-con-sec-form .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; }
.sign-up-main-right-con-sec-form .gform_wrapper .top_label li.gfield.gf_left_half { padding-right: 0; }
.road-hazard-fornt-sec-ban-con-list ul li { padding-right: 19px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in, .testimonial-con-sec-m-left .testimonial-con-in { padding: 60px 30px; margin: 0; }
}

/*599 to 568 */
@media (max-width: 599px) {
/*============*/
.dealer-benefits-sec .dealer-benefits-sec-in .dealer-benefits-sec-con { margin-left: 32%; }
.video-sec .video-sec-top h4 { font-size: 30px; }
.video-sec .video-sec-top h5 { font-size: 20px; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 25px; }
.testmonial-sec-main .testmonial-sec-main-slide h6 { font-size: 16px; }
.winning-sec-con { max-width: 404px; }
.home-menu-popup-top-lrft a { font-size: 14px; letter-spacing: 3px; padding: 0 20px; margin-left: 10px; }
.home-login-popup-right-form-in input[type="submit"] { max-width: 100%; }
.rh-faq-sec { padding: 30px; }
}

/*567 to 480  */
@media (max-width : 567px) {
/*============*/	
.dealer-benefits-sec .dealer-benefits-sec-in .dealer-benefits-sec-con { margin-left: 21%; }
.winning-sec2-con h3 { font-size: 31px; }
.winning-sec2-con h3 span { font-size: 35px; }
.winning-sec2-con p { font-size: 15px; }
.testmonial-sec-main .testmonial-sec-main-slide::before { left: 0; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 22px; }
.testmonial-sec-main .testmonial-sec-main-slide h6 { font-size: 14px; }
.winning-sec-con { max-width: 324px; }
.winning-sec-con h4 { font-size: 15px; }
.winning-sec-con h5 { font-size: 28px; }
.winning-sec-con h3 { font-size: 62px; line-height: 55px; }
.home-menu-popup-colse-main { margin: 31px 15px 0 10px; }
.home-menu-popup-top-lrft a { font-size: 14px; letter-spacing: 3px; padding: 0 16px; margin-left: 10px; }
.home-menu-popup-colse-main { margin: 15px 15px 0 10px; }
.home-menu-popup-top-lrft { margin: 13px 0 0 0; }
.sign-up-main-right-con-in h1 { font-size: 26px; }
.sign-up-main-right-con-top { padding: 55px 37px 33px; }
.sign-up-main-right-con-sec { padding: 30px 37px; }
.register-account-sec-left-top-left { transform: rotate(0deg); position: relative; background: #050505; color: #fff; padding: 0; font-size: 16px; letter-spacing: 1px; left: 0; top: 0; font-weight: 600; line-height: 50px; text-align: center; }
.register-account-sec-left-top-right { float: none; padding: 0; width: 100%; }
.register-account-sec-left-top-right .custom-progress-bar { height: 11px; width: 100%; }
.custom-progress-bar-in { padding: 0; white-space: nowrap; width: 0; height: 11px; line-height: 11px; text-align: right; font-size: 0; font-weight: 700; }
body .register-account-sec-right-con-in .gform_page_footer .gform_previous_button { width: 100%; margin: 0 0 20px 0; }
body .register-account-sec-right-con-in .gform_page_footer .gform_next_button { width: 100%; margin: 0 0 20px 0 !important; }
body .register-account-sec-right-con-in .gform_page_footer gform_button { width: 100%; margin: 0 0 20px 0 !important; }
.register-account-sec-left-content-in .step-3 p { display: none; }
.register-account-sec-left-content-in .step-5 p { display: none; }
.register-account-sec-left-content-in .step-7 p { display: none; }
.register-account-sec-left-content-in .step-8 p { display: none; }
.register-account-sec-left-content-in .step-9 p { display: none; }
.register-account-sec-left-content-in .step-11 p { display: none; }
#myvideo { height: inherit; margin-left: -10%; }
.registration-thank-sec-con h1 { font-size: 40px; line-height: 0; letter-spacing: 5px; }
.registration-thank-sec-con-user h3 span { font-size: 14px; margin: 6px 0 20px 0; letter-spacing: 2px; float: none; display: block; text-align: left; }
.registration-thank-sec-con-user h3 { font-size: 20px; max-width: 420px; text-align: left; margin-bottom: 30px; }
.registration-thank-sec-con-user .bttn { padding: 15px 0 24px 0; }
.registration-thank-sec-con-user .bttn a { font-size: 14px; }
.request-thank-sec-logo { padding: 0 0 27px 0; }
.road-hazard-fornt-sec-ban-con h1 { font-size: 20px; letter-spacing: 2px; }
.road-hazard-fornt-sec-ban-con-list ul li { min-width: 139px; }
.road-hazard-fornt-sec-ban-con-list ul li { padding-right: 0; }
.main-content-sec-fornt-pad { padding: 30px 20px 45px 10px; }
.main-content-sec-fornt:before { display: none; }
.main-content-sec-fornt:after { display: none; }
.main-content-sec-fornt { background: none; padding: 0 0 0 15px; }
.testmoni-single-right-in-con-bottom #nav-single .right { line-height: 48px; padding: 0; font-size: 16px; }
.single.single-testimonial .testmoni-single-right-in-con-bottom #nav-single .right a { padding: 0 13px; }
.testmoni-single-right-in-con-bottom #nav-single .left a { line-height: 48px; padding: 0 13px; font-size: 16px; }
.testmoni-single-left .testimonial-img .testimonial-img-in { padding: 20px 0 40px; }
.testmoni-single-right-in-con-bottom #nav-single .right a { padding: 0 9px 0 18px; }
.my-embed video { width: 85%; margin-top: 30px; }
.test-vid-pop-con-colse-main { padding: 10px; }
.test-vid-pop-con-colse-main img { width: 30px; }
.banner-sec .bttn a { max-width: 100%; }
.dealer-benefits-sec .dealer-benefits-sec-con { padding: 180px 48px 55px; }
.home-tetmoni-popup.home-tetmoni-popup-open .testmoni-single-right-in-con-bottom #nav-single { padding: 10px 0 30px; position: relative; text-align: center; display: block; width: 161px; margin: 0 auto; float: none; }
.testmoni-single-right-in-con-bottom #nav-single .right { width: auto; display: inline-block; float: right; }
.testmoni-single-right-in-con-bottom #nav-single .right a { padding: 0 30px; }
.testmoni-single-right-in-con-bottom #nav-single .left a { padding: 0 30px; }
.testmoni-single-right-in-con-bottom { padding: 20px 0 60px; }
.home-tetmoni-popup.home-tetmoni-popup-open .testmoni-single-right-in-con-bottom #nav-single.desk { display: none; }
.home-tetmoni-popup.home-tetmoni-popup-open .testmoni-single-right-in-con-bottom #nav-single.mobi { display: block; }
.testmoni-single-right-in-con-bottom-in { border-top: solid 1px #e7e7e6; padding-top: 60px; }
.testmoni-single-right-in-con-bottom { padding: 20px 0; margin-top: 0; border: none; }
.rh-faq-sec-list-heading a { font-size: 18px; line-height: 20px; padding: 5px 0 0; }
}

/*479 to 414  */
@media (max-width : 479px) {
header.log-out .header-right ul li { display: none; }
header.log-out .header-right ul li + li { display: block; }
header.log-out .header-right ul li + li:after { display: none; }
header.log-out .logo .mobi { display: inline-block; max-width: 29px; }
header.log-out .logo .desk { display: none; }
.left-gap { padding-left: 20px; }
header.log-out:not(.dpd-public-header) .logo { padding: 20px 0 0 0; }
header.log-out .header-right { padding-right: 20px; }
header.log-out .main-nav { padding: 25px 0 0 16px; float: right; }
header.log-out .main-nav span { width: 21px; height: 2px; margin: 5px 0; }
header.log-out .header-right ul { padding: 23px 0 0 0; }
header.log-out .header-right ul li + li { display: block; }
.home #page_wrapper { background: url(images2/home-mobile-bg.jpg) no-repeat; background-size: 100%; }
.banner-img-mobi { display: block; }
.banner-img-mobi img { width: auto; }
.home { background: #1c1c1b url(images2/dealer-benefits-sec-in-bg.jpg) repeat 0 0; }
.home .body-forntend { background: none; }
.banner { background: none; }
.banner { padding-top: 59px; }
.banner-sec { padding: 0 45px; }
.banner-sec h4 { font-size: 62px; letter-spacing: 6px; line-height: 62px; }
.banner-sec p { margin: 17px 0 0 0; max-width: 481px; font-size: 16px; color: #e6e6e6; line-height: 24px; }
.banner-sec h3 { font-size: 20px; margin: 0 0 0 23px; padding: 0; font-weight: 500; letter-spacing: 2px; }
.banner-sec .bttn { margin: 15px 0 0 0; }
.footer-logo { float: none; margin: 0; }
.footer-social-icons ul li { padding: 0 15px; }
footer { padding: 20px; }
.footer-nav span { padding: 0 12px; font-size: 12px; letter-spacing: 2px; }
.video-sec { height: 433px; }
.video-sec-top h4 { font-size: 22px; letter-spacing: 2px; }
.video-sec-top h5 { font-size: 16px; letter-spacing: 3px; margin: 10px 0 25px 0; }
#myvideo { height: inherit; }
.testmoni-sec2-in { text-align: center; padding: 70px 50px 45px; }
.testmoni-sec2-in p { line-height: normal; font-size: 18px; letter-spacing: 2px; }
.testmonial-sec-main-slide p { font-size: 18px; letter-spacing: 1px; margin: 0; }
.testmonial-sec-main-top h5 { font-size: 12px; }
.owl-carousel .owl-item .testmonial-sec-main-top img { max-width: 240px; }
.owl-carousel .owl-item img { display: inline-block; width: 100%; max-width: 240px; }
.testmonial-sec-main-top { padding: 0; }
.testmonial-sec-main-slide { padding: 62px 0 0 0; position: relative; }
.testmonial-sec-main-con { max-width: 80%; }
.testmonial-sec-main-slide:before { padding: 0 10px; line-height: 90px; font-size: 100px; padding: 0; }
.testmonial-sec-main-slide h6 { margin: 5px 0 0 0; font-size: 12px; }
.testmonial-sec-main-slide h6 span { display: block; }
.testmonial-sec-main-slide h6 span:after { display: none; }
.testmonial-sec-main-nav { display: none; }
.testmonial-sec-main-bottom { padding: 35px 0 0 0; }
.testmonial-sec-main-bottom .bttn a { letter-spacing: 2px; padding: 0 15px; font-size: 14px; font-weight: 600; }
.testmonial-sec-main { padding-bottom: 0; }
.testmonial-sec-main-slides .owl-dots .owl-dot { background: #5e6262; width: 35px; height: 5px; display: inline-block; margin: 0 5px 0 4px; transition: all ease-in-out 0.5s; }
.testmonial-sec-main-slides .owl-dots .owl-dot.active { background: #ffdb1a; transition: all ease-in-out 0.5s; }
.winning-sec-con { max-width: 226px; margin: 107px 0 0 20px; float: left; }
.winning-sec-con h4 { letter-spacing: 1px; }
.winning-sec-con h5 { font-size: 25px; margin: 6px 0 0 0; }
.winning-sec-con h3 { display: block; color: #ffdb1a; font-weight: 600; letter-spacing: 4px; font-size: 55px; margin: 0 0 15px 0; line-height: 55px; }
.winning-sec-con p { font-size: 16px; color: #e6e6e6; letter-spacing: 1px; }
.winning-sec { background-position: center center; }
.winning-sec-list ul li h6 { margin: 0 0 10px 0; font-size: 60px; }
.winning-sec-list ul li p { letter-spacing: 1px; line-height: normal; }
.winning-sec-list.winning-sec-list-slide { padding-left: 20px; padding-top: 60px; position: relative; margin-top: 0; }
.winning-sec-blike-img { display: block; float: right; position: relative; margin-bottom: -160px; z-index: 1; }
.scrollbar2 { max-width: 273px; margin: 50px auto -60px; }
.winning-sec2-in { background: url(images2/mobi-winning-sec-bg.jpg) no-repeat bottom center; }
.winning-sec2-con { padding: 67px 25px 0; float: none; width: 100%; position: relative; }
.winning-sec2-con h3 { font-size: 30px; margin: 0 0 25px 0; letter-spacing: 4px; }
.winning-sec2-con h3 span { display: block; font-size: 37px; letter-spacing: 5px; }
.winning-sec2-con p { font-size: 16px; color: #999b9b; line-height: 24px; }
.winning-sec2-con:after { font-family: 'FontAwesome'; content: "\f078"; text-align: center; display: block; color: #ffdb23; font-size: 20px; margin: 30px 0; }
.winning-sec2-slider-main { display: none; }
.winning-sec2-slider-main.winning-sec2-slider-main-mobi { display: block; }
.winning-sec2-slide-con { text-align: left; }
.winning-sec2 { padding-bottom: 0; }
.dealer-benefits-sec-in { background: url(images2/dealer-benefits-sec-bg-mobi.png) no-repeat top center; background-size: 100%; }
.dealer-benefits-sec-con { padding: 180px 48px 55px 55px; float: none; }
.dealer-benefits-sec-con h6 { font-size: 15px; margin: 0; letter-spacing: 2px; }
.dealer-benefits-sec-con h4 { font-size: 61px; letter-spacing: 7px; line-height: 61px; margin: 0 0 10px 0; }
.dealer-benefits-sec-con p { font-size: 16px; letter-spacing: 1px; color: #e6e6e6; }
.dealer-benefit-main-con p { font-size: 15px; font-weight: 400; letter-spacing: 0.6px; text-align: left; color: #d6d6d6; }
.dealer-benefit-main ul li .dealer-benefit-main-in { min-height: 445px; }
.rewards-points-main { padding: 0; }
.glowing-numbers-in { padding: 0 28px 40px; }
.glowing-numbers-sec1.glowing-numbers-sec { float: none; padding: 28px 0; border-bottom: solid 1px #383a3d; border-top: solid 1px #383a3d; }
.glowing-numbers-sec h5, .glowing-numbers-sec1.glowing-numbers-sec h5 { float: none; font-size: 42px; font-weight: 900; line-height: 30px; }
.glowing-numbers-sec1.glowing-numbers-sec p { max-width: 100%; margin: 0; font-size: 14px; letter-spacing: 2px; }
.glowing-numbers-sec2.glowing-numbers-sec { float: none; margin: 0; }
.glowing-numbers-sec2.glowing-numbers-sec { float: none; margin: 0; padding: 28px 0; border-bottom: solid 1px #383a3d; }
.glowing-numbers-sec2.glowing-numbers-sec p { max-width: 100%; float: none; margin: 0; font-size: 14px; letter-spacing: 2px; }
.glowing-numbers-sec3.glowing-numbers-sec { float: none; margin: 0; padding: 28px 0; border-bottom: solid 1px #383a3d; }
.glowing-numbers-sec3.glowing-numbers-sec h5 { float: none; }
.glowing-numbers-sec3.glowing-numbers-sec p { margin: 0; max-width: 100%; float: none; font-size: 14px; letter-spacing: 2px; }
.glowing-numbers-sec4.glowing-numbers-sec { float: none; margin: 0; padding: 28px 0; border-bottom: solid 1px #383a3d; }
.glowing-numbers-sec4.glowing-numbers-sec p { margin: 0; max-width: 100%; float: none; font-size: 14px; letter-spacing: 2px; }
.rewards-portal-main { display: none; }
.rewards-portal-main-mobi { display: block; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec { float: none; margin: 0 0 5px 0; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { margin: 0 0 85px 28px; }
.rewards-portal-main-mobi-slide { background: #000; }
.rewards-portal-main-mobi-slide-con { position: relative; padding: 0 44px 50px 28px; text-align: left; margin: -70px 0 0 0; }
.rewards-portal-main-mobi-slide-con h3 { font-size: 30px; font-weight: 600; letter-spacing: 3px; margin: 0 0 10px 0; }
.rewards-portal-main-mobi-slide-con p { font-size: 15px; color: #666666; letter-spacing: 1px; }
.dealer-benefits-sec-mobi { padding-bottom: 0; }
.rewards-points-main { background: url(images2/rewards-points-bg-mobi.jpg) no-repeat top center; padding-top: 70px; }
.about-dunlop-sec { display: none; }
.about-dunlop-sec-mobi { display: block; background: #eceef0; }
.about-dunlop-sec-mobi-in h2 { font-size: 18px; text-align: center; font-weight: 700; letter-spacing: 3px; color: #2f2f2f; }
.about-dunlop-sec-mobi-in:before { content: ''; position: absolute; top: 0; z-index: -1; background: #191917; height: 168px; display: block; width: 100%; left: 0; }
.about-dunlop-sec-mobi-slide { background: #fff; text-align: left; color: #000; }
.about-dunlop-sec-mobi-slide-con { padding: 40px 28px; }
.about-dunlop-sec-mobi-slide-con h4 { font-size: 18px; font-weight: 600; letter-spacing: 2px; padding: 0; margin: 0 0 15px 0; }
.about-dunlop-sec-mobi-slide-con p { margin: 0; color: #4c4c4c; font-size: 16px; letter-spacing: 1px; }
.dealer-benefits-sec .dealer-benefits-sec-in .dealer-benefits-sec-con { margin-left: 10%; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { margin: 38px 0 72px 28px; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 21px; }
.testmonial-sec-main .testmonial-sec-main-slide h6 { font-size: 14px; }
.testmonial-sec-main-slide:before { line-height: 110px; font-size: 81px; }
.video-sec .video-sec-top h4 { font-size: 24px; }
.video-sec .video-sec-top h5 { font-size: 17px; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { text-align: left; }
.rewards-portal-main-mobi .rewards-portal-main-icon-con { text-align: left; }
.winning-sec-con p { font-size: 16px; line-height: 24px; }
.home-menu-popup-top-lrft { font-size: 14px; letter-spacing: 1px; }
.home-menu-popup-logo { padding-bottom: 35px; }
.home-menu-popup-menu-list ul li { padding: 10px 0; }
.nav-login-bttn { padding: 40px 0; }
.nav-login-bttn a { font-size: 16px; }
.sign-up-main-right-con-in h1 { font-size: 24px; text-align: center; font-weight: 600; }
.sign-up-main-right-con-in p { color: #000; }
.sign-up-main-right-con-sec { padding: 10px 37px 30px; }
.sign-up-main-right-con-in .note { text-align: center; font-size: 14px; font-weight: 700; max-width: 220px; margin: 0 auto 30px; }
.sign-up-main-right-con-in .gform_wrapper .gform_footer .gform_button { line-height: 55px; height: 55px; font-size: 14px; letter-spacing: 2px; }
.register-landing-con-sec h3 { padding: 0; }
.register-landing-con-sec { margin: 0 15px 10px; z-index: 1; position: relative; }
.register-process-landing-left { padding: 20px 0 15px; }
.register-landing-icon { margin: 20px 0 0 0; }
.register-landing-right-con .lead-text { font-size: 20px; margin: 0; }
.register-landing-right-title h1 span { font-size: 34px; letter-spacing: 6px; }
.register-landing-right-con ol { padding: 0 0 35px 14px; }
.register-account-sec-left-content-in { padding: 25px; }
.reg-acc-sec-left-icon { padding-bottom: 25px; }
.reg-acc-sec-left-con h3 { font-size: 24px; letter-spacing: 2px; }
.reg-acc-sec-left-con h4 { letter-spacing: 2px; }
.reg-acc-sec-left-con p { font-size: 16px; line-height: 24px; letter-spacing: 1px; text-align: left; }
.reg-acc-sec-left-con { padding-bottom: 10px; }
.register-account-sec-right-con { padding: 25px; }
#myvideo { height: inherit; margin-left: -40%; }
.request-thank-sec-title h3 { font-size: 41px; }
.request-thank-sec-left { padding: 40px 25px; }
.request-thank-sec-title h4 { font-size: 12px; letter-spacing: normal; }
.request-thank-sec-title h3 { font-size: 29px; line-height: normal; letter-spacing: 3px; }
.request-thank-sec-title p { max-width: 234px; font-size: 16px; line-height: normal; }
.request-thank-sec-logo { padding: 0 0 10px 0; }
.request-thank-sec-list ul li h3 { font-size: 24px; }
.main-content-sec-fornt .pro-blocks .fild-50 { width: 100%; float: none; }
.road-hazard-fornt-sec-ban-con-list ul li { min-width: 100%; }
.road-hazard-fornt-sec-ban-con-list ul li span { display: block; text-align: center; margin: 12px 15px 0 0; float: left; }
.road-hazard-fornt-sec-ban-con-list ul li p br { display: none; }
.road-hazard-fornt-sec-ban-con p { padding: 20px 0 25px 0; }
.road-hazard-fornt-sec-ban-con-list ul li p { text-align: left; }
.rh-faq-sec-list-heading a { color: #000; font-size: 17px; letter-spacing: 1px; margin: 0; padding: 0; display: block; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con-in, .testimonial-con-sec-m-left .testimonial-con-in { padding: 40px 30px; }
.testimonials-main ul .testimonial-img .testimonial-img-in { padding: 50px 20px; }
.testmoni-single-right-in { padding: 40px 20px; }
.testmoni-single-right { padding: 20px 10px; }
.testmoni-single-right-in-con p { line-height: 30px; font-size: 18px; }
.testmoni-single-right-in-con-bottom-top h5 { font-size: 16px; }
.testmoni-single-right-in-con-bottom-top h6 { font-size: 16px; }
.access-denied-sec-con h3 { font-size: 26px; letter-spacing: 4px; }
.access-denied-sec-con h5 { font-size: 12px; letter-spacing: 2px; }
.access-denied-sec-con p { margin: 0 auto; letter-spacing: 1px; }
.main-content-sec-fornt-top-nav-in ul li { margin: 0 1% 0 0; }
.video-sec .home-banner-video { background-size: auto 100%; background-position: 42% 0; }
.scrollbar2 { margin: 50px auto -60px 31px; }
.testmoni-single-right-in-con-bottom #nav-single a i { font-size: 20px; }
.testmonial-sec-main-con { max-width: 86%; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 18px; }
.testmonial-sec-main-slides .owl-dots { margin-top: -43px; margin-bottom: 20px; }
.rh-faq-sec-list-con { padding: 4px 0 10px 40px; }
.rh-faq-sec-list-heading:before, .rh-faq-sec-list-con:after { font-size: 24px; line-height: 24px; }
.rh-faq-sec-list-con:after { line-height: normal; }
.content-page-main #main-content { margin: 20px 0; padding: 40px 15px; }
.main-content-sec-fornt .pro-blocks h2 span { letter-spacing: 1px; font-size: 18px; }
.main-content-sec-fornt .pro-blocks h2 span + span { margin-top: -12px; }
.registration-thank-sec-con.contact-thank-sec-con h1 { letter-spacing: 4px; font-size: 42px; line-height: 54px; padding: 0 0; }
}

/*413 to 375*/
@media (max-width : 413px) {
/*=============*/
header.log-out .header-right ul li + li { display: none; }
.banner .banner-sec h4 { font-size: 58px; }
.dealer-benefits-sec .dealer-benefits-sec-con h4 { font-size: 58px; }
.dealer-benefits-sec .dealer-benefits-sec-in .dealer-benefits-sec-con { margin-left: 0; }
.winning-sec2-con h3 { font-size: 29px; }
.winning-sec2-con h3 span { font-size: 35px; }
.winning-sec2-con h3 { font-size: 29px; }
.winning-sec2-con p { font-size: 15px; }
.testmonial-sec-main .testmonial-sec-main-slide p { font-size: 18px; }
.video-sec .video-sec-top h4 { font-size: 23px; }
.video-sec .video-sec-top h5 { font-size: 16px; }
.video-sec .video-sec-top .bttn a { max-width: 257px; line-height: 60px; }
.register-landing-con-sec { margin: 0 15px 10px ; }
.registration-thank-sec-con { padding: 130px 20px 50px; }
.registration-thank-sec-con-user .bttn2 a { font-size: 16px; }
.request-thank-sec-list ul li h3 { font-size: 22px; }
.main-content-sec-fornt .pro-blocks { padding: 30px 15px 40px; }
.main-content-sec-fornt { padding: 0 0 0 10px; }
.main-content-sec-fornt-pad { padding: 30px 15px 45px 10px; }
.main-content-sec-fornt-bttn button { line-height: 45px; min-width: 239px; font-size: 16px; }
#sub-page-main-content-wrapper .rh-faq-sec { padding: 0; }
.rh-faq-sec { padding: 30px 15px; }
.testimonials-main ul .testimonial-con-sec-m-right .testimonial-con, .testimonials-main ul .testimonial-con-sec-m-left .testimonial-con { padding: 10px 14px; }
.testimonial-con-in-sec h4 { font-size: 22px; letter-spacing: 2px; }
.testimonial-con-in p { line-height: 28px; font-size: 16px; letter-spacing: 1px; }
.testmoni-single-right-in-con-bottom .bttn a { line-height: 44px; padding: 0 15px; letter-spacing: 1px; }
.testmoni-single-right-in-con-bottom #nav-single { margin: -70px 0 0 0; }
.page-not-found-sec-con h3 { font-size: 24px; }
.lost-password-sec-con h3 { font-size: 24px; }
.main-content-sec-fornt-top-nav-in ul li { padding: 14px 38px 18px 22px; }
.main-content-sec-fornt-top-nav-in ul li a { font-size: 14px; }
.main-content-sec-fornt-top-nav-in ul li:after { top: 15px; }
.main-content-sec-fornt-top-nav-in ul li a:after { height: 3px; margin: 2px 0 0 0; }
.road-hazard-fornt-sec-ban-con-list ul li p br { display: block; }
.road-hazard-fornt-sec-ban-con-list ul li span { margin: 25px 15px 0 0; }
.frame { height: 420px; line-height: 420px; }
.rewards-points-main { padding-top: 40px; }
.testmoni-single-right-in-con-bottom #nav-single .right a { padding: 0 30px; }
.testmoni-single-right-in-con-bottom #nav-single .left a { padding: 0 30px; }
.content-page-main .sitemap-page.main-content-area, .content-page-main .main-content-area { padding: 20px 10px; }
}

/*374 to 320*/
@media (max-width : 374px) {
.banner-sec h3 { font-size: 15px; margin: 0 0 0 24px; padding: 0; font-weight: 500; letter-spacing: 2px; }
.banner .banner-sec h4 { font-size: 50px; }
.dealer-benefits-sec .dealer-benefits-sec-con { padding: 180px 28px 55px; }
.dealer-benefits-sec-mobi .dealer-benefit-main ul li { padding: 0 0 21px 21px; }
.dealer-benefit-main ul li h6 { top: 94px; }
.frame4 ul li { width: 283px; }
.rewards-portal-main-mobi-slide-con h3 { font-size: 25px; }
.about-dunlop-sec-mobi-in { padding: 0 0 50px 0; }
.about-dunlop-sec-mobi-in h2 { letter-spacing: 2px; }
.frame5 ul li { width: 284px; }
.winning-sec-con { max-width: 166px; margin: 107px 0 0 20px; float: left; }
.winning-sec-con h5 { font-size: 18px; }
.winning-sec-con h3 { display: block; color: #ffdb1a; font-weight: 600; letter-spacing: 4px; font-size: 41px; margin: 7px 0 15px 0; line-height: 35px; }
.winning-sec2-con h3 { font-size: 24px; }
.winning-sec2-con h3 span { font-size: 25px; }
.winning-sec2-con { padding: 67px 20px 0; }
.winning-sec2-slider-main.winning-sec2-slider-main-mobi { padding: 0; }
.frame3 ul li { width: 293px; }
.testmonial-sec-main-bottom .bttn { padding: 0 30px; }
.testmoni-sec2-in { padding: 70px 20px 45px; }
.video-sec { height: 373px; }
.video-sec .video-sec-top h4 { font-size: 16px; }
.video-sec .video-sec-top h5 { font-size: 14px; }
.rewards-portal-main-mobi .rewards-portal-main-icon-sec-main { margin: 0 0 52px 28px; }
.glowing-numbers { padding-bottom: 50px; }
.home-login-popup-right-form-in input[type="submit"] { margin: 0 auto 9px; }
.home-login-popup-right-form-in { padding: 0 20px 50px; }
.sign-up-main-right-con-sec { padding: 10px 15px 30px; }
.register-landing-right-con .lead-bttn a { font-size: 16px; }
.register-landing-right-title h1 span { font-size: 32px; letter-spacing: 4px; }
.register-landing-con-sec p { max-width: 255px; }
.registration-thank-sec-con h1 { font-size: 30px; letter-spacing: 3px; }
.registration-thank-sec-con-user .bttn a { letter-spacing: 1px; }
.request-thank-sec-list ul li h3 { font-size: 20px; }
.testmoni-single-right-in-con h1 { font-size: 20px; letter-spacing: 2px; }
.testmoni-single-left .testimonial-img-con-bot { font-size: 14px; letter-spacing: 1px; }
.main-content-sec-fornt-top-nav-in ul li { padding: 14px 38px 14px 15px; margin: 0; }
.registration-thank-sec-con.contact-thank-sec-con h1 { letter-spacing: 4px; font-size: 36px; line-height: 44px; padding: 0; }
}

@media (min-width: 992px) and (min-height: 900px) {
}

/* DPD global public shell consistency audit - May 28 final pass */
:root {
  --dpd-shell-max: 1360px;
  --dpd-shell-pad-x: clamp(16px, 3.4vw, 64px);
  --dpd-shell-radius: 28px;
  --dpd-shell-dark: rgba(8, 13, 16, 0.96);
  --dpd-account-layer: 2147483600;
  --dpd-accent: #fff200;
  --dpd-accent-rgb: 255, 242, 0;
  --dpd-accent-contrast: #000000;
  --dpd-accent-soft: rgba(255, 242, 0, 0.14);
  --dpd-user-badge-fill: var(--dpd-accent);
  --dpd-user-badge-ink: var(--dpd-accent-contrast);
}

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.dpd-launch-chapters__inner,
.dpd-member-login-page__chapters nav {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.dpd-launch-chapters__inner::-webkit-scrollbar,
.dpd-member-login-page__chapters nav::-webkit-scrollbar {
  display: none !important;
}

.dpd-contact-page .sign-up-main-right-top {
  align-items: center !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 18px !important;
  justify-content: flex-start !important;
  min-height: 80px !important;
  padding: 18px clamp(18px, 3vw, 34px) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
}

.dpd-contact-page .sign-up-main-right-top a {
  border: 1px solid rgba(16, 24, 32, 0.8) !important;
  border-radius: 999px !important;
  color: #101820 !important;
  float: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.26em !important;
  line-height: 42px !important;
  padding: 0 24px !important;
  text-transform: uppercase !important;
}

.dpd-contact-page .sign-up-main-right-top h6 {
  color: #667180 !important;
  float: none !important;
  font: 700 14px/1.25 Arial, sans-serif !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

@media (max-width: 640px) {
  :root {
    --dpd-shell-pad-x: 16px;
    --dpd-shell-radius: 24px;
  }

  .dpd-contact-page .sign-up-main-right-top {
    min-height: 68px !important;
    position: relative !important;
  }

}

@media (max-width: 1180px) {
.home-menu-popup-shell { padding: 34px 0 40px; justify-content: flex-start; width: min(1180px, calc(100vw - 48px)); }
.home-menu-popup-top { gap: 20px; margin-bottom: 30px; }
.home-menu-popup-grid { grid-template-columns: minmax(360px, 0.98fr) minmax(420px, 1.02fr); gap: 24px; }
.home-menu-popup-lead h2 { font-size: clamp(34px, 3.8vw, 44px); letter-spacing: 0.035em; line-height: 1.1; }
.home-menu-popup-logo { padding-bottom: 0; }
.home-menu-popup-menu-main { padding: 0; }
.home-menu-popup-menu { width: 100%; display: block; }
.home-menu-popup-menu-list ul li { display: flex; min-width: 0; padding: 0; }
.home-menu-popup-menu-list ul { grid-auto-rows: 1fr; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-menu-popup-menu-list ul li a { border-radius: 14px; width: 100%; height: 100%; min-height: 118px; padding: 18px; }
}

@media (max-width: 980px) {
.home-menu-popup-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
.home-menu-popup.home-menu-popup-open { height: 100%; }
.home-menu-popup-in { min-height: 100%; background-position: top center; }
.home-menu-popup-shell { padding: 18px 0 30px; width: min(100%, calc(100vw - 24px)); }
.home-menu-popup-top { flex-direction: column; align-items: stretch; gap: 18px; margin-bottom: 24px; }
.home-menu-popup-brand { align-items: flex-start; gap: 14px; }
.home-menu-popup-logo a { width: 60px; height: 60px; border-radius: 18px; }
.home-menu-popup-brand-copy p { font-size: 15px; line-height: 1.6; }
.home-menu-popup-top-actions { justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.home-menu-popup-utility { min-height: 48px; padding: 0 18px; font-size: 11px; letter-spacing: 0.22em; }
.home-menu-popup-colse-main { margin-left: auto; }
.home-menu-popup-close { width: 56px; height: 56px; padding: 0; border-radius: 18px; background: transparent; }
.home-menu-popup-close .mobi { display: inline-block; }
.home-menu-popup-close .desk { display: none; }
.home-menu-popup-lead { padding: 28px 22px; border-radius: 24px; }
.home-menu-popup-kicker { margin-bottom: 12px; font-size: 11px; }
.home-menu-popup-lead h2 { font-size: clamp(28px, 8vw, 34px); line-height: 1.1; letter-spacing: 0.035em; }
.home-menu-popup-lead p { font-size: 16px; line-height: 1.7; }
.home-menu-popup-actions { margin-top: 24px; }
.home-menu-popup-primary, .home-menu-popup-secondary { width: 100%; min-height: 54px; padding: 0 18px; font-size: 11px; letter-spacing: 0.18em; }
.home-menu-popup-menu-main { padding: 0; }
.home-menu-popup-menu-list ul { grid-auto-rows: auto; grid-template-columns: 1fr; gap: 12px; }
.home-menu-popup-menu-list ul li a { min-height: auto; padding: 22px 20px; border-radius: 22px; overflow: visible; }
.home-menu-popup-menu-list ul li a strong { margin-bottom: 8px; font-size: 18px; letter-spacing: 0.035em; line-height: 1.12; overflow-wrap: normal; word-break: normal; }
.home-menu-popup-menu-list ul li a span { font-size: 14px; line-height: 1.6; }
}

body.dpd-storytelling--public .dpd-launch-chapters,
body.dpd-storytelling--public.dpd-launch-scrolled .dpd-launch-chapters,
body.dpd-storytelling--public .dpd-member-login-page__chapters,
.dpd-public-home-shell .dpd-launch-chapters,
body.dpd-launch-scrolled .dpd-public-home-shell .dpd-launch-chapters,
.dpd-member-login-page__chapters {
  left: auto !important;
  margin: 12px auto 0 !important;
  padding: 0 clamp(18px, 4vw, 64px) !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 12 !important;
}

body.dpd-storytelling--public .dpd-launch-chapters .dpd-launch-shell,
.dpd-public-home-shell .dpd-launch-chapters .dpd-launch-shell {
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: 0 !important;
  width: min(1360px, calc(100vw - 48px)) !important;
}

body.dpd-storytelling--public .dpd-launch-chapters__inner,
.dpd-public-home-shell .dpd-launch-chapters__inner {
  border-radius: 999px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  padding: 10px 18px !important;
  scrollbar-width: none !important;
  width: fit-content !important;
}

body.dpd-storytelling--public .dpd-launch-hero,
.dpd-public-home-shell .dpd-launch-hero {
  padding-top: clamp(36px, 4vw, 70px) !important;
}

footer#kill .footer-logo,
footer#kill .footer-logo a,
.dpd-member-login-page-wrap + footer#kill .footer-logo,
.dpd-member-login-page-wrap + footer#kill .footer-logo a,
.dpd-launch-safe-footer__logo {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  float: none !important;
  height: auto !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  visibility: visible !important;
  width: auto !important;
}

footer#kill .footer-logo img,
.dpd-member-login-page-wrap + footer#kill .footer-logo img,
.dpd-launch-safe-footer__logo img {
  background: transparent !important;
  border-radius: 0 !important;
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 52px !important;
  max-width: 220px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  padding: 0 !important;
  visibility: visible !important;
  width: min(190px, 42vw) !important;
}

.home-menu-popup.home-menu-popup-open,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 9000 !important;
}

.home-menu-popup.home-menu-popup-open .home-menu-popup-logo,
.home-menu-popup.home-menu-popup-open .home-menu-popup-logo a,
.home-menu-popup.home-menu-popup-open .home-menu-popup-logo img,
.home-menu-popup.home-menu-popup-open .home-menu-popup-colse-main,
.home-menu-popup.home-menu-popup-open .home-menu-popup-close {
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.home-menu-popup-logo a {
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

@media (max-width: 860px) {
  body.dpd-storytelling--public .dpd-launch-chapters,
  body.dpd-storytelling--public .dpd-member-login-page__chapters,
  .dpd-public-home-shell .dpd-launch-chapters,
  .dpd-member-login-page__chapters {
    overflow-x: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Super Admin mixed dashboard composition - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center > .dpd-v2-admin-command-block {
  margin: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #admin-program-visuals.dpd-v2-dashboard-section--headerless {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-command-widgets__metrics {
  margin-top: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget {
  border-radius: 24px !important;
  gap: 16px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness {
  background-color: #101820 !important;
  background-image:
    radial-gradient(circle at 4% 96%, rgba(45, 223, 199, 0.2), transparent 36%),
    linear-gradient(145deg, #101820 0%, #1b2529 100%) !important;
  display: grid !important;
  grid-column: span 4 !important;
  grid-template-areas:
    "top top"
    "gauge hero"
    "stats stats"
    "bars bars"
    "actions actions" !important;
  grid-template-columns: 124px minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk {
  background-color: #ffffff !important;
  background-image:
    radial-gradient(circle at 92% 6%, rgba(255, 242, 0, 0.2), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f6f7f5 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.1) !important;
  color: #101820 !important;
  grid-column: span 5 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals {
  background-color: #fff200 !important;
  background-image:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.85), transparent 26%),
    linear-gradient(145deg, #fff200 0%, #d9f25f 100%) !important;
  border-color: rgba(16, 24, 32, 0.12) !important;
  box-shadow: 0 18px 44px rgba(99, 102, 0, 0.18) !important;
  color: #101820 !important;
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(90deg, rgba(45, 223, 199, 0.1) 0, rgba(45, 223, 199, 0.1) 7px, transparent 7px),
    linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.09) !important;
  color: #101820 !important;
  grid-column: span 7 !important;
  padding-left: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--service {
  background-color: #101820 !important;
  background-image:
    radial-gradient(circle at 86% 18%, rgba(45, 223, 199, 0.24), transparent 34%),
    linear-gradient(145deg, #101820 0%, #17282a 100%) !important;
  grid-column: span 5 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity {
  background-color: #dffbf5 !important;
  background-image:
    radial-gradient(circle at 95% 12%, rgba(255, 242, 0, 0.32), transparent 28%),
    linear-gradient(135deg, #ebfffb 0%, #d6f8f0 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.09) !important;
  color: #101820 !important;
  display: grid !important;
  grid-column: span 12 !important;
  grid-template-areas:
    "top top"
    "hero stats"
    "items items"
    "actions actions" !important;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__top {
  grid-area: top !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__top h4 {
  font-size: clamp(22px, 1.7vw, 28px) !important;
  line-height: 1 !important;
  max-width: 18ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero {
  align-content: start !important;
  align-items: start !important;
  gap: 8px !important;
  grid-area: hero !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding-right: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero strong {
  font-size: clamp(48px, 4.3vw, 68px) !important;
  letter-spacing: -0.06em !important;
  line-height: 0.9 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero p {
  font-size: 13px !important;
  line-height: 1.48 !important;
  max-width: 38ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__stats {
  grid-area: stats !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__bars {
  grid-area: bars !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__items {
  grid-area: items !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__actions {
  grid-area: actions !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__gauge {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
  display: flex !important;
  grid-area: gauge !important;
  height: 124px !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: 124px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge::before {
  height: 90px !important;
  width: 90px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge i {
  bottom: 61px !important;
  left: 62px !important;
  width: 40px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__hero strong {
  font-size: clamp(62px, 5vw, 82px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__stats {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-stat {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.48) !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(16, 24, 32, 0.14) !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 11px 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__items,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__items {
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 16px !important;
  gap: 0 !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__items li,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__items li {
  background: rgba(241, 244, 244, 0.92) !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(16, 24, 32, 0.08) !important;
  padding: 12px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__items li:first-child,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__items li:first-child {
  border-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--service .dpd-v2-admin-ops-card__stats {
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--service .dpd-v2-admin-ops-stat {
  border-bottom: 5px solid #2ddfc7 !important;
  padding: 16px 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--service .dpd-v2-admin-ops-stat:nth-child(2) {
  border-bottom-color: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--service .dpd-v2-admin-ops-stat:nth-child(3) {
  border-bottom-color: #ff756b !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__stats,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__items {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-stat,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__items li {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  border-radius: 16px !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-stat {
  background: #eef3f2 !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-card-kicker,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-card-kicker {
  color: #50606b !important;
  -webkit-text-fill-color: #50606b !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-card-kicker {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__top h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__items strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__top h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__items strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__top h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-stat strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__items strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-stat strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__top h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-stat strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__items span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__items span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-stat span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__items span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-stat span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-stat span {
  color: #4f5d68 !important;
  -webkit-text-fill-color: #4f5d68 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__actions .mock-btn {
  background: #101820 !important;
  border-color: #101820 !important;
  color: #ffffff !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--risk,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--signals,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--service {
    grid-column: span 3 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--flow,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity {
    grid-column: span 6 !important;
  }
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 1 !important;
    padding: 20px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
    height: 108px !important;
    width: 108px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge::before {
    height: 78px !important;
    width: 78px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge i {
    bottom: 53px !important;
    left: 54px !important;
    width: 34px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__stats,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__items {
    grid-template-columns: 1fr !important;
  }
}

/* Super Admin modular dashboard system - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
  align-items: stretch !important;
  gap: 14px !important;
  grid-auto-flow: dense !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
  align-self: stretch !important;
  box-sizing: border-box !important;
  height: 100% !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="compact"] {
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="standard"] {
  grid-column: span 6 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="detail"] {
  grid-column: span 12 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget {
  border-radius: 18px !important;
  gap: 10px !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--signals,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--flow {
  background-color: #ffffff !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk {
  background-image: linear-gradient(180deg, #ffffff 0%, #f6f8f7 100%) !important;
  display: grid !important;
  grid-template-areas: "top top" "hero visual" "items items" "actions actions" !important;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.42fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--signals {
  background-image: linear-gradient(180deg, #ffffff 0%, #f6f8f7 100%) !important;
  border-top: 5px solid #ffcc33 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--flow {
  background-image: linear-gradient(90deg, rgba(45, 223, 199, 0.16) 0 6px, transparent 6px), linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  padding-left: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--readiness,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--service,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity {
  background-color: #101820 !important;
  background-image: linear-gradient(145deg, #101820 0%, #1a272b 100%) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--service {
  display: flex !important;
  flex-direction: column !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity {
  display: grid !important;
  grid-template-areas: "top top" "hero operations" "actions operations" !important;
  grid-template-columns: minmax(200px, 0.35fr) minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-card-visual--operations {
  grid-area: operations !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__actions {
  margin-top: auto !important;
}

/* Semantic status colors never inherit a user's personal accent. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.ok {
  background: #2ddfc7 !important;
  border-color: #148f81 !important;
  color: #071b1a !important;
  -webkit-text-fill-color: #071b1a !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.warn {
  background: #ffcc33 !important;
  border-color: #b88700 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.bad {
  background: #ff756b !important;
  border-color: #b53e38 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.neutral {
  background: #e7eceb !important;
  border-color: #b8c2c0 !important;
  color: #33414a !important;
  -webkit-text-fill-color: #33414a !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
  background: conic-gradient(from -90deg, #fff200 0 var(--dpd-widget-gauge), rgba(255, 255, 255, 0.14) var(--dpd-widget-gauge) 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars span.is-warn i {
  background: linear-gradient(180deg, #ffcc33 0%, #f3ad18 100%) !important;
  box-shadow: 0 7px 18px rgba(243, 173, 24, 0.24) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars span.is-bad i {
  background: linear-gradient(180deg, #ff756b 0%, #d94743 100%) !important;
  box-shadow: 0 7px 18px rgba(217, 71, 67, 0.24) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars span.is-ok i {
  background: linear-gradient(180deg, #2ddfc7 0%, #159f90 100%) !important;
  box-shadow: 0 7px 18px rgba(45, 223, 199, 0.22) !important;
}

/* One compact Service Health card now owns all six service states. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-left: 4px solid #87918f !important;
  border-radius: 11px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item.is-ok { border-left-color: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item.is-warn { border-left-color: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item.is-bad { border-left-color: #ff756b !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item small {
  color: rgba(238, 244, 248, 0.62) !important;
  display: block !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item em {
  border-radius: 999px !important;
  color: #101820 !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  padding: 5px 7px !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item.is-ok em { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item.is-warn em { background: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list__item.is-bad em { background: #ff756b !important; }

/* Portal Operations uses neutral instrument surfaces with semantic edge colors. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-card-visual--operations {
  background: #0a1117 !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics > span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix > span {
  background: #172229 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 11px !important;
  color: #ffffff !important;
  min-width: 0 !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics > span {
  border-bottom: 4px solid #2ddfc7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics > span.is-warn { border-bottom-color: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics > span.is-bad { border-bottom-color: #ff756b !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics small,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix small {
  color: rgba(238, 244, 248, 0.62) !important;
  display: block !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 22px !important;
  line-height: 1 !important;
  margin-top: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix > span {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix i {
  align-items: center !important;
  background: rgba(45, 223, 199, 0.12) !important;
  border: 1px solid rgba(45, 223, 199, 0.32) !important;
  border-radius: 9px !important;
  display: flex !important;
  height: 30px !important;
  justify-content: center !important;
  width: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix svg {
  fill: none !important;
  height: 16px !important;
  stroke: #2ddfc7 !important;
  stroke-width: 1.8 !important;
  width: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix b {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  height: 4px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix b span {
  background: #2ddfc7 !important;
  display: block !important;
  height: 100% !important;
}

/* Real-value visual treatments for rewards, rebates, and currency activity. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter {
  background: rgba(255, 255, 255, 0.065) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter {
  display: grid !important;
  gap: 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter > span {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter small,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula small {
  color: rgba(238, 244, 248, 0.66) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter > span > i {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  display: block !important;
  height: 8px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter b {
  background: #fff200 !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
  min-width: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter > span:nth-child(2) b {
  background: #2ddfc7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-flow-meter strong {
  color: #ffffff !important;
  font-size: 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula {
  align-items: stretch !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 0.8fr) auto minmax(0, 1.25fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula > span {
  background: rgba(255, 255, 255, 0.07) !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula > span.is-total {
  background: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula > i {
  align-self: center !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 18px !important;
  font-style: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula strong {
  color: #ffffff !important;
  display: block !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1 !important;
  margin-top: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula .is-total small,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula .is-total strong {
  color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  display: flex !important;
  height: 10px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-accepted { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-waiting { background: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-fresh { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-aging { background: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-stale { background: #ff8a8a !important; }
/* The status mix on Rebate Activity. Pending is the only status anyone acts on,
   so it is the only one that carries the live teal; the rest are states a
   submission has already left, and step back through the neutrals in the order
   a submission passes through them. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-pending-share { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-attention { background: #ff8a8a !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter > div span.is-queued { background: #2ddfc7 !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p {
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin: 9px 0 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p span {
  align-items: center !important;
  color: rgba(238, 244, 248, 0.68) !important;
  display: flex !important;
  font-size: 9px !important;
  gap: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i {
  border-radius: 50% !important;
  height: 7px !important;
  width: 7px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-accepted { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-waiting { background: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-fresh { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-aging { background: #ffcc33 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-stale { background: #ff8a8a !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-pending-share { background: #2ddfc7 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-sent-share { background: rgba(238, 244, 248, 0.62) !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-submitted-share { background: rgba(238, 244, 248, 0.42) !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-unsent-share { background: #ff8a8a !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-other-share { background: rgba(238, 244, 248, 0.24) !important; }
/* Five legend items where the aging meter had three, so they wrap onto a second
   line rather than being squeezed out of the card. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter--share p { flex-wrap: wrap !important; gap: 6px 14px !important; justify-content: flex-start !important; }

/* ...and that second line made the --share meter 19px taller than the other two,
   so the three widgets standing side by side on the dashboard were three heights.
   Every legend reserves two rows, whether it needs them or not, which is what
   makes the meters -- and the bars inside them -- line up across the row.

   Two rows of 9px text in a 1.48 line box, plus the 6px row-gap declared above.
   The row height is a token rather than a number so it stays tied to the legend's
   own type; change the 9px in the `p span` rule and change it here.

   flex-start on both axes so the reserved row collects at the BOTTOM. Left to
   stretch, a one-row legend would centre itself in the two-row box and its dots
   would sit lower than the dots in the two-row card beside it. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter {
  --meter-legend-row: calc(9px * 1.48);
  --meter-legend-row-gap: 6px;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p:last-of-type {
  align-content: flex-start !important;
  align-items: flex-start !important;
  min-height: calc(var(--meter-legend-row) * 2 + var(--meter-legend-row-gap)) !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-attention { background: #ff8a8a !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p i.is-queued { background: #2ddfc7 !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-card .dpd-v2-program-queue-meter__lede {
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-card .dpd-v2-program-queue-meter__lede strong {
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-card .dpd-v2-program-queue-meter__lede small {
  color: rgba(238, 244, 248, 0.66) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-card .dpd-v2-program-queue-meter__lede em {
  color: rgba(238, 244, 248, 0.66) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  margin-left: auto !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter--aging p { gap: 10px !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-queue-meter p strong {
  color: #ffffff !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="compact"] { grid-column: span 3 !important; }
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="standard"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="detail"] { grid-column: span 6 !important; }
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode] {
    grid-column: 1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity {
    display: flex !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-service-list,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-program-rebate-formula > i {
    display: none !important;
  }
}

/* Super Admin data-visual variety and accent-safe surfaces - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
  --dpd-admin-card-accent: var(--dpd-ui-accent, #fff200);
  --dpd-admin-card-accent-rgb: var(--dpd-ui-accent-rgb, 255, 242, 0);
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--signals,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  background-color: #f7f9f8 !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.09) !important;
  color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk {
  background-image:
    radial-gradient(circle at 92% 7%, rgba(var(--dpd-admin-card-accent-rgb), 0.15), transparent 29%),
    linear-gradient(180deg, #ffffff 0%, #f7f8f6 100%) !important;
  display: grid !important;
  grid-template-areas:
    "top top"
    "hero visual"
    "items items"
    "actions actions" !important;
  grid-template-columns: minmax(0, 1fr) minmax(138px, 0.52fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--signals {
  background-image:
    radial-gradient(circle at 92% 8%, rgba(var(--dpd-admin-card-accent-rgb), 0.17), transparent 30%),
    linear-gradient(160deg, #ffffff 0%, #f0f4f2 100%) !important;
  border-top: 5px solid var(--dpd-admin-card-accent) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
  background-image:
    linear-gradient(90deg, rgba(var(--dpd-admin-card-accent-rgb), 0.18) 0, rgba(var(--dpd-admin-card-accent-rgb), 0.18) 7px, transparent 7px),
    linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  background-image:
    radial-gradient(circle at 96% 10%, rgba(var(--dpd-admin-card-accent-rgb), 0.14), transparent 30%),
    linear-gradient(135deg, #f8faf9 0%, #edf3f1 100%) !important;
  grid-template-areas:
    "top top"
    "hero visual"
    "stats visual"
    "items items"
    "actions actions" !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--readiness {
  background-image:
    radial-gradient(circle at 4% 96%, rgba(var(--dpd-admin-card-accent-rgb), 0.18), transparent 36%),
    linear-gradient(145deg, #101820 0%, #1b2529 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--service {
  background-image:
    radial-gradient(circle at 86% 18%, rgba(var(--dpd-admin-card-accent-rgb), 0.18), transparent 34%),
    linear-gradient(145deg, #101820 0%, #17282a 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__gauge {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
  align-items: center !important;
  background: conic-gradient(from -90deg, var(--dpd-admin-card-accent) 0 var(--dpd-widget-gauge), rgba(255, 255, 255, 0.13) var(--dpd-widget-gauge) 100%) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.22) !important;
  display: flex !important;
  height: 124px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 124px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge::before {
  background: #101820 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 24px rgba(var(--dpd-admin-card-accent-rgb), 0.12) !important;
  content: "" !important;
  height: 86px !important;
  position: absolute !important;
  width: 86px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge span {
  background: var(--dpd-admin-card-accent) !important;
  border: 4px solid #101820 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0 18px rgba(var(--dpd-admin-card-accent-rgb), 0.48) !important;
  height: 14px !important;
  position: relative !important;
  width: 14px !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual {
  box-sizing: border-box !important;
  grid-area: visual !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars {
  align-self: stretch !important;
  background: rgba(16, 24, 32, 0.045) !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 18px !important;
  min-height: 142px !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars > div {
  align-items: end !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  height: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars span {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  height: 100% !important;
  justify-content: end !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars i {
  animation: dpdAdminBarsIn 760ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  background: linear-gradient(180deg, var(--dpd-admin-card-accent) 0%, rgba(var(--dpd-admin-card-accent-rgb), 0.42) 100%) !important;
  border-radius: 9px 9px 4px 4px !important;
  box-shadow: 0 7px 18px rgba(var(--dpd-admin-card-accent-rgb), 0.2) !important;
  display: block !important;
  height: var(--dpd-admin-bar-height) !important;
  min-height: 5px !important;
  transform-origin: bottom !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars b {
  color: #101820 !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--signal {
  background:
    repeating-linear-gradient(0deg, transparent 0 23px, rgba(16, 24, 32, 0.07) 23px 24px),
    linear-gradient(180deg, rgba(var(--dpd-admin-card-accent-rgb), 0.08), transparent) !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-radius: 14px 14px 0 0 !important;
  height: 104px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--signal svg {
  height: 100% !important;
  overflow: visible !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--signal polygon {
  fill: rgba(var(--dpd-admin-card-accent-rgb), 0.12) !important;
  stroke: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--signal polyline {
  animation: dpdAdminLineDraw 980ms cubic-bezier(0.25, 0.8, 0.25, 1) both !important;
  fill: none !important;
  stroke: var(--dpd-admin-card-accent) !important;
  stroke-dasharray: 180 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 4 !important;
  vector-effect: non-scaling-stroke !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--signal circle {
  fill: #101820 !important;
  stroke: var(--dpd-admin-card-accent) !important;
  stroke-width: 2 !important;
  vector-effect: non-scaling-stroke !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: visible !important;
  padding: 2px 0 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline::before {
  background: rgba(16, 24, 32, 0.12) !important;
  content: "" !important;
  height: 3px !important;
  left: 9% !important;
  position: absolute !important;
  right: 9% !important;
  top: 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline > span {
  align-items: center !important;
  display: grid !important;
  gap: 9px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  min-width: 0 !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline i {
  align-items: center !important;
  animation: dpdAdminNodeIn 620ms ease-out both !important;
  background: #101820 !important;
  border: 4px solid var(--dpd-admin-card-accent) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  display: flex !important;
  font-style: normal !important;
  height: 42px !important;
  justify-content: center !important;
  position: relative !important;
  width: 42px !important;
  z-index: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline em {
  display: grid !important;
  font-style: normal !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline small {
  color: #5c6871 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline strong {
  color: #101820 !important;
  font-size: 19px !important;
  line-height: 1.1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  height: 24px !important;
  padding: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status > div {
  display: flex !important;
  gap: 4px !important;
  height: 100% !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status span {
  animation: dpdAdminRailIn 780ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  border-radius: 999px !important;
  flex: 0 1 var(--dpd-status-width) !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status .is-segment-1 {
  background: #2ddfc7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status .is-segment-2 {
  background: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status .is-segment-3 {
  background: #ff756b !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix {
  align-self: center !important;
  background: #101820 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 32px rgba(16, 24, 32, 0.15) !important;
  min-height: 128px !important;
  padding: 45px 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div {
  background: rgba(255, 255, 255, 0.11) !important;
  border-radius: 999px !important;
  display: flex !important;
  gap: 4px !important;
  height: 38px !important;
  overflow: hidden !important;
  padding: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix span {
  animation: dpdAdminRailIn 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  border-radius: 999px !important;
  flex: 0 1 var(--dpd-mix-width) !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix .is-mix-1 {
  background: var(--dpd-admin-card-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix .is-mix-2 {
  background: #fff200 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix .is-mix-3 {
  background: #ff8d5c !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__actions .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__actions .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__actions .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__actions .mock-btn {
  background: #101820 !important;
  border-color: #101820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Super Admin compact purpose-specific instruments - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
  align-items: start !important;
  gap: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
  align-self: start !important;
  border-radius: 20px !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
  padding-left: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__top {
  align-items: flex-start !important;
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__top h4 {
  font-size: clamp(20px, 1.5vw, 24px) !important;
  line-height: 1.02 !important;
  max-width: 17ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero {
  gap: 5px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero strong {
  font-size: clamp(42px, 3.7vw, 58px) !important;
  line-height: 0.92 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero p {
  font-size: 12px !important;
  line-height: 1.4 !important;
  max-width: 32ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__stats {
  gap: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-stat {
  border-radius: 12px !important;
  min-height: 0 !important;
  padding: 10px 11px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-stat span {
  font-size: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-stat strong {
  font-size: clamp(19px, 1.8vw, 23px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__items {
  gap: 5px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__items li {
  border-radius: 11px !important;
  min-height: 0 !important;
  padding: 9px 11px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__actions {
  gap: 8px !important;
  margin-top: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__actions .mock-btn {
  font-size: 10px !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness {
  grid-template-columns: 96px minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
  height: 96px !important;
  width: 96px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge::before {
  height: 68px !important;
  width: 68px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge span {
  border-width: 3px !important;
  height: 12px !important;
  width: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk {
  grid-template-columns: minmax(0, 1fr) minmax(116px, 0.42fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars {
  border-radius: 14px !important;
  min-height: 112px !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars > div {
  gap: 6px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--bars b {
  font-size: 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--signal-balance {
  background: #101820 !important;
  border: 1px solid rgba(16, 24, 32, 0.14) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__rail {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  display: flex !important;
  gap: 3px !important;
  height: 14px !important;
  overflow: hidden !important;
  padding: 2px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__rail span {
  animation: dpdAdminRailIn 760ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  border-radius: 999px !important;
  flex: 0 1 var(--dpd-signal-width) !important;
  min-width: 0 !important;
  transform-origin: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__rail .is-attention {
  background: #ffcc33 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__rail .is-clear {
  background: #2ddfc7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend > span {
  align-items: center !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: 8px minmax(0, 1fr) auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend i {
  border-radius: 50% !important;
  height: 8px !important;
  width: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend i.is-attention {
  background: #ffcc33 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend i.is-clear {
  background: #2ddfc7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend small {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-signal-balance__legend strong {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline {
  gap: 8px !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline::before {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline > span {
  background: #eef2f1 !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 14px !important;
  gap: 8px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  padding: 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline i {
  animation: dpdAdminNodeIn 620ms ease-out both !important;
  background: #101820 !important;
  border: 1px solid rgba(var(--dpd-admin-card-accent-rgb), 0.58) !important;
  border-radius: 10px !important;
  height: 34px !important;
  width: 34px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline i svg {
  fill: none !important;
  height: 18px !important;
  stroke: var(--dpd-admin-card-accent) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.8 !important;
  width: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline small {
  font-size: 8px !important;
  letter-spacing: 0.06em !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline strong {
  font-size: 17px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--status {
  height: 18px !important;
  padding: 3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  grid-template-areas:
    "top top"
    "hero stats"
    "visual visual"
    "actions actions" !important;
  grid-template-columns: minmax(180px, 0.65fr) minmax(0, 1.35fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix {
  align-self: stretch !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div {
  background: transparent !important;
  border-radius: 0 !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span {
  animation: none !important;
  background: #101820 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  display: grid !important;
  flex: none !important;
  gap: 6px 8px !important;
  grid-template-areas:
    "icon copy"
    "bar bar" !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  min-width: 0 !important;
  padding: 9px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > i {
  align-items: center !important;
  background: rgba(var(--dpd-admin-card-accent-rgb), 0.14) !important;
  border: 1px solid rgba(var(--dpd-admin-card-accent-rgb), 0.34) !important;
  border-radius: 10px !important;
  display: flex !important;
  grid-area: icon !important;
  height: 34px !important;
  justify-content: center !important;
  width: 34px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > i svg {
  fill: none !important;
  height: 18px !important;
  stroke: var(--dpd-admin-card-accent) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.8 !important;
  width: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > em {
  align-self: center !important;
  display: grid !important;
  font-style: normal !important;
  grid-area: copy !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > em small {
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > em strong {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > b {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  display: block !important;
  grid-area: bar !important;
  height: 4px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > b > span {
  animation: dpdAdminRailIn 760ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
  transform-origin: left !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > .is-mix-1 > b > span {
  background: var(--dpd-admin-card-accent) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > .is-mix-2 > b > span {
  background: #ffcc33 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > .is-mix-3 > b > span {
  background: #ff8d5c !important;
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
    grid-template-areas:
      "top"
      "hero"
      "visual"
      "stats"
      "items"
      "actions" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
    gap: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
    border-radius: 18px !important;
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
    padding-left: 21px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline > span,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span {
    gap: 5px !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    padding: 7px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline i,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > i {
    height: 28px !important;
    width: 28px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline i svg,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > i svg {
    height: 15px !important;
    width: 15px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline strong,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix > div > span > em strong {
    font-size: 14px !important;
  }
}

@keyframes dpdAdminBarsIn {
  from { opacity: 0; transform: scaleY(0); }
  to { opacity: 1; transform: scaleY(1); }
}

@keyframes dpdAdminLineDraw {
  from { opacity: 0.35; stroke-dashoffset: 180; }
  to { opacity: 1; stroke-dashoffset: 0; }
}

@keyframes dpdAdminNodeIn {
  from { opacity: 0; transform: scale(0.65); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes dpdAdminRailIn {
  from { opacity: 0; transform: scaleX(0); }
  to { opacity: 1; transform: scaleX(1); }
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk {
    grid-template-areas:
      "top"
      "hero"
      "visual"
      "items"
      "actions" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
    grid-template-areas:
      "top"
      "hero"
      "visual"
      "stats"
      "items"
      "actions" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline::before {
    bottom: 20px !important;
    height: auto !important;
    left: 20px !important;
    right: auto !important;
    top: 20px !important;
    width: 3px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--mix {
    min-height: 96px !important;
    padding: 28px 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual *,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual *::before,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* DPD launch audit hard-stop overflow guard - 2026-05-21 PM
   The 3:52-3:53 PM screenshot set still showed member-login horizontal escape,
   support CTA clipping, and footer/legal/logo visibility conflicts. Keep this at
   the end of the logout responsive cascade so it wins over legacy popup/header CSS. */
html,
body.dpd-storytelling--public {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup,
body.dpd-storytelling--public .dpd-member-login-page-wrap.home-login-popup-open.home-login-popup,
.dpd-member-login-page-wrap.home-login-popup,
.dpd-member-login-page-wrap.home-login-popup-open.home-login-popup {
  box-sizing: border-box !important;
  display: block !important;
  height: auto !important;
  inset: auto !important;
  left: auto !important;
  margin: 0 !important;
  max-width: 100vw !important;
  min-height: 100dvh !important;
  opacity: 1 !important;
  overflow: visible !important;
  overflow-x: hidden !important;
  padding-left:0 !important;
  padding-right: 0 !important;
  pointer-events: auto !important;
  position: relative !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1 !important;
}

body.dpd-storytelling--public .dpd-member-login-page,
.dpd-member-login-page {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1480px, calc(100vw - clamp(32px, 8vw, 96px))) !important;
  overflow: visible !important;
  width: min(1480px, calc(100vw - clamp(32px, 8vw, 96px))) !important;
}

body.dpd-storytelling--public .dpd-member-login-page__shell,
.dpd-member-login-page__shell {
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.dpd-storytelling--public .dpd-member-login-page__hero,
body.dpd-storytelling--public .dpd-member-login-page__panel,
body.dpd-storytelling--public .dpd-member-login-page__journey-card,
body.dpd-storytelling--public .dpd-member-login-page__support-band,
.dpd-member-login-page__hero,
.dpd-member-login-page__panel,
.dpd-member-login-page__journey-card,
.dpd-member-login-page__support-band {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.dpd-storytelling--public .dpd-member-login-page__panel {
  overflow: hidden !important;
}

body.dpd-storytelling--public .dpd-member-login-page__chapters, body.dpd-storytelling--public .dpd-member-login-page__shell, body.dpd-storytelling--public .dpd-member-login-page__journey, body.dpd-storytelling--public .dpd-member-login-page__support-band {
  box-sizing: border-box !important;
  justify-self: stretch !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: auto !important;
}

@media (max-width: 1500px) {
  body.dpd-storytelling--public .dpd-member-login-page__shell,
  .dpd-member-login-page__shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.dpd-storytelling--public .dpd-member-login-page__panel,
  .dpd-member-login-page__panel {
    justify-self: center !important;
    max-width: 640px !important;
    min-height: auto !important;
    order: 1 !important;
    width: 100% !important;
  }

  body.dpd-storytelling--public .dpd-member-login-page__hero,
  .dpd-member-login-page__hero {
    min-height: auto !important;
    order: 2 !important;
  }

  body.dpd-storytelling--public .dpd-member-login-page__support-band,
  .dpd-member-login-page__support-band {
    grid-template-columns: 1fr !important;
  }

  body.dpd-storytelling--public .dpd-member-login-page__support-actions,
  .dpd-member-login-page__support-actions {
    justify-self: start !important;
    width: min(360px, 100%) !important;
  }
}

body.dpd-storytelling--public footer#kill,
body.dpd-storytelling--public .dpd-launch-safe-footer,
.dpd-storytelling--public footer#kill,
.dpd-storytelling--public .dpd-launch-safe-footer {
  background: #fff !important;
}

body.dpd-storytelling--public footer#kill .footer-nav,
body.dpd-storytelling--public footer#kill .footer-nav span,
body.dpd-storytelling--public footer#kill .footer-nav a,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy a,
.dpd-storytelling--public footer#kill .footer-nav,
.dpd-storytelling--public footer#kill .footer-nav span,
.dpd-storytelling--public footer#kill .footer-nav a,
.dpd-storytelling--public .dpd-launch-safe-footer__copy,
.dpd-storytelling--public .dpd-launch-safe-footer__copy a {
  color: #101820 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  visibility: visible !important;
}

body.dpd-storytelling--public footer#kill .footer-logo,
body.dpd-storytelling--public footer#kill .footer-logo a,
body.dpd-storytelling--public .dpd-launch-safe-footer__logo,
.dpd-storytelling--public footer#kill .footer-logo,
.dpd-storytelling--public footer#kill .footer-logo a,
.dpd-storytelling--public .dpd-launch-safe-footer__logo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.dpd-storytelling--public footer#kill .footer-logo img,
body.dpd-storytelling--public .dpd-launch-safe-footer__logo img,
.dpd-storytelling--public footer#kill .footer-logo img,
.dpd-storytelling--public .dpd-launch-safe-footer__logo img {
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 56px !important;
  max-width: min(248px, 58vw) !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: min(248px, 58vw) !important;
}

@media (max-width: 760px) {
  body.dpd-storytelling--public .dpd-launch-section-heading h2,
  body.dpd-storytelling--public .dpd-member-login-page__support-band h2,
  body.dpd-storytelling--public .dpd-launch-cta-copy h2,
  .dpd-launch-section-heading h2,
  .dpd-member-login-page__support-band h2,
  .dpd-launch-cta-copy h2 {
    font-size: clamp(30px, 9vw, 42px) !important;
    letter-spacing: 0.06em !important;
    line-height: 1.06 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.dpd-storytelling--public .dpd-launch-cta-panel,
  body.dpd-storytelling--public .dpd-launch-video-cta__panel,
  body.dpd-storytelling--public .dpd-launch-racing-proof__panel,
  .dpd-launch-cta-panel,
  .dpd-launch-video-cta__panel,
  .dpd-launch-racing-proof__panel {
    grid-template-columns: 1fr !important;
  }

  body.dpd-storytelling--public .dpd-launch-cta-copy,
  body.dpd-storytelling--public .dpd-launch-cta-actions,
  body.dpd-storytelling--public .dpd-launch-proof-actions,
  .dpd-launch-cta-copy,
  .dpd-launch-cta-actions,
  .dpd-launch-proof-actions {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.dpd-storytelling--public .dpd-launch-cta-copy .dpd-launch-btn,
  body.dpd-storytelling--public .dpd-launch-cta-actions .dpd-launch-btn,
  body.dpd-storytelling--public .dpd-launch-proof-actions .dpd-launch-btn,
  .dpd-launch-cta-copy .dpd-launch-btn,
  .dpd-launch-cta-actions .dpd-launch-btn,
  .dpd-launch-proof-actions .dpd-launch-btn {
    max-width: 100% !important;
    white-space: normal !important;
    width: 100% !important;
  }
}

/* 2026-07-15: Super Admin command center consolidation. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center {
  background: #f8fafb !important;
  border: 1px solid rgba(16, 24, 32, 0.08) !important;
  border-radius: 26px !important;
  box-shadow: 0 24px 60px rgba(16, 24, 32, 0.08) !important;
  display: block !important;
  padding: clamp(18px, 2.4vw, 32px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center > .main-content-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center > .dpd-v2-admin-command-block {
  margin: 22px 0 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-grid {
  align-items: stretch !important;
  grid-auto-rows: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card {
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 16px 34px rgba(16, 24, 32, 0.08) !important;
  color: #101820 !important;
  gap: 12px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__gauge {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__top h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__items strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__top h4 {
  font-size: clamp(20px, 1.7vw, 26px) !important;
  line-height: 1.04 !important;
  max-width: 17ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__hero {
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  padding-right: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__hero strong {
  display: block !important;
  font-size: clamp(42px, 4vw, 60px) !important;
  line-height: 0.9 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card .dpd-v2-metric-source,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__items span {
  color: #4f5d69 !important;
  -webkit-text-fill-color: #4f5d69 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-utility-signal-grid--attention {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center {
    border-radius: 18px !important;
    padding: 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-grid {
    grid-template-columns: 1fr !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-center .dpd-v2-admin-ops-card__stats {
    grid-template-columns: 1fr !important;
  }
}

/* Expanded navigation uses its active surface and icon state without a second left-edge marker. */
html body.dpd-member-surface:not(.dpd-sidebar-collapsed):not(.dpd-v2-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface:not(.dpd-sidebar-collapsed):not(.dpd-v2-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
html body.dpd-member-surface:not(.dpd-sidebar-collapsed):not(.dpd-v2-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:focus-visible,
html body.dpd-member-surface:not(.dpd-sidebar-collapsed):not(.dpd-v2-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current > a,
html body.dpd-member-surface:not(.dpd-sidebar-collapsed):not(.dpd-v2-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
html body.dpd-member-surface:not(.dpd-sidebar-collapsed):not(.dpd-v2-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item > a {
  border-left-width: 0 !important;
  box-shadow: none !important;
}

.dpd-contact-page .sign-up-main-right-top {
  align-items: center !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08) !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 18px !important;
  justify-content: flex-start !important;
  min-height: 80px !important;
  padding: 18px clamp(18px, 3vw, 34px) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
}

footer#kill {
  background: #fff !important;
  border-top: 0 !important;
  color: #101820 !important;
  margin: 0 !important;
  padding: clamp(32px, 4.5vw, 58px) clamp(18px, 4vw, 64px) 0 !important;
}

footer#kill .footer-in {
  align-items: start !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 0 clamp(20px, 3.2vw, 44px) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: clamp(28px, 4vw, 42px) 0 clamp(22px, 3.6vw, 34px) !important;
  width: 100% !important;
}

footer#kill .footer-left {
  display: contents !important;
  min-width: 0 !important;
}

footer#kill .footer-in > .clearfix {
  display: none !important;
}

footer#kill .footer-logo,
footer#kill .footer-logo a {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-content: flex-start !important;
  min-height: 44px !important;
  min-width: 0 !important;
  padding: 0 !important;
}

footer#kill .footer-logo img {
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 56px !important;
  max-width: min(340px, 56vw) !important;
  opacity: 1 !important;
  width: min(340px, 56vw) !important;
}

footer#kill .footer-nav {
  align-items: center !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 0 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  line-height: 1.45 !important;
  margin: clamp(24px, 3.4vw, 34px) 0 0 !important;
  min-width: 0 !important;
  padding: clamp(20px, 3vw, 28px) 0 0 !important;
}

footer#kill .footer-nav span,
footer#kill .footer-nav a {
  color: #101820 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: normal !important;
}

footer#kill .footer-nav span {
  align-items: center !important;
  display: inline-flex !important;
  min-height: 26px !important;
}

footer#kill .footer-nav span:not(:last-child)::after {
  background: rgba(16, 24, 32, 0.55) !important;
  content: "" !important;
  display: inline-block !important;
  height: 22px !important;
  margin: 0 14px !important;
  width: 1px !important;
}

footer#kill .footer-nav a:hover,
footer#kill .footer-nav a:focus-visible {
  color: #000 !important;
  outline: none !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

footer#kill .footer-social-icons {
  align-self: center !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

footer#kill .footer-social-icons ul {
  align-items: center !important;
  display: flex !important;
  gap: clamp(14px, 2vw, 30px) !important;
  justify-content: flex-end !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer#kill .footer-social-icons li {
  display: inline-flex !important;
  float: none !important;
  order: 20 !important;
  padding: 0 !important;
}

footer#kill .footer-social-icons li:has(a[href*="twitter.com"]),
footer#kill .footer-social-icons li:has(a[href*="x.com"]) {
  order: 1 !important;
}

footer#kill .footer-social-icons li:has(a[href*="facebook.com"]) {
  order: 2 !important;
}

footer#kill .footer-social-icons li:has(a[href*="instagram.com"]) {
  order: 3 !important;
}

footer#kill .footer-social-icons li:has(a[href*="youtube.com"]) {
  order: 4 !important;
}

footer#kill .footer-social-icons a {
  align-items: center !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: clamp(22px, 1.85vw, 30px) !important;
  height: 36px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 36px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: color 0.16s ease !important;
}

footer#kill .footer-social-icons a:hover,
footer#kill .footer-social-icons a:focus-visible {
  color: #33383d !important;
  outline: none !important;
  transform: none !important;
}

footer#kill .footer-social-icons a[href*="twitter.com"] i,
footer#kill .footer-social-icons a[href*="x.com"] i {
  font-size: 0 !important;
}

footer#kill .footer-social-icons a[href*="twitter.com"] i::before,
footer#kill .footer-social-icons a[href*="x.com"] i::before {
  content: "X" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

footer#kill .footer-use-notice {
  align-self: start !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  box-sizing: border-box !important;
  color: #252a2f !important;
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  line-height: 1.55 !important;
  margin: clamp(24px, 3.4vw, 34px) 0 0 !important;
  max-width: 520px !important;
  padding: clamp(20px, 3vw, 28px) 0 0 !important;
  text-align: right !important;
  text-transform: none !important;
}

footer#kill.dpd-global-footer + .disclaimers-main,
footer#kill.dpd-v2-portal-footer + .disclaimers-main,
.dpd-launch-safe-footer + .dpd-launch-safe-disclaimer {
  display: none !important;
}

.disclaimers-main {
  background: #ffffff !important;
  padding: 0 clamp(18px, 4vw, 64px) clamp(22px, 3vw, 34px) !important;
}

.disclaimers-main-in {
  color: #252a2f !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.55 !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  text-align: right !important;
  text-transform: none !important;
}

.dpd-launch-safe-footer {
  background: #ffffff !important;
  border-top: 0 !important;
  color: #101820 !important;
  margin: 0 !important;
  padding: clamp(32px, 4.5vw, 58px) clamp(18px, 4vw, 64px) 0 !important;
}

.dpd-launch-safe-footer__shell {
  align-items: start !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 0 clamp(20px, 3.2vw, 44px) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: clamp(28px, 4vw, 42px) 0 clamp(22px, 3.6vw, 34px) !important;
  width: 100% !important;
}

.dpd-launch-safe-footer__brand {
  display: contents !important;
}

.dpd-launch-safe-footer__logo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-height: 44px !important;
}

.dpd-launch-safe-footer__logo img {
  max-height: 56px !important;
  max-width: min(340px, 56vw) !important;
  width: min(340px, 56vw) !important;
}

.dpd-launch-safe-footer__copy {
  align-items: center !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 0 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  line-height: 1.45 !important;
  margin: clamp(24px, 3.4vw, 34px) 0 0 !important;
  min-width: 0 !important;
  padding: clamp(20px, 3vw, 28px) 0 0 !important;
}

.dpd-launch-safe-footer__copy span,
.dpd-launch-safe-footer__copy a {
  align-items: center !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  min-height: 26px !important;
  opacity: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: normal !important;
}

.dpd-launch-safe-footer__copy span:not(:last-child)::after,
.dpd-launch-safe-footer__copy a:not(:last-child)::after {
  background: rgba(16, 24, 32, 0.55) !important;
  content: "" !important;
  display: inline-block !important;
  height: 22px !important;
  margin: 0 14px !important;
  width: 1px !important;
}

.dpd-launch-safe-footer__social {
  align-items: center !important;
  display: flex !important;
  gap: clamp(14px, 2vw, 30px) !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-content: flex-end !important;
  list-style: none !important;
  margin: 0 !important;
  min-width: max-content !important;
  padding: 0 !important;
}

.dpd-launch-safe-footer__social li {
  display: inline-flex !important;
  order: 20 !important;
}

.dpd-launch-safe-footer__social li:has(a[href*="twitter.com"]),
.dpd-launch-safe-footer__social li:has(a[href*="x.com"]) {
  order: 1 !important;
}

.dpd-launch-safe-footer__social li:has(a[href*="facebook.com"]) {
  order: 2 !important;
}

.dpd-launch-safe-footer__social li:has(a[href*="instagram.com"]) {
  order: 3 !important;
}

.dpd-launch-safe-footer__social li:has(a[href*="youtube.com"]) {
  order: 4 !important;
}

.dpd-launch-safe-footer__social a {
  align-items: center !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: clamp(28px, 2.55vw, 42px) !important;
  height: 44px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 44px !important;
  text-decoration: none !important;
}

.dpd-launch-safe-footer__social a[href*="twitter.com"] i,
.dpd-launch-safe-footer__social a[href*="x.com"] i {
  font-size: 0 !important;
}

.dpd-launch-safe-footer__social a[href*="twitter.com"] i::before,
.dpd-launch-safe-footer__social a[href*="x.com"] i::before {
  content: "X" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(31px, 2.75vw, 44px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.dpd-launch-safe-footer__notice {
  align-self: start !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  color: #252a2f !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  line-height: 1.55 !important;
  margin: clamp(24px, 3.4vw, 34px) 0 0 !important;
  max-width: 520px !important;
  padding: clamp(20px, 3vw, 28px) 0 0 !important;
  text-align: right !important;
}

@media (max-width: 1200px) {
  footer#kill .footer-in,
  .dpd-launch-safe-footer__shell {
    align-items: center !important;
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  footer#kill .footer-logo,
  footer#kill .footer-logo a,
  .dpd-launch-safe-footer__logo {
    justify-content: center !important;
    justify-self: center !important;
    text-align: center !important;
  }

  footer#kill .footer-logo img,
  .dpd-launch-safe-footer__logo img {
    max-height: 56px !important;
    max-width: min(320px, 70vw) !important;
    width: min(320px, 70vw) !important;
  }

  footer#kill .footer-social-icons,
  .dpd-launch-safe-footer__social {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-content: center !important;
    justify-self: center !important;
    margin-top: clamp(14px, 2vw, 22px) !important;
  }

  footer#kill .footer-social-icons ul,
  .dpd-launch-safe-footer__social {
    gap: clamp(18px, 4vw, 34px) !important;
  }

  footer#kill .footer-nav,
  footer#kill .footer-use-notice,
  .dpd-launch-safe-footer__copy,
  .dpd-launch-safe-footer__notice {
    grid-column: 1 !important;
  }

  footer#kill .footer-nav,
  .dpd-launch-safe-footer__copy {
    justify-content: center !important;
    grid-row: 3 !important;
    margin-top: clamp(18px, 2.4vw, 26px) !important;
    max-width: 980px !important;
    padding-top: clamp(16px, 2.1vw, 22px) !important;
    text-align: center !important;
  }

  footer#kill .footer-nav span,
  footer#kill .footer-nav a,
  .dpd-launch-safe-footer__copy span,
  .dpd-launch-safe-footer__copy a {
    font-size: clamp(12px, 1.05vw, 15px) !important;
    font-weight: 500 !important;
    letter-spacing: 0.13em !important;
    line-height: 1.48 !important;
    text-transform: uppercase !important;
  }

  footer#kill .footer-use-notice,
  .dpd-launch-safe-footer__notice {
    border-top: 0 !important;
    grid-row: 4 !important;
    margin-top: 8px !important;
    max-width: 720px !important;
    padding-top: 0 !important;
    text-align: center !important;
  }

  footer#kill .footer-use-notice,
  .dpd-launch-safe-footer__notice {
    font-size: clamp(13px, 1.2vw, 16px) !important;
    letter-spacing: 0.04em !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 640px) {
  .dpd-contact-page .sign-up-main-right-top {
    min-height: 68px !important;
    position: relative !important;
  }

  footer#kill {
    padding: 22px 20px 0 !important;
  }

  footer#kill .footer-in,
  .dpd-launch-safe-footer__shell {
    padding: 22px 0 24px !important;
  }

  footer#kill .footer-logo img,
  .dpd-launch-safe-footer__logo img {
    max-height: 52px !important;
    max-width: min(280px, 78vw) !important;
    width: min(280px, 78vw) !important;
  }

  footer#kill .footer-nav,
  .dpd-launch-safe-footer__copy {
    align-items: center !important;
    flex-direction: row !important;
    gap: 2px 0 !important;
    justify-content: center !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  footer#kill .footer-nav span:not(:last-child)::after,
  .dpd-launch-safe-footer__copy span:not(:last-child)::after,
  .dpd-launch-safe-footer__copy a:not(:last-child)::after {
    display: inline-block !important;
    height: 16px !important;
    margin: 0 8px !important;
  }

  footer#kill .footer-nav span,
  footer#kill .footer-nav a,
  footer#kill .footer-use-notice,
  .dpd-launch-safe-footer__copy span,
  .dpd-launch-safe-footer__copy a,
  .dpd-launch-safe-footer__notice {
    font-size: clamp(12px, 3vw, 14px) !important;
    letter-spacing: 0.13em !important;
    line-height: 1.58 !important;
    text-align: center !important;
  }

  footer#kill .footer-social-icons ul,
  .dpd-launch-safe-footer__social {
    gap: clamp(18px, 5vw, 28px) !important;
    margin-top: 12px !important;
  }

  footer#kill .footer-social-icons a,
  .dpd-launch-safe-footer__social a {
    font-size: clamp(24px, 6.5vw, 32px) !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  footer#kill .footer-social-icons a[href*="twitter.com"] i::before,
  footer#kill .footer-social-icons a[href*="x.com"] i::before,
  .dpd-launch-safe-footer__social a[href*="twitter.com"] i::before,
  .dpd-launch-safe-footer__social a[href*="x.com"] i::before {
    font-size: clamp(26px, 7vw, 34px) !important;
  }

  footer#kill .footer-use-notice,
  .dpd-launch-safe-footer__notice {
    margin-top: 8px !important;
    max-width: 720px !important;
  }

  .dpd-launch-safe-footer {
    padding: 22px 16px 0 !important;
  }

  .dpd-launch-safe-footer__copy {
    gap: 0 !important;
    max-width: min(360px, calc(100vw - 36px)) !important;
  }

  .dpd-launch-safe-footer__copy span,
  .dpd-launch-safe-footer__copy a {
    font-size: clamp(11px, 2.8vw, 12px) !important;
    letter-spacing: 0.075em !important;
    line-height: 1.35 !important;
    min-height: 24px !important;
    white-space: nowrap !important;
  }

  .dpd-launch-safe-footer__copy span:not(:last-child)::after,
  .dpd-launch-safe-footer__copy a:not(:last-child)::after {
    height: 14px !important;
    margin: 0 6px !important;
  }

  .dpd-launch-safe-footer__notice {
    font-size: clamp(11px, 2.8vw, 12px) !important;
    letter-spacing: 0.075em !important;
    line-height: 1.45 !important;
    max-width: min(340px, calc(100vw - 40px)) !important;
  }
}

/* Public pages load an older storytelling footer layer with stronger selectors.
   Keep those pages on the shared Dunlop footer without letting flex-basis create tall tablet rows. */
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-in {
  align-content: start !important;
  align-items: start !important;
  display: grid !important;
  gap: 0 clamp(20px, 3.2vw, 44px) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  justify-content: normal !important;
  padding: clamp(28px, 4vw, 42px) 0 clamp(22px, 3.6vw, 34px) !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-left {
  display: contents !important;
  flex: 0 1 auto !important;
  flex-basis: auto !important;
  flex-direction: row !important;
  height: auto !important;
  justify-content: normal !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo a {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-content: flex-start !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons {
  align-self: center !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  margin: 0 !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav {
  align-content: center !important;
  align-items: center !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  display: flex !important;
  flex: 0 1 auto !important;
  flex-basis: auto !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 10px 0 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  height: auto !important;
  justify-content: flex-start !important;
  line-height: 1.45 !important;
  margin: clamp(24px, 3.4vw, 34px) 0 0 !important;
  min-height: 0 !important;
  padding: clamp(20px, 3vw, 28px) 0 0 !important;
  width: auto !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav a {
  flex: 0 1 auto !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  padding: 0 !important;
  width: auto !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span:not(:last-child)::after {
  display: inline-block !important;
}

body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-use-notice {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

@media (max-width: 1200px) {
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-in {
    align-items: center !important;
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    justify-items: center !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo a {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: center !important;
    justify-self: center !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    margin-top: clamp(14px, 2vw, 22px) !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav {
    align-content: center !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-content: center !important;
    margin-top: clamp(18px, 2.4vw, 26px) !important;
    max-width: min(980px, calc(100vw - 64px)) !important;
    padding-top: clamp(16px, 2.1vw, 22px) !important;
    text-align: center !important;
    width: 100% !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav a {
    font-size: clamp(12px, 1.05vw, 15px) !important;
    letter-spacing: 0.13em !important;
    line-height: 1.48 !important;
    text-transform: uppercase !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-use-notice {
    border-top: 0 !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin-top: 8px !important;
    max-width: min(720px, calc(100vw - 64px)) !important;
    padding-top: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 640px) {
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-in {
    padding: 22px 0 24px !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav {
    gap: 2px 0 !important;
    margin-top: 14px !important;
    max-width: min(560px, calc(100vw - 40px)) !important;
    padding-top: 14px !important;
  }

  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav a,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-use-notice {
    font-size: clamp(12px, 3vw, 14px) !important;
    letter-spacing: 0.13em !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 767px) {
  body.dpd-member-surface footer#kill.dpd-global-footer.dpd-v2-portal-footer {
    display: block !important;
  }
}

/* DPD global chrome alignment lock - 2026-06-11
   Member sidebar placement and fixed app chrome. */
body.dpd-member-surface {
  --dpd-member-fixed-header-offset: var(--dpd-v2-fixed-header-space, 122px) !important;
  --dpd-v2-app-header-height: 76px !important;
  --dpd-v2-app-gutter: clamp(16px, 1.8vw, 28px) !important;
  --dpd-v2-app-sidebar: clamp(178px, 12vw, 202px) !important;
  --dpd-v2-app-gap: clamp(12px, 1.2vw, 18px) !important;
  background: #edf3f6 !important;
  padding-top: 0 !important;
}

body.admin-bar.dpd-member-surface {
  --dpd-member-fixed-header-offset: var(--dpd-v2-fixed-header-space, 154px) !important;
}

body.dpd-member-surface .dpd-v2-header-shell {
  background: #edf3f6 !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  left: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 12px var(--dpd-v2-app-gutter) 10px !important;
  position: sticky !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2147483000 !important;
}

body.admin-bar.dpd-member-surface .dpd-v2-header-shell {
  top: 32px !important;
}

body.dpd-member-surface #header-login.dpd-public-header--member,
body.dpd-member-surface #header-login .header-inner.left-gap,
body.dpd-member-surface #header-login .dpd-public-header-bar {
  inset: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
}

body.dpd-member-surface #header-login .dpd-public-header-bar {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: clamp(12px, 1.6vw, 22px) !important;
  grid-template-columns: 70px minmax(0, 1fr) !important;
}

body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand {
  align-items: center !important;
  display: flex !important;
  grid-column: 1 !important;
  justify-content: flex-start !important;
  justify-self: start !important;
  min-width: 0 !important;
  width: 70px !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-link {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  height: 58px !important;
  min-width: 58px !important;
  padding: 0 !important;
  width: 58px !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-mark {
  background: #fff200 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 30px rgba(7, 16, 24, 0.18) !important;
  flex: 0 0 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  min-width: 58px !important;
  overflow: hidden !important;
  width: 58px !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-mark img {
  display: block !important;
  height: 58px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  width: 58px !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-copy {
  display: none !important;
}

body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-shell__actions {
  align-items: center !important;
  background: #050708 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 42px rgba(7, 16, 24, 0.16) !important;
  display: flex !important;
  gap: 8px !important;
  grid-column: 2 !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: calc(100vw - 126px) !important;
  min-height: 62px !important;
  overflow: visible !important;
  padding: 8px !important;
  width: auto !important;
}

body.dpd-member-surface #header-login .main-nav.dpd-public-header-menu-toggle--member,
body.dpd-member-surface #header-login .dpd-v2-header-jumpbar,
body.dpd-member-surface #header-login [data-dpd-route-jumpbar] {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-public-header-utility {
  align-items: center !important;
  display: flex !important;
  flex: 0 1 auto !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
  order: 1 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-utility {
  flex: 0 0 auto !important;
  order: 2 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account {
  flex: 0 0 auto !important;
  margin: 0 !important;
  order: 3 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link {
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  min-height: 44px !important;
  padding: 0 clamp(14px, 1.25vw, 20px) !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-copy,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle .fa-angle-down {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-toggle,
body.dpd-member-surface #header-login .dpd-public-header-link--utility-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--updates-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--cart-bubble {
  height: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  width: 44px !important;
}

body.dpd-member-surface #header-login .dpd-user-badge--account-trigger,
body.dpd-member-surface #header-login .dpd-user-badge--account-trigger .dpd-user-badge__mark {
  height: 38px !important;
  min-width: 38px !important;
  width: 38px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  padding: 12px var(--dpd-v2-app-gutter) 56px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  align-items: start !important;
  column-gap: var(--dpd-v2-app-gap) !important;
  display: grid !important;
  grid-template-columns: var(--dpd-v2-app-sidebar) minmax(0, 1fr) !important;
  max-width: none !important;
  overflow: visible !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  align-self: start !important;
  grid-column: 1 !important;
  left: var(--dpd-v2-app-gutter) !important;
  margin: 0 !important;
  position: sticky !important;
  top: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height)) !important;
  transform: none !important;
  width: var(--dpd-v2-app-sidebar) !important;
  z-index: 10070 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  border-radius: 18px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 14px 12px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section + .dpd-v2-nav-section {
  margin-top: 16px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3 {
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  margin: 0 0 10px !important;
  padding: 0 0 7px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu {
  gap: 8px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item a {
  border-radius: 12px !important;
  font-size: 10.5px !important;
  gap: 10px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon {
  font-size: 16px !important;
  width: 22px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

@media (max-width: 1180px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar: 86px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body.dpd-member-surface {
    --dpd-v2-app-gutter: 12px !important;
    --dpd-v2-app-header-height: 68px !important;
    --dpd-v2-app-sidebar: 0px !important;
  }

  body.dpd-member-surface #header-login .dpd-public-header-bar {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  body.dpd-member-surface #header-login .right-sec.header-right {
    max-width: calc(100vw - 94px) !important;
    min-height: 56px !important;
    padding: 6px !important;
  }

  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    display: block !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    display: none !important;
  }
}

/* DPD fixed member chrome correction - 2026-06-11 */
body.dpd-member-surface {
  --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 36px) !important;
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.admin-bar.dpd-member-surface {
  --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 68px) !important;
}

body.dpd-member-surface .dpd-v2-header-shell {
  left: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.admin-bar.dpd-member-surface .dpd-v2-header-shell {
  top: 32px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  left: var(--dpd-v2-app-gutter) !important;
  position: fixed !important;
  top: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height)) !important;
  width: var(--dpd-v2-app-sidebar) !important;
}

body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  top: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height)) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 980px) {
  body.dpd-member-surface {
    --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 20px) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    position: fixed !important;
  }
}

/* DPD fixed chrome dropdown/modal visibility lock - 2026-06-11 */
body.dpd-member-surface {
  --dpd-z-fixed-header: 2147482600;
  --dpd-z-fixed-sidebar: 2147482400;
  --dpd-z-popover: 2147483300;
  --dpd-z-drawer: 2147483400;
  --dpd-z-modal: 2147483600;
}

body.dpd-member-surface .dpd-v2-header-shell {
  contain: none !important;
  overflow: visible !important;
  z-index: var(--dpd-z-fixed-header) !important;
}

body.dpd-member-surface #header-login,
body.dpd-member-surface #header-login .header-inner,
body.dpd-member-surface #header-login .header-inner.left-gap,
body.dpd-member-surface #header-login .dpd-public-header-bar,
body.dpd-member-surface #header-login .left-sec,
body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-shell__actions,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-public-header-utility,
body.dpd-member-surface #header-login .dpd-public-header-account {
  clip-path: none !important;
  contain: none !important;
  overflow: visible !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-public-header-utility {
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  z-index: var(--dpd-z-fixed-sidebar) !important;
}

body.dpd-member-surface #header-login .dpd-public-logo,
body.dpd-member-surface #header-login .dpd-public-logo-link,
body.dpd-member-surface #header-login .dpd-public-logo-mark,
body.dpd-member-surface #header-login .dpd-public-logo-mark img {
  background: #fff200 !important;
  border-radius: 14px !important;
  flex-basis: 58px !important;
  height: 58px !important;
  max-height: 58px !important;
  max-width: 58px !important;
  min-height: 58px !important;
  min-width: 58px !important;
  opacity: 1 !important;
  transform: none !important;
  width: 58px !important;
}

body.dpd-member-surface #header-login .dpd-user-badge--account-trigger,
body.dpd-member-surface #header-login .dpd-user-badge--account-trigger .dpd-user-badge__mark,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  height: 44px !important;
  max-height: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  opacity: 1 !important;
  transform: none !important;
  width: 44px !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  display: inline-flex !important;
  overflow: visible !important;
  position: relative !important;
}

body.dpd-member-surface #header-login .dpd-account-dropdown,
body.dpd-member-surface #header-login .acc-dropdown,
body.dpd-member-surface .dpd-account-dropdown {
  bottom: auto !important;
  display: none !important;
  left: auto !important;
  margin: 0 !important;
  max-height: min(620px, calc(100dvh - 118px)) !important;
  max-width: min(420px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  opacity: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  pointer-events: none !important;
  position: fixed !important;
  right: var(--dpd-account-dropdown-right, 18px) !important;
  top: var(--dpd-account-dropdown-top, 96px) !important;
  transform: none !important;
  visibility: hidden !important;
  z-index: var(--dpd-z-popover) !important;
}

body.dpd-member-surface #header-login .dpd-account-dropdown.is-open,
body.dpd-member-surface #header-login .dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface .dpd-account-dropdown.is-open,
body.dpd-member-surface .dpd-account-dropdown[aria-hidden="false"] {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: var(--dpd-z-popover) !important;
}

body.dpd-member-surface .dpd-v2-updates-drawer-backdrop,
body.dpd-member-surface .dpd-v2-updates-drawer {
  position: fixed !important;
}

body.dpd-member-surface .dpd-v2-updates-drawer-backdrop {
  z-index: calc(var(--dpd-z-drawer) - 1) !important;
}

body.dpd-member-surface .dpd-v2-updates-drawer,
body.dpd-member-surface .dpd-v2-updates-drawer.is-open {
  z-index: var(--dpd-z-drawer) !important;
}

body.dpd-member-surface .dpd-modal-shell,
body.dpd-member-surface .dpd-modal-shell[aria-hidden="false"],
body.dpd-member-surface .dpd-support-modal,
body.dpd-member-surface .dpd-v2-support-modal,
body.dpd-member-surface .dpd-helper-modal,
body.dpd-member-surface [class*="support-modal"] {
  position: fixed !important;
  z-index: var(--dpd-z-modal) !important;
}

body.dpd-member-surface .dpd-helper-launcher {
  z-index: calc(var(--dpd-z-modal) - 10) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed.is-info-open,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-summary,
body .dpd-v2-info-managed,
body .dpd-v2-info-managed.is-info-open,
body .dpd-v2-info-summary {
  contain: none !important;
  overflow: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed.is-info-open,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed.is-info-hover {
  z-index: calc(var(--dpd-z-popover) - 20) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed.is-info-open .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed.is-info-hover .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed:focus-within .dpd-v2-info-summary,
body .dpd-v2-info-managed.is-info-open .dpd-v2-info-summary,
body .dpd-v2-info-managed.is-info-hover .dpd-v2-info-summary,
body .dpd-v2-info-managed:focus-within .dpd-v2-info-summary {
  max-height: min(420px, calc(100dvh - 124px)) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: calc(var(--dpd-z-popover) - 10) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .video-header-content.mock-static-bg {
  overflow: visible !important;
  position: relative !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header:has(.dpd-v2-service-overview__info:hover),
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header:has(.dpd-v2-service-overview__info:focus-visible),
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header:has(.dpd-v2-service-overview__summary-panel:hover) {
  z-index: calc(var(--dpd-z-popover) - 30) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard .dpd-v2-service-overview--ops > .dpd-v2-service-overview__summary-panel {
  bottom: 12px !important;
  max-height: min(190px, calc(100dvh - 140px)) !important;
  max-width: min(360px, calc(100vw - 40px)) !important;
  min-width: min(280px, calc(100vw - 40px)) !important;
  right: 12px !important;
  top: auto !important;
  width: min(360px, calc(100vw - 40px)) !important;
}

/* DPD account dropdown and collapsed sidebar hard lock - 2026-06-11 */
body.dpd-member-surface {
  --dpd-v2-app-sidebar-expanded: clamp(220px, 14vw, 236px);
  --dpd-v2-app-sidebar-collapsed: 88px;
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-expanded) !important;
  --dpd-v2-app-gap: clamp(12px, 1.15vw, 18px) !important;
  --dpd-account-layer: 2147483600;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed,
body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-collapsed) !important;
  --dpd-v2-app-gap: clamp(12px, 1.15vw, 18px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  column-gap: var(--dpd-v2-app-gap) !important;
  grid-template-columns: var(--dpd-v2-app-sidebar) minmax(0, 1fr) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  width: var(--dpd-v2-app-sidebar) !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content {
  grid-column: 2 !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  align-items: center !important;
  border-radius: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 8px 8px 14px !important;
  width: 88px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header-actions,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header-actions {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse {
  align-items: center !important;
  display: inline-flex !important;
  height: 54px !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  min-height: 54px !important;
  min-width: 62px !important;
  padding: 0 !important;
  width: 62px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse i,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse i {
  display: block !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-align: center !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count {
  display: none !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item a {
  align-items: center !important;
  display: inline-flex !important;
  gap: 0 !important;
  height: 48px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  min-height: 48px !important;
  padding: 0 !important;
  text-align: center !important;
  width: 48px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon {
  display: block !important;
  flex: 0 0 auto !important;
  font-size: 20px !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-align: center !important;
  width: 20px !important;
}

body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-shell__actions {
  min-width: 0 !important;
  overflow: visible !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link,
body.dpd-member-surface #header-login .dpd-public-header-link--utility-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--updates-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--cart-bubble,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
}

body.dpd-member-surface #header-login .dpd-account-dropdown,
body.dpd-member-surface #header-login .acc-dropdown,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-account-dropdown,
body.dpd-member-surface .dpd-v2-header-shell #header-login .acc-dropdown {
  background: rgba(255, 255, 255, 0.99) !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 70px rgba(5, 10, 16, 0.28) !important;
  color: #11161b !important;
  left: auto !important;
  max-height: min(620px, calc(100dvh - 112px)) !important;
  max-width: min(420px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  padding: 16px !important;
  position: fixed !important;
  right: var(--dpd-account-dropdown-right, 14px) !important;
  top: var(--dpd-account-dropdown-top, 92px) !important;
  width: min(420px, calc(100vw - 24px)) !important;
  z-index: var(--dpd-account-layer) !important;
}

body.dpd-member-surface #header-login .dpd-account-dropdown.is-open,
body.dpd-member-surface #header-login .dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface #header-login .acc-dropdown[style*="display: block"],
body.dpd-member-surface.dpd-account-menu-open #header-login .dpd-account-dropdown,
body.dpd-member-surface.dpd-account-menu-open #header-login .acc-dropdown,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-account-dropdown.is-open,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface .dpd-v2-header-shell #header-login .acc-dropdown[style*="display: block"] {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
  z-index: var(--dpd-account-layer) !important;
}

body.dpd-member-surface #header-login .dpd-account-dropdown[aria-hidden="true"]:not(.is-open),
body.dpd-member-surface #header-login .acc-dropdown[aria-hidden="true"]:not(.is-open) {
  display: none !important;
}

@media (max-width: 1180px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar-expanded: 88px;
    --dpd-v2-app-sidebar: 88px !important;
  }
}

/* DPD deterministic member chrome repair - 2026-06-11
   Keeps route tabs in the fixed header, removes the duplicate body jumpbar strip,
   and floats account/guide layers above the fixed chrome. */
body.dpd-member-surface {
  --dpd-v2-app-header-height: 88px !important;
  --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 28px) !important;
  --dpd-v2-app-gutter: clamp(12px, 1.65vw, 26px) !important;
  --dpd-v2-app-sidebar-expanded: clamp(220px, 14vw, 236px) !important;
  --dpd-v2-app-sidebar-collapsed: 88px !important;
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-expanded) !important;
  --dpd-v2-app-gap: clamp(12px, 1.15vw, 18px) !important;
  --dpd-account-layer: 2147483600;
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.admin-bar.dpd-member-surface {
  --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 60px) !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed,
body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-collapsed) !important;
}

body.dpd-member-surface .dpd-v2-header-shell {
  background: #edf3f6 !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  contain: none !important;
  isolation: auto !important;
  left: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: var(--dpd-v2-app-header-height) !important;
  overflow: visible !important;
  padding: 10px var(--dpd-v2-app-gutter) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2147482600 !important;
}

body.admin-bar.dpd-member-surface .dpd-v2-header-shell {
  top: 32px !important;
}

body.dpd-member-surface #header-login,
body.dpd-member-surface #header-login .header-inner,
body.dpd-member-surface #header-login .header-inner.left-gap,
body.dpd-member-surface #header-login .dpd-public-header-bar {
  clip-path: none !important;
  contain: none !important;
  inset: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
}

body.dpd-member-surface #header-login .dpd-public-header-bar {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: clamp(12px, 1.4vw, 20px) !important;
  grid-template-columns: 70px minmax(0, 1fr) !important;
  justify-content: stretch !important;
}

body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand {
  align-items: center !important;
  display: flex !important;
  grid-column: 1 !important;
  justify-content: flex-start !important;
  justify-self: start !important;
  margin: 0 !important;
  min-width: 70px !important;
  position: relative !important;
  width: 70px !important;
  z-index: 2 !important;
}

body.dpd-member-surface #header-login .dpd-public-logo,
body.dpd-member-surface #header-login .dpd-public-logo-link,
body.dpd-member-surface #header-login .dpd-public-logo-mark,
body.dpd-member-surface #header-login .dpd-public-logo-mark img {
  background: #fff200 !important;
  border-radius: 14px !important;
  flex: 0 0 46px !important;
  height: 46px !important;
  max-height: 46px !important;
  max-width: 46px !important;
  min-height: 46px !important;
  min-width: 46px !important;
  opacity: 1 !important;
  padding: 0 !important;
  transform: none !important;
  width: 46px !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-link {
  align-items: center !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  justify-content: center !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-mark {
  box-shadow: 0 14px 30px rgba(7, 16, 24, 0.18) !important;
  overflow: hidden !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-copy {
  display: none !important;
}

body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-shell__actions {
  align-items: center !important;
  border-radius: 28px !important;
  box-sizing: border-box !important;
  clip-path: none !important;
  contain: none !important;
  display: flex !important;
  gap: 8px !important;
  grid-column: 2 !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: calc(100vw - 126px) !important;
  min-height: 66px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 8px !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  z-index: 3 !important;
}

body.dpd-member-surface #header-login .main-nav.dpd-public-header-menu-toggle--member {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar,
body.dpd-member-surface #header-login .dpd-public-header-utility {
  align-items: center !important;
  clip-path: none !important;
  contain: none !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 0 !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar::-webkit-scrollbar {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  max-width: min(900px, calc(100vw - 328px)) !important;
  order: 1 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-utility {
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
  max-width: none !important;
  order: 2 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account {
  flex: 0 0 auto !important;
  margin: 0 !important;
  order: 3 !important;
  pointer-events: auto !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  z-index: var(--dpd-account-layer) !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link,
body.dpd-member-surface #header-login .dpd-public-header-link--contact {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--font-ui) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  min-height: 46px !important;
  padding: 0 clamp(14px, 1.15vw, 20px) !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link.is-active,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="true"] {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #020405 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-copy,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle .fa-angle-down {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-toggle,
body.dpd-member-surface #header-login .dpd-public-header-link--utility-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--updates-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--cart-bubble {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  justify-content: center !important;
  max-height: 48px !important;
  max-width: 48px !important;
  min-height: 48px !important;
  min-width: 48px !important;
  overflow: visible !important;
  padding: 0 !important;
  pointer-events: auto !important;
  position: relative !important;
  width: 48px !important;
  z-index: var(--dpd-account-layer) !important;
}

body.dpd-member-surface #header-login .dpd-user-badge--account-trigger,
body.dpd-member-surface #header-login .dpd-user-badge--account-trigger .dpd-user-badge__mark,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle .dpd-user-badge {
  height: 42px !important;
  max-height: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  min-width: 42px !important;
  opacity: 1 !important;
  transform: none !important;
  width: 42px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .main-content-sec.dpd-v2-route-jump-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route .dpd-v2-route-jump-shell,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-route-jump-shell {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  overflow: visible !important;
  padding: 12px var(--dpd-v2-app-gutter) 56px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  column-gap: var(--dpd-v2-app-gap) !important;
  display: grid !important;
  grid-template-columns: var(--dpd-v2-app-sidebar) minmax(0, 1fr) !important;
  max-width: none !important;
  overflow: visible !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  grid-column: 1 !important;
  left: var(--dpd-v2-app-gutter) !important;
  margin: 0 !important;
  position: fixed !important;
  top: calc(var(--dpd-v2-app-header-height) + 26px) !important;
  transform: none !important;
  width: var(--dpd-v2-app-sidebar) !important;
  z-index: 2147482400 !important;
}

body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  top: calc(var(--dpd-v2-app-header-height) + 58px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  box-sizing: border-box !important;
  max-height: calc(100dvh - var(--dpd-v2-app-header-height) - 46px) !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 8px 8px 14px !important;
  width: var(--dpd-v2-app-sidebar-collapsed) !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item a {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.dpd-member-surface .dpd-account-dropdown,
body.dpd-member-surface #dpd-account-dropdown {
  background: rgba(255, 255, 255, 0.99) !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 22px !important;
  bottom: auto !important;
  box-shadow: 0 28px 70px rgba(5, 10, 16, 0.28) !important;
  box-sizing: border-box !important;
  color: #11161b !important;
  display: none !important;
  left: auto !important;
  margin: 0 !important;
  max-height: min(620px, calc(100dvh - 112px)) !important;
  max-width: min(420px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  opacity: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 16px !important;
  pointer-events: none !important;
  position: fixed !important;
  right: var(--dpd-account-dropdown-right, 14px) !important;
  top: var(--dpd-account-dropdown-top, 92px) !important;
  transform: none !important;
  visibility: hidden !important;
  width: min(420px, calc(100vw - 24px)) !important;
  z-index: var(--dpd-account-layer) !important;
}

body.dpd-member-surface .dpd-account-dropdown.is-open,
body.dpd-member-surface .dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface #dpd-account-dropdown.is-open,
body.dpd-member-surface #dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface.dpd-account-menu-open .dpd-account-dropdown,
body.dpd-member-surface.dpd-account-menu-open #dpd-account-dropdown {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
  z-index: var(--dpd-account-layer) !important;
}

body.dpd-member-surface .dpd-account-dropdown[aria-hidden="true"]:not(.is-open),
body.dpd-member-surface #dpd-account-dropdown[aria-hidden="true"]:not(.is-open) {
  display: none !important;
}

body.dpd-member-surface .dpd-v2-updates-drawer,
body.dpd-member-surface .dpd-v2-updates-drawer.is-open,
body.dpd-member-surface .dpd-modal-shell,
body.dpd-member-surface .dpd-modal-shell[aria-hidden="false"],
body.dpd-member-surface .dpd-support-modal,
body.dpd-member-surface .dpd-v2-support-modal {
  position: fixed !important;
  z-index: 2147483400 !important;
}

@media (max-width: 1320px) {
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
    max-width: min(680px, calc(100vw - 310px)) !important;
  }

  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link,
  body.dpd-member-surface #header-login .dpd-v2-header-jump-link {
    padding: 0 14px !important;
  }
}

@media (max-width: 1100px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar-expanded: 88px !important;
    --dpd-v2-app-sidebar: 88px !important;
  }

  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
    max-width: min(520px, calc(100vw - 286px)) !important;
  }
}

@media (max-width: 980px) {
  body.dpd-member-surface {
    --dpd-v2-app-header-height: 72px !important;
    --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 20px) !important;
    --dpd-v2-app-sidebar: 0px !important;
  }

  body.dpd-member-surface #header-login .dpd-public-header-bar {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  body.dpd-member-surface #header-login .right-sec.header-right {
    max-width: calc(100vw - 94px) !important;
    min-height: 58px !important;
    padding: 6px !important;
  }

  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    display: block !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    display: none !important;
  }
}

/* DPD global header/account/sidebar unification - 2026-06-11
   Last-loaded contract for one chrome system across public, auth, and member routes. */
:root {
  --dpd-global-chrome-bg: linear-gradient(115deg, rgba(8, 13, 16, 0.98), rgba(13, 27, 28, 0.96)) !important;
  --dpd-global-chrome-border: rgba(255, 255, 255, 0.12) !important;
  --dpd-global-chrome-radius: 28px !important;
  --dpd-global-header-max: 1440px !important;
  --dpd-global-header-gutter: clamp(14px, 2.6vw, 42px) !important;
  --dpd-global-logo-size: 58px !important;
  --dpd-global-pill-height: 44px !important;
  --dpd-global-utility-size: 48px !important;
  --dpd-global-shell-top: 12px !important;
  --dpd-account-layer: 2147483600 !important;
}

body.dpd-member-surface {
  --dpd-v2-app-header-height: 92px !important;
  --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 30px) !important;
  --dpd-v2-app-gutter: clamp(10px, 1.6vw, 26px) !important;
  --dpd-v2-app-sidebar-expanded: clamp(220px, 14vw, 236px) !important;
  --dpd-v2-app-sidebar-collapsed: 88px !important;
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-expanded) !important;
  --dpd-v2-app-gap: clamp(12px, 1.2vw, 18px) !important;
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.admin-bar.dpd-member-surface {
  --dpd-global-shell-top: 44px !important;
  --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 62px) !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed,
body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-collapsed) !important;
}

#header-login.dpd-public-header--member, body.dpd-member-surface .dpd-v2-header-shell, body.dpd-member-surface .dpd-public-home-shell > #header-login.dpd-public-header--member {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  clip-path: none !important;
  contain: none !important;
  overflow: visible !important;
  transform: none !important;
}

body.dpd-member-surface .dpd-v2-header-shell,
body.dpd-member-surface .dpd-public-home-shell > #header-login.dpd-public-header--member {
  left: 0 !important;
  margin: 0 !important;
  padding: var(--dpd-global-shell-top) var(--dpd-v2-app-gutter) 10px !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 2147483000 !important;
}

body.admin-bar.dpd-member-surface .dpd-v2-header-shell,
body.admin-bar.dpd-member-surface .dpd-public-home-shell > #header-login.dpd-public-header--member {
  top: 0 !important;
}

#header-login.dpd-public-header--member .header-inner.left-gap, body.dpd-member-surface .dpd-v2-header-shell #header-login, body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner.left-gap, body.dpd-member-surface .dpd-public-home-shell > #header-login.dpd-public-header--member .header-inner.left-gap {
  inset: auto !important;
  margin: 0 auto !important;
  max-width: var(--dpd-global-header-max) !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  width: min(var(--dpd-global-header-max), 100%) !important;
}

#header-login.dpd-public-header--member .dpd-public-header-bar, body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar, body.dpd-member-surface .dpd-public-home-shell > #header-login.dpd-public-header--member .dpd-public-header-bar {
  align-items: center !important;
  background: var(--dpd-global-chrome-bg) !important;
  border: 1px solid var(--dpd-global-chrome-border) !important;
  border-radius: var(--dpd-global-chrome-radius) !important;
  box-shadow: 0 22px 54px rgba(5, 10, 16, 0.26) !important;
  box-sizing: border-box !important;
  clip-path: none !important;
  contain: none !important;
  display: grid !important;
  gap: clamp(12px, 1.8vw, 24px) !important;
  grid-template-columns: minmax(168px, max-content) minmax(0, 1fr) !important;
  justify-content: stretch !important;
  margin: 0 !important;
  min-height: 86px !important;
  overflow: visible !important;
  padding: 13px clamp(14px, 2vw, 24px) !important;
  position: relative !important;
  transform: none !important;
  width: 100% !important;
}

#header-login.dpd-public-header--member .left-sec,
#header-login.dpd-public-header--member .logo,
#header-login.dpd-public-header--member .dpd-v2-header-shell__brand {
  align-items: center !important;
  display: flex !important;
  float: none !important;
  grid-column: 1 !important;
  justify-content: flex-start !important;
  justify-self: start !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-link {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 14px !important;
  height: auto !important;
  min-height: var(--dpd-global-logo-size) !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  width: auto !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-mark {
  background: #fff200 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 30px rgba(7, 16, 24, 0.22) !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-global-logo-size) !important;
  height: var(--dpd-global-logo-size) !important;
  justify-content: center !important;
  max-height: var(--dpd-global-logo-size) !important;
  max-width: var(--dpd-global-logo-size) !important;
  min-height: var(--dpd-global-logo-size) !important;
  min-width: var(--dpd-global-logo-size) !important;
  overflow: hidden !important;
  transform: none !important;
  width: var(--dpd-global-logo-size) !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-mark img {
  display: block !important;
  height: var(--dpd-global-logo-size) !important;
  max-height: var(--dpd-global-logo-size) !important;
  max-width: var(--dpd-global-logo-size) !important;
  object-fit: contain !important;
  opacity: 1 !important;
  transform: none !important;
  width: var(--dpd-global-logo-size) !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-copy,
body.dpd-member-surface #header-login .dpd-public-logo-copy {
  display: grid !important;
  gap: 2px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-copy strong,
#header-login.dpd-public-header--member .dpd-public-logo-copy em {
  display: block !important;
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-copy strong {
  color: #f7fbff !important;
}

#header-login.dpd-public-header--member .dpd-public-logo-copy em {
  color: #fff200 !important;
}

#header-login.dpd-public-header--member .right-sec.header-right,
#header-login.dpd-public-header--member .header-right,
body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .dpd-v2-header-shell__actions {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  clip-path: none !important;
  contain: none !important;
  display: flex !important;
  float: none !important;
  gap: 8px !important;
  grid-column: 2 !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  z-index: 5 !important;
}

#header-login.dpd-public-header--member .right-sec.header-right::before,
#header-login.dpd-public-header--member .right-sec.header-right::after {
  display: none !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
#header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar,
#header-login.dpd-public-header--member [data-dpd-route-jumpbar],
#header-login.dpd-public-header--member .dpd-public-header-utility {
  align-items: center !important;
  clip-path: none !important;
  contain: none !important;
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  list-style: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 0 !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions::-webkit-scrollbar,
#header-login.dpd-public-header--member .dpd-public-header-utility::-webkit-scrollbar {
  display: none !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions li {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header-login.dpd-public-header--member .main-nav,
#header-login.dpd-public-header--member .dpd-public-header-link,
#header-login.dpd-public-header--member .dpd-v2-header-jump-link {
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  height: var(--dpd-global-pill-height) !important;
  justify-content: center !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: var(--dpd-global-pill-height) !important;
  overflow: hidden !important;
  padding: 0 clamp(14px, 1.05vw, 22px) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  white-space: nowrap !important;
}

#header-login.dpd-public-header--member .main-nav,
#header-login.dpd-public-header--member .dpd-public-header-link--utility-bubble,
#header-login.dpd-public-header--member .dpd-public-header-link--updates-bubble,
#header-login.dpd-public-header--member .dpd-public-header-link--cart-bubble,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle {
  flex: 0 0 var(--dpd-global-utility-size) !important;
  height: var(--dpd-global-utility-size) !important;
  max-height: var(--dpd-global-utility-size) !important;
  max-width: var(--dpd-global-utility-size) !important;
  min-height: var(--dpd-global-utility-size) !important;
  min-width: var(--dpd-global-utility-size) !important;
  padding: 0 !important;
  width: var(--dpd-global-utility-size) !important;
}

#header-login.dpd-public-header--member .main-nav span {
  background: #f7fbff !important;
  display: block !important;
  height: 2px !important;
  width: 20px !important;
}

#header-login.dpd-public-header--member .dpd-public-header-link.is-active,
#header-login.dpd-public-header--member .dpd-public-header-link[aria-current="true"],
#header-login.dpd-public-header--member .dpd-v2-header-jump-link.is-active,
#header-login.dpd-public-header--member .dpd-v2-header-jump-link[aria-current="true"],
#header-login.dpd-public-header--member .dpd-public-header-link--account-access[aria-current="page"] {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #020405 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-link__icon {
  color: inherit !important;
  display: block !important;
  flex: 0 0 auto !important;
  font-size: 15px !important;
  height: 18px !important;
  line-height: 1 !important;
  margin: 0 7px 0 0 !important;
  pointer-events: none !important;
  width: 18px !important;
}

#header-login.dpd-public-header--member .dpd-public-header-link--utility-bubble .dpd-public-header-link__icon,
#header-login.dpd-public-header--member .dpd-public-header-link--updates-bubble .dpd-public-header-link__icon,
#header-login.dpd-public-header--member .dpd-public-header-link--cart-bubble .dpd-public-header-link__icon {
  margin: 0 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  order: 3 !important;
  overflow: visible !important;
  padding: 0 !important;
  pointer-events: auto !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  z-index: 6 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-copy,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle .fa-angle-down {
  display: none !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-toggle {
  background: rgba(255, 255, 255, 0.11) !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

#header-login.dpd-public-header--member .dpd-user-badge--account-trigger,
#header-login.dpd-public-header--member .dpd-user-badge--account-trigger .dpd-user-badge__mark,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle .dpd-user-badge,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle .dpd-user-badge__mark {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  height: 42px !important;
  justify-content: center !important;
  max-height: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  min-width: 42px !important;
  opacity: 1 !important;
  transform: none !important;
  width: 42px !important;
}

#header-login.dpd-public-header--member .dpd-user-badge__text {
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

body #dpd-account-dropdown.dpd-account-dropdown,
body .dpd-account-dropdown[data-dpd-account-floating="true"] {
  background: rgba(255, 255, 255, 0.99) !important;
  border: 1px solid rgba(16, 23, 31, 0.12) !important;
  border-radius: 22px !important;
  bottom: auto !important;
  box-shadow: 0 28px 70px rgba(5, 10, 16, 0.28) !important;
  box-sizing: border-box !important;
  color: #11161b !important;
  display: none !important;
  left: auto !important;
  margin: 0 !important;
  max-height: min(620px, calc(100dvh - 112px)) !important;
  max-width: min(420px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  opacity: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 16px !important;
  pointer-events: none !important;
  position: fixed !important;
  right: var(--dpd-account-dropdown-right, 14px) !important;
  top: var(--dpd-account-dropdown-top, 92px) !important;
  transform: none !important;
  visibility: hidden !important;
  width: min(420px, calc(100vw - 24px)) !important;
  z-index: var(--dpd-account-layer) !important;
}

body #dpd-account-dropdown.dpd-account-dropdown.is-open,
body #dpd-account-dropdown.dpd-account-dropdown[aria-hidden="false"],
body.dpd-account-menu-open #dpd-account-dropdown.dpd-account-dropdown,
body .dpd-account-dropdown[data-dpd-account-floating="true"].is-open,
body .dpd-account-dropdown[data-dpd-account-floating="true"][aria-hidden="false"] {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
  z-index: var(--dpd-account-layer) !important;
}

body #dpd-account-dropdown.dpd-account-dropdown[aria-hidden="true"]:not(.is-open) {
  display: none !important;
}

body #dpd-account-dropdown .acc-dropdown-tab,
body .dpd-account-dropdown[data-dpd-account-floating="true"] .acc-dropdown-tab {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  margin: 0 0 10px !important;
}

body #dpd-account-dropdown .acc-drop-pic,
body #dpd-account-dropdown .acc-drop-cont,
body #dpd-account-dropdown .acc-drop-cont h4,
body #dpd-account-dropdown .acc-drop-cont p {
  float: none !important;
  margin-left: 0 !important;
  width: auto !important;
}

body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge__mark {
  height: 52px !important;
  min-height: 52px !important;
  min-width: 52px !important;
  width: 52px !important;
}

body #dpd-account-dropdown .acc-drop-cont h4 {
  color: #11161b !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-title-size, 18px) !important;
  font-weight: var(--dpd-account-dropdown-title-weight, 700) !important;
  letter-spacing: var(--dpd-account-dropdown-title-spacing, 0.02em) !important;
  line-height: 1.08 !important;
  text-transform: none !important;
}

body #dpd-account-dropdown .acc-drop-cont p,
body #dpd-account-dropdown .acc-drop-help,
body #dpd-account-dropdown .acc-appearance-copy p {
  color: #5d6874 !important;
  font-family: var(--font-body, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

body #dpd-account-dropdown .acc-drop-meta {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 10px !important;
}

body #dpd-account-dropdown .acc-drop-meta__item {
  background: #f8fafc !important;
  border: 1px solid rgba(16, 23, 31, 0.1) !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  padding: 8px !important;
}

body #dpd-account-dropdown .acc-drop-meta__item span,
body #dpd-account-dropdown .acc-appearance-label {
  color: #11161b !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-label-size, 10px) !important;
  font-weight: var(--dpd-account-dropdown-label-weight, 700) !important;
  letter-spacing: var(--dpd-account-dropdown-label-spacing, 0.08em) !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

body #dpd-account-dropdown .acc-drop-meta__item strong {
  color: #11161b !important;
  display: block !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-value-size, 13px) !important;
  font-weight: var(--dpd-account-dropdown-value-weight, 700) !important;
  line-height: var(--dpd-account-dropdown-value-line-height, 1.2) !important;
  margin-top: 5px !important;
}

body #dpd-account-dropdown .acc-avatar-caption {
  color: #11161b !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-caption-size, 9px) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight, 700) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

body #dpd-account-dropdown .acc-appearance {
  background: #fff !important;
  border: 1px solid rgba(255, 242, 0, 0.44) !important;
  border-radius: 14px !important;
  margin: 10px 0 0 !important;
  max-height: min(260px, 40vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px !important;
}

body #dpd-account-dropdown .acc-appearance-header {
  display: none !important;
  margin: 0 !important;
}

body #dpd-account-dropdown .acc-appearance-panel,
body #dpd-account-dropdown .acc-appearance-panel--approved {
  align-items: start !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr !important;
}

body #dpd-account-dropdown .acc-appearance-block {
  background: transparent !important;
  border: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body #dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin-top: 7px !important;
}

body #dpd-account-dropdown .acc-avatar-option--chip {
  align-items: center !important;
  background: #050708 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  color: #f7fbff !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
  min-height: 62px !important;
  min-width: 0 !important;
  padding: 6px 4px !important;
  text-align: center !important;
  width: 100% !important;
}

body #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon,
body #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-initials {
  align-items: center !important;
  background: #28dbc2 !important;
  border-radius: 999px !important;
  color: #031214 !important;
  display: inline-flex !important;
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 30px !important;
  justify-content: center !important;
  min-height: 30px !important;
  min-width: 30px !important;
  width: 30px !important;
}

body #dpd-account-dropdown .acc-avatar-icon--mark {
  background-color: #28dbc2 !important;
  background-image: var(--dpd-avatar-mark) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 72% 72% !important;
}

body #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-caption {
  color: #dce6eb !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-caption-size, 9px) !important;
  font-weight: var(--dpd-account-dropdown-caption-weight, 700) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  min-height: 9px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body #dpd-account-dropdown .acc-avatar-option--chip.is-active {
  border-color: #28dbc2 !important;
  box-shadow: 0 0 0 2px rgba(40, 219, 194, 0.18) !important;
}

body #dpd-account-dropdown .acc-palette-swatches--compact {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(6, 28px) !important;
  margin-top: 7px !important;
}

body #dpd-account-dropdown .acc-palette-swatch {
  align-items: center !important;
  background: #f6f8fa !important;
  border: 1px solid rgba(16, 23, 31, 0.14) !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  height: 28px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 28px !important;
}

body #dpd-account-dropdown .acc-palette-swatch .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch > span:not([class]) {
  border-radius: 999px !important;
  display: block !important;
  height: 18px !important;
  width: 18px !important;
}

body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="yellow"] .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="yellow"] > span:not([class]) {
  background: #fff200 !important;
}

body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="green"] .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="green"] > span:not([class]) {
  background: #28dbc2 !important;
}

body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="blue"] .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="blue"] > span:not([class]) {
  background: #59a8ff !important;
}

body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dark"] .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dark"] > span:not([class]) {
  background: #0d171c !important;
}

body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="orange"] .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="orange"] > span:not([class]) {
  background: #ff8a00 !important;
}

body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dirt"] .acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch[data-dpd-accent-choice="dirt"] > span:not([class]) {
  background: #b77a2d !important;
}

body #dpd-account-dropdown .acc-palette-swatch.is-active {
  border-color: #11161b !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

body #dpd-account-dropdown .dpd-account-menu__actions {
  display: grid !important;
  gap: 7px !important;
  grid-template-columns: 1fr !important;
  margin-top: 10px !important;
}

body #dpd-account-dropdown .dpd-account-menu__action {
  align-items: center !important;
  border: 1px solid rgba(16, 23, 31, 0.14) !important;
  border-radius: 999px !important;
  color: #11161b !important;
  display: inline-flex !important;
  font-family: var(--dpd-account-dropdown-typeface, var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
  font-size: var(--dpd-account-dropdown-action-size, 11px) !important;
  font-weight: var(--dpd-account-dropdown-action-weight, 700) !important;
  justify-content: center !important;
  letter-spacing: var(--dpd-account-dropdown-action-spacing, 0.08em) !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body #dpd-account-dropdown .dpd-account-menu__action.is-primary,
body #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: #050708 !important;
  border-color: #050708 !important;
  color: #fff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  overflow: visible !important;
  padding: 0 var(--dpd-v2-app-gutter) 56px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  align-items: start !important;
  column-gap: var(--dpd-v2-app-gap) !important;
  display: grid !important;
  grid-template-columns: var(--dpd-v2-app-sidebar) minmax(0, 1fr) !important;
  max-width: none !important;
  overflow: visible !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell {
  grid-column: 1 !important;
  left: var(--dpd-v2-app-gutter) !important;
  margin: 0 !important;
  position: fixed !important;
  top: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height)) !important;
  transform: none !important;
  width: var(--dpd-v2-app-sidebar) !important;
  z-index: 2147482400 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  box-sizing: border-box !important;
  max-height: calc(100dvh - var(--dpd-v2-fixed-header-space, var(--dpd-member-fixed-header-offset, 112px)) - 42px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 8px 8px 14px !important;
  width: var(--dpd-v2-app-sidebar-collapsed) !important;
  justify-content: center !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header-actions,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-header-actions {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse {
  align-items: center !important;
  display: inline-flex !important;
  height: 50px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  min-height: 50px !important;
  min-width: 58px !important;
  padding: 0 !important;
  width: 58px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-section h3,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label {
  display: none !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
  align-items: center !important;
  display: inline-flex !important;
  height: 48px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  text-align: center !important;
  width: 48px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 18px !important;
  height: 20px !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 20px !important;
}

.dpd-v2-updates-drawer,
.dpd-v2-updates-drawer.is-open,
.dpd-modal-shell,
.dpd-modal-shell[aria-hidden="false"],
.dpd-support-modal,
.dpd-v2-support-modal,
.pum-overlay,
.pum-container {
  z-index: 2147483400 !important;
}

@media (max-width: 1240px) {
  #header-login.dpd-public-header--member .dpd-public-logo-copy,
  body.dpd-member-surface #header-login .dpd-public-logo-copy {
    display: none !important;
  }

  #header-login.dpd-public-header--member .dpd-public-header-bar {
    grid-template-columns: var(--dpd-global-logo-size) minmax(0, 1fr) !important;
  }
}

@media (max-width: 980px) {
  :root {
    --dpd-global-logo-size: 52px !important;
    --dpd-global-pill-height: 40px !important;
    --dpd-global-utility-size: 44px !important;
  }

  body.dpd-member-surface {
    --dpd-v2-app-header-height: 78px !important;
    --dpd-v2-fixed-header-space: calc(var(--dpd-v2-app-header-height) + 22px) !important;
    --dpd-v2-app-sidebar: 0px !important;
  }

  #header-login.dpd-public-header--member .dpd-public-header-bar {
    border-radius: 22px !important;
    grid-template-columns: var(--dpd-global-logo-size) minmax(0, 1fr) !important;
    min-height: 74px !important;
    padding: 11px !important;
  }

  #header-login.dpd-public-header--member .dpd-v2-header-primary-actions {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    display: block !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body #dpd-account-dropdown.dpd-account-dropdown,
  body .dpd-account-dropdown[data-dpd-account-floating="true"] {
    left: 12px !important;
    max-width: none !important;
    min-width: 0 !important;
    right: 12px !important;
    width: auto !important;
  }

  body #dpd-account-dropdown .acc-dropdown-tab,
  body #dpd-account-dropdown .acc-appearance-panel,
  body #dpd-account-dropdown .acc-appearance-panel--approved,
  body #dpd-account-dropdown .dpd-account-menu__actions {
    grid-template-columns: 1fr !important;
  }

  body #dpd-account-dropdown .acc-drop-meta,
  body #dpd-account-dropdown .acc-avatar-grid--selector {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body #dpd-account-dropdown .acc-palette-swatches--compact {
    grid-template-columns: repeat(6, 34px) !important;
  }
}

/* DPD local global chrome and training lock - 2026-06-12 */
:root {
  --font-brand: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "acumin-pro-condensed", "Helvetica Neue Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --dpd-global-shell-gap: clamp(20px, 1.2vw, 28px);
  --dpd-global-shell-top: var(--dpd-global-shell-gap);
  --dpd-global-shell-width: min(1440px, calc(100vw - 96px));
  --dpd-global-shell-height: 84px;
  --dpd-global-logo-size: 58px;
  --dpd-global-pill-height: 44px;
  --dpd-global-utility-size: 50px;
  --dpd-global-shell-radius: 24px;
  --dpd-v2-app-gutter: clamp(18px, 3vw, 56px);
  --dpd-v2-app-gap: 24px;
  --dpd-v2-app-sidebar-expanded: 230px;
  --dpd-v2-app-sidebar-collapsed: 88px;
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-expanded);
  --dpd-v2-fixed-header-space: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap));
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed,
body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-collapsed);
}

body.dpd-member-surface .dpd-v2-header-shell,
body.dpd-member-surface #header-login.dpd-public-header--member {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  left: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: var(--dpd-global-shell-top) !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2147482600 !important;
}

body.admin-bar.dpd-member-surface .dpd-v2-header-shell,
body.admin-bar.dpd-member-surface #header-login.dpd-public-header--member {
  top: calc(var(--dpd-global-shell-top) + 32px) !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login.dpd-public-header--member {
  position: static !important;
  top: auto !important;
  width: 100% !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner.left-gap,
body.dpd-member-surface #header-login.dpd-public-header--member .header-inner.left-gap {
  margin: 0 auto !important;
  max-width: var(--dpd-global-shell-width) !important;
  padding: 0 !important;
  width: var(--dpd-global-shell-width) !important;
}

body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar, body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(70, 75, 19, 0.96) 0%, rgba(13, 28, 29, 0.98) 42%, rgba(13, 28, 29, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--dpd-global-shell-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  column-gap: 18px !important;
  display: grid !important;
  grid-template-columns: var(--dpd-global-logo-size) minmax(0, 1fr) !important;
  height: var(--dpd-global-shell-height) !important;
  margin: 0 auto !important;
  min-height: var(--dpd-global-shell-height) !important;
  overflow: visible !important;
  padding: 13px 18px !important;
  transform: none !important;
  width: 100% !important;
}

body.dpd-member-surface #header-login.dpd-public-header--member .left-sec, body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec {
  align-items: center !important;
  display: flex !important;
  grid-column: 1 !important;
  height: var(--dpd-global-logo-size) !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: var(--dpd-global-logo-size) !important;
  width: var(--dpd-global-logo-size) !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  gap: 14px !important;
  min-width: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-mark, body.dpd-member-surface #header-login .dpd-public-logo-mark img {
  aspect-ratio: 1 / 1 !important;
  border-radius: 14px !important;
  display: block !important;
  flex: 0 0 var(--dpd-global-logo-size) !important;
  height: var(--dpd-global-logo-size) !important;
  max-height: var(--dpd-global-logo-size) !important;
  max-width: var(--dpd-global-logo-size) !important;
  min-height: var(--dpd-global-logo-size) !important;
  min-width: var(--dpd-global-logo-size) !important;
  object-fit: contain !important;
  overflow: hidden !important;
  padding: 0 !important;
  transform: none !important;
  width: var(--dpd-global-logo-size) !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-copy {
  display: none !important;
}

body.dpd-member-surface #header-login .right-sec.header-right, body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  grid-column: 2 !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  transform: none !important;
  width: 100% !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions, body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar, body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar::-webkit-scrollbar {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions li {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-link {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-family: var(--font-brand) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  height: var(--dpd-global-pill-height) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: var(--dpd-global-pill-height) !important;
  padding: 0 22px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .main-nav {
  align-items: center !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-global-utility-size) !important;
  height: var(--dpd-global-utility-size) !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: var(--dpd-global-utility-size) !important;
  min-width: var(--dpd-global-utility-size) !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  width: var(--dpd-global-utility-size) !important;
}

body.dpd-member-surface #header-login .dpd-public-header-utility {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: max-content !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

body.dpd-member-surface #header-login .dpd-public-header-link--utility-bubble,
body.dpd-member-surface #header-login .dpd-public-header-link--updates-bubble,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-global-utility-size) !important;
  height: var(--dpd-global-utility-size) !important;
  justify-content: center !important;
  max-height: var(--dpd-global-utility-size) !important;
  max-width: var(--dpd-global-utility-size) !important;
  min-height: var(--dpd-global-utility-size) !important;
  min-width: var(--dpd-global-utility-size) !important;
  overflow: visible !important;
  padding: 0 !important;
  transform: none !important;
  width: var(--dpd-global-utility-size) !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-copy,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle .fa-angle-down {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-user-badge--account-trigger,
body.dpd-member-surface #header-login .dpd-user-badge--account-trigger .dpd-user-badge__mark {
  height: 44px !important;
  max-height: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  transform: none !important;
  width: 44px !important;
}

body.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown,
body.dpd-member-surface #header-login .dpd-account-dropdown {
  clip: auto !important;
  max-height: min(620px, calc(100dvh - var(--dpd-v2-fixed-header-space, 92px) - 24px)) !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  opacity: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: fixed !important;
  right: var(--dpd-account-dropdown-right, max(18px, calc((100vw - var(--dpd-global-shell-width)) / 2))) !important;
  top: var(--dpd-account-dropdown-top, calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + 12px)) !important;
  transform: translateY(-8px) !important;
  visibility: hidden !important;
  width: min(420px, calc(100vw - 32px)) !important;
  z-index: 2147483600 !important;
}

body.admin-bar.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown,
body.admin-bar.dpd-member-surface #header-login .dpd-account-dropdown {
  top: var(--dpd-account-dropdown-top, calc(var(--dpd-global-shell-top) + 32px + var(--dpd-global-shell-height) + 12px)) !important;
}

body.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown.is-open,
body.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface.dpd-account-menu-open #dpd-account-dropdown.dpd-account-dropdown,
body.dpd-member-surface #header-login .dpd-account-dropdown.is-open,
body.dpd-member-surface #header-login .dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface.dpd-account-menu-open #header-login .dpd-account-dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  column-gap: var(--dpd-v2-app-gap) !important;
  display: grid !important;
  grid-template-columns: var(--dpd-v2-app-sidebar) minmax(0, 1fr) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  left: var(--dpd-v2-app-gutter) !important;
  max-width: var(--dpd-v2-app-sidebar) !important;
  position: fixed !important;
  top: var(--dpd-v2-fixed-header-space) !important;
  width: var(--dpd-v2-app-sidebar) !important;
  z-index: 2147482200 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right {
  grid-column: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 8px 14px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
  align-items: center !important;
  display: inline-flex !important;
  height: 48px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  width: 48px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training {
  --dpd-training-section-gap: 20px;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  align-items: center !important;
  display: grid !important;
  gap: clamp(20px, 3vw, 38px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) !important;
  min-height: clamp(280px, 28vw, 360px) !important;
  padding: clamp(28px, 3.2vw, 42px) clamp(28px, 4vw, 54px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left {
  max-width: 600px !important;
  padding-left: clamp(16px, 2vw, 28px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-family: var(--font-display) !important;
  font-size: clamp(42px, 4.2vw, 66px) !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
  max-inline-size: 11ch !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left > p:not(.dpd-v2-hero-kicker) {
  font-size: 14px !important;
  line-height: 1.45 !important;
  max-width: 540px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-route-proof {
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-progress-summary {
  border-radius: 18px !important;
  max-width: 300px !important;
  padding: 18px 20px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-progress-summary__headline strong {
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 0.95 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-route-story-strip,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-route-jump-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-summary-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-flow-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-support-dock {
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell {
  margin-top: var(--dpd-training-section-gap) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .dpd-section-body,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .training-portal-table-in {
  overflow: hidden !important;
}

/* Course rows are populated after the shared responsive-table enhancer runs,
   so keep this archive as a semantic table until the xs card list takes over. */
@media (min-width: 768px) and (max-width: 1280px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .training-portal-table-in,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell .dpd-v2-table-scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table {
    background: #ffffff !important;
    border: 0 !important;
    display: table !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table thead {
    clip: auto !important;
    clip-path: none !important;
    display: table-header-group !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table thead tr {
    display: table-row !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table thead th {
    display: table-cell !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody {
    display: table-row-group !important;
    gap: normal !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody tr {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: table-row !important;
    overflow: visible !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody td,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody td.dpd-v2-responsive-table__empty {
    background: transparent !important;
    border: 0 !important;
    display: table-cell !important;
    gap: normal !important;
    grid-template-columns: none !important;
    height: auto !important;
    padding: 12px 16px !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table :is(th, td).training-portal-name {
    text-align: left !important;
    width: 28% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table :is(th, td).training-portal-status {
    text-align: center !important;
    width: 18% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table :is(th, td).training-portal-points {
    text-align: center !important;
    width: 32% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table :is(th, td).training-portal-lunch {
    text-align: center !important;
    width: 22% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody td.training-portal-status > span {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 32px !important;
    min-width: 96px !important;
    padding: 0 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .training-portal-points :is(.points-earned, .points-pending) {
    justify-content: center !important;
    white-space: nowrap !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .training-portal-lunch .course-start-btn {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 120px !important;
    min-width: 112px !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table tbody td::before {
    content: none !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-course-table th,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-course-table td,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table th,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table td {
  font-size: 13px !important;
  line-height: 1.25 !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #111820 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #111820 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 34px !important;
  min-width: 120px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
  -webkit-text-fill-color: #111820 !important;
}

@media (max-width: 1180px) {
  :root {
    --dpd-global-shell-width: min(1440px, calc(100vw - 48px));
    --dpd-global-logo-size: 54px;
    --dpd-global-shell-height: 78px;
    --dpd-global-pill-height: 40px;
    --dpd-global-utility-size: 46px;
  }

}

@media (max-width: 980px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar: 0px;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    display: block !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 26px 22px !important;
  }
}

@media (max-width: 680px) {
  :root {
    --dpd-global-shell-width: calc(100vw - 24px);
    --dpd-global-logo-size: 48px;
    --dpd-global-shell-height: 70px;
    --dpd-global-pill-height: 38px;
    --dpd-global-utility-size: 42px;
  }

  body.dpd-member-surface #header-login .dpd-public-header-utility {
    gap: 6px !important;
  }
}

/* DPD local global chrome final split - 2026-06-12 */
:root {
  --font-brand: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "acumin-pro-condensed", "Helvetica Neue Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --dpd-global-shell-gap: clamp(20px, 1.2vw, 28px);
  --dpd-global-shell-top: var(--dpd-global-shell-gap);
  --dpd-global-shell-width: min(1480px, calc(100vw - 96px));
  --dpd-global-shell-height: 84px;
  --dpd-global-logo-size: 58px;
  --dpd-global-logo-copy-width: 154px;
  --dpd-global-pill-height: 44px;
  --dpd-global-utility-size: 50px;
  --dpd-global-shell-radius: 24px;
  --dpd-v2-app-gutter: clamp(18px, 3vw, 56px);
  --dpd-v2-app-gap: 24px;
  --dpd-v2-app-sidebar-expanded: 230px;
  --dpd-v2-app-sidebar-collapsed: 88px;
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-expanded);
  --dpd-v2-fixed-header-space: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap));
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed,
body.dpd-member-surface.dpd-sidebar-collapsed {
  --dpd-v2-app-sidebar: var(--dpd-v2-app-sidebar-collapsed) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header {
  --dpd-global-shell-gap: clamp(18px, 1.4vw, 22px);
  --dpd-global-shell-height: 80px;
  --dpd-global-logo-size: 54px;
  --dpd-global-logo-copy-width: 144px;
  --dpd-global-utility-size: 46px;
  --dpd-public-bar-gap: clamp(16px, 2vw, 28px);
  --dpd-public-bar-pad-x: clamp(20px, 1.4vw, 26px);
  --dpd-public-logo-column: calc(var(--dpd-global-logo-size) + var(--dpd-global-logo-copy-width));
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  left: auto !important;
  margin: 0 auto !important;
  max-width: none !important;
  padding: var(--dpd-global-shell-gap) 0 var(--dpd-global-shell-gap) !important;
  position: sticky !important;
  right: auto !important;
  top: 0 !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2147482500 !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner.left-gap, body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner.left-gap, body.dpd-member-surface #header-login.dpd-public-header--member .header-inner.left-gap {
  margin: 0 auto !important;
  max-width: var(--dpd-global-shell-width) !important;
  padding: 0 !important;
  width: var(--dpd-global-shell-width) !important;
}

body.dpd-member-surface .dpd-v2-header-shell,
body.dpd-member-surface #header-login.dpd-public-header--member {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  left: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: var(--dpd-global-shell-top) !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2147482600 !important;
}

body.admin-bar.dpd-member-surface .dpd-v2-header-shell,
body.admin-bar.dpd-member-surface #header-login.dpd-public-header--member {
  top: calc(var(--dpd-global-shell-top) + 32px) !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login.dpd-public-header--member {
  position: static !important;
  top: auto !important;
  width: 100% !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar, body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar, body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
  align-items: center !important;
  background: linear-gradient(90deg, rgba(70, 75, 19, 0.96) 0%, rgba(13, 28, 29, 0.98) 42%, rgba(13, 28, 29, 0.98) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--dpd-global-shell-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  column-gap: var(--dpd-public-bar-gap, 18px) !important;
  display: grid !important;
  height: var(--dpd-global-shell-height) !important;
  margin: 0 auto !important;
  min-height: var(--dpd-global-shell-height) !important;
  overflow: visible !important;
  padding: 13px var(--dpd-public-bar-pad-x, 18px) !important;
  transform: none !important;
  width: 100% !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
  grid-template-columns: minmax(var(--dpd-public-logo-column), auto) minmax(0, 1fr) !important;
}

body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
  grid-template-columns: var(--dpd-global-logo-size) minmax(0, 1fr) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .logo {
  align-items: center !important;
  display: flex !important;
  grid-column: 1 !important;
  height: var(--dpd-global-logo-size) !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  min-width: var(--dpd-public-logo-column) !important;
  width: auto !important;
}

body.dpd-member-surface #header-login.dpd-public-header--member .left-sec,
body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec,
body.dpd-member-surface #header-login.dpd-public-header--member .dpd-v2-header-shell__brand,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-shell__brand {
  align-items: center !important;
  display: flex !important;
  grid-column: 1 !important;
  height: var(--dpd-global-logo-size) !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: var(--dpd-global-logo-size) !important;
  width: var(--dpd-global-logo-size) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link, body.dpd-member-surface #header-login .dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  gap: 14px !important;
  line-height: 1 !important;
  min-width: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark, body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark img, body.dpd-member-surface #header-login .dpd-public-logo-mark, body.dpd-member-surface #header-login .dpd-public-logo-mark img {
  aspect-ratio: 1 / 1 !important;
  border-radius: 14px !important;
  display: block !important;
  flex: 0 0 var(--dpd-global-logo-size) !important;
  height: var(--dpd-global-logo-size) !important;
  max-height: var(--dpd-global-logo-size) !important;
  max-width: var(--dpd-global-logo-size) !important;
  min-height: var(--dpd-global-logo-size) !important;
  min-width: var(--dpd-global-logo-size) !important;
  object-fit: contain !important;
  overflow: hidden !important;
  padding: 0 !important;
  transform: none !important;
  width: var(--dpd-global-logo-size) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy {
  display: grid !important;
  gap: 1px !important;
  min-width: 126px !important;
  transform: none !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-copy {
  display: none !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy strong, body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy em {
  color: #f7fafc !important;
  display: block !important;
  font-family: var(--font-brand) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy em {
  color: #fff200 !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right, body.dpd-member-surface #header-login .right-sec.header-right, body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  grid-column: 2 !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  transform: none !important;
  width: 100% !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav {
  display: none !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header ul {
  align-items: center !important;
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: auto !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link, body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-actions a, body.dpd-member-surface #header-login .dpd-public-header-link {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: #f7fafc !important;
  display: inline-flex !important;
  font-family: var(--font-brand) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  height: var(--dpd-global-pill-height) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: var(--dpd-global-pill-height) !important;
  padding: 0 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
  white-space: nowrap !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link:not(.dpd-public-header-link--accent):hover,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link:not(.dpd-public-header-link--accent):focus-visible,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-actions a:not(.dpd-public-header-link--accent):hover,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-actions a:not(.dpd-public-header-link--accent):focus-visible {
  background: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-accent, #fff200))) !important;
  border-color: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-accent, #fff200))) !important;
  color: var(--dpd-header-selected-ink, var(--dpd-user-accent-ink, var(--dpd-accent-contrast, #071018))) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link--accent {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071018 !important;
  box-shadow: none !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link__content,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link__icon {
  color: inherit !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  position: relative !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip,
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
  appearance: none !important;
  cursor: pointer !important;
  font: inherit !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip .fa-angle-down,
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip .fa-angle-down,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip .fa-angle-down {
  color: var(--dpd-user-badge-fill, #fff200) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin-left: -2px !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge--public-header,
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip .dpd-user-badge--public-header,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip .dpd-user-badge--public-header {
  background: var(--dpd-user-badge-fill, #fff200) !important;
  border-color: var(--dpd-user-badge-fill, #fff200) !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-accent-rgb, 255, 242, 0), 0.2) !important;
  color: var(--dpd-user-badge-ink, #000000) !important;
}

body [data-dpd-user-badge] {
  align-items: center !important;
  justify-content: center !important;
}

body [data-dpd-user-badge] .dpd-user-badge__text,
body [data-dpd-user-badge].has-icon-avatar i {
  color: inherit !important;
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark {
  background-color: var(--dpd-user-badge-fill, #fff200) !important;
  background-image: var(--dpd-avatar-mark) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 72% 72% !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
  appearance: none;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: none;
  cursor: pointer;
  flex-direction: column;
  gap: 4px;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav span {
  background: #f7fafc;
  border-radius: 999px;
  display: block;
  height: 2px;
  margin: 0;
  transform-origin: center;
  width: 18px;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open span,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.change span {
  left: 50%;
  position: absolute;
  top: 50%;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open .bar1,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.change .bar1 {
  transform: translate(-50%, -50%) rotate(45deg);
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open .bar2,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.change .bar2 {
  opacity: 0;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open .bar3,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.change .bar3 {
  transform: translate(-50%, -50%) rotate(-45deg);
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav, body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link--updates-bubble, body.dpd-member-surface #header-login .main-nav, body.dpd-member-surface #header-login .dpd-public-header-link--utility-bubble, body.dpd-member-surface #header-login .dpd-public-header-link--updates-bubble, body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-global-utility-size) !important;
  float: none;
  height: var(--dpd-global-utility-size) !important;
  justify-content: center !important;
  margin: 0 !important;
  max-height: var(--dpd-global-utility-size) !important;
  max-width: var(--dpd-global-utility-size) !important;
  min-height: var(--dpd-global-utility-size) !important;
  min-width: var(--dpd-global-utility-size) !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  width: var(--dpd-global-utility-size) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link__count,
body.dpd-member-surface #header-login .dpd-public-header-link__count {
  align-items: center;
  background: #fff200;
  border: 1px solid #fff200;
  border-radius: 999px;
  color: #000000;
  display: inline-flex;
  font-size: 10px;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  min-width: 22px;
  padding: 0 7px;
  position: absolute;
  right: -4px;
  top: -4px;
}

body.dpd-member-surface #header-login .dpd-public-header-utility {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  min-width: max-content !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-copy,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle .fa-angle-down {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-user-badge--account-trigger,
body.dpd-member-surface #header-login .dpd-user-badge--account-trigger .dpd-user-badge__mark {
  height: 44px !important;
  max-height: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  transform: none !important;
  width: 44px !important;
}

body.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown,
body.dpd-member-surface #header-login .dpd-account-dropdown {
  clip: auto !important;
  max-height: min(620px, calc(100dvh - var(--dpd-v2-fixed-header-space, 92px) - 24px)) !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  opacity: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: fixed !important;
  right: var(--dpd-account-dropdown-right, max(18px, calc((100vw - var(--dpd-global-shell-width)) / 2))) !important;
  top: var(--dpd-account-dropdown-top, calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + 12px)) !important;
  transform: translateY(-8px) !important;
  visibility: hidden !important;
  width: min(420px, calc(100vw - 32px)) !important;
  z-index: 2147483600 !important;
}

body.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown.is-open,
body.dpd-member-surface #dpd-account-dropdown.dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface.dpd-account-menu-open #dpd-account-dropdown.dpd-account-dropdown,
body.dpd-member-surface #header-login .dpd-account-dropdown.is-open,
body.dpd-member-surface #header-login .dpd-account-dropdown[aria-hidden="false"],
body.dpd-member-surface.dpd-account-menu-open #header-login .dpd-account-dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  column-gap: var(--dpd-v2-app-gap) !important;
  display: grid !important;
  grid-template-columns: var(--dpd-v2-app-sidebar) minmax(0, 1fr) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  left: var(--dpd-v2-app-gutter) !important;
  max-width: var(--dpd-v2-app-sidebar) !important;
  position: fixed !important;
  top: var(--dpd-v2-fixed-header-space) !important;
  width: var(--dpd-v2-app-sidebar) !important;
  z-index: 2147482200 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
body.dpd-theme-latest.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right {
  grid-column: 2 !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 8px 14px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .tag,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-collapse-label,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .tag {
  display: none !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a {
  align-items: center !important;
  display: inline-flex !important;
  height: 48px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  width: 48px !important;
}

body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
  align-items: center !important;
  display: grid !important;
  gap: clamp(20px, 3vw, 38px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) !important;
  min-height: clamp(280px, 28vw, 360px) !important;
  padding: clamp(28px, 3.2vw, 42px) clamp(28px, 4vw, 54px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dashboard-head-left h1 {
  font-family: var(--font-display) !important;
  font-size: clamp(42px, 4.2vw, 66px) !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
  max-inline-size: 11ch !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .dpd-v2-route-proof,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-route-story-strip,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-route-jump-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-summary-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-flow-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-support-dock {
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table-shell {
  margin-top: 20px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-course-table th,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .dpd-v2-training-course-table td,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table th,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table td {
  font-size: 13px !important;
  line-height: 1.25 !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #111820 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #111820 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: 34px !important;
  min-width: 120px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
  -webkit-text-fill-color: #111820 !important;
}

@media (max-width: 1180px) {
  :root {
    --dpd-global-shell-width: min(1440px, calc(100vw - 48px));
    --dpd-global-logo-size: 54px;
    --dpd-global-shell-height: 78px;
    --dpd-global-pill-height: 40px;
    --dpd-global-utility-size: 46px;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header {
    --dpd-public-logo-column: var(--dpd-global-logo-size);
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar: 0px;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    display: block !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro .video-header-content.mock-static-bg {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 26px 22px !important;
  }
}

@media (max-width: 680px) {
  :root {
    --dpd-global-shell-width: calc(100vw - 24px);
    --dpd-global-logo-size: 48px;
    --dpd-global-shell-height: 70px;
    --dpd-global-pill-height: 38px;
    --dpd-global-utility-size: 42px;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header ul {
    display: none !important;
  }
}

/* DPD live QA chrome, training, tire, and finder tightening - 2026-06-12 */
body.dpd-member-surface {
  --dpd-global-shell-gap: clamp(20px, 1.2vw, 28px);
  --dpd-global-shell-top: var(--dpd-global-shell-gap);
  --dpd-global-shell-height: 82px;
  --dpd-v2-fixed-header-space: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap));
  --dpd-v2-app-gutter: clamp(12px, 2vw, 34px);
  --dpd-v2-app-gap: 18px;
  padding-top: 0 !important;
}

body.admin-bar.dpd-member-surface {
  --dpd-global-shell-top: calc(32px + var(--dpd-global-shell-gap));
  --dpd-v2-fixed-header-space: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap));
}

body.dpd-member-surface .dpd-v2-header-shell {
  background: transparent !important;
  box-shadow: none !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 var(--dpd-v2-app-gutter) !important;
  position: fixed !important;
  right: 0 !important;
  top: var(--dpd-global-shell-top) !important;
  transform: none !important;
  width: 100% !important;
  z-index: 2147482300 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  left: var(--dpd-v2-app-gutter) !important;
  opacity: 1 !important;
  position: fixed !important;
  top: var(--dpd-v2-fixed-header-space) !important;
  width: var(--dpd-v2-app-sidebar) !important;
  z-index: 2147482200 !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-copy,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-copy,
body.dpd-member-surface #header-login .logo .dpd-public-logo-copy,
body.dpd-member-surface #header-login .dpd-public-header-logo-copy {
  display: none !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-link,
body.dpd-member-surface #header-login .logo > a {
  align-items: center !important;
  display: inline-flex !important;
  gap: 0 !important;
  justify-content: center !important;
  min-width: var(--dpd-global-logo-size) !important;
  width: var(--dpd-global-logo-size) !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-mark,
body.dpd-member-surface #header-login .logo img {
  flex: 0 0 var(--dpd-global-logo-size) !important;
  height: var(--dpd-global-logo-size) !important;
  max-height: var(--dpd-global-logo-size) !important;
  max-width: var(--dpd-global-logo-size) !important;
  width: var(--dpd-global-logo-size) !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions:empty,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--empty,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions:not(:has(> li)) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell * {
  filter: none !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a span,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-label {
  color: #f7fafc !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item i,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .dpd-v2-nav-icon {
  color: #fff200 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .main-content-area-right,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .main-content-area-right,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .main-content-area-right,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .main-content-area-right {
  padding-top: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #training-intro,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--downloads .dpd-v2-route-hero-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-route-hero-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-hero-shell {
  margin-top: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-continue,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-continue,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-continue:visited {
  background: #111820 !important;
  border-color: #111820 !important;
  box-shadow: 0 10px 20px rgba(17, 24, 32, 0.18) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-start,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-start,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-start:visited {
  background: #fff200 !important;
  border-color: #111820 !important;
  box-shadow: 0 10px 18px rgba(255, 242, 0, 0.24) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-review,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-review,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-review:visited {
  background: #ffffff !important;
  border-color: #4c5966 !important;
  box-shadow: inset 0 0 0 1px rgba(17, 24, 32, 0.16) !important;
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-retry,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-retry,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-retry:visited {
  background: #fff1ee !important;
  border-color: #b42318 !important;
  color: #7a1f16 !important;
  -webkit-text-fill-color: #7a1f16 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn:hover,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn:focus-visible,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn:hover,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn:focus-visible {
  box-shadow: 0 12px 22px rgba(17, 24, 32, 0.18) !important;
  outline: 2px solid rgba(255, 242, 0, 0.68) !important;
  outline-offset: 2px !important;
  transform: translateY(-1px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn:active,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-active,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn:active,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-active {
  box-shadow: inset 0 0 0 2px rgba(17, 24, 32, 0.32) !important;
  transform: translateY(0) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-loading,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-loading {
  cursor: progress !important;
  filter: saturate(0.86) !important;
  pointer-events: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-disabled,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn[aria-disabled="true"],
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn.is-disabled,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-table .course-start-btn[aria-disabled="true"],
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn.is-disabled:visited,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training .course-start-btn[aria-disabled="true"]:visited {
  background: #edf1f4 !important;
  border-color: #c8d1da !important;
  box-shadow: none !important;
  color: #65727d !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transform: none !important;
  -webkit-text-fill-color: #65727d !important;
}

@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile ul {
    gap: 16px !important;
    padding: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile li.dpd-v2-training-course-mobile {
    align-items: center !important;
    column-gap: 12px !important;
    display: grid !important;
    grid-template-areas:
      "title title"
      "reward action"
      "status status" !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, 120px) !important;
    margin: 0 !important;
    padding: 22px !important;
    row-gap: 12px !important;
    text-align: left !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile .training-tab-data-left {
    display: contents !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile .training-tab-data-left h3 {
    grid-area: title !important;
    margin: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile .training-tab-data-left p {
    align-self: center !important;
    grid-area: reward !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile [data-course-points-mobile] {
    align-items: center !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-size: 10px !important;
    gap: 5px !important;
    justify-content: center !important;
    letter-spacing: 0.02em !important;
    line-height: 1.15 !important;
    min-height: 44px !important;
    padding: 7px 10px !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile .training-tab-data-left > span {
    grid-area: status !important;
    justify-self: start !important;
    min-height: 34px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile .training-tab-data-right {
    align-self: center !important;
    display: block !important;
    grid-area: action !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile .training-tab-data-right .course-start-btn {
    height: 44px !important;
    min-height: 44px !important;
    min-width: 112px !important;
    width: 100% !important;
  }
}

@media (max-width: 407px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #courses-mobile li.dpd-v2-training-course-mobile {
    grid-template-areas:
      "title"
      "reward"
      "action"
      "status" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 18px !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features {
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features__lead h2,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features h2 {
  color: #f7fafc !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features__lead p,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-feature-points li,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features p,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features li {
  color: rgba(247, 250, 252, 0.78) !important;
  opacity: 1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-feature-grid,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-cockpit__sizes,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-feature-card,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-option,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-product-size-button {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-shell {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-bank {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-action-row--finder-card .mock-btn,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card .dpd-v2-action-row .mock-btn,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-card-side-button {
  min-width: 0 !important;
  overflow: hidden !important;
  padding-inline: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

@media (max-width: 1180px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-finder .dpd-v2-finder-group__grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.dpd-member-surface .dpd-v2-header-shell {
    position: sticky !important;
    top: 0 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
    padding-top: 12px !important;
  }
}

/* DPD post-deploy QA chrome/drawer lock - 2026-06-12 */
body.dpd-member-surface {
  --dpd-v2-fixed-header-space: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap));
  padding-top: 0 !important;
}

body.admin-bar.dpd-member-surface {
  --dpd-v2-fixed-header-space: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap));
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  overflow: visible !important;
  padding-top: var(--dpd-v2-fixed-header-space) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  align-items: flex-start !important;
  gap: var(--dpd-v2-app-gap) !important;
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-v2-admin-tool--ecommerce .dpd-v2-admin-tool-frame .dpd-ecommerce-setup-safe .main-content-area {
  column-gap: 0 !important;
  display: block !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  max-width: none !important;
  width: 100% !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right {
  min-width: 0 !important;
  padding-top: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
  align-self: flex-start !important;
  bottom: auto !important;
  height: auto !important;
  left: var(--dpd-v2-sidebar-managed-left, auto) !important;
  max-height: calc(100dvh - var(--dpd-v2-fixed-header-space) - 42px) !important;
  overflow: visible !important;
  position: var(--dpd-v2-sidebar-managed-position, sticky) !important;
  top: var(--dpd-v2-sidebar-managed-top, var(--dpd-v2-fixed-header-space)) !important;
  width: var(--dpd-v2-sidebar-managed-width, var(--dpd-v2-app-sidebar)) !important;
  z-index: 100 !important;
}

body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-header-bar,
body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-header-bar {
  column-gap: var(--dpd-member-shell-gap, clamp(18px, 1.4vw, 28px)) !important;
  display: grid !important;
  grid-template-columns: var(--dpd-member-sidebar-active, var(--dpd-stable-sidebar, 212px)) minmax(0, 1fr) !important;
  min-height: 76px !important;
  overflow: visible !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right {
  display: grid !important;
  flex: 1 1 0 !important;
  gap: clamp(7px, 0.75vw, 10px) !important;
  grid-column: 2 !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  inline-size: auto !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  width: auto !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
  gap: clamp(6px, 0.65vw, 9px) !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-left: 0 !important;
  width: 100% !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions:empty,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--empty,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions:not(:has(a, button)),
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar:not(:has(a, button)) {
  display: none !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions > li,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar > li {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar .dpd-public-header-link {
  font-size: clamp(10px, 0.68vw, 12px) !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-inline: clamp(10px, 0.85vw, 15px) !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #header-login .dpd-public-header-utility {
  flex: 0 0 auto !important;
  gap: clamp(6px, 0.7vw, 10px) !important;
  margin-left: 0 !important;
}

body.dpd-member-surface .dpd-modal-shell,
body.dpd-member-surface .dpd-modal-shell[aria-hidden="false"] {
  inset: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 12px !important;
  z-index: 2147483100 !important;
}

body.dpd-member-surface .dpd-modal-dialog {
  border-radius: 28px !important;
  height: auto !important;
  margin-left: auto !important;
  max-height: calc(100vh - 24px) !important;
  overflow: hidden !important;
}

body.dpd-member-surface .dpd-modal-body {
  max-height: calc(100vh - 120px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.dpd-member-surface .dpd-v2-updates-drawer,
body.dpd-member-surface .dpd-v2-updates-drawer.is-open {
  bottom: 12px !important;
  max-height: calc(100vh - 24px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-bottom: 110px !important;
  right: clamp(10px, 2vw, 28px) !important;
  top: 12px !important;
  width: min(520px, calc(100vw - 20px)) !important;
  z-index: 2147483000 !important;
}

body.dpd-member-surface .dpd-v2-updates-drawer-backdrop {
  z-index: 2147482900 !important;
}

body.dpd-member-surface.dpd-v2-updates-drawer-open .dpd-helper-launcher {
  z-index: 2147482800 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-features,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--tire-detail .dpd-v2-dmt-feature-grid {
  overflow: hidden !important;
}

@media (max-width: 1180px) {
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
    max-width: calc(100vw - 320px) !important;
  }
}

@media (max-width: 980px) {
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions,
  body.dpd-member-surface #header-login .dpd-v2-header-primary-actions--jumpbar {
    display: none !important;
  }
}

/* DPD dashboard loyalty card: render empty-state info inside the card instead of as a hidden popover. */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed {
  align-items: stretch !important;
  align-self: start !important;
  display: grid !important;
  gap: clamp(16px, 1.5vw, 24px) !important;
  grid-template-areas:
    "header header"
    "chart summary" !important;
  grid-template-columns: minmax(164px, 220px) minmax(0, 1fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: clamp(20px, 1.8vw, 28px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-program-card__header {
  align-items: center !important;
  grid-area: header !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart-wrap {
  align-content: center !important;
  display: grid !important;
  gap: 0 !important;
  grid-area: chart !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-list,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-info-dot {
  display: none !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  justify-content: center !important;
  max-width: clamp(154px, 13vw, 210px) !important;
  min-height: clamp(154px, 13vw, 210px) !important;
  min-width: clamp(154px, 13vw, 210px) !important;
  text-align: center !important;
  width: clamp(154px, 13vw, 210px) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart strong,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart span {
  align-self: center !important;
  margin: 0 !important;
  text-align: center !important;
  width: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart strong {
  line-height: 0.95 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart span {
  line-height: 1.1 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-info-summary {
  align-content: center !important;
  align-self: stretch !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  box-sizing: border-box !important;
  color: rgba(238, 244, 248, 0.78) !important;
  display: grid !important;
  font-size: 14px !important;
  grid-area: summary !important;
  left: auto !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 100% !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: clamp(18px, 2vw, 24px) !important;
  pointer-events: auto !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  transform: none !important;
  visibility: visible !important;
  width: auto !important;
  z-index: auto !important;
}

@media (max-width: 900px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed {
    grid-template-areas:
      "header"
      "chart"
      "summary" !important;
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty.dpd-v2-info-managed .dpd-v2-loyalty-chart-wrap {
    justify-items: start !important;
  }
}

/* DPD dashboard service health: wider dark cards with readable titles and visible status notes. */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 16px !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-auto-rows: 1fr !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  min-width: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item {
  --dpd-status-panel-color: #9ca8b3;
  align-content: start !important;
  background: radial-gradient(circle at 92% 8%, rgba(255, 242, 0, 0.16), rgba(255, 242, 0, 0) 34%), linear-gradient(145deg, #101820 0%, #152126 58%, #26330f 100%) !important;
  border: 1px solid rgba(255, 242, 0, 0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(8, 14, 21, 0.18) !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  display: grid !important;
  gap: 14px 18px !important;
  grid-template-areas:
    "copy status"
    "copy info";
  grid-template-columns: minmax(0, 1fr) auto !important;
  height: 100% !important;
  min-height: 190px !important;
  overflow: visible !important;
  padding: 20px !important;
  position: relative !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-info-open {
  z-index: 8;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-ok {
  --dpd-status-panel-color: #22d8b4;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-warn,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-neutral {
  --dpd-status-panel-color: #fff200;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-bad {
  --dpd-status-panel-color: #ff6b5d;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item::before {
  background: var(--dpd-status-panel-color);
  border-radius: 999px;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--dpd-status-panel-color) 16%, transparent);
  content: "";
  height: 8px;
  left: 20px;
  position: absolute;
  top: 22px;
  width: 8px;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__copy {
  display: grid !important;
  gap: 10px !important;
  grid-area: copy !important;
  min-width: 0 !important;
  padding-left: 20px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__label {
  color: rgba(238, 244, 248, 0.72) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-transform: uppercase !important;
  word-break: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__title {
  color: #ffffff !important;
  display: block !important;
  font-size: clamp(22px, 1.2vw, 28px) !important;
  font-weight: 800 !important;
  hyphens: none !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
  white-space: normal !important;
  word-break: normal !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item > .mock-chip {
  align-self: start !important;
  background: var(--dpd-status-panel-color) !important;
  border: 2px solid rgba(16, 24, 32, 0.72) !important;
  border-radius: 999px !important;
  color: #10181b !important;
  grid-area: status !important;
  justify-self: end !important;
  line-height: 1.1 !important;
  margin: 0 14px 0 0 !important;
  max-width: 100% !important;
  min-height: 40px !important;
  min-width: 126px !important;
  padding: 10px 44px 10px 18px !important;
  position: relative !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item .dpd-v2-info-dot {
  align-items: center !important;
  background: #fff200 !important;
  border: 2px solid #101820 !important;
  border-radius: 999px !important;
  color: #10181b !important;
  cursor: pointer !important;
  display: inline-grid !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  block-size: 26px !important;
  height: 26px !important;
  inline-size: 26px !important;
  justify-content: center !important;
  line-height: 1 !important;
  max-block-size: 26px !important;
  max-height: 26px !important;
  max-inline-size: 26px !important;
  max-width: 26px !important;
  min-block-size: 26px !important;
  min-height: 26px !important;
  min-inline-size: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  grid-area: status !important;
  justify-self: end !important;
  margin: -6px 6px 0 0 !important;
  position: relative !important;
  right: auto !important;
  text-transform: lowercase !important;
  top: auto !important;
  width: 26px !important;
  z-index: 6 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item .dpd-v2-info-dot[data-dpd-tooltip]::after {
  bottom: calc(100% + 10px) !important;
  right: 0 !important;
  top: auto !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item .dpd-v2-info-summary {
  background: rgba(10, 16, 22, 0.98) !important;
  border: 1px solid rgba(255, 242, 0, 0.42) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32) !important;
  box-sizing: border-box;
  color: #ffffff !important;
  display: none !important;
  font-size: 12px !important;
  left: auto !important;
  line-height: 1.38 !important;
  margin: 0 !important;
  max-height: min(220px, 60dvh) !important;
  max-width: min(340px, calc(100vw - 40px)) !important;
  min-width: min(260px, calc(100vw - 40px)) !important;
  opacity: 1 !important;
  overflow: auto !important;
  padding: 12px 14px !important;
  pointer-events: auto !important;
  position: absolute !important;
  right: 12px !important;
  text-align: left !important;
  top: 48px !important;
  transform: none !important;
  visibility: visible !important;
  width: min(340px, calc(100vw - 40px)) !important;
  z-index: 2147483390 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-info-open .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-info-hover .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item:focus-within .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item:has(.dpd-v2-info-dot:hover) .dpd-v2-info-summary {
  display: block !important;
}

@media (max-width: 760px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__grid {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item {
    grid-template-areas:
      "copy"
      "status" !important;
    grid-template-columns: 1fr !important;
    min-height: 220px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item > .mock-chip {
    justify-self: end !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item .dpd-v2-info-dot {
    justify-self: end !important;
  }
}

/* Session-aware public/member header audit - 2026-06-18 */
#header-login.dpd-public-header--member .dpd-public-header-menu-toggle--member {
  order: 4 !important;
}

#header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
#header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar,
#header-login.dpd-public-header--member [data-dpd-route-jumpbar] {
  order: 1 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-utility {
  order: 2 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account {
  order: 3 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-toggle,
body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-account-toggle {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  max-width: min(250px, 24vw) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 14px 0 6px !important;
  width: auto !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-toggle:hover,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle:focus-visible {
  background: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-personal-accent, #fff200))) !important;
  border-color: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-personal-accent, #fff200))) !important;
  color: var(--dpd-header-selected-ink, var(--dpd-user-accent-ink, var(--dpd-personal-accent-ink, #071018))) !important;
  -webkit-text-fill-color: currentColor !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-copy,
body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-account-copy {
  display: grid !important;
  gap: 2px !important;
  max-width: 150px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: left !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-prefix {
  display: none !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-name,
#header-login.dpd-public-header--member .dpd-public-header-account-role {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-name {
  color: #ffffff !important;
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-role {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.11em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-toggle .fa-angle-down {
  color: rgba(255, 255, 255, 0.62) !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  margin-left: 0 !important;
}

#header-login.dpd-public-header--member .dpd-public-header-account-toggle:hover .dpd-public-header-account-name,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle:hover .dpd-public-header-account-role,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle:hover .fa-angle-down,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle:focus-visible .dpd-public-header-account-name,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle:focus-visible .dpd-public-header-account-role,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle:focus-visible .fa-angle-down {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

#header-login.dpd-public-header--member .dpd-user-badge--account-trigger,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle .dpd-user-badge {
  flex: 0 0 42px !important;
}

@media (max-width: 1180px) {
  #header-login.dpd-public-header--member .dpd-public-header-account-role {
    display: none !important;
  }

  #header-login.dpd-public-header--member .dpd-public-header-account-copy {
    max-width: 118px !important;
  }
}

@media (max-width: 980px) {
  #header-login.dpd-public-header--member .dpd-public-header-account-toggle,
  body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-account-toggle {
    flex: 0 0 var(--dpd-global-utility-size, 54px) !important;
    max-width: var(--dpd-global-utility-size, 54px) !important;
    min-width: var(--dpd-global-utility-size, 54px) !important;
    padding: 0 !important;
    width: var(--dpd-global-utility-size, 54px) !important;
  }

  #header-login.dpd-public-header--member .dpd-public-header-account-copy,
  #header-login.dpd-public-header--member .dpd-public-header-account-toggle .fa-angle-down {
    display: none !important;
  }
}

/* Public-home logged-in header compact pass - 2026-06-18 */
.dpd-public-home-shell > #header-login.dpd-public-header--member,
.dpd-public-home-shell #header-login.dpd-public-header--member {
  --dpd-global-logo-size: 54px;
  --dpd-global-pill-height: 46px;
  --dpd-global-utility-size: 50px;
}

.dpd-public-home-shell > #header-login.dpd-public-header--member .dpd-public-header-bar,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-bar {
  gap: clamp(12px, 1.2vw, 18px) !important;
  grid-template-columns: var(--dpd-global-logo-size, 54px) minmax(0, 1fr) !important;
  min-height: 72px !important;
  padding: 10px clamp(12px, 1.6vw, 18px) !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .left-sec,
.dpd-public-home-shell #header-login.dpd-public-header--member .logo,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-shell__brand,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-link {
  min-width: var(--dpd-global-logo-size, 54px) !important;
  width: var(--dpd-global-logo-size, 54px) !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-link {
  gap: 0 !important;
  justify-content: center !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-copy {
  display: none !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  width: 0 !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-mark,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-mark img {
  flex: 0 0 var(--dpd-global-logo-size, 54px) !important;
  height: var(--dpd-global-logo-size, 54px) !important;
  max-height: var(--dpd-global-logo-size, 54px) !important;
  max-width: var(--dpd-global-logo-size, 54px) !important;
  min-height: var(--dpd-global-logo-size, 54px) !important;
  min-width: var(--dpd-global-logo-size, 54px) !important;
  width: var(--dpd-global-logo-size, 54px) !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .right-sec.header-right,
.dpd-public-home-shell #header-login.dpd-public-header--member .header-right {
  gap: clamp(8px, 0.8vw, 12px) !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions {
  flex: 0 1 auto !important;
  gap: clamp(8px, 0.75vw, 10px) !important;
  justify-content: flex-end !important;
  max-width: min(460px, 42vw) !important;
  overflow: hidden !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions .dpd-public-header-link {
  min-width: 0 !important;
  padding-inline: clamp(14px, 1.2vw, 20px) !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-utility:empty,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-utility:not(:has(a, button)) {
  display: none !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-account {
  margin-left: 4px !important;
}

@media (max-width: 1120px) {
  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-account-copy,
  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-account-toggle .fa-angle-down {
    display: none !important;
  }

  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-account-toggle {
    flex: 0 0 var(--dpd-global-utility-size, 50px) !important;
    max-width: var(--dpd-global-utility-size, 50px) !important;
    min-width: var(--dpd-global-utility-size, 50px) !important;
    padding: 0 !important;
    width: var(--dpd-global-utility-size, 50px) !important;
  }
}

@media (max-width: 780px) {
  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions {
    display: none !important;
  }
}

/* Public-home logged-in header correction - 2026-06-18 */
.dpd-public-home-shell > #header-login.dpd-public-header--member .dpd-public-header-bar,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-bar {
  grid-template-columns: minmax(174px, max-content) minmax(0, 1fr) !important;
  overflow: visible !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .left-sec,
.dpd-public-home-shell #header-login.dpd-public-header--member .logo,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-shell__brand {
  min-width: 174px !important;
  width: auto !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-link {
  gap: 12px !important;
  justify-content: flex-start !important;
  min-width: 174px !important;
  width: auto !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-copy {
  display: grid !important;
  gap: 1px !important;
  max-width: none !important;
  min-width: 90px !important;
  opacity: 1 !important;
  overflow: visible !important;
  visibility: visible !important;
  width: auto !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-copy strong,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-copy em {
  display: block !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .right-sec.header-right,
.dpd-public-home-shell #header-login.dpd-public-header--member .header-right {
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  overflow: visible !important;
  width: 100% !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar {
  flex: 0 0 auto !important;
  max-width: none !important;
  overflow: visible !important;
  transform: none !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions > li,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar > li {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions .dpd-public-header-link,
.dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-primary-actions--jumpbar .dpd-public-header-link {
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 1180px) {
  .dpd-public-home-shell > #header-login.dpd-public-header--member .dpd-public-header-bar,
  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-header-bar {
    grid-template-columns: var(--dpd-global-logo-size, 54px) minmax(0, 1fr) !important;
  }

  .dpd-public-home-shell #header-login.dpd-public-header--member .left-sec,
  .dpd-public-home-shell #header-login.dpd-public-header--member .logo,
  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-v2-header-shell__brand,
  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-link {
    min-width: var(--dpd-global-logo-size, 54px) !important;
    width: var(--dpd-global-logo-size, 54px) !important;
  }

  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-link {
    gap: 0 !important;
    justify-content: center !important;
  }

  .dpd-public-home-shell #header-login.dpd-public-header--member .dpd-public-logo-copy {
    display: none !important;
    max-width: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
  }
}

/* Authenticated homepage uses public header, not portal header - 2026-06-18 */
body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home {
  --dpd-public-logo-column: calc(var(--dpd-global-logo-size) + 142px);
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-bar {
  grid-template-columns: minmax(var(--dpd-public-logo-column), auto) minmax(0, 1fr) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .header-right {
  gap: clamp(10px, 0.85vw, 14px) !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home ul {
  flex: 0 0 auto !important;
  overflow: visible !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-story-nav {
  display: none !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: #f7fafc !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  height: var(--dpd-global-utility-size, 46px) !important;
  justify-content: center !important;
  max-width: min(230px, 22vw) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 14px 0 5px !important;
  text-decoration: none !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip:hover,
body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip:focus-visible {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 242, 0, 0.5) !important;
  color: #ffffff !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-user-badge--public-header,
body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__fallback {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, #fff200) !important;
  border: 1px solid var(--dpd-user-badge-fill, #fff200) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-accent-rgb, 255, 242, 0), 0.2) !important;
  color: var(--dpd-user-badge-ink, #000000) !important;
  display: inline-flex !important;
  flex: 0 0 36px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 36px !important;
  justify-content: center !important;
  line-height: 1 !important;
  max-height: 36px !important;
  max-width: 36px !important;
  min-height: 36px !important;
  min-width: 36px !important;
  overflow: hidden !important;
  width: 36px !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-user-badge--public-header img {
  display: block !important;
  height: 20px !important;
  max-height: 20px !important;
  max-width: 20px !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 20px !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy {
  display: grid !important;
  gap: 2px !important;
  max-width: 145px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: left !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy strong,
body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy em {
  display: block !important;
  font-family: var(--font-brand) !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy strong {
  color: #ffffff !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy em {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip .fa-angle-down {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
    flex: 0 0 var(--dpd-global-utility-size, 46px) !important;
    max-width: var(--dpd-global-utility-size, 46px) !important;
    padding: 0 !important;
    width: var(--dpd-global-utility-size, 46px) !important;
  }
}

@media (max-width: 800px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link--account-access {
    display: none !important;
  }
}

/* Public header mobile audit cleanup - 2026-06-18 */
@media (max-width: 800px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
    margin: 0 auto !important;
    max-width: calc(100vw - 24px) !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
    align-items: center !important;
    border-radius: 22px !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    min-height: 68px !important;
    overflow: visible !important;
    padding: 10px 12px !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link {
    min-width: 0 !important;
    width: 58px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul {
    align-items: center !important;
    display: flex !important;
    flex: 0 1 auto !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right ul li {
    display: flex !important;
    flex: 0 0 auto !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated-home) .dpd-public-header-link:not(.dpd-public-header-link--accent),
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .header-right ul,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated-home) .dpd-public-header-link--accent {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 10px !important;
    height: 48px !important;
    justify-content: center !important;
    letter-spacing: 0.11em !important;
    max-width: min(230px, 52vw) !important;
    min-width: 158px !important;
    padding: 0 16px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
    display: inline-flex !important;
    flex: 0 0 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    min-width: 46px !important;
    order: 1 !important;
    padding: 0 !important;
    width: 46px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 46px !important;
    height: 46px !important;
    justify-content: center !important;
    min-width: 46px !important;
    order: 2 !important;
    width: 46px !important;
  }

  body:not(.dpd-member-surface) .home-menu-popup {
    max-height: 100dvh !important;
    overflow: auto !important;
    padding-bottom: max(92px, env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 430px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
    max-width: calc(100vw - 16px) !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding: 9px 10px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated-home) .dpd-public-header-link--accent {
    font-size: 9px !important;
    max-width: min(206px, 50vw) !important;
    min-width: 138px !important;
    padding: 0 12px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link {
    width: 54px !important;
  }
}

/* Authenticated public pages keep public header behavior, even when logged-in body classes are present. */
header.log-out.dpd-public-header--authenticated,
header.log-out.dpd-public-header--authenticated-home {
  --dpd-public-logo-column: calc(var(--dpd-global-logo-size, 54px) + 142px);
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-bar,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-bar {
  grid-template-columns: minmax(var(--dpd-public-logo-column), auto) minmax(0, 1fr) !important;
}

header.log-out.dpd-public-header--authenticated .header-right,
header.log-out.dpd-public-header--authenticated-home .header-right {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: clamp(10px, 0.85vw, 14px) !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-story-nav,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-story-nav {
  display: none !important;
}

header.log-out.dpd-public-header--authenticated .header-right > ul,
header.log-out.dpd-public-header--authenticated-home .header-right > ul {
  align-items: center !important;
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: nowrap !important;
  gap: clamp(8px, 0.7vw, 12px) !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  overflow: visible !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-link,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: #f7fafc !important;
  display: inline-flex !important;
  font-family: var(--font-brand) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  height: var(--dpd-global-pill-height, 46px) !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  min-height: var(--dpd-global-pill-height, 46px) !important;
  padding: 0 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-link:not(.dpd-public-header-link--accent):hover,
header.log-out.dpd-public-header--authenticated .dpd-public-header-link:not(.dpd-public-header-link--accent):focus-visible,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link:not(.dpd-public-header-link--accent):hover,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link:not(.dpd-public-header-link--accent):focus-visible {
  background: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-accent, #fff200))) !important;
  border-color: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-accent, #fff200))) !important;
  color: var(--dpd-header-selected-ink, var(--dpd-user-accent-ink, var(--dpd-accent-contrast, #071018))) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: currentColor !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-link--accent,
header.log-out.dpd-public-header--authenticated .dpd-public-header-link--account-access,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link--accent,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link--account-access {
  background: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-accent, #fff200))) !important;
  border-color: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-accent, #fff200))) !important;
  box-shadow: none !important;
  color: var(--dpd-header-selected-ink, var(--dpd-user-accent-ink, var(--dpd-accent-contrast, #071018))) !important;
  -webkit-text-fill-color: currentColor !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-link__content,
header.log-out.dpd-public-header--authenticated .dpd-public-header-link__icon,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link__content,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-link__icon {
  color: inherit !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-menu-toggle,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-menu-toggle {
  align-items: center !important;
  appearance: none !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 var(--dpd-global-utility-size, 46px) !important;
  flex-direction: column !important;
  gap: 4px !important;
  height: var(--dpd-global-utility-size, 46px) !important;
  justify-content: center !important;
  margin: 0 !important;
  order: 20 !important;
  width: var(--dpd-global-utility-size, 46px) !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-menu-toggle span,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-menu-toggle span {
  background: #f7fafc !important;
  border-radius: 999px !important;
  display: block !important;
  height: 2px !important;
  margin: 0 !important;
  width: 18px !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: #f7fafc !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  height: var(--dpd-global-utility-size, 46px) !important;
  justify-content: center !important;
  max-width: min(230px, 22vw) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 14px 0 5px !important;
  text-decoration: none !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip:hover,
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip:focus-visible,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip:hover,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip:focus-visible {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 242, 0, 0.5) !important;
  color: #ffffff !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge--public-header,
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__fallback,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge--public-header,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__fallback {
  align-items: center !important;
  background: var(--dpd-user-badge-fill, #fff200) !important;
  border: 1px solid var(--dpd-user-badge-fill, #fff200) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-accent-rgb, 255, 242, 0), 0.2) !important;
  color: var(--dpd-user-badge-ink, #000000) !important;
  display: inline-flex !important;
  flex: 0 0 36px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 36px !important;
  justify-content: center !important;
  line-height: 1 !important;
  max-height: 36px !important;
  max-width: 36px !important;
  min-height: 36px !important;
  min-width: 36px !important;
  overflow: hidden !important;
  width: 36px !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge--public-header img,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge--public-header img {
  display: block !important;
  height: 20px !important;
  max-height: 20px !important;
  max-width: 20px !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 20px !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy {
  display: grid !important;
  gap: 2px !important;
  max-width: 145px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: left !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy strong,
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy em,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy strong,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy em {
  display: block !important;
  font-family: var(--font-brand) !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy strong,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy strong {
  color: #ffffff !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy em,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy em {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
  header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy,
  header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy {
    display: none !important;
  }

  header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip .fa-angle-down,
  header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip .fa-angle-down {
    display: none !important;
  }

  header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip,
  header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
    flex: 0 0 var(--dpd-global-utility-size, 46px) !important;
    max-width: var(--dpd-global-utility-size, 46px) !important;
    padding: 0 !important;
    width: var(--dpd-global-utility-size, 46px) !important;
  }
}

@media (max-width: 860px) {
  header.log-out.dpd-public-header--authenticated,
  header.log-out.dpd-public-header--authenticated-home {
    --dpd-public-logo-column: 64px;
  }

  header.log-out.dpd-public-header--authenticated .dpd-public-header-bar,
  header.log-out.dpd-public-header--authenticated-home .dpd-public-header-bar {
    grid-template-columns: minmax(64px, auto) minmax(0, 1fr) !important;
  }

  header.log-out.dpd-public-header--authenticated .dpd-public-logo-copy,
  header.log-out.dpd-public-header--authenticated-home .dpd-public-logo-copy {
    display: none !important;
  }

  header.log-out.dpd-public-header--authenticated .header-right > ul,
  header.log-out.dpd-public-header--authenticated-home .header-right > ul {
    display: none !important;
  }
}

/* Public/member header avatar sync and mobile collision fix - 2026-06-18 */
header.log-out.dpd-public-header--authenticated,
header.log-out.dpd-public-header--authenticated-home,
#header-login.dpd-public-header--member,
body #dpd-account-dropdown.dpd-account-dropdown {
  --dpd-header-selected-accent: var(--dpd-user-badge-fill, var(--dpd-user-accent, var(--dpd-personal-accent, var(--dpd-accent, #fff200))));
  --dpd-header-selected-ink: var(--dpd-user-badge-ink, var(--dpd-user-accent-ink, var(--dpd-personal-accent-ink, var(--dpd-accent-contrast, #071018))));
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle .dpd-user-badge,
body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active .acc-avatar-icon,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active .acc-avatar-initials {
  background: var(--dpd-header-selected-accent) !important;
  background-color: var(--dpd-header-selected-accent) !important;
  border-color: color-mix(in srgb, var(--dpd-header-selected-accent) 82%, #101820 18%) !important;
  color: var(--dpd-header-selected-ink) !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
#header-login.dpd-public-header--member .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
body #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
body #dpd-account-dropdown .acc-avatar-icon--mark {
  background-color: var(--dpd-header-selected-accent) !important;
  background-image: var(--dpd-avatar-mark) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 72% 72% !important;
}

body #dpd-account-dropdown .acc-palette-swatch.is-active,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active {
  border-color: var(--dpd-header-selected-accent) !important;
  box-shadow: 0 0 0 2px rgba(var(--dpd-accent-rgb, 255, 242, 0), 0.26), 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}

body #dpd-account-dropdown .dpd-account-menu__action.is-primary,
body #dpd-account-dropdown .dpd-account-menu__action.is-signout {
  background: var(--dpd-header-selected-accent) !important;
  border-color: var(--dpd-header-selected-accent) !important;
  color: var(--dpd-header-selected-ink) !important;
}

@media (max-width: 800px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home {
    --dpd-global-shell-height: 62px !important;
    --dpd-global-logo-size: 46px !important;
    --dpd-global-pill-height: 42px !important;
    --dpd-global-utility-size: 42px !important;
    --dpd-header-logo-tile-size: 46px !important;
    --dpd-header-logo-mark-size: 46px !important;
    --dpd-public-header-account-control-height: 42px !important;
    --dpd-public-header-avatar-size-mobile: 40px !important;
    --dpd-public-header-mark-size-mobile: 26px !important;
    padding: 8px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner.left-gap,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-bar,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-bar {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    min-height: 62px !important;
    overflow: hidden !important;
    padding: 8px 10px !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark img {
    flex: 0 0 46px !important;
    height: 46px !important;
    max-height: 46px !important;
    max-width: 46px !important;
    min-height: 46px !important;
    min-width: 46px !important;
    width: 46px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right {
    align-items: center !important;
    display: flex !important;
    gap: 6px !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right > ul {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    gap: 6px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right > ul > li {
    display: none !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .header-right > ul > li:has(.dpd-public-header-link--accent),
  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .header-right > ul > li:last-child {
    display: flex !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .dpd-public-header-link--accent {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    font-size: 8.5px !important;
    height: 42px !important;
    letter-spacing: 0.06em !important;
    max-width: min(240px, calc(100vw - 124px)) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .header-right > ul,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .header-right > ul {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account {
    flex: 0 0 42px !important;
    order: 1 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
    flex: 0 0 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    width: 42px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip .fa-angle-down,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip .fa-angle-down {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
    flex: 0 0 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    order: 2 !important;
    width: 42px !important;
  }

  body #dpd-account-dropdown.dpd-account-dropdown,
  body .dpd-account-dropdown[data-dpd-account-floating="true"] {
    left: 8px !important;
    max-height: calc(100dvh - 84px) !important;
    max-width: calc(100vw - 16px) !important;
    right: 8px !important;
    top: var(--dpd-account-dropdown-top, 70px) !important;
    width: calc(100vw - 16px) !important;
  }
}

/* 970 to 900 */
@media (min-width: 801px) and (max-width: 970px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home {
    --dpd-global-shell-height: 72px !important;
    --dpd-global-logo-size: 50px !important;
    --dpd-global-pill-height: 44px !important;
    --dpd-global-utility-size: 44px !important;
    --dpd-header-logo-tile-size: 50px !important;
    --dpd-header-logo-mark-size: 50px !important;
    --dpd-public-header-account-control-height: 44px !important;
    --dpd-public-header-avatar-size-mobile: 42px !important;
    --dpd-public-header-mark-size-mobile: 28px !important;
    padding: 10px 12px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner.left-gap,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-bar,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-bar {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    min-height: 72px !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark img {
    flex: 0 0 50px !important;
    gap: 0 !important;
    height: 50px !important;
    max-height: 50px !important;
    max-width: 50px !important;
    min-height: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-story-nav {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right > ul {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right > ul > li {
    display: none !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .header-right > ul > li:has(.dpd-public-header-link--accent),
  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .header-right > ul > li:last-child {
    display: flex !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .dpd-public-header-link--accent {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 10px !important;
    height: 44px !important;
    letter-spacing: 0.08em !important;
    max-width: min(260px, calc(100vw - 144px)) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .header-right > ul,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .header-right > ul {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account {
    flex: 0 0 44px !important;
    order: 1 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
    flex: 0 0 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    width: 44px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip__copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip .fa-angle-down,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip__copy,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip .fa-angle-down {
    display: none !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
    flex: 0 0 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    order: 2 !important;
    width: 44px !important;
  }
}

@media (max-width: 380px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header {
    --dpd-global-shell-height: 56px !important;
    --dpd-global-logo-size: 40px !important;
    --dpd-global-utility-size: 40px !important;
    --dpd-header-logo-tile-size: 40px !important;
    --dpd-header-logo-mark-size: 40px !important;
    --dpd-public-header-account-control-height: 40px !important;
    --dpd-public-header-avatar-size-mobile: 36px !important;
    --dpd-public-header-mark-size-mobile: 24px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner.left-gap,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
    max-width: 100% !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    min-height: 56px !important;
    padding: 8px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .logo,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-link,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-logo-mark img {
    flex-basis: 40px !important;
    height: 40px !important;
    max-height: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .dpd-public-header-link--accent {
    font-size: 7.5px !important;
    height: 40px !important;
    max-width: min(208px, calc(100vw - 112px)) !important;
    padding: 0 8px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip {
    flex-basis: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
  }
}

@media (max-width: 720px) {
  html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open {
    --dpd-public-mobile-menu-offset: calc(var(--dpd-global-shell-top) + var(--dpd-global-shell-height) + var(--dpd-global-shell-gap) + 12px);
    height: calc(100dvh - var(--dpd-public-mobile-menu-offset)) !important;
    max-height: calc(100dvh - var(--dpd-public-mobile-menu-offset)) !important;
    min-height: 0 !important;
    top: var(--dpd-public-mobile-menu-offset) !important;
  }

  html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
  html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell {
    min-height: 100% !important;
  }

  html.dpd-public-mobile-menu-open body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header,
  html.dpd-public-mobile-menu-open body.dpd-launch-menu-open:not(.dpd-member-surface) .dpd-public-home-shell header.log-out.dpd-public-header,
  html.dpd-public-mobile-menu-open body:not(.dpd-member-surface) header.log-out.dpd-public-header,
  body.dpd-public-mobile-menu-open:not(.dpd-member-surface) header.log-out.dpd-public-header,
  body.dpd-launch-menu-open:not(.dpd-member-surface) header.log-out.dpd-public-header {
    left: 0 !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 2147483500 !important;
  }
}

/* DPD public header medium-width clamp - 2026-06-19 */
@media (min-width: 971px) and (max-width: 1240px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header {
    padding-left: clamp(10px, 2vw, 24px) !important;
    padding-right: clamp(10px, 2vw, 24px) !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner.left-gap,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-inner {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(176px, auto) minmax(0, 1fr) !important;
    overflow: hidden !important;
    padding-left: clamp(10px, 1.4vw, 18px) !important;
    padding-right: clamp(10px, 1.4vw, 18px) !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .right-sec.header-right,
  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right > ul {
    gap: 8px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .header-right > ul > li {
    min-width: 0 !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link {
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
    max-width: 190px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link--accent {
    max-width: min(240px, 28vw) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav {
    flex: 0 0 48px !important;
    min-width: 48px !important;
    width: 48px !important;
  }
}

@media (min-width: 971px) and (max-width: 1060px) {
  body:not(.dpd-member-surface) header.log-out.dpd-public-header:not(.dpd-public-header--authenticated):not(.dpd-public-header--authenticated-home) .header-right > ul > li:not(:has(.dpd-public-header-link--accent)):not(:last-child),
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated .header-right > ul > li:nth-child(n+3):not(:last-child),
  body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .header-right > ul > li:nth-child(n+3):not(:last-child) {
    display: none !important;
  }
}

/* DPD client checklist header/mobile polish - 2026-06-19 */
body #dpd-account-dropdown.dpd-account-dropdown,
body #dpd-account-dropdown.dpd-account-dropdown *,
body:not(.dpd-member-surface) header.log-out.dpd-public-header,
body:not(.dpd-member-surface) header.log-out.dpd-public-header *,
body.dpd-member-surface #header-login,
body.dpd-member-surface #header-login * {
  font-family: "acumin-pro-semi-condensed", "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body #dpd-account-dropdown.dpd-account-dropdown {
  --dpd-header-selected-accent: var(--dpd-user-badge-fill, var(--dpd-user-accent, var(--dpd-personal-accent, var(--dpd-accent, #fff200)))) !important;
  --dpd-header-selected-ink: var(--dpd-user-badge-ink, var(--dpd-user-accent-ink, var(--dpd-personal-accent-ink, var(--dpd-accent-contrast, #071018)))) !important;
}

body #dpd-account-dropdown .acc-drop-name,
body #dpd-account-dropdown .acc-meta-grid strong,
body #dpd-account-dropdown .acc-menu-title,
body #dpd-account-dropdown .acc-section-title,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-link,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-name,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-role,
body.dpd-member-surface #header-login .dpd-public-header-link,
body.dpd-member-surface #header-login .dpd-public-header-account-name,
body.dpd-member-surface #header-login .dpd-public-header-account-role {
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  line-height: 1.15 !important;
}

body #dpd-account-dropdown .dpd-account-menu__action {
  font-size: var(--dpd-account-dropdown-action-size, 11px) !important;
  font-weight: var(--dpd-account-dropdown-action-weight, 700) !important;
  letter-spacing: var(--dpd-account-dropdown-action-spacing, 0.08em) !important;
  line-height: 1.15 !important;
}

body #dpd-account-dropdown .acc-drop-name {
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
}

body #dpd-account-dropdown .fa,
body #dpd-account-dropdown i.fa,
body #dpd-account-dropdown .fas,
body #dpd-account-dropdown i.fas,
body #dpd-account-dropdown .far,
body #dpd-account-dropdown i.far,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .fa,
body:not(.dpd-member-surface) header.log-out.dpd-public-header i.fa,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .fas,
body:not(.dpd-member-surface) header.log-out.dpd-public-header i.fas,
body.dpd-member-surface #header-login .fa,
body.dpd-member-surface #header-login i.fa,
body.dpd-member-surface #header-login .fas,
body.dpd-member-surface #header-login i.fas {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body #dpd-account-dropdown .fab,
body #dpd-account-dropdown i.fab,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .fab,
body:not(.dpd-member-surface) header.log-out.dpd-public-header i.fab,
body.dpd-member-surface #header-login .fab,
body.dpd-member-surface #header-login i.fab {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle .dpd-user-badge,
body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active .acc-avatar-icon,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active .acc-avatar-initials {
  background: var(--dpd-header-selected-accent) !important;
  background-color: var(--dpd-header-selected-accent) !important;
  color: var(--dpd-header-selected-ink) !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
#header-login.dpd-public-header--member .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
body #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
body #dpd-account-dropdown .acc-avatar-icon--mark {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: inherit !important;
  display: block !important;
  height: 100% !important;
  position: relative !important;
  width: 100% !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
#header-login.dpd-public-header--member .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
body #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
body #dpd-account-dropdown .acc-avatar-icon--mark::before {
  background: #05080b !important;
  content: "" !important;
  display: block !important;
  height: 72% !important;
  left: 14% !important;
  mask-image: var(--dpd-avatar-mark) !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  position: absolute !important;
  top: 14% !important;
  width: 72% !important;
  -webkit-mask-image: var(--dpd-avatar-mark) !important;
  -webkit-mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
}

body[data-dpd-accent="dark"] header.log-out.dpd-public-header--authenticated .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
body[data-dpd-accent="dark"] header.log-out.dpd-public-header--authenticated-home .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
body[data-dpd-accent="dark"] #header-login.dpd-public-header--member .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
body[data-dpd-accent="dark"] #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark::before,
body[data-dpd-accent="dark"] #dpd-account-dropdown .acc-avatar-icon--mark::before {
  background: #fff200 !important;
}

body {
  --dpd-avatar-badge-img-filter: brightness(0) saturate(100%);
  --dpd-avatar-selector-img-filter: brightness(0) saturate(100%);
}

body[data-dpd-accent="green"] {
  --dpd-avatar-selector-img-filter: brightness(0) saturate(100%);
}

body[data-dpd-accent="blue"] {
  --dpd-avatar-selector-img-filter: brightness(0) saturate(100%);
}

body[data-dpd-accent="dark"] {
  --dpd-avatar-badge-img-filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(1198%) hue-rotate(359deg) brightness(103%) contrast(104%);
  --dpd-avatar-selector-img-filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(1198%) hue-rotate(359deg) brightness(103%) contrast(104%);
}

body[data-dpd-accent="orange"] {
  --dpd-avatar-selector-img-filter: brightness(0) saturate(100%);
}

body[data-dpd-accent="dirt"] {
  --dpd-avatar-selector-img-filter: brightness(0) saturate(100%);
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
#header-login.dpd-public-header--member .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
body #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image,
body #dpd-account-dropdown .acc-avatar-icon--image {
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  mask-image: none !important;
  overflow: visible !important;
  width: 100% !important;
  -webkit-mask-image: none !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
#header-login.dpd-public-header--member .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
body #dpd-account-dropdown .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before,
body #dpd-account-dropdown .acc-avatar-icon--image::before {
  content: none !important;
  display: none !important;
}

header.log-out.dpd-public-header--authenticated .dpd-user-badge__mark-img,
header.log-out.dpd-public-header--authenticated-home .dpd-user-badge__mark-img,
#header-login.dpd-public-header--member .dpd-user-badge__mark-img,
body #dpd-account-dropdown .dpd-user-badge__mark-img,
body #dpd-account-dropdown .acc-avatar-icon__img {
  display: block !important;
  height: 78% !important;
  max-height: 78% !important;
  max-width: 78% !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter: var(--dpd-avatar-badge-img-filter, brightness(0) saturate(100%)) !important;
  width: 78% !important;
}

body #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon__img {
  filter: var(--dpd-avatar-selector-img-filter, brightness(0) saturate(100%)) !important;
  height: 84% !important;
  max-height: 84% !important;
  max-width: 84% !important;
  width: 84% !important;
}

body[data-dpd-accent="dark"] #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon__img {
  filter: var(--dpd-avatar-selector-img-filter, brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(1198%) hue-rotate(359deg) brightness(103%) contrast(104%)) !important;
}

body[data-dpd-accent="dark"] #dpd-account-dropdown .acc-avatar-option--chip .acc-avatar-icon--image {
  background: #101820 !important;
  background-color: #101820 !important;
  border-color: rgba(255, 242, 0, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 242, 0, 0.16), 0 10px 18px rgba(8, 13, 18, 0.18) !important;
}

body [data-dpd-user-badge].has-icon-avatar i,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active .acc-avatar-icon i,
body #dpd-account-dropdown .acc-avatar-option--chip.is-active .acc-avatar-initials {
  color: var(--dpd-header-selected-ink, var(--dpd-user-badge-ink, var(--dpd-user-accent-ink, #05080b))) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav,
body.dpd-member-surface #header-login .main-nav,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member {
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav span,
body.dpd-member-surface #header-login .main-nav span,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member span {
  background: currentColor !important;
  border-radius: 999px !important;
  display: block !important;
  height: 2px !important;
  left: 50% !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center !important;
  transition: opacity 160ms ease, transform 160ms ease !important;
  width: 18px !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav .bar1,
body.dpd-member-surface #header-login .main-nav .bar1,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member .bar1 {
  transform: translate(-50%, calc(-50% - 6px)) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav .bar3,
body.dpd-member-surface #header-login .main-nav .bar3,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member .bar3 {
  transform: translate(-50%, calc(-50% + 6px)) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open .bar1,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.active .bar1,
body.dpd-member-surface #header-login .main-nav.is-open .bar1,
body.dpd-member-surface #header-login .main-nav.active .bar1,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member.is-open .bar1,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member.active .bar1 {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open .bar2,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.active .bar2,
body.dpd-member-surface #header-login .main-nav.is-open .bar2,
body.dpd-member-surface #header-login .main-nav.active .bar2,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member.is-open .bar2,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member.active .bar2 {
  opacity: 0 !important;
}

body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.is-open .bar3,
body:not(.dpd-member-surface) header.log-out.dpd-public-header .main-nav.active .bar3,
body.dpd-member-surface #header-login .main-nav.is-open .bar3,
body.dpd-member-surface #header-login .main-nav.active .bar3,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member.is-open .bar3,
body.dpd-member-surface #header-login .dpd-public-header-menu-toggle--member.active .bar3 {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

@media (max-width: 780px) {
  html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    z-index: 2147483200 !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul {
    grid-template-columns: 1fr !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a {
    border-radius: 18px !important;
    min-height: 116px !important;
    padding: 18px !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a h2,
  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a strong {
    font-size: clamp(18px, 5.5vw, 24px) !important;
    letter-spacing: 0.025em !important;
    line-height: 1.12 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* Header avatar final cascade lock - loaded after wp_head() styles. */
header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip > .dpd-user-badge--public-header,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip > .dpd-user-badge--public-header,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger {
  --dpd-header-avatar-size: 48px;
  --dpd-header-avatar-mark: 31px;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-header-avatar-size) !important;
  font-size: 0 !important;
  height: var(--dpd-header-avatar-size) !important;
  justify-items: center !important;
  line-height: 1 !important;
  max-height: var(--dpd-header-avatar-size) !important;
  max-width: var(--dpd-header-avatar-size) !important;
  min-height: var(--dpd-header-avatar-size) !important;
  min-width: var(--dpd-header-avatar-size) !important;
  opacity: 1 !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  transform: none !important;
  visibility: visible !important;
  width: var(--dpd-header-avatar-size) !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip > .dpd-user-badge--public-header,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip > .dpd-user-badge--public-header {
  --dpd-header-avatar-size: 42px;
  --dpd-header-avatar-mark: 28px;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice="helmet"],
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice="helmet"],
#header-login.dpd-public-header--member .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"],
body.dpd-member-surface #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"],
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"] {
  --dpd-header-avatar-mark: 34px;
}

#header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"],
body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"],
body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"] {
  --dpd-account-mark-size: 24px !important;
  --dpd-avatar-trigger-mark-size: 24px !important;
  --dpd-header-avatar-mark: 24px !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar .dpd-user-badge__mark,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar .dpd-user-badge__mark,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger.has-mark-avatar .dpd-user-badge__mark {
  background: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: block !important;
  height: var(--dpd-header-avatar-mark) !important;
  margin: auto !important;
  max-height: var(--dpd-header-avatar-mark) !important;
  max-width: var(--dpd-header-avatar-mark) !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: var(--dpd-header-avatar-mark) !important;
  -webkit-mask-image: var(--dpd-avatar-mark) !important;
  -webkit-mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-image: var(--dpd-avatar-mark) !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  -webkit-text-fill-color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

header.log-out.dpd-public-header--authenticated .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar img,
header.log-out.dpd-public-header--authenticated-home .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar img,
#header-login.dpd-public-header--member .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger.has-mark-avatar img,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger.has-mark-avatar img,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-account-toggle > .dpd-user-badge--account-trigger.has-mark-avatar img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
body.dpd-member-surface .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark {
  background-color: transparent !important;
  background-image: var(--dpd-avatar-mark) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: brightness(0) saturate(100%) !important;
  flex: 0 0 24px !important;
  height: 42px !important;
  max-height: 42px !important;
  max-width: 42px !important;
  -webkit-mask: none !important;
  mask: none !important;
  width: 31px !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar:not([data-dpd-avatar-choice="helmet"]) .dpd-user-badge__mark,
body.dpd-member-surface[data-dpd-accent="dark"] #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar:not([data-dpd-avatar-choice="helmet"]) .dpd-user-badge__mark,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger.has-mark-avatar:not([data-dpd-avatar-choice="helmet"]) .dpd-user-badge__mark {
  background-color: #fff200 !important;
  color: #fff200 !important;
  filter: none !important;
  -webkit-text-fill-color: #fff200 !important;
}

html[data-dpd-accent="dark"] body.dpd-member-surface #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="initials"] .dpd-user-badge__text,
body.dpd-member-surface[data-dpd-accent="dark"] #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="initials"] .dpd-user-badge__text,
body.dpd-member-surface[data-dpd-accent="dark"] .dpd-v2-header-shell #header-login #my-acc-btn > .dpd-user-badge--account-trigger[data-dpd-avatar-choice="initials"] .dpd-user-badge__text {
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

/* Admin tools sidebar mode + footer overlap lock - 2026-06-25. */
@media (min-width: 1101px) {
  body.dpd-member-surface {
    --dpd-v2-sidebar-top-lock: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height, var(--dpd-stable-header-height, 152px)));
  }

  body.admin-bar.dpd-member-surface {
    --dpd-v2-sidebar-top-lock: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height, var(--dpd-stable-header-height, 184px)));
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    overflow: visible !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell {
    bottom: auto !important;
    height: auto !important;
    max-height: calc(100dvh - var(--dpd-v2-sidebar-top-lock) - 18px) !important;
    overflow: hidden !important;
    position: fixed !important;
    top: var(--dpd-v2-sidebar-top-lock) !important;
    z-index: var(--dpd-z-fixed-sidebar, 2147482400) !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav {
    height: auto !important;
    max-height: calc(100dvh - var(--dpd-v2-sidebar-top-lock) - 18px) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 20px !important;
  }

  body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.dpd-member-surface #dpd-v2-sidebar.dpd-v2-nav-shell.has-open-nav-accordion,
  body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion {
    max-width: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
    min-width: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
    overflow: hidden !important;
    width: var(--dpd-v2-sidebar-expanded-final, var(--dpd-stable-sidebar, var(--dpd-v2-sidebar-width, 224px))) !important;
  }

  body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .main-content-area-left-nav,
  body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .main-content-area-left-nav,
  body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface #sub-page-main-content-wrapper .main-content-area-left.dpd-v2-nav-shell.has-open-nav-accordion .main-content-area-left-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    max-height: calc(100dvh - var(--dpd-v2-sidebar-top-lock) - 18px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 18px !important;
  }

  body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section:not([data-dpd-nav-section-key="admin-tools"]),
  body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .dpd-v2-nav-section:not([data-dpd-nav-section-key="admin-tools"]),
  body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section:not([data-dpd-nav-section-key="admin-tools"]),
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell.has-open-nav-accordion .dpd-v2-nav-section:not([data-dpd-nav-section-key="admin-tools"]) {
    display: none !important;
  }

  body.dpd-member-surface.dpd-v2-admin-tools-open #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"],
  body.dpd-member-surface #dpd-v2-sidebar.has-open-nav-accordion .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"],
  body.dpd-member-surface.dpd-v2-admin-tools-open #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"],
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell.has-open-nav-accordion .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] {
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 10px !important;
    margin: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    order: 2 !important;
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] .dpd-v2-nav-section-toggle,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] .dpd-v2-nav-section-toggle {
    align-items: center !important;
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: 24px minmax(0, 1fr) auto 12px !important;
    min-height: 42px !important;
    text-align: left !important;
    width: 100% !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: 1fr !important;
    left: auto !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    z-index: auto !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu::before,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu::before {
    content: none !important;
    display: none !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item > a,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: 3px solid var(--dpd-selected-glow-accent, #fff200) !important;
    border-radius: 8px !important;
    color: #f7fafc !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    justify-content: stretch !important;
    min-height: 42px !important;
    padding: 9px 11px !important;
    text-align: left !important;
    text-decoration: none !important;
    width: 100% !important;
    -webkit-text-fill-color: #f7fafc !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item > a:hover,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item > a:hover,
  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item > a:focus-visible,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu .menu-item > a:focus-visible {
    background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.14) !important;
    border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.42) !important;
    border-left-color: var(--dpd-selected-glow-accent, #fff200) !important;
  }
}

/* Admin tools link reveal hard lock - 2026-06-25. */
@media (min-width: 981px) {
  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > ul.menu,
  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > ul.menu,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 1px !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: static !important;
    visibility: visible !important;
    width: 100% !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu > li,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu > li {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Member mobile/tablet drawer layout lock - 2026-06-26. */
@media (max-width: 1100px) {
  body.dpd-member-surface {
    --dpd-v2-app-sidebar: 0px !important;
    --dpd-v2-app-header-height: 72px !important;
    --dpd-v2-mobile-shell-gutter: clamp(12px, 1.6vw, 18px) !important;
    --dpd-v2-mobile-menu-top: calc(var(--dpd-v2-app-header-height) + 16px) !important;
  }

  body.dpd-member-surface .dpd-v2-header-shell {
    background: linear-gradient(180deg, rgba(244, 248, 250, 0.98), rgba(232, 240, 244, 0.94)) !important;
    border: 0 !important;
    box-shadow: 0 12px 26px rgba(7, 16, 24, 0.12) !important;
    box-sizing: border-box !important;
    left: 0 !important;
    min-height: calc(var(--dpd-v2-app-header-height) + 16px) !important;
    padding: 8px var(--dpd-v2-mobile-shell-gutter) !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 2147483600 !important;
  }

  body.admin-bar.dpd-member-surface .dpd-v2-header-shell {
    top: 32px !important;
  }

  body.dpd-member-surface .dpd-v2-header-shell > #header-login {
    display: none !important;
  }

  body.dpd-member-surface .dpd-v2-header-shell > #header-login-mobile.dpd-public-header--member-mobile,
  body.dpd-theme-latest.dpd-member-surface .dpd-v2-header-shell > #header-login-mobile.dpd-public-header--member-mobile {
    align-items: center !important;
    background: linear-gradient(135deg, #101820 0%, #071018 100%) !important;
    border: 1px solid rgba(255, 242, 0, 0.3) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 34px rgba(7, 16, 24, 0.2) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 50px minmax(0, 1fr) 48px !important;
    height: auto !important;
    margin: 0 auto !important;
    max-width: 1160px !important;
    min-height: 64px !important;
    overflow: hidden !important;
    padding: 7px 9px !important;
    position: relative !important;
    width: 100% !important;
  }

  body.dpd-member-surface #header-login-mobile .logo,
  body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-header-shell__brand,
  body.dpd-member-surface #header-login-mobile .logo a,
  body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-header-shell__brand a {
    align-items: center !important;
    background: #fff200 !important;
    border-radius: 15px !important;
    display: flex !important;
    height: 50px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 50px !important;
    min-width: 50px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 50px !important;
  }

  body.dpd-member-surface #header-login-mobile .logo img,
  body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-header-shell__brand img {
    display: block !important;
    height: auto !important;
    max-height: 36px !important;
    max-width: 36px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  body.dpd-member-surface #header-login-mobile .page-title,
  body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-header-shell__title {
    align-items: center !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    grid-column: auto !important;
    height: auto !important;
    justify-content: flex-start !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 2px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  body.dpd-member-surface #header-login-mobile .mobile-nav,
  body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-nav {
    align-items: center !important;
    display: flex !important;
    height: 48px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-width: 48px !important;
    padding: 0 !important;
    width: 48px !important;
  }

  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile {
    align-items: center !important;
    appearance: none !important;
    background: #fff200 !important;
    border: 1px solid rgba(255, 242, 0, 0.9) !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    height: 48px !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    width: 48px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
    box-sizing: border-box !important;
    padding-left: var(--dpd-v2-mobile-shell-gutter) !important;
    padding-right: var(--dpd-v2-mobile-shell-gutter) !important;
    padding-top: calc(var(--dpd-v2-app-header-height) + 24px) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
    column-gap: 0 !important;
    display: block !important;
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content,
  body.dpd-theme-latest.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right,
  body.dpd-theme-latest.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right-content {
    float: none !important;
    grid-column: 1 / -1 !important;
    left: auto !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    width: 100% !important;
  }

  body.dpd-member-surface #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell {
    background:
      radial-gradient(circle at 10% 0%, rgba(255, 242, 0, 0.12), rgba(255, 242, 0, 0) 28%),
      linear-gradient(180deg, #101820 0%, #071018 100%) !important;
    border: 1px solid rgba(255, 242, 0, 0.22) !important;
    border-radius: 20px !important;
    bottom: 12px !important;
    box-shadow: 0 24px 60px rgba(5, 10, 14, 0.36) !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    left: var(--dpd-v2-mobile-shell-gutter) !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: var(--dpd-v2-mobile-shell-gutter) !important;
    top: var(--dpd-v2-mobile-menu-top) !important;
    transform: translate3d(-16px, 0, 0) !important;
    visibility: hidden !important;
    width: auto !important;
    z-index: 2147483500 !important;
  }

  body.admin-bar.dpd-member-surface #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell {
    top: calc(var(--dpd-v2-mobile-menu-top) + 32px) !important;
  }

  body.dpd-member-surface.dpd-v2-nav-open #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.dpd-member-surface.dpd-nav-open #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.dpd-member-surface.mobi-menu-active #dpd-v2-sidebar.dpd-v2-nav-shell,
  body.dpd-member-surface.dpd-v2-nav-open #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface.dpd-nav-open #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface.mobi-menu-active #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
  }

  body.dpd-member-surface.dpd-v2-nav-open #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface.dpd-nav-open #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface.mobi-menu-active #sub-page-main-content-wrapper .main-content-area-left-nav {
    align-content: start !important;
    align-items: start !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 16px !important;
    scrollbar-gutter: stable !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .dpd-v2-nav-collapse,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-header,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-mobile-utility {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section {
    align-content: start !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 12px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] {
    grid-column: 1 / -1 !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3 {
    align-items: center !important;
    color: #fff200 !important;
    display: flex !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    justify-content: space-between !important;
    letter-spacing: 0.16em !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    min-height: 14px !important;
    opacity: 1 !important;
    padding: 0 4px 4px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    visibility: visible !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section h3::after {
    background: rgba(39, 208, 187, 0.55) !important;
    content: "" !important;
    flex: 1 1 auto !important;
    height: 1px !important;
    margin-left: 10px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section .menu {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: 1fr !important;
    margin: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section.is-accordion.is-closed > .menu {
    display: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-top: 2px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.is-current,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current-menu-item,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item.current_page_item {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-left: 3px solid rgba(255, 242, 0, 0.75) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #f3f7f9 !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    height: auto !important;
    justify-content: stretch !important;
    min-height: 50px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 12px !important;
    text-align: left !important;
    width: 100% !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle {
    grid-template-columns: 34px minmax(0, 1fr) max-content 18px !important;
    min-height: 50px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle .dpd-v2-nav-section-toggle-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    transform: none !important;
    width: 34px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle .dpd-v2-nav-section-label {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle .dpd-v2-nav-section-count {
    align-items: center !important;
    display: inline-flex !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle > i:last-child {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:hover,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a:focus-visible,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a:hover,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a:focus-visible,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle:hover,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle:focus-visible {
    background: rgba(255, 242, 0, 0.12) !important;
    border-color: rgba(255, 242, 0, 0.42) !important;
    border-left-color: #fff200 !important;
    outline: none !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item i,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-icon {
    color: #fff200 !important;
    display: inline-flex !important;
    font-size: 18px !important;
    height: auto !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 34px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-label,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse-label {
    color: #f5f7f8 !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    height: auto !important;
    letter-spacing: 0.08em !important;
    line-height: 1.18 !important;
    max-width: none !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    visibility: visible !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-count {
    color: rgba(245, 247, 248, 0.72) !important;
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle-bars {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    height: 20px !important;
    justify-content: center !important;
    margin: 0 !important;
    width: 22px !important;
  }

  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle-bars span {
    background: #101820 !important;
    border-radius: 999px !important;
    display: block !important;
    height: 2px !important;
    transform-origin: center !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    width: 22px !important;
  }

  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile.is-active .dpd-v2-nav-toggle-bars span:nth-child(1),
  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile[aria-expanded="true"] .dpd-v2-nav-toggle-bars span:nth-child(1),
  body.dpd-member-surface.dpd-v2-nav-open #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(1),
  body.dpd-member-surface.dpd-nav-open #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(1),
  body.dpd-member-surface.mobi-menu-active #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile.is-active .dpd-v2-nav-toggle-bars span:nth-child(2),
  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile[aria-expanded="true"] .dpd-v2-nav-toggle-bars span:nth-child(2),
  body.dpd-member-surface.dpd-v2-nav-open #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(2),
  body.dpd-member-surface.dpd-nav-open #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(2),
  body.dpd-member-surface.mobi-menu-active #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0.2) !important;
  }

  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile.is-active .dpd-v2-nav-toggle-bars span:nth-child(3),
  body.dpd-member-surface #header-login-mobile .dpd-v2-nav-toggle--mobile[aria-expanded="true"] .dpd-v2-nav-toggle-bars span:nth-child(3),
  body.dpd-member-surface.dpd-v2-nav-open #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(3),
  body.dpd-member-surface.dpd-nav-open #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(3),
  body.dpd-member-surface.mobi-menu-active #header-login-mobile .dpd-v2-nav-toggle-bars span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }
}

@media (max-width: 600px) {
  body.dpd-member-surface {
    --dpd-v2-mobile-shell-gutter: 10px !important;
  }

  body.dpd-member-surface .dpd-v2-header-shell {
    padding: 8px 10px !important;
  }

  body.dpd-member-surface .dpd-v2-header-shell > #header-login-mobile.dpd-public-header--member-mobile,
  body.dpd-theme-latest.dpd-member-surface .dpd-v2-header-shell > #header-login-mobile.dpd-public-header--member-mobile {
    grid-template-columns: 50px minmax(0, 1fr) 48px !important;
    min-height: 64px !important;
    padding: 7px 8px !important;
  }

  body.dpd-member-surface #header-login-mobile .page-title,
  body.dpd-member-surface #header-login-mobile .dpd-v2-mobile-header-shell__title {
    font-size: 13px !important;
    line-height: 1.12 !important;
    max-width: none !important;
  }

  body.dpd-member-surface.dpd-v2-nav-open #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface.dpd-nav-open #sub-page-main-content-wrapper .main-content-area-left-nav,
  body.dpd-member-surface.mobi-menu-active #sub-page-main-content-wrapper .main-content-area-left-nav {
    gap: 12px !important;
    grid-template-columns: 1fr !important;
    padding: 14px 12px 24px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section {
    border-radius: 15px !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"].is-open > .menu {
    grid-template-columns: 1fr !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item a,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-section-toggle {
    min-height: 48px !important;
    padding: 0 11px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-label,
  body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-collapse-label {
    font-size: 10px !important;
    letter-spacing: 0.07em !important;
  }
}

/* DPD header/editor polish after a26 restore - 2026-06-25
   Keeps the restored dashboard editor usable without letting accent colors or
   edit controls overwhelm the portal chrome. */
body.dpd-member-surface .dpd-v2-header-shell,
body.dpd-member-surface .dpd-v2-header-shell #header-login,
body.dpd-member-surface #header-login.dpd-public-header--member {
  background: linear-gradient(90deg, #061018 0%, #0b141c 48%, #101820 100%) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 18px 44px rgba(8, 14, 21, .22) !important;
}

body.dpd-member-surface .dpd-v2-header-shell::before,
body.dpd-member-surface .dpd-v2-header-shell::after,
body.dpd-member-surface #header-login::before,
body.dpd-member-surface #header-login::after {
  opacity: .18 !important;
  pointer-events: none !important;
}

body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
  background: transparent !important;
  box-shadow: none !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-link {
  background: transparent !important;
  box-shadow: none !important;
}

body.dpd-member-surface #header-login .dpd-public-logo-mark,
body.dpd-member-surface #header-login .dpd-public-logo-mark img,
body.dpd-member-surface #header-login .dpd-public-logo-copy {
  opacity: 1 !important;
  visibility: visible !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link {
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  color: rgba(255, 255, 255, .92) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link .dpd-public-header-link__icon,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link .dpd-public-header-link__icon {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link.is-active,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="true"],
body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="page"],
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:hover,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:focus-visible,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link.is-active,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link[aria-current="true"],
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link[aria-current="page"] {
  background: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-personal-accent, #fff200))) !important;
  border-color: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-personal-accent, #fff200))) !important;
  color: var(--dpd-header-selected-ink, var(--dpd-user-accent-ink, var(--dpd-personal-accent-ink, #071018))) !important;
  box-shadow: inset 0 -2px 0 var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-personal-accent, #fff200))) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link.is-active .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="true"] .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="page"] .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:hover .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:focus-visible .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link.is-active .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link[aria-current="true"] .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link[aria-current="page"] .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:hover .dpd-public-header-link__icon,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:focus-visible .dpd-public-header-link__icon,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link.is-active .dpd-public-header-link__icon,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link[aria-current="true"] .dpd-public-header-link__icon,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link[aria-current="page"] .dpd-public-header-link__icon {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover:not(.is-active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible:not(.is-active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:hover:not(.is-active):not([aria-current="true"]):not([aria-current="page"]),
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:focus-visible:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--dpd-header-selected-accent, var(--dpd-user-accent, var(--dpd-personal-accent, #fff200))) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:hover:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:focus-visible:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:hover:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__icon,
body.dpd-member-surface #header-login .dpd-v2-header-primary-actions .dpd-public-header-link:focus-visible:not(.is-active):not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__icon {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.dpd-member-surface #header-login .dpd-public-header-search,
body.dpd-member-surface #header-login .dpd-public-header-utility,
body.dpd-member-surface #header-login .dpd-public-header-icon-button {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

body.dpd-member-surface #header-login .dpd-public-header-search:hover,
body.dpd-member-surface #header-login .dpd-public-header-utility:hover,
body.dpd-member-surface #header-login .dpd-public-header-icon-button:hover,
body.dpd-member-surface #header-login .dpd-public-header-search:focus-visible,
body.dpd-member-surface #header-login .dpd-public-header-utility:focus-visible,
body.dpd-member-surface #header-login .dpd-public-header-icon-button:focus-visible {
  background: rgba(var(--dpd-personal-accent-rgb, 255, 242, 0), .18) !important;
  border-color: var(--dpd-personal-accent, #fff200) !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing {
  background: #ffffff !important;
  border: 1px solid rgba(255, 107, 45, .36) !important;
  box-shadow: 0 10px 26px rgba(8, 14, 21, .08) !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-widget {
  background: #ffffff !important;
  border-color: rgba(255, 107, 45, .34) !important;
  box-shadow: inset 0 2px 0 rgba(255, 107, 45, .42), 0 10px 26px rgba(8, 14, 21, .06) !important;
  outline: 1px solid rgba(255, 107, 45, .28) !important;
  outline-offset: 3px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool {
  background: rgba(9, 17, 24, .94) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(8, 14, 21, .18) !important;
  gap: 5px !important;
  max-width: min(560px, calc(100% - 18px)) !important;
  padding: 5px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__label {
  color: rgba(255, 255, 255, .9) !important;
  font-size: 9px !important;
  max-width: 150px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button {
  background: #ffffff !important;
  border-color: rgba(255, 107, 45, .22) !important;
  color: #101820 !important;
  min-height: 24px !important;
  padding: 0 9px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool {
  align-items: center !important;
  background: rgba(9, 17, 24, .92) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(8, 14, 21, .18) !important;
  display: none !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 8px 0 0 !important;
  max-width: 100% !important;
  padding: 5px !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-block-tool {
  display: inline-flex !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool__label {
  color: rgba(255, 255, 255, .84) !important;
  flex: 0 1 auto !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool__label::before {
  content: "Element" !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-block:not([hidden]) {
  outline: 1px solid rgba(255, 107, 45, .20) !important;
  outline-offset: 2px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-addback-panel,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-addback-panel {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px dashed rgba(255, 107, 45, .36) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* DPD icon dashboard controls + flat member header - 2026-06-25 */
body.dpd-member-surface .dpd-dashboard-editable-widget,
body.dpd-member-surface .dpd-dashboard-editable-block {
  position: relative !important;
}

body.dpd-member-surface .dpd-v2-header-shell {
  background: #071018 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.dpd-member-surface .dpd-v2-header-shell::before,
body.dpd-member-surface .dpd-v2-header-shell::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login,
body.dpd-member-surface #header-login.dpd-public-header--member {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar,
body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions::before,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions::after,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar::before,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar::after {
  content: none !important;
  display: none !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode .dpd-dashboard-editable-widget {
  outline: 1px solid rgba(255, 102, 31, 0.2) !important;
  outline-offset: 4px !important;
  box-shadow: none !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode .dpd-dashboard-editable-block {
  outline: 1px solid rgba(255, 102, 31, 0.18) !important;
  outline-offset: 3px !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool,
body.dpd-member-surface .dpd-dashboard-block-tool {
  align-items: center !important;
  background: rgba(5, 9, 13, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 28px rgba(7, 13, 18, 0.18) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  gap: 5px !important;
  min-height: 36px !important;
  padding: 4px !important;
  width: auto !important;
  z-index: 40 !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool {
  margin: 12px 0 0 !important;
}

body.dpd-member-surface .dpd-dashboard-block-tool {
  bottom: 12px !important;
  left: 12px !important;
  margin: 0 !important;
  max-width: calc(100% - 24px) !important;
  position: absolute !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__label,
body.dpd-member-surface .dpd-dashboard-block-tool__label {
  color: #fff200 !important;
  display: inline-block !important;
  font-size: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 0 !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__button {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.88) !important;
  border-radius: 999px !important;
  color: #081018 !important;
  cursor: pointer !important;
  display: inline-grid !important;
  flex: 0 0 28px !important;
  font-size: 0 !important;
  height: 28px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  width: 28px !important;
  -webkit-text-fill-color: #081018 !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__button:hover,
body.dpd-member-surface .dpd-dashboard-inline-tool__button:focus-visible {
  background: var(--dpd-selected-glow-accent, #fff200) !important;
  border-color: var(--dpd-selected-glow-accent, #fff200) !important;
  color: var(--dpd-selected-glow-ink, #101820) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #101820) !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__button:disabled {
  cursor: not-allowed !important;
  opacity: 0.42 !important;
  transform: none !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__button--drag-handle {
  background: var(--dpd-selected-glow-accent, #fff200) !important;
  border-color: rgba(255, 255, 255, 0.92) !important;
  color: var(--dpd-selected-glow-ink, #101820) !important;
  cursor: grab !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #101820) !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__button--drag-handle:active {
  cursor: grabbing !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__button--feature,
body.dpd-member-surface .dpd-dashboard-inline-tool__button--block-feature {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__icon {
  align-items: center !important;
  display: inline-grid !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  height: 100% !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  text-align: center !important;
  width: 100% !important;
}

body.dpd-member-surface .dpd-dashboard-inline-tool__text {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

body.dpd-member-surface .is-dpd-dashboard-dragging {
  opacity: 0.52 !important;
}

body.dpd-member-surface .is-dpd-dashboard-drag-over {
  outline: 3px solid var(--dpd-selected-glow-accent, #fff200) !important;
  outline-offset: 6px !important;
}

@media (max-width: 780px) {
  body.dpd-member-surface .dpd-dashboard-inline-tool,
  body.dpd-member-surface .dpd-dashboard-block-tool {
    gap: 4px !important;
    min-height: 34px !important;
  }

  body.dpd-member-surface .dpd-dashboard-inline-tool__button {
    flex-basis: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    min-width: 26px !important;
    width: 26px !important;
  }
}

/* DPD header avatar/home polish - 2026-06-26 */
html body #header-login .dpd-public-header-bar,
html body header.log-out.dpd-public-header .dpd-public-header-bar {
  overflow: visible !important;
}

html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
html body.dpd-member-surface #header-login .logo.dpd-public-logo,
html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  left: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .left-sec.dpd-v2-header-shell__brand,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .logo.dpd-public-logo,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-v2-header-shell__brand,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .left-sec.dpd-v2-header-shell__brand,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .logo.dpd-public-logo,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-v2-header-shell__brand {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  left: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-link,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec .logo a.dpd-public-logo-link {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 1 var(--dpd-v2-header-wordmark-width, 132px) !important;
  gap: 0 !important;
  height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  justify-content: center !important;
  max-width: none !important;
  min-height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: min(100%, var(--dpd-v2-header-wordmark-width, 132px)) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-link,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .left-sec .logo a.dpd-public-logo-link,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-link,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .left-sec .logo a.dpd-public-logo-link {
  flex: 0 0 var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  gap: 0 !important;
  max-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  min-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-mark img,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-mark img,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-mark img {
  border-radius: 18px !important;
  flex: 0 0 var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  max-height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  max-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  min-height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  min-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  object-fit: contain !important;
  overflow: hidden !important;
  transform: none !important;
  width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-mark {
  background: #fff200 !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark-frame {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 1 var(--dpd-v2-header-wordmark-width, 132px) !important;
  height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  overflow: hidden !important;
  width: var(--dpd-v2-header-wordmark-width, 132px) !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark {
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: calc(var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) * 0.44) !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  width: var(--dpd-v2-header-wordmark-width, 132px) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark-frame,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark-frame,
html body.dpd-member-surface.dpd-sidebar-collapsed .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark {
  display: none !important;
}

/* Authenticated public header desktop wordmark */
@media (min-width: 971px) {
  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .left-sec,
  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .logo,
  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-logo {
    min-width: clamp(190px, 19vw, 240px) !important;
    width: auto !important;
  }

  html body:not(.dpd-member-surface) header.log-out.dpd-public-header--authenticated-home .dpd-public-logo-link {
    gap: 14px !important;
    min-height: 64px !important;
    min-width: clamp(176px, 17vw, 220px) !important;
    padding: 10px 22px 10px 14px !important;
    width: auto !important;
  }
}

html body #header-login .dpd-public-logo-mark,
html body header.log-out.dpd-public-header .dpd-public-logo-mark {
  align-items: center !important;
  display: inline-grid !important;
  flex: 0 0 54px !important;
  height: 54px !important;
  justify-items: center !important;
  min-height: 54px !important;
  min-width: 54px !important;
  place-items: center !important;
  width: 54px !important;
}

html body #header-login .dpd-public-logo-mark img,
html body header.log-out.dpd-public-header .dpd-public-logo-mark img {
  display: block !important;
  height: 54px !important;
  max-height: 54px !important;
  max-width: 54px !important;
  object-fit: contain !important;
  width: 54px !important;
}

html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-mark img {
  display: none !important;
  flex-basis: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
}

html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-mark {
  display: inline-grid !important;
}

html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-mark img {
  display: block !important;
}

html body #header-login .dpd-public-header-utility,
html body header.log-out.dpd-public-header .dpd-public-header-utility {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 8px !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #header-login .dpd-public-header-utility::before,
html body #header-login .dpd-public-header-utility::after,
html body header.log-out.dpd-public-header .dpd-public-header-utility::before,
html body header.log-out.dpd-public-header .dpd-public-header-utility::after {
  content: none !important;
  display: none !important;
}

html body #header-login .dpd-public-header-utility > .dpd-public-header-link,
html body #header-login .dpd-public-header-utility > .dpd-public-header-account,
html body header.log-out.dpd-public-header .dpd-public-header-utility > .dpd-public-header-link,
html body header.log-out.dpd-public-header .dpd-public-header-utility > .dpd-public-header-account {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
}

html body #header-login .dpd-public-header-link--utility-bubble,
html body #header-login .dpd-public-header-link--updates-bubble,
html body #header-login .dpd-public-header-link--cart-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--updates-bubble,
html body header.log-out.dpd-public-header .dpd-public-header-link--cart-bubble {
  align-items: center !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), .55) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .92) !important;
  display: inline-grid !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  justify-items: center !important;
  min-height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  place-items: center !important;
  width: 48px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login .dpd-public-header-link--utility-bubble:hover,
html body #header-login .dpd-public-header-link--utility-bubble:focus-visible,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble:hover,
html body header.log-out.dpd-public-header .dpd-public-header-link--utility-bubble:focus-visible {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:not([aria-current="true"]):not([aria-current="page"]) {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  color: rgba(255, 255, 255, .92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:not([aria-current="true"]):not([aria-current="page"]) .dpd-public-header-link__content {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="true"],
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link[aria-current="page"],
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:hover,
html body.dpd-member-surface #header-login .dpd-v2-header-jump-link:focus-visible {
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border-color: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #header-login .dpd-public-header-account-toggle [data-dpd-user-badge],
html body #header-login .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-toggle .dpd-user-badge,
html body header.log-out.dpd-public-header .dpd-public-header-account-chip [data-dpd-user-badge],
html body header.log-out.dpd-public-header .dpd-public-header-account-chip .dpd-user-badge {
  --dpd-account-badge-size: 44px !important;
  --dpd-account-mark-size: 27px !important;
  align-items: center !important;
  background: var(--dpd-user-badge-fill, var(--dpd-personal-accent, var(--dpd-selected-glow-accent, #fff200))) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--dpd-user-badge-ink, var(--dpd-personal-accent-ink, var(--dpd-selected-glow-ink, #101820))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-account-badge-size) !important;
  height: var(--dpd-account-badge-size) !important;
  justify-items: center !important;
  line-height: 1 !important;
  min-height: var(--dpd-account-badge-size) !important;
  min-width: var(--dpd-account-badge-size) !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  position: relative !important;
  width: var(--dpd-account-badge-size) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge],
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge {
  --dpd-account-badge-size: 56px !important;
  --dpd-account-mark-size: 34px !important;
  box-shadow: none !important;
}

html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark,
html body [data-dpd-user-badge].has-mark-avatar .dpd-user-badge__mark--image,
html body .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-account-mark-size, 27px) !important;
  height: var(--dpd-account-mark-size, 27px) !important;
  margin: auto !important;
  max-height: var(--dpd-account-mark-size, 27px) !important;
  max-width: var(--dpd-account-mark-size, 27px) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  width: var(--dpd-account-mark-size, 27px) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 29px !important;
}

html body #dpd-account-dropdown .acc-drop-pic [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body #dpd-account-dropdown .acc-drop-pic .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-account-mark-size: 36px !important;
}

html body [data-dpd-user-badge].has-mark-avatar img,
html body .dpd-user-badge.has-mark-avatar img,
html body .dpd-user-badge__mark-img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon__img,
html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-icon img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #dpd-account-dropdown .acc-avatar-grid--selector {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
}

html body #dpd-account-dropdown .acc-avatar-option {
  border-radius: 8px !important;
  min-height: 84px !important;
}

html body #dpd-account-dropdown .acc-avatar-option .acc-avatar-caption {
  letter-spacing: 0.04em !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #header-login .left-sec.dpd-v2-header-shell__brand,
  html body.dpd-member-surface #header-login .logo.dpd-public-logo,
  html body.dpd-member-surface #header-login .dpd-v2-header-shell__brand {
    min-width: 0 !important;
    width: var(--dpd-member-sidebar-active, var(--dpd-stable-sidebar, 212px)) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-link,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec .logo a.dpd-public-logo-link {
    flex: 0 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-inline: 0 !important;
    width: min(100%, var(--dpd-v2-header-wordmark-width, 132px)) !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-link,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .left-sec .logo a.dpd-public-logo-link {
    flex: 0 0 var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    max-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    min-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  }
}

/* DPD public home image and radius polish - 2026-06-26 */
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero {
  background-image:
    linear-gradient(92deg, rgba(5, 10, 12, .98) 0%, rgba(5, 10, 12, .88) 38%, rgba(5, 10, 12, .5) 68%, rgba(5, 10, 12, .78) 100%),
    radial-gradient(circle at 68% 42%, rgba(255, 242, 0, .1), transparent 42%),
    url(images2/banner-bg.webp) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: clamp(660px, 82vh, 780px) !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel {
  background:
    linear-gradient(100deg, rgba(7, 10, 12, .98) 0%, rgba(7, 10, 12, .84) 34%, rgba(7, 10, 12, .7) 58%, rgba(7, 10, 12, .92) 100%),
    url(images2/winning-sec-bg2.webp) left center / cover no-repeat !important;
  gap: clamp(22px, 3vw, 38px) !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) !important;
  min-height: clamp(560px, 56vw, 720px) !important;
  padding: clamp(34px, 5vw, 64px) !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero-card,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-feature-card,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-portal-panel,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-selling-tool,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-story-media,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-video-cta__panel,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-proof-card,
body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel {
  border-radius: 8px !important;
}

body.home .winning-sec,
body.page-template-template-home .winning-sec,
body.page-template-templates-frontend-template-home .winning-sec {
  background-position: center 40% !important;
  background-size: cover !important;
}

@media (max-width: 780px) {
  body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-hero {
    background-position: 56% 42% !important;
    min-height: 620px !important;
  }

  body.dpd-storytelling--public .dpd-public-home-shell .dpd-launch-racing-proof__panel {
    background-position: 0 0, left center !important;
    background-size: auto, cover !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
}

/* DPD dashboard section info unification - 2026-06-25. */
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section {
  overflow: visible !important;
  position: relative !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed {
  display: block !important;
  min-height: 36px !important;
  overflow: visible !important;
  padding-right: 76px !important;
  position: static !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-section-info-dot {
  align-items: center !important;
  background: var(--dpd-selected-glow-accent, #fff200) !important;
  border: 3px solid #101820 !important;
  border-radius: 999px !important;
  box-shadow:
    0 12px 28px rgba(5, 12, 18, 0.18),
    0 0 0 5px rgba(255, 255, 255, 0.68),
    0 0 28px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.32) !important;
  color: var(--dpd-selected-glow-ink, #101820) !important;
  cursor: pointer !important;
  display: inline-grid !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  position: absolute !important;
  right: 24px !important;
  text-transform: lowercase !important;
  top: 24px !important;
  width: 34px !important;
  z-index: 30 !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #101820) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-section-info-summary {
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  background:
    linear-gradient(135deg, rgba(7, 13, 18, 0.96), rgba(12, 22, 24, 0.9)),
    rgba(7, 13, 18, 0.94) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.72) !important;
  border-radius: 10px !important;
  box-shadow:
    0 22px 54px rgba(5, 12, 18, 0.36),
    0 0 36px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.18) !important;
  left: auto !important;
  max-height: min(520px, calc(100dvh - 132px)) !important;
  max-width: min(520px, calc(100vw - 56px)) !important;
  min-width: min(320px, calc(100vw - 56px)) !important;
  padding: 14px !important;
  position: absolute !important;
  right: 24px !important;
  top: 66px !important;
  width: min(520px, calc(100vw - 56px)) !important;
  z-index: 9998 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:not(.is-info-open) > .dpd-v2-section-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed.is-info-hover:not(.is-info-open) > .dpd-v2-section-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:hover:not(.is-info-open) > .dpd-v2-section-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed:focus-within:not(.is-info-open) > .dpd-v2-section-info-summary {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  visibility: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed.is-info-open > .dpd-v2-section-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section .dpd-v2-section-rollup-source[data-dpd-section-rollup-source="true"] {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section .dpd-v2-admin-ops-card > .dpd-v2-info-dot:not(.dpd-v2-section-info-dot),
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section .dpd-v2-service-status-panel__item > .dpd-v2-info-dot:not(.dpd-v2-section-info-dot),
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section .dpd-v2-utility-signal-card > .dpd-v2-info-dot:not(.dpd-v2-section-info-dot) {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-section-info-rollup {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: grid !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-section-info-rollup__item {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 5px !important;
  padding: 9px 10px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-section-info-rollup__item strong {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-section-info-rollup__item span {
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-section-info-actions {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-section-info-helper {
  background: var(--dpd-selected-glow-accent, #fff200) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.8) !important;
  border-radius: 999px !important;
  color: var(--dpd-selected-glow-ink, #101820) !important;
  cursor: pointer !important;
  font-family: var(--font-ui, Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, #101820) !important;
}

@media (max-width: 760px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed {
    padding-right: 62px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-section-info-dot {
    right: 18px !important;
    top: 20px !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section > .dpd-v2-info-heading.dpd-v2-info-managed > .dpd-v2-section-info-summary {
    right: 18px !important;
    top: 60px !important;
    width: min(420px, calc(100vw - 36px)) !important;
  }
}

/* DPD portal polish - keep sidebar above footer and make service status data hover-driven. */
@media (min-width: 1025px) {
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    align-self: start !important;
    bottom: auto !important;
    grid-column: 1 !important;
    height: auto !important;
    left: auto !important;
    max-height: calc(100dvh - var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height, 96px)) - 36px) !important;
    position: sticky !important;
    top: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height, 152px)) !important;
    transform: none !important;
    width: var(--dpd-v2-app-sidebar, 228px) !important;
    z-index: 50 !important;
  }

  body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-left.dpd-v2-nav-shell,
  body.admin-bar.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell {
    max-height: calc(100dvh - var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height, 96px)) - 68px) !important;
    top: var(--dpd-v2-fixed-header-space, var(--dpd-v2-app-header-height, 184px)) !important;
  }

  body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav {
    max-height: inherit !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__grid,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item {
  overflow: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item > .dpd-v2-info-dot:not(.dpd-v2-section-info-dot) {
  display: inline-grid !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item > .dpd-v2-info-summary {
  display: block !important;
  opacity: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
  visibility: hidden !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item.is-info-hover > .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item:focus-within > .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item:has(> .dpd-v2-info-dot:hover) > .dpd-v2-info-summary,
body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #integrations .dpd-v2-service-status-panel__item:has(> .dpd-v2-info-dot:focus-visible) > .dpd-v2-info-summary {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

@-moz-document url-prefix() {
  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .main-content-area-left-nav {
    overflow-x: visible !important;
    scrollbar-gutter: auto !important;
  }

  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item,
  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item {
    max-width: 48px !important;
    min-width: 48px !important;
    overflow: visible !important;
    width: 48px !important;
  }

  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-shell .menu-item > a,
  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-shell .menu-item > a {
    aspect-ratio: auto !important;
    border-radius: 999px !important;
    clip-path: none !important;
    height: 46px !important;
    max-height: 46px !important;
    max-width: 46px !important;
    min-height: 46px !important;
    min-width: 46px !important;
    overflow: visible !important;
    width: 46px !important;
  }

  body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse,
  body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper .dpd-v2-nav-collapse {
    aspect-ratio: auto !important;
    border-radius: 999px !important;
    clip-path: none !important;
    height: 44px !important;
    max-height: 44px !important;
    max-width: 56px !important;
    min-height: 44px !important;
    min-width: 56px !important;
    overflow: visible !important;
    width: 56px !important;
  }
}

/* DPD 2.0 QA closeout - 2026-06-30 */
body.dpd-member-surface #header-login .acc-palette-swatch__icon,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch__icon,
body #dpd-account-dropdown .acc-palette-swatch__icon {
  display: none !important;
}

body.dpd-member-surface #header-login .acc-palette-swatch,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch,
body #dpd-account-dropdown .acc-palette-swatch {
  gap: 0 !important;
}

body.dpd-member-surface #header-login .acc-palette-swatch span.acc-palette-swatch__dot,
body.dpd-theme-latest.dpd-member-surface #header-login .acc-palette-swatch span.acc-palette-swatch__dot,
body #dpd-account-dropdown .acc-palette-swatch span.acc-palette-swatch__dot {
  display: inline-block !important;
  flex: 0 0 24px !important;
  height: 24px !important;
  margin: 0 !important;
  width: 24px !important;
}

body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right,
body.dpd-member-surface #header-login .right-sec.header-right,
body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility,
body.dpd-member-surface #header-login .dpd-public-header-utility {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-utility {
  padding: 0 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-search,
body.dpd-member-surface #header-login .dpd-public-header-icon-button,
body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.dpd-member-surface #header-login .dpd-public-header-account-toggle {
  background: transparent !important;
  padding-right: 0 !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-v2-dashboard-edit-bar.is-editing {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-widget,
body.dpd-member-surface.dpd-dashboard-edit-mode .dpd-dashboard-editable-widget {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
  outline: 1px solid rgba(15, 23, 42, 0.08) !important;
  outline-offset: 2px !important;
}

body.dpd-member-surface.dpd-dashboard-edit-mode #sub-page-main-content-wrapper .dpd-dashboard-editable-block:not([hidden]),
body.dpd-member-surface.dpd-dashboard-edit-mode .dpd-dashboard-editable-block:not([hidden]) {
  outline: 1px dashed rgba(15, 23, 42, 0.14) !important;
  outline-offset: 2px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool,
body.dpd-member-surface .dpd-dashboard-inline-tool,
body.dpd-member-surface .dpd-dashboard-block-tool {
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12) !important;
  min-height: 32px !important;
  padding: 3px !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button,
body.dpd-member-surface .dpd-dashboard-inline-tool__button,
body.dpd-member-surface .dpd-dashboard-block-tool .dpd-dashboard-inline-tool__button {
  background: #f8fafc !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #0f172a !important;
  flex-basis: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  min-width: 24px !important;
  width: 24px !important;
  -webkit-text-fill-color: #0f172a !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:hover,
body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button:focus-visible,
body.dpd-member-surface .dpd-dashboard-inline-tool__button:hover,
body.dpd-member-surface .dpd-dashboard-inline-tool__button:focus-visible {
  background: var(--dpd-selected-glow-accent, #fff200) !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__button--drag-handle,
body.dpd-member-surface .dpd-dashboard-inline-tool__button--drag-handle {
  background: #fff200 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

body.dpd-member-surface #sub-page-main-content-wrapper .dpd-dashboard-inline-tool__icon,
body.dpd-member-surface .dpd-dashboard-inline-tool__icon {
  font-size: 12px !important;
}

/* DPD 2.0 collapsed sidebar centering finish - 2026-07-02 */
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell {
  --dpd-v2-collapsed-nav-content: 66px;
  align-items: center !important;
  box-sizing: border-box !important;
  display: block !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: var(--dpd-v2-app-sidebar-collapsed, 88px) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: visible !important;
  padding: 8px 0 14px !important;
  scrollbar-gutter: auto !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-header,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-header-actions,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-header,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-header-actions,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item {
  align-items: center !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: var(--dpd-v2-collapsed-nav-content, 66px) !important;
  min-width: var(--dpd-v2-collapsed-nav-content, 66px) !important;
  overflow: visible !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: var(--dpd-v2-collapsed-nav-content, 66px) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu {
  gap: 12px !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-collapse,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-collapse {
  align-items: center !important;
  aspect-ratio: auto !important;
  border-radius: 18px !important;
  clip-path: none !important;
  display: inline-flex !important;
  flex: 0 0 56px !important;
  height: 56px !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  max-height: 56px !important;
  max-width: 56px !important;
  min-height: 56px !important;
  min-width: 56px !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  width: 56px !important;
  color: var(--dpd-ui-accent, #fff200) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item {
  height: 50px !important;
  min-height: 50px !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a {
  align-items: center !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  clip-path: none !important;
  color: var(--dpd-ui-accent, #fff200) !important;
  display: inline-flex !important;
  flex: 0 0 50px !important;
  gap: 0 !important;
  height: 50px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  max-height: 50px !important;
  max-width: 50px !important;
  min-height: 50px !important;
  min-width: 50px !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  transform: none !important;
  width: 50px !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:focus-visible,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current > a,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:focus-visible,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item > a {
  background: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.12) !important;
  border-color: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.14) !important;
  color: var(--dpd-ui-accent, #fff200) !important;
  transform: none !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item i,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item .dpd-v2-nav-icon,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item .dpd-v2-nav-icon-image,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item i,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item .dpd-v2-nav-icon,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item .dpd-v2-nav-icon-image {
  align-items: center !important;
  color: currentColor !important;
  display: inline-flex !important;
  flex: 0 0 24px !important;
  font-size: 22px !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: 24px !important;
  max-width: 24px !important;
  min-height: 24px !important;
  min-width: 24px !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
  width: 24px !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell :is(.dpd-v2-nav-label, .dpd-v2-nav-count, .dpd-v2-nav-collapse-label, .tag),
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell :is(.dpd-v2-nav-label, .dpd-v2-nav-count, .dpd-v2-nav-collapse-label, .tag) {
  display: none !important;
}

/* DPD flat member chrome: remove header/section gradients and glow shadows - 2026-07-02 */
html body.dpd-member-surface .dpd-v2-header-shell,
html body.dpd-member-surface #header-login.dpd-public-header--member,
html body.dpd-member-surface .dpd-v2-header-shell #header-login,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner.left-gap {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar,
html body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-bar {
  background: #0d1c1d !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface .dpd-v2-header-shell::before,
html body.dpd-member-surface .dpd-v2-header-shell::after,
html body.dpd-member-surface #header-login.dpd-public-header--member::before,
html body.dpd-member-surface #header-login.dpd-public-header--member::after,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar::before,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-bar::after,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar::before,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar::after {
  background: none !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
  filter: none !important;
}

html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-logo-mark,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-link,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-link,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-jump-link,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-v2-header-jump-link,
html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-account-toggle,
html body.dpd-member-surface #header-login.dpd-public-header--member .dpd-public-header-account-toggle {
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-panel {
  box-shadow: 0 18px 42px rgba(8, 14, 21, 0.07) !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel__item {
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-panel.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-action-card.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in.is-dark,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-status-panel__item.is-dark {
  background: #101820 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-panel::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-panel::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-card::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-card::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-card::after,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in::before,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in::after {
  background: none !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-loyalty-chart {
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav {
  background: #101820 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .video-header-content.mock-static-bg,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .dashboard-head-right-in.is-dark.dpd-v2-service-overview--ops,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dashboard-head-right-in.is-dark.dpd-v2-service-overview--ops {
  background: #101820 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .dashboard-head-left .bttn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .bttn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .dpd-v2-info-dot,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dashboard.video-header .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-summary *,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__metric,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-service-overview__service,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-empty.dpd-v2-info-summary,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a {
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec.dpd-v2-dashboard-section,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-sec.dpd-v2-dashboard-section.dpd-dashboard-editable-widget,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-dashboard-editable-widget,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-dashboard-editable-block {
  box-shadow: 0 18px 42px rgba(8, 14, 21, 0.07) !important;
  filter: none !important;
}

/* DPD flat member chrome specificity lock - 2026-07-02 */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-updates-drawer.dpd-v2-updates-drawer .mock-chip.mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-updates-drawer.dpd-v2-updates-drawer .mock-btn.mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-edit-bar .mock-chip.mock-chip,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-edit-bar .mock-btn.mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-info-managed.dpd-v2-info-managed > .dpd-v2-info-summary.dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #admin-program-visuals #admin-program-visuals-source-info.dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-program-empty.dpd-v2-info-summary.dpd-v2-info-summary,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current.is-current > a,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item.current-menu-item > a,
html body.dpd-member-surface.dpd-v2-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item.current_page_item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current.is-current > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item.current-menu-item > a,
html body.dpd-member-surface.dpd-sidebar-collapsed #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item.current_page_item > a {
  box-shadow: none !important;
  filter: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark .mock-chip.warn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark .mock-chip.neutral,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark .mock-chip.pending,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark .mock-chip.mock-chip {
  box-shadow: none !important;
  filter: none !important;
}

/* DPD collapsed sidebar icon-only hover lock - 2026-07-02 */
@media (min-width: 1101px) {
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within {
    overflow: hidden !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover .dpd-v2-nav-section,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .dpd-v2-nav-section {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell :is(.dpd-v2-nav-top__copy, .dpd-v2-nav-top-name, .dpd-v2-nav-top-meta, .dpd-v2-nav-section h3, .dpd-v2-nav-section-label, .dpd-v2-nav-section-label--static, .dpd-v2-nav-label, .dpd-nav-label, .dpd-v2-nav-count, .dpd-nav-count, .dpd-v2-nav-badge, .dpd-v2-nav-collapse-label, .tag),
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover :is(.dpd-v2-nav-top__copy, .dpd-v2-nav-top-name, .dpd-v2-nav-top-meta, .dpd-v2-nav-section h3, .dpd-v2-nav-section-label, .dpd-v2-nav-section-label--static, .dpd-v2-nav-label, .dpd-nav-label, .dpd-v2-nav-count, .dpd-nav-count, .dpd-v2-nav-badge, .dpd-v2-nav-collapse-label, .tag),
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within :is(.dpd-v2-nav-top__copy, .dpd-v2-nav-top-name, .dpd-v2-nav-top-meta, .dpd-v2-nav-section h3, .dpd-v2-nav-section-label, .dpd-v2-nav-section-label--static, .dpd-v2-nav-label, .dpd-nav-label, .dpd-v2-nav-count, .dpd-nav-count, .dpd-v2-nav-badge, .dpd-v2-nav-collapse-label, .tag) {
    clip: rect(0 0 0 0) !important;
    display: none !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    width: 0 !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu-item,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu-item {
    align-items: center !important;
    display: flex !important;
    height: 50px !important;
    justify-content: center !important;
    margin: 0 auto !important;
    max-width: 50px !important;
    min-height: 50px !important;
    overflow: hidden !important;
    width: 50px !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu-item > a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu-item a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu-item > a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu-item a {
    align-items: center !important;
    aspect-ratio: 1 / 1 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
    display: inline-flex !important;
    flex: 0 0 50px !important;
    font-size: 0 !important;
    gap: 0 !important;
    height: 50px !important;
    justify-content: center !important;
    line-height: 0 !important;
    margin: 0 auto !important;
    max-height: 50px !important;
    max-width: 50px !important;
    min-height: 50px !important;
    min-width: 50px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    text-indent: 0 !important;
    transform: none !important;
    width: 50px !important;
    -webkit-text-fill-color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:focus-visible,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current > a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item > a {
    background: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.14) !important;
    border-color: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.36) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
    filter: none !important;
    transform: none !important;
    -webkit-text-fill-color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a::before,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a::after,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a::before,
  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a::after {
    content: none !important;
    display: none !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item :is(i, svg, img, .fa, .fas, .far, .fal, .fab, .dashicons, .dpd-v2-nav-icon, .dpd-v2-nav-icon-image) {
    align-items: center !important;
    color: currentColor !important;
    display: inline-flex !important;
    flex: 0 0 24px !important;
    font-size: 22px !important;
    height: 24px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-height: 24px !important;
    max-width: 24px !important;
    min-height: 24px !important;
    min-width: 24px !important;
    opacity: 1 !important;
    position: static !important;
    text-align: center !important;
    transform: none !important;
    visibility: visible !important;
    width: 24px !important;
    -webkit-text-fill-color: currentColor !important;
  }
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell :is(.dpd-v2-nav-top__copy, .dpd-v2-nav-top-name, .dpd-v2-nav-top-meta, .dpd-v2-nav-section h3, .dpd-v2-nav-section-label, .dpd-v2-nav-section-label--static, .dpd-v2-nav-label, .dpd-nav-label, .dpd-v2-nav-count, .dpd-nav-count, .dpd-v2-nav-badge, .dpd-v2-nav-collapse-label, .tag),
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:hover :is(.dpd-v2-nav-top__copy, .dpd-v2-nav-top-name, .dpd-v2-nav-top-meta, .dpd-v2-nav-section h3, .dpd-v2-nav-section-label, .dpd-v2-nav-section-label--static, .dpd-v2-nav-label, .dpd-nav-label, .dpd-v2-nav-count, .dpd-nav-count, .dpd-v2-nav-badge, .dpd-v2-nav-collapse-label, .tag),
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within :is(.dpd-v2-nav-top__copy, .dpd-v2-nav-top-name, .dpd-v2-nav-top-meta, .dpd-v2-nav-section h3, .dpd-v2-nav-section-label, .dpd-v2-nav-section-label--static, .dpd-v2-nav-label, .dpd-nav-label, .dpd-v2-nav-count, .dpd-nav-count, .dpd-v2-nav-badge, .dpd-v2-nav-collapse-label, .tag) {
  clip: rect(0 0 0 0) !important;
  display: none !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  visibility: hidden !important;
  white-space: nowrap !important;
  width: 0 !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:hover .dpd-v2-nav-section,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .dpd-v2-nav-section {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu-item,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu-item {
  align-items: center !important;
  display: flex !important;
  height: 50px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  max-width: 50px !important;
  min-height: 50px !important;
  overflow: hidden !important;
  width: 50px !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu-item > a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:hover .menu-item a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu-item > a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell:focus-within .menu-item a {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
  display: inline-flex !important;
  flex: 0 0 50px !important;
  font-size: 0 !important;
  gap: 0 !important;
  height: 50px !important;
  justify-content: center !important;
  line-height: 0 !important;
  margin: 0 auto !important;
  max-height: 50px !important;
  max-width: 50px !important;
  min-height: 50px !important;
  min-width: 50px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  text-indent: 0 !important;
  transform: none !important;
  width: 50px !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:hover,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a:focus-visible,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.is-current > a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current-menu-item > a,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.current_page_item > a {
  background: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.14) !important;
  border-color: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.36) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
  filter: none !important;
  transform: none !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a::before,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item > a::after,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a::before,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item a::after {
  content: none !important;
  display: none !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item :is(i, svg, img, .fa, .fas, .far, .fal, .fab, .dashicons, .dpd-v2-nav-icon, .dpd-v2-nav-icon-image) {
  align-items: center !important;
  color: currentColor !important;
  display: inline-flex !important;
  flex: 0 0 24px !important;
  font-size: 22px !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: 24px !important;
  max-width: 24px !important;
  min-height: 24px !important;
  min-width: 24px !important;
  opacity: 1 !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
  visibility: visible !important;
  width: 24px !important;
  -webkit-text-fill-color: currentColor !important;
}

/* DPD collapsed Admin Tools icon stack restore - 2026-07-02 */
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  visibility: visible !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > h3,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] .dpd-v2-nav-section-toggle {
  display: none !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > ul.menu,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu[hidden],
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > ul.menu[hidden] {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  height: auto !important;
  justify-content: flex-start !important;
  margin: 0 auto !important;
  max-height: none !important;
  max-width: 100% !important;
  min-height: 0 !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  width: 100% !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
  display: inline-flex !important;
  grid-template-columns: none !important;
  padding: 0 !important;
  text-align: center !important;
  width: 50px !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, var(--dpd-user-accent, #fff200)) !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a:hover,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a:focus-visible {
  background: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.14) !important;
  border-color: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.36) !important;
  border-left-color: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.36) !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a .dpd-v2-nav-icon,
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a i {
  color: currentColor !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: currentColor !important;
}

/* DPD collapsed sidebar mode switch - 2026-07-02 */
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed):not(.dpd-v2-collapsed-admin-tools-active) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"],
html body.dpd-member-surface.dpd-v2-desktop-shell:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed):not(.dpd-v2-collapsed-admin-tools-active) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section:not([data-dpd-nav-section-key="admin-tools"]) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"],
html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .main-content-area-left-nav {
  gap: 8px !important;
  padding-bottom: 10px !important;
  padding-top: 8px !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"],
html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu {
  gap: 8px !important;
  overflow: hidden !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item {
  height: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
}

html body.dpd-member-surface.dpd-v2-desktop-shell.dpd-v2-collapsed-admin-tools-active:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .dpd-v2-nav-section[data-dpd-nav-section-key="admin-tools"] > .menu .menu-item > a {
  flex-basis: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  width: 44px !important;
}

/* DPD public account avatar compact mark lock - 2026-07-02 */
html body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar {
  --dpd-public-header-avatar-size: var(--dpd-public-header-avatar-size-mobile, 48px);
  --dpd-public-header-mark-size: var(--dpd-public-header-mark-size-mobile, 31px);
  align-items: center !important;
  border-color: var(--dpd-public-account-accent, var(--dpd-home-account-accent, var(--dpd-user-badge-fill, var(--dpd-personal-accent, #fff200)))) !important;
  display: inline-grid !important;
  flex: 0 0 var(--dpd-public-header-avatar-size) !important;
  height: var(--dpd-public-header-avatar-size) !important;
  justify-items: center !important;
  max-height: var(--dpd-public-header-avatar-size) !important;
  max-width: var(--dpd-public-header-avatar-size) !important;
  min-height: var(--dpd-public-header-avatar-size) !important;
  min-width: var(--dpd-public-header-avatar-size) !important;
  overflow: hidden !important;
  padding: 0 !important;
  place-items: center !important;
  width: var(--dpd-public-header-avatar-size) !important;
}

html body:not(.dpd-member-surface) #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

html body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 var(--dpd-public-header-mark-size) !important;
  height: var(--dpd-public-header-mark-size) !important;
  margin: auto !important;
  max-height: var(--dpd-public-header-mark-size) !important;
  max-width: var(--dpd-public-header-mark-size) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: var(--dpd-public-header-mark-size) !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark--image {
  background-color: transparent !important;
  background-image: var(--dpd-avatar-mark) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: brightness(0) saturate(100%) !important;
  flex-basis: 31px !important;
  height: 42px !important;
  max-height: 42px !important;
  max-width: 42px !important;
  width: 31px !important;
  -webkit-mask: none !important;
  mask: none !important;
}

html body:not(.dpd-member-surface) #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image {
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 30px !important;
  height: 30px !important;
  margin: auto !important;
  max-height: 30px !important;
  max-width: 30px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 30px !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
}

html body:not(.dpd-member-surface) header.log-out.dpd-public-header .dpd-public-header-account-chip > .dpd-user-badge--public-header.has-mark-avatar .dpd-user-badge__mark--image::before,
html body:not(.dpd-member-surface) #dpd-account-dropdown.dpd-account-dropdown.acc-dropdown .acc-drop-pic .dpd-user-badge.has-mark-avatar .dpd-user-badge__mark--image::before {
  content: none !important;
  display: none !important;
}

/* DPD shared public menu popup card alignment - 2026-07-07 */
.home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul,
.dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul {
  align-items: stretch !important;
}

.home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li,
.dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li {
  align-items: stretch !important;
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 0 !important;
}

.home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
.dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a {
  align-items: flex-start !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  text-align: left !important;
}

.home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a strong,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a strong,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a strong,
.dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a strong {
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
  max-width: 100% !important;
}

.home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a span,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a span,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a span,
.dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a span {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  max-width: 100% !important;
}

@media (min-width: 781px) {
  .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-in {
    align-items: stretch !important;
    display: block !important;
    min-height: 100dvh !important;
    padding: 0 !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-shell {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
    max-width: 1360px !important;
    min-height: 100dvh !important;
    padding-bottom: clamp(30px, 4vh, 52px) !important;
    padding-top: clamp(30px, 4vh, 52px) !important;
    width: min(1360px, calc(100vw - 72px)) !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-top,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-top,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-top,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-top {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    display: flex !important;
    gap: 30px !important;
    justify-content: space-between !important;
    margin: 0 0 clamp(30px, 4vh, 46px) !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    z-index: 1 !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: clamp(24px, 3vw, 42px) !important;
    grid-template-columns: minmax(360px, 0.92fr) minmax(420px, 1.08fr) !important;
    min-height: 0 !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-lead,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead {
    align-content: start !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 34px !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: clamp(34px, 3.3vw, 46px) !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2 {
    font-size: clamp(34px, 3.4vw, 50px) !important;
    letter-spacing: 0.035em !important;
    line-height: 1.1 !important;
    max-width: 620px !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul {
    display: grid !important;
    gap: clamp(16px, 1.5vw, 22px) !important;
    grid-auto-rows: 1fr !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a {
    border-radius: 14px !important;
    min-height: 118px !important;
    padding: 18px !important;
  }
}

@media (min-width: 781px) and (max-width: 1180px) {
  .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-shell {
    width: min(1180px, calc(100vw - 48px)) !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-grid {
    grid-template-columns: minmax(360px, 0.98fr) minmax(420px, 1.02fr) !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-lead,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead {
    padding: clamp(30px, 3vw, 40px) !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2 {
    font-size: clamp(34px, 3.6vw, 46px) !important;
    letter-spacing: 0.035em !important;
    line-height: 1.1 !important;
  }

  .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul li a {
    border-radius: 14px !important;
    min-height: 118px !important;
    padding: 18px !important;
  }
}

@media (min-width: 781px) and (max-width: 980px) {
  .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-grid,
  .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-grid {
    grid-template-columns: 1fr !important;
  }
}

/* DPD shared public menu popup layer lock - 2026-07-07 */
html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open {
  z-index: 2147483640 !important;
}

html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-in,
html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-shell,
html.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-top,
body.dpd-public-mobile-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-top,
body.dpd-launch-menu-open .home-menu-popup.home-menu-popup-open .home-menu-popup-top {
  position: relative !important;
  z-index: 1 !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) header.log-out.dpd-public-header,
body.dpd-launch-menu-open:not(.dpd-member-surface) header.log-out.dpd-public-header {
  pointer-events: none !important;
  z-index: 1 !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-colse-main,
body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-colse-main,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close {
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 2 !important;
}

/* DPD homepage public menu unframe - 2026-07-07 */
body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-in {
  align-items: stretch !important;
  display: block !important;
  min-height: 100dvh !important;
  padding: 0 !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-shell {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  min-height: 100dvh !important;
  padding: clamp(30px, 4vh, 52px) 0 !important;
  width: min(1360px, calc(100vw - 72px)) !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-top {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  display: flex !important;
  gap: 30px !important;
  justify-content: space-between !important;
  margin: 0 0 clamp(30px, 4vh, 46px) !important;
  padding: 0 !important;
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(24px, 3vw, 42px) !important;
  grid-template-columns: minmax(360px, 0.92fr) minmax(420px, 1.08fr) !important;
  min-height: 0 !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead {
  align-content: start !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 34px !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: clamp(34px, 3.3vw, 46px) !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead h2 {
  font-size: clamp(34px, 3.4vw, 50px) !important;
  letter-spacing: 0.035em !important;
  line-height: 1.1 !important;
  max-width: 620px !important;
}

body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 1180px) {
  body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-shell {
    width: min(1180px, calc(100vw - 48px)) !important;
  }
}

@media (max-width: 980px) {
  body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-shell {
    padding: 18px 0 30px !important;
    width: min(100%, calc(100vw - 24px)) !important;
  }

  body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-top {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
  }

  body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-lead {
    border-radius: 24px !important;
    padding: 28px 22px !important;
  }

  body.dpd-storytelling--public .dpd-public-home-shell .home-menu-popup.home-menu-popup-open .home-menu-popup-menu-list ul {
    grid-template-columns: 1fr !important;
  }
}

/* Authenticated portal shell alignment - 2026-07-08 */
@media (min-width: 1101px) {
  html body.dpd-member-surface {
    --dpd-v2-fixed-header-space: clamp(124px, 8.75vw, 132px) !important;
    --dpd-member-fixed-header-offset: var(--dpd-v2-fixed-header-space) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: clamp(16px, 1.35vw, 20px) var(--dpd-member-shell-pad-x, clamp(18px, 2.6vw, 48px)) 0 !important;
    top: 0 !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .header-inner.left-gap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login.dpd-public-header--member .dpd-public-header-bar,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    column-gap: var(--dpd-member-shell-gap, clamp(18px, 1.4vw, 28px)) !important;
    display: grid !important;
    grid-template-columns: var(--dpd-member-sidebar-active, var(--dpd-stable-sidebar, 212px)) minmax(0, 1fr) !important;
    min-height: 76px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .logo.dpd-public-logo,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-shell__brand {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 var(--dpd-member-sidebar-active, var(--dpd-stable-sidebar, 212px)) !important;
    grid-column: 1 !important;
    justify-content: center !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: var(--dpd-member-sidebar-active, var(--dpd-stable-sidebar, 212px)) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-link {
    flex: 0 1 auto !important;
    gap: 0 !important;
    height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    justify-content: center !important;
    max-width: none !important;
    min-height: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: min(100%, var(--dpd-v2-header-wordmark-width, 132px)) !important;
  }

  html body.dpd-member-surface:is(.dpd-v2-sidebar-collapsed, .dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-link {
    flex: 0 0 var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    gap: 0 !important;
    max-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    min-width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
    width: var(--dpd-v2-header-brand-size, var(--dpd-global-logo-size, 58px)) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right {
    align-items: center !important;
    align-content: center !important;
    display: grid !important;
    flex: 1 1 0 !important;
    gap: 10px !important;
    grid-column: 2 !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-rows: 1fr !important;
    inline-size: auto !important;
    justify-self: stretch !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 72px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 10px 14px !important;
    width: auto !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right > .clearfix {
    display: none !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right > ul,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(6px, 0.65vw, 10px) !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right > ul::-webkit-scrollbar,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions::-webkit-scrollbar,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-primary-actions--jumpbar::-webkit-scrollbar {
    display: none !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-utility {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    min-width: max-content !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
  }
}

/* Global Dunlop footer responsive lock - keeps every shared footer compact and consistent. */
footer#kill.dpd-global-footer,
footer#kill.dpd-v2-portal-footer,
.dpd-launch-safe-footer,
body.dpd-storytelling--public footer#kill.dpd-global-footer,
body.dpd-storytelling--public .dpd-launch-safe-footer {
  background: #fff !important;
  color: #101820 !important;
  margin: 0 !important;
  padding: clamp(18px, 2.4vw, 34px) clamp(18px, 3.4vw, 52px) 0 !important;
}

footer#kill.dpd-global-footer .footer-in,
footer#kill.dpd-v2-portal-footer .footer-in,
.dpd-launch-safe-footer__shell,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-in,
body.dpd-storytelling--public .dpd-launch-safe-footer__shell {
  align-items: center !important;
  border-bottom: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 0 clamp(18px, 2.6vw, 38px) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  margin: 0 auto !important;
  max-width: 1360px !important;
  padding: clamp(18px, 2.2vw, 28px) 0 clamp(16px, 2vw, 24px) !important;
  width: 100% !important;
}

footer#kill.dpd-global-footer .footer-left,
footer#kill.dpd-v2-portal-footer .footer-left,
.dpd-launch-safe-footer__brand,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-left,
body.dpd-storytelling--public .dpd-launch-safe-footer__brand {
  display: contents !important;
  min-width: 0 !important;
}

footer#kill.dpd-global-footer .footer-logo,
footer#kill.dpd-global-footer .footer-logo a,
footer#kill.dpd-v2-portal-footer .footer-logo,
footer#kill.dpd-v2-portal-footer .footer-logo a,
.dpd-launch-safe-footer__logo,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo a,
body.dpd-storytelling--public .dpd-launch-safe-footer__logo {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-content: flex-start !important;
  min-height: 44px !important;
  min-width: 0 !important;
  padding: 0 !important;
}

footer#kill.dpd-global-footer .footer-logo img,
footer#kill.dpd-v2-portal-footer .footer-logo img,
.dpd-launch-safe-footer__logo img,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo img,
body.dpd-storytelling--public .dpd-launch-safe-footer__logo img {
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 48px !important;
  max-width: min(280px, 46vw) !important;
  object-fit: contain !important;
  opacity: 1 !important;
  width: min(280px, 46vw) !important;
}

footer#kill.dpd-global-footer .footer-nav,
footer#kill.dpd-v2-portal-footer .footer-nav,
.dpd-launch-safe-footer__copy,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy {
  align-items: center !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 0 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  line-height: 1.28 !important;
  margin: clamp(14px, 1.8vw, 22px) 0 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: clamp(12px, 1.5vw, 18px) 0 0 !important;
}

footer#kill.dpd-global-footer .footer-nav span,
footer#kill.dpd-global-footer .footer-nav a,
footer#kill.dpd-v2-portal-footer .footer-nav span,
footer#kill.dpd-v2-portal-footer .footer-nav a,
.dpd-launch-safe-footer__copy span,
.dpd-launch-safe-footer__copy a,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav a,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy span,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy a {
  align-items: center !important;
  color: #101820 !important;
  display: inline-flex !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(11px, 0.7vw, 13px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.28 !important;
  min-height: 24px !important;
  opacity: 1 !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  width: auto !important;
}

footer#kill.dpd-global-footer .footer-nav span:not(:last-child)::after,
footer#kill.dpd-v2-portal-footer .footer-nav span:not(:last-child)::after,
.dpd-launch-safe-footer__copy span:not(:last-child)::after,
.dpd-launch-safe-footer__copy a:not(:last-child)::after,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span:not(:last-child)::after,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy span:not(:last-child)::after,
body.dpd-storytelling--public .dpd-launch-safe-footer__copy a:not(:last-child)::after {
  background: rgba(16, 24, 32, 0.55) !important;
  color: transparent !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  margin: 0 10px !important;
  position: static !important;
  transform: none !important;
  width: 1px !important;
}

footer#kill.dpd-global-footer .footer-social-icons,
footer#kill.dpd-v2-portal-footer .footer-social-icons,
.dpd-launch-safe-footer__social,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons,
body.dpd-storytelling--public .dpd-launch-safe-footer__social {
  align-self: center !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  margin: 0 !important;
  min-width: max-content !important;
}

footer#kill.dpd-global-footer .footer-social-icons ul,
footer#kill.dpd-v2-portal-footer .footer-social-icons ul,
.dpd-launch-safe-footer__social,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons ul,
body.dpd-storytelling--public .dpd-launch-safe-footer__social {
  align-items: center !important;
  display: flex !important;
  gap: clamp(14px, 1.8vw, 26px) !important;
  justify-content: flex-end !important;
  list-style: none !important;
  padding: 0 !important;
}

footer#kill.dpd-global-footer .footer-social-icons a,
footer#kill.dpd-v2-portal-footer .footer-social-icons a,
.dpd-launch-safe-footer__social a,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons a,
body.dpd-storytelling--public .dpd-launch-safe-footer__social a {
  align-items: center !important;
  color: #05090d !important;
  display: inline-flex !important;
  font-size: clamp(22px, 1.85vw, 30px) !important;
  height: 36px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 36px !important;
  text-decoration: none !important;
}

footer#kill.dpd-global-footer .footer-social-icons a[href*="twitter.com"] i:not(.fa-x-twitter),
footer#kill.dpd-global-footer .footer-social-icons a[href*="x.com"] i:not(.fa-x-twitter),
footer#kill.dpd-v2-portal-footer .footer-social-icons a[href*="twitter.com"] i:not(.fa-x-twitter),
footer#kill.dpd-v2-portal-footer .footer-social-icons a[href*="x.com"] i:not(.fa-x-twitter),
.dpd-launch-safe-footer__social a[href*="twitter.com"] i:not(.fa-x-twitter),
.dpd-launch-safe-footer__social a[href*="x.com"] i:not(.fa-x-twitter) {
  font-size: 0 !important;
}

footer#kill.dpd-global-footer .footer-social-icons a[href*="twitter.com"] i:not(.fa-x-twitter)::before,
footer#kill.dpd-global-footer .footer-social-icons a[href*="x.com"] i:not(.fa-x-twitter)::before,
footer#kill.dpd-v2-portal-footer .footer-social-icons a[href*="twitter.com"] i:not(.fa-x-twitter)::before,
footer#kill.dpd-v2-portal-footer .footer-social-icons a[href*="x.com"] i:not(.fa-x-twitter)::before,
.dpd-launch-safe-footer__social a[href*="twitter.com"] i:not(.fa-x-twitter)::before,
.dpd-launch-safe-footer__social a[href*="x.com"] i:not(.fa-x-twitter)::before {
  content: "X" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

footer#kill.dpd-global-footer .footer-social-icons a .dpd-footer-x-icon,
footer#kill.dpd-v2-portal-footer .footer-social-icons a .dpd-footer-x-icon,
.dpd-launch-safe-footer__social a .dpd-footer-x-icon,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons a .dpd-footer-x-icon,
body.dpd-storytelling--public .dpd-launch-safe-footer__social a .dpd-footer-x-icon {
  color: currentColor !important;
  display: block !important;
  fill: currentColor !important;
  height: clamp(26px, 2vw, 34px) !important;
  line-height: 1 !important;
  width: clamp(26px, 2vw, 34px) !important;
}

footer#kill.dpd-global-footer .footer-use-notice,
footer#kill.dpd-v2-portal-footer .footer-use-notice,
.dpd-launch-safe-footer__notice,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-use-notice,
body.dpd-storytelling--public .dpd-launch-safe-footer__notice {
  align-self: start !important;
  border-top: 1px solid rgba(16, 24, 32, 0.12) !important;
  color: #252a2f !important;
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  line-height: 1.42 !important;
  margin: clamp(14px, 1.8vw, 22px) 0 0 !important;
  max-width: 520px !important;
  padding: clamp(12px, 1.5vw, 18px) 0 0 !important;
  text-align: right !important;
  text-transform: none !important;
}

@media (max-width: 1200px) {
  footer#kill.dpd-global-footer .footer-in,
  footer#kill.dpd-v2-portal-footer .footer-in,
  .dpd-launch-safe-footer__shell,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-in,
  body.dpd-storytelling--public .dpd-launch-safe-footer__shell {
    align-items: center !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    justify-items: center !important;
    padding-block: clamp(18px, 2.2vw, 26px) !important;
  }

  footer#kill.dpd-global-footer .footer-logo,
  footer#kill.dpd-global-footer .footer-logo a,
  footer#kill.dpd-v2-portal-footer .footer-logo,
  footer#kill.dpd-v2-portal-footer .footer-logo a,
  .dpd-launch-safe-footer__logo,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo a,
  body.dpd-storytelling--public .dpd-launch-safe-footer__logo {
    justify-content: center !important;
    justify-self: center !important;
  }

  footer#kill.dpd-global-footer .footer-logo img,
  footer#kill.dpd-v2-portal-footer .footer-logo img,
  .dpd-launch-safe-footer__logo img,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo img,
  body.dpd-storytelling--public .dpd-launch-safe-footer__logo img {
    max-height: 46px !important;
    max-width: min(260px, 64vw) !important;
    width: min(260px, 64vw) !important;
  }

  footer#kill.dpd-global-footer .footer-social-icons,
  footer#kill.dpd-v2-portal-footer .footer-social-icons,
  .dpd-launch-safe-footer__social,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons,
  body.dpd-storytelling--public .dpd-launch-safe-footer__social {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    margin-top: clamp(10px, 1.4vw, 16px) !important;
  }

  footer#kill.dpd-global-footer .footer-nav,
  footer#kill.dpd-v2-portal-footer .footer-nav,
  .dpd-launch-safe-footer__copy,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-content: center !important;
    margin-top: clamp(12px, 1.5vw, 18px) !important;
    max-width: min(980px, calc(100vw - 56px)) !important;
    padding-top: clamp(10px, 1.3vw, 15px) !important;
    text-align: center !important;
  }

  footer#kill.dpd-global-footer .footer-nav span,
  footer#kill.dpd-global-footer .footer-nav a,
  footer#kill.dpd-v2-portal-footer .footer-nav span,
  footer#kill.dpd-v2-portal-footer .footer-nav a,
  .dpd-launch-safe-footer__copy span,
  .dpd-launch-safe-footer__copy a,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav a,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy span,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy a {
    font-size: clamp(10.5px, 0.78vw, 12px) !important;
    letter-spacing: 0.105em !important;
    line-height: 1.24 !important;
    text-transform: uppercase !important;
  }

  footer#kill.dpd-global-footer .footer-use-notice,
  footer#kill.dpd-v2-portal-footer .footer-use-notice,
  .dpd-launch-safe-footer__notice,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-use-notice,
  body.dpd-storytelling--public .dpd-launch-safe-footer__notice {
    border-top: 0 !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin-top: 6px !important;
    max-width: min(780px, calc(100vw - 56px)) !important;
    padding-top: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 640px) {
  footer#kill.dpd-global-footer,
  footer#kill.dpd-v2-portal-footer,
  .dpd-launch-safe-footer,
  body.dpd-storytelling--public footer#kill.dpd-global-footer,
  body.dpd-storytelling--public .dpd-launch-safe-footer {
    padding: 18px 14px 0 !important;
  }

  footer#kill.dpd-global-footer .footer-in,
  footer#kill.dpd-v2-portal-footer .footer-in,
  .dpd-launch-safe-footer__shell,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-in,
  body.dpd-storytelling--public .dpd-launch-safe-footer__shell {
    padding: 16px 0 18px !important;
  }

  footer#kill.dpd-global-footer .footer-logo img,
  footer#kill.dpd-v2-portal-footer .footer-logo img,
  .dpd-launch-safe-footer__logo img,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-logo img,
  body.dpd-storytelling--public .dpd-launch-safe-footer__logo img {
    max-height: 44px !important;
    max-width: min(228px, 74vw) !important;
    width: min(228px, 74vw) !important;
  }

  footer#kill.dpd-global-footer .footer-social-icons ul,
  footer#kill.dpd-v2-portal-footer .footer-social-icons ul,
  .dpd-launch-safe-footer__social,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons ul,
  body.dpd-storytelling--public .dpd-launch-safe-footer__social {
    gap: clamp(15px, 4.7vw, 24px) !important;
  }

  footer#kill.dpd-global-footer .footer-social-icons a,
  footer#kill.dpd-v2-portal-footer .footer-social-icons a,
  .dpd-launch-safe-footer__social a,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons a,
  body.dpd-storytelling--public .dpd-launch-safe-footer__social a {
    font-size: clamp(24px, 6.5vw, 32px) !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  footer#kill.dpd-global-footer .footer-social-icons a .dpd-footer-x-icon,
  footer#kill.dpd-v2-portal-footer .footer-social-icons a .dpd-footer-x-icon,
  .dpd-launch-safe-footer__social a .dpd-footer-x-icon,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons a .dpd-footer-x-icon,
  body.dpd-storytelling--public .dpd-launch-safe-footer__social a .dpd-footer-x-icon {
    height: clamp(28px, 7.4vw, 36px) !important;
    width: clamp(28px, 7.4vw, 36px) !important;
  }

  footer#kill.dpd-global-footer .footer-nav,
  footer#kill.dpd-v2-portal-footer .footer-nav,
  .dpd-launch-safe-footer__copy,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy {
    gap: 0 !important;
    margin-top: 12px !important;
    max-width: min(370px, calc(100vw - 32px)) !important;
    padding-top: 12px !important;
  }

  footer#kill.dpd-global-footer .footer-nav span,
  footer#kill.dpd-global-footer .footer-nav a,
  footer#kill.dpd-v2-portal-footer .footer-nav span,
  footer#kill.dpd-v2-portal-footer .footer-nav a,
  .dpd-launch-safe-footer__copy span,
  .dpd-launch-safe-footer__copy a,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav a,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy span,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy a {
    font-size: clamp(10.5px, 2.65vw, 11.5px) !important;
    letter-spacing: 0.08em !important;
    line-height: 1.34 !important;
    min-height: 23px !important;
    white-space: normal !important;
  }

  footer#kill.dpd-global-footer .footer-nav span:not(:last-child)::after,
  footer#kill.dpd-v2-portal-footer .footer-nav span:not(:last-child)::after,
  .dpd-launch-safe-footer__copy span:not(:last-child)::after,
  .dpd-launch-safe-footer__copy a:not(:last-child)::after,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-nav span:not(:last-child)::after,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy span:not(:last-child)::after,
  body.dpd-storytelling--public .dpd-launch-safe-footer__copy a:not(:last-child)::after {
    height: 14px !important;
    margin: 0 6px !important;
  }

  footer#kill.dpd-global-footer .footer-use-notice,
  footer#kill.dpd-v2-portal-footer .footer-use-notice,
  .dpd-launch-safe-footer__notice,
  body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-use-notice,
  body.dpd-storytelling--public .dpd-launch-safe-footer__notice {
    font-size: clamp(11px, 2.75vw, 12px) !important;
    letter-spacing: 0.075em !important;
    line-height: 1.45 !important;
    max-width: min(340px, calc(100vw - 40px)) !important;
  }
}

/* DPD shared public popup brand parity - 2026-07-09 */
body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-logo a,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-logo a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-logo img,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-logo img {
  border-radius: 28px !important;
  display: block !important;
  filter: none !important;
  height: 76px !important;
  max-height: 76px !important;
  max-width: 76px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 76px !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: rgba(141, 158, 168, 0.92) !important;
  display: inline-flex !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  justify-content: center !important;
  min-height: 48px !important;
  min-width: 48px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
  width: 48px !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close:hover,
body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close:focus-visible,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close:hover,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close:focus-visible {
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 0 0 4px rgba(255, 242, 0, 0.12) !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close img,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close img {
  display: none !important;
  opacity: 0 !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::before,
body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::after,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::before,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::after {
  background: currentColor !important;
  border-radius: 999px !important;
  content: '' !important;
  display: block !important;
  height: 2px !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform-origin: center !important;
  width: 24px !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::before,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::after,
body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* DPD member header mark polish - 2026-07-09 */
@media (min-width: 1101px) {
  html body.dpd-member-surface .dpd-v2-header-shell {
    --dpd-v2-header-brand-size: clamp(66px, 4.9vw, 78px);
    --dpd-member-shell-gap: clamp(12px, 1.25vw, 18px);
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-header-bar {
    column-gap: var(--dpd-member-shell-gap) !important;
    grid-template-columns: var(--dpd-v2-header-brand-size) minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .left-sec,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-shell__brand,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-link {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    min-width: var(--dpd-v2-header-brand-size) !important;
    width: var(--dpd-v2-header-brand-size) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-link {
    height: var(--dpd-v2-header-brand-size) !important;
    min-height: var(--dpd-v2-header-brand-size) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-mark,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-mark {
    align-items: center !important;
    background: #fff200 !important;
    border-radius: clamp(16px, 1.35vw, 20px) !important;
    box-shadow: 0 20px 42px rgba(255, 242, 0, 0.2) !important;
    display: inline-grid !important;
    flex: 0 0 var(--dpd-v2-header-brand-size) !important;
    height: var(--dpd-v2-header-brand-size) !important;
    justify-items: center !important;
    overflow: hidden !important;
    place-items: center !important;
    width: var(--dpd-v2-header-brand-size) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-mark img,
  html body.dpd-member-surface:not(.dpd-v2-sidebar-collapsed):not(.dpd-sidebar-collapsed) .dpd-v2-header-shell #header-login .dpd-public-logo-mark img {
    display: block !important;
    height: calc(var(--dpd-v2-header-brand-size) * 0.7) !important;
    max-height: calc(var(--dpd-v2-header-brand-size) * 0.7) !important;
    max-width: calc(var(--dpd-v2-header-brand-size) * 0.7) !important;
    object-fit: contain !important;
    width: calc(var(--dpd-v2-header-brand-size) * 0.7) !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark-frame,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-wordmark,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-public-logo-copy {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
  }

  html body.dpd-member-surface .dpd-v2-header-shell #header-login .right-sec.header-right,
  html body.dpd-member-surface .dpd-v2-header-shell #header-login .dpd-v2-header-shell__actions {
    grid-column: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* DPD dark accent helmet avatar visibility - 2026-07-09 */
html[data-dpd-accent="dark"] body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html[data-dpd-accent="dark"] body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body[data-dpd-accent="dark"] [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar,
html body[data-dpd-accent="dark"] .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar {
  --dpd-header-selected-accent: #101820 !important;
  --dpd-header-selected-ink: #fff200 !important;
  --dpd-personal-accent: #101820 !important;
  --dpd-personal-accent-ink: #fff200 !important;
  --dpd-user-badge-fill: #101820 !important;
  --dpd-user-badge-ink: #fff200 !important;
  background: #101820 !important;
  background-color: #101820 !important;
  color: #fff200 !important;
  -webkit-text-fill-color: #fff200 !important;
}

html[data-dpd-accent="dark"] body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html[data-dpd-accent="dark"] body [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark--image,
html[data-dpd-accent="dark"] body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html[data-dpd-accent="dark"] body .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark--image,
html body[data-dpd-accent="dark"] [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body[data-dpd-accent="dark"] [data-dpd-user-badge][data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark--image,
html body[data-dpd-accent="dark"] .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark,
html body[data-dpd-accent="dark"] .dpd-user-badge[data-dpd-avatar-choice="helmet"].has-mark-avatar .dpd-user-badge__mark--image {
  background: #fff200 !important;
  background-color: #fff200 !important;
  background-image: none !important;
  color: #fff200 !important;
  filter: none !important;
  opacity: 1 !important;
  -webkit-filter: none !important;
  -webkit-mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  mask: var(--dpd-avatar-mark) center / contain no-repeat !important;
  -webkit-text-fill-color: #fff200 !important;
}

/* DPD footer social hover cleanup - 2026-07-09 */
footer#kill.dpd-global-footer .footer-social-icons a,
footer#kill.dpd-v2-portal-footer .footer-social-icons a,
footer#kill .footer-social-icons a,
.dpd-v2-portal-footer .footer-social-icons a,
.dpd-launch-safe-footer__social a,
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons a,
body.dpd-storytelling--public .dpd-launch-safe-footer__social a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: clamp(21px, 1.65vw, 27px) !important;
  outline: 0 !important;
  transform: none !important;
}

footer#kill.dpd-global-footer .footer-social-icons a:is(:hover, :focus, :focus-visible, :active),
footer#kill.dpd-v2-portal-footer .footer-social-icons a:is(:hover, :focus, :focus-visible, :active),
footer#kill .footer-social-icons a:is(:hover, :focus, :focus-visible, :active),
.dpd-v2-portal-footer .footer-social-icons a:is(:hover, :focus, :focus-visible, :active),
.dpd-launch-safe-footer__social a:is(:hover, :focus, :focus-visible, :active),
body.dpd-storytelling--public footer#kill.dpd-global-footer .footer-social-icons a:is(:hover, :focus, :focus-visible, :active),
body.dpd-storytelling--public .dpd-launch-safe-footer__social a:is(:hover, :focus, :focus-visible, :active) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

footer#kill.dpd-global-footer .footer-social-icons a .dpd-footer-x-icon,
footer#kill.dpd-v2-portal-footer .footer-social-icons a .dpd-footer-x-icon,
footer#kill .footer-social-icons a .dpd-footer-x-icon,
.dpd-v2-portal-footer .footer-social-icons a .dpd-footer-x-icon,
.dpd-launch-safe-footer__social a .dpd-footer-x-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 0.95em !important;
  outline: 0 !important;
  width: 0.95em !important;
}

/* Super Admin mobile record disclosure. This compatibility sheet is loaded
   after the portal styles, so it owns the final visibility state only. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-responsive-table__record-toggle {
  display: none !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--admin .dpd-v2-responsive-table__record-toggle {
    display: inline-flex !important;
  }
}

/* DPD mobile long-list and chrome follow-up - 2026-07-13 */
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-progressive-list__actions {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 14px !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin: 12px 0 0 !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-progressive-list__status {
  color: #52606d !important;
  font-family: var(--font-ui, "acumin-pro-semi-condensed", "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-progressive-list__button {
  box-sizing: border-box !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 42px !important;
  padding: 9px 14px !important;
  width: auto !important;
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--promotions .video-header .dashboard-head-left h1 {
    font-size: clamp(30px, 8.5vw, 40px) !important;
    hyphens: none !important;
    line-height: 0.98 !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  html.dpd-public-mobile-menu-open body:not(.dpd-member-surface) header.log-out.dpd-public-header,
  body.dpd-public-mobile-menu-open:not(.dpd-member-surface) header.log-out.dpd-public-header,
  body.dpd-launch-menu-open:not(.dpd-member-surface) header.log-out.dpd-public-header {
    pointer-events: auto !important;
    z-index: 2147483641 !important;
  }

  html.dpd-public-mobile-menu-open body:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-colse-main,
  body.dpd-public-mobile-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-colse-main,
  body.dpd-launch-menu-open:not(.dpd-member-surface) .home-menu-popup.home-menu-popup-open .home-menu-popup-colse-main {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-progressive-list__actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-progressive-list__button {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  html body #dpd-account-dropdown.dpd-account-dropdown .acc-dropdown-tab {
    align-items: start !important;
    grid-template-columns: 60px minmax(0, 1fr) !important;
  }

  html body #dpd-account-dropdown.dpd-account-dropdown .acc-drop-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #dpd-account-dropdown.dpd-account-dropdown .acc-drop-meta__item:last-child {
    grid-column: 1 / -1 !important;
  }

  html body #dpd-account-dropdown.dpd-account-dropdown .acc-drop-meta__item span,
  html body #dpd-account-dropdown.dpd-account-dropdown .acc-drop-meta__item strong {
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

/* Global member action and label consistency - 2026-07-14.
   Interactive white/black controls follow the selected personal accent while
   disabled and destructive controls retain their semantic treatment.
   The two rebate-path actions opt out by name rather than trying to out-specify
   this rule: the Customer Rebates card needs one action to outrank the other,
   and a blanket that paints every control the same yellow at the same 40px is
   exactly what erases that. They restyle themselves in dpd-frontend-audit.css,
   which is the same opt-out pattern .dpd-ml-field and .dpd-portal-search-input
   already use against the other blanket normalizers. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(
  a.mock-btn,
  button.mock-btn,
  input.mock-btn[type="submit"],
  a.bttn,
  button.bttn,
  .dpd-v2-progressive-list__button
):not(.is-disabled):not(.danger):not(.destructive):not(.is-danger):not([aria-disabled="true"]):not(:disabled):not(.dpd-v2-rebate-submit):not(.dpd-v2-rebate-wallet) {
  align-items: center !important;
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  box-sizing: border-box !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  display: inline-flex !important;
  height: auto !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
  min-height: 40px !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  width: auto !important;
  word-break: normal !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell.dpd-rewards-store-shell .dpd-v2-action-row--commerce-empty :is(
  a.mock-btn,
  button.mock-btn
):not(.is-disabled):not(.danger):not(.destructive):not(.is-danger):not([aria-disabled="true"]):not(:disabled) {
  min-height: 48px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(
  a.mock-btn,
  button.mock-btn,
  input.mock-btn[type="submit"],
  a.bttn,
  button.bttn,
  .dpd-v2-progressive-list__button
):not(.is-disabled):not(.danger):not(.destructive):not(.is-danger):not([aria-disabled="true"]):not(:disabled):not(.dpd-v2-rebate-submit):not(.dpd-v2-rebate-wallet):is(:hover, :focus-visible) {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.2) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  filter: none !important;
  outline: none !important;
  transform: none !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(
  a.mock-btn,
  button.mock-btn,
  a.bttn,
  button.bttn,
  .dpd-v2-progressive-list__button
):not(.is-disabled):not(.danger):not(.destructive):not(.is-danger):not([aria-disabled="true"]):not(:disabled) > * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(button.mock-btn, button.bttn, .dpd-v2-progressive-list__button):disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(.mock-btn, .bttn, .dpd-v2-progressive-list__button).is-disabled,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(.mock-btn, .bttn, .dpd-v2-progressive-list__button)[aria-disabled="true"] {
  background: #e8edf0 !important;
  border-color: #cbd4da !important;
  color: #65727d !important;
  cursor: not-allowed !important;
  opacity: 0.72 !important;
  -webkit-text-fill-color: #65727d !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(.mock-chip, [data-dpd-updates-count-label]) {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  height: auto !important;
  justify-content: center !important;
  line-height: 1.12 !important;
  max-width: 100% !important;
  min-height: 32px !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  padding: 7px 12px !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  width: fit-content !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #dpd-v2-updates-drawer .dpd-v2-updates-composer input[type="file"]::file-selector-button {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

@container dpd-training-ledger (max-width: 1100px) {
}

@container dpd-training-ledger (max-width: 760px) {
}

@container dpd-training-ledger (max-width: 420px) {
}

/* DPD Notifications sidebar final visible state - 2026-07-14 */
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a .dpd-v2-nav-count {
  align-items: center !important;
  background: #fff200 !important;
  border: 1px solid #fff200 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #071018 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  justify-self: end !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-width: 22px !important;
  opacity: 1 !important;
  padding: 0 6px !important;
  text-shadow: none !important;
  visibility: visible !important;
  -webkit-text-fill-color: #071018 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:hover .dpd-v2-nav-label,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:focus-visible .dpd-v2-nav-label,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification.is-current > a .dpd-v2-nav-label,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification.current-menu-item > a .dpd-v2-nav-label {
  color: var(--dpd-ui-accent, #fff200) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:hover .dpd-v2-nav-count,
html body.dpd-member-surface #sub-page-main-content-wrapper #dpd-v2-sidebar.dpd-v2-nav-shell .menu-item.has-notification > a:focus-visible .dpd-v2-nav-count {
  background: #fff200 !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

/* DPD Header notification hover contrast - 2026-07-14 */
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble:hover,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble:focus-visible,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.is-active,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble[aria-expanded="true"] {
  background: #fff200 !important;
  border-color: #fff200 !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble:hover .dpd-public-header-link__icon,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble:focus-visible .dpd-public-header-link__icon,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.is-active .dpd-public-header-link__icon,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble[aria-expanded="true"] .dpd-public-header-link__icon {
  color: #071018 !important;
  stroke: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble:hover .dpd-public-header-link__count,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble:focus-visible .dpd-public-header-link__count,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble.is-active .dpd-public-header-link__count,
html body.dpd-member-surface #header-login.dpd-public-header--member a.dpd-public-header-link--updates-bubble[aria-expanded="true"] .dpd-public-header-link__count {
  background: #fff200 !important;
  color: #071018 !important;
  -webkit-text-fill-color: #071018 !important;
}

/* Dealer Program Activity: respond to the dashboard's usable width, including
   the space removed by the expanded sidebar, rather than the viewport alone. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals {
  container-name: dpd-program-activity;
  container-type: inline-size;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals :is(.dpd-v2-program-summary-card, .dpd-v2-program-card, .dpd-v2-program-card > *, .dpd-v2-loyalty-chart-wrap, .dpd-v2-loyalty-kpis, .dpd-v2-loyalty-list, .dpd-v2-pending-rebates) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-summary-rail,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual] {
  grid-column: 1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-summary-card :is(span, strong, em, small),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals :is(.dpd-v2-program-money-tile, .dpd-v2-program-rebate-total, .dpd-v2-program-muted-state) :is(span, strong),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-loyalty-empty-state :is(strong, p, small) {
  hyphens: none !important;
  max-width: 100% !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card__header {
  align-items: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  justify-content: stretch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-card-kicker {
  box-sizing: border-box !important;
  display: block !important;
  hyphens: none !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  white-space: normal !important;
  width: fit-content !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card__header .mock-chip {
  align-self: start !important;
  flex: 0 0 auto !important;
  justify-self: end !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty {
  container-name: dpd-loyalty-card;
  container-type: inline-size;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-chart-wrap {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-areas:
    "chart"
    "kpis"
    "list" !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-chart {
  justify-self: center !important;
  max-width: 240px !important;
  min-width: 0 !important;
  width: min(100%, 240px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-kpis {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-kpis > span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-kpis em {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-row {
  align-items: center !important;
  display: grid !important;
  gap: 7px 9px !important;
  grid-template-columns: 14px minmax(0, 1fr) auto !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-row strong {
  grid-column: 2 !important;
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-row b {
  grid-column: 3 !important;
  justify-self: end !important;
  min-width: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-row__bar {
  grid-column: 2 / -1 !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-loyalty-empty-state {
  align-items: center !important;
  justify-self: stretch !important;
  max-width: none !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row > span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row :is(strong, small) {
  min-width: 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row > em {
  justify-self: end !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

@container dpd-program-activity (min-width: 520px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-summary-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@container dpd-program-activity (min-width: 700px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual] {
    grid-column: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="loyalty"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="pendingRebates"] {
    grid-column: 1 / -1 !important;
  }
}

@container dpd-program-activity (min-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-summary-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@container dpd-program-activity (min-width: 1080px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-summary-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@container dpd-loyalty-card (min-width: 620px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-chart-wrap {
    grid-template-areas:
      "chart kpis"
      "chart list" !important;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) !important;
  }
}

@container dpd-loyalty-card (max-width: 459px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-loyalty-empty-state {
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-row {
    grid-template-columns: 14px minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card--loyalty .dpd-v2-loyalty-row b {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }
}

@media (max-width: 520px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card__header,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-card__header .mock-chip,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard--dealer .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row > em {
    justify-self: start !important;
  }
}

/* Body-level tooltip bypasses the fixed sidebar's intentional overflow clipping. */
html body.dpd-member-surface > .dpd-v2-collapsed-nav-tooltip {
  align-items: center !important;
  background: color-mix(in srgb, #111820 88%, var(--dpd-ui-accent, #fff200) 12%) !important;
  border: 1px solid var(--dpd-ui-accent, #fff200) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 1px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.12), 0 10px 24px rgba(5, 10, 16, 0.28) !important;
  color: #ffffff !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  min-height: 34px !important;
  padding: 8px 11px !important;
  pointer-events: none !important;
  position: fixed !important;
  text-align: left !important;
  white-space: nowrap !important;
  z-index: 2147483646 !important;
}

html body.dpd-member-surface > .dpd-v2-collapsed-nav-tooltip[hidden] {
  display: none !important;
}

/* Notification/update contrast lock - 2026-07-14.
   The legacy strip used yellow text and white actions on a white card. Keep
   update controls tied to the selected personal accent with guaranteed ink. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__label {
  align-items: center !important;
  background: var(--dpd-ui-accent, #fff200) !important;
  border: 1px solid var(--dpd-ui-accent, #fff200) !important;
  border-radius: 999px !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  display: inline-flex !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__icon {
  border-color: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.38) !important;
  color: var(--dpd-ui-accent, #fff200) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__count {
  background: var(--dpd-ui-accent, #fff200) !important;
  border: 1px solid var(--dpd-ui-accent, #fff200) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__date {
  color: #52606d !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #52606d !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__actions .mock-btn:not(:disabled):not([aria-disabled="true"]) {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__actions .mock-btn:not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.22) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

/* Yellow/accent status labels may be outlined or filled, but never use
   yellow lettering on a yellow or white surface. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(
  .mock-chip,
  .dpd-v2-status-chip,
  .dpd-v2-status-badge,
  .dpd-v2-status-pill,
  .dpd-v2-badge,
  .dpd-badge
):is(.warn, .warning, .pending, .review, .is-yellow) {
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

/* Training LMS selected-accent lock - 2026-07-14.
   The course reader ships with a separate legacy teal palette. Keep every
   actionable/active training state synchronized with the member selection. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-progress-bar-fill,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container #lms-chapters .lms-chapter-item.active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-btn:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .quiz-answer-option input[type="radio"]:checked,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-points-awarded {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container #lms-chapters .lms-chapter-item.active,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-btn:not(:disabled),
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-btn:not(:disabled) *,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-points-awarded :is(.points-value, .points-label) {
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container :is(.lms-btn-primary, .lms-btn-secondary, .lms-btn-exit):not(:disabled):is(:hover, :focus-visible) {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  box-shadow: 0 0 0 3px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.22) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  filter: none !important;
  outline: none !important;
  transform: none !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

/* Keep chapter labels readable and independent of the selected accent.
   Completion state belongs on the checkmark, not the label text. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container #lms-chapters .lms-chapter-item:not(.disabled) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-section-body,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-section-body :is(p, li, a) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container #lms-chapters .lms-chapter-item.completed:not(.active) .fa,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-completion-icon i,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-section-body li::marker {
  color: var(--dpd-ui-accent, #fff200) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-section-title {
  border-bottom-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .quiz-answer-option:hover,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .quiz-answer-option:focus-within {
  background: rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.09) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-guided-route--training #lms-container .lms-btn:disabled {
  background: #e8edf0 !important;
  border-color: #cbd4da !important;
  color: #65727d !important;
  -webkit-text-fill-color: #65727d !important;
}

/* Global hero info-popover clipping repair - 2026-07-14.
   Hero artwork needs overflow clipping while idle, but an open/hovered info
   panel must be allowed through every hero wrapper and above the next card. */
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-managed:is(.is-info-open, .is-info-hover)),
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-dot:is(:hover, :focus-visible)),
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-managed:focus-within),
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-summary:hover) {
  contain: none !important;
  isolation: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: calc(var(--dpd-z-popover, 100100) - 30) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-managed:is(.is-info-open, .is-info-hover)) :is(
  .video-header-content,
  .mock-static-bg,
  .dpd-v2-global-hero__inner,
  .dashboard-head-left,
  .dashboard-head-right,
  .dashboard-head-right-in,
  .dpd-v2-global-hero__summary,
  .dpd-v2-info-managed
),
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-dot:is(:hover, :focus-visible)) :is(
  .video-header-content,
  .mock-static-bg,
  .dpd-v2-global-hero__inner,
  .dashboard-head-left,
  .dashboard-head-right,
  .dashboard-head-right-in,
  .dpd-v2-global-hero__summary,
  .dpd-v2-info-managed
),
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-managed:focus-within) :is(
  .video-header-content,
  .mock-static-bg,
  .dpd-v2-global-hero__inner,
  .dashboard-head-left,
  .dashboard-head-right,
  .dashboard-head-right-in,
  .dpd-v2-global-hero__summary,
  .dpd-v2-info-managed
),
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
):has(.dpd-v2-info-summary:hover) :is(
  .video-header-content,
  .mock-static-bg,
  .dpd-v2-global-hero__inner,
  .dashboard-head-left,
  .dashboard-head-right,
  .dashboard-head-right-in,
  .dpd-v2-global-hero__summary,
  .dpd-v2-info-managed
) {
  contain: none !important;
  overflow: visible !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
) .dpd-v2-info-managed:is(.is-info-open, .is-info-hover) > .dpd-v2-info-summary,
html body.dpd-member-surface #sub-page-main-content-wrapper :is(
  .video-header,
  .dpd-v2-global-hero,
  .dpd-v2-product-hero-shell
) .dpd-v2-info-managed:focus-within > .dpd-v2-info-summary {
  max-height: min(420px, calc(100dvh - 96px)) !important;
  max-width: min(380px, calc(100vw - 32px)) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  z-index: calc(var(--dpd-z-popover, 100100) - 10) !important;
}

@media (max-width: 520px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper :is(
    .video-header,
    .dpd-v2-global-hero,
    .dpd-v2-product-hero-shell
  ) .dpd-v2-info-managed:is(.is-info-open, .is-info-hover) > .dpd-v2-info-summary,
  html body.dpd-member-surface #sub-page-main-content-wrapper :is(
    .video-header,
    .dpd-v2-global-hero,
    .dpd-v2-product-hero-shell
  ) .dpd-v2-info-managed:focus-within > .dpd-v2-info-summary {
    left: 12px !important;
    max-height: min(360px, calc(100dvh - 88px)) !important;
    max-width: none !important;
    right: 12px !important;
    width: auto !important;
  }
}

/* Cross-role dashboard audit authority - 2026-07-14.
   One container-driven Program Activity composition prevents unused tracks on
   Dealer, Parent, RSM, Admin, and admin-shell Auditor dashboards. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals {
  container-type: inline-size;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual] {
  grid-column: auto !important;
  min-width: 0 !important;
}

@container (min-width: 700px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="loyalty"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="pendingRebates"] {
    grid-column: 1 / -1 !important;
  }
}

@container (min-width: 1200px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual] {
    grid-column: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="loyalty"] {
    grid-column: span 4 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="rewards"] {
    grid-column: span 2 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="submittingRebates"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-visual-grid [data-dpd-program-visual="pendingRebates"] {
    grid-column: span 3 !important;
  }
}

/* Missing-data cards now honor the template's condensed state. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-program-card.is-empty.is-condensed {
  align-content: start !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-program-card.is-empty.is-condensed .dpd-v2-loyalty-empty-state {
  margin-top: 12px !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 18px !important;
  width: 100% !important;
}

/* Empty loyalty cards do not have the chart and summary used by populated
   cards, so they need their own full-width grid area on desktop. */
@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-program-card--loyalty.dpd-v2-info-managed.is-empty.is-condensed {
    grid-template-areas:
      "header"
      "empty" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-program-card--loyalty.dpd-v2-info-managed.is-empty.is-condensed .dpd-v2-loyalty-empty-state {
    align-self: stretch !important;
    grid-area: empty !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    justify-self: center !important;
    margin-top: 12px !important;
    max-width: 760px !important;
  }
}

/* Complete selected-accent ownership for remaining dashboard-only controls. */
html body.dashboard-accent-enabled.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard .dpd-v2-card-kicker,
html body.dashboard-accent-enabled.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard :is(.dpd-v2-launch-card__cta, .dpd-v2-launch-card__links a, .dpd-v2-promo-carousel__button):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background: #000 !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.dashboard-accent-enabled.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard :is(.dpd-v2-launch-card__cta, .dpd-v2-launch-card__links a, .dpd-v2-promo-carousel__button):not(.is-disabled):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
  box-shadow: 0 0 0 3px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.22) !important;
  filter: none !important;
}

html body.dashboard-accent-enabled.dpd-member-surface #header-login .dpd-public-header-link__count,
html body.dashboard-accent-enabled.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-nav-count {
  background: var(--dpd-ui-accent, #fff200) !important;
  border-color: var(--dpd-ui-accent, #fff200) !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

/* News actions remain legible in default, visited, hover, and focus states. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-link,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-link:visited {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dashboard-accent-enabled.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-launch-news-link:is(:hover, :focus-visible) {
  color: var(--dpd-ui-accent, #fff200) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #fff200) !important;
}

/* Keep the Helper clear of the assisted-session dock on desktop and tablet. */
@media (min-width: 761px) {
  html body.dpd-impersonation-active {
    padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important;
  }

  html body.dpd-impersonation-active .dpd-helper-launcher {
    bottom: calc(62px + env(safe-area-inset-bottom)) !important;
  }
}

/* Operational command-center density layer - 2026-07-15.
   Primary decisions stay visible. Large record consoles use progressive
   disclosure, and dealer launch tools become compact utilities instead of a
   second full-page dashboard. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard {
  --dpd-command-gap: clamp(12px, 1.2vw, 18px);
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard > :is(.main-content-sec, .video-header) {
  margin-bottom: var(--dpd-command-gap) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard > .main-content-sec.dpd-v2-dashboard-section {
  padding: clamp(18px, 1.8vw, 28px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-detail {
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.1) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 26px rgba(7, 16, 24, 0.055) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard > .main-content-sec.dpd-v2-dashboard-section.dpd-v2-command-center-detail {
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle {
  align-items: center !important;
  appearance: none !important;
  background: linear-gradient(105deg, #111a22 0%, #182630 70%, color-mix(in srgb, #182630 82%, var(--dpd-ui-accent, #fff200) 18%) 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 0 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 72px !important;
  padding: 16px 20px !important;
  text-align: left !important;
  width: 100% !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle::after {
  align-items: center !important;
  background-color: var(--dpd-ui-accent, #fff200) !important;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 3px, 3px 16px !important;
  border-radius: 999px !important;
  color: var(--dpd-ui-accent-ink, #101820) !important;
  content: "" !important;
  display: inline-flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  height: 38px !important;
  justify-content: center !important;
  width: 38px !important;
  -webkit-text-fill-color: var(--dpd-ui-accent-ink, #101820) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle[aria-expanded="true"]::after {
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-size: 16px 3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle:is(:hover, :focus-visible) {
  box-shadow: inset 4px 0 0 var(--dpd-ui-accent, #fff200) !important;
  outline: 3px solid rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.22) !important;
  outline-offset: -3px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle__title {
  font-family: var(--dpd-font-condensed, "Arial Narrow", sans-serif) !important;
  font-size: clamp(18px, 1.45vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: 0.035em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle__meta {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell #accounts .dpd-v2-access-review-controls :is([data-dpd-access-review-status], [data-dpd-access-review-sort]) {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #f3f2f2 !important;
  background-image: url("images/select-tag-arrow.webp") !important;
  background-position: right 20px center !important;
  background-repeat: no-repeat !important;
  background-size: 12px auto !important;
  padding: 0 48px 0 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console [data-dpd-dealer-session-search] select[name="dealer_sort"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("images/select-tag-arrow.webp") !important;
  background-position: right 20px center !important;
  background-repeat: no-repeat !important;
  background-size: 12px auto !important;
  padding: 0 48px 0 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-detail.is-collapsed > .dpd-v2-command-center-detail__content {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-detail.is-expanded > .dpd-v2-command-center-detail__content {
  animation: dpdCommandCenterReveal 180ms ease-out both;
  margin-left: clamp(18px, 1.8vw, 28px) !important;
  margin-right: clamp(18px, 1.8vw, 28px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-detail.is-expanded > .dpd-v2-command-center-detail__content:first-of-type {
  margin-top: clamp(18px, 1.8vw, 28px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-detail.is-expanded > .dpd-v2-command-center-detail__content:last-child {
  margin-bottom: clamp(18px, 1.8vw, 28px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-layout {
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts {
  gap: 8px !important;
  min-height: 224px !important;
  padding: 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts {
  min-height: 280px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated {
  height: 92px !important;
  max-width: 142px !important;
  width: min(100%, 142px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy {
  gap: 6px !important;
  max-width: 280px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy strong {
  font-size: clamp(18px, 1.4vw, 23px) !important;
  line-height: 1.04 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy em {
  display: -webkit-box !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__cta {
  min-height: 34px !important;
  padding: 0 14px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__links {
  gap: 5px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__links a {
  min-height: 30px !important;
  padding: 6px 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(.dpd-v2-utility-signal-grid, .dpd-v2-action-card-grid) {
  gap: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell :is(.dpd-v2-utility-signal-card, .dpd-v2-action-card) {
  min-height: 0 !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-table-scroll {
  max-width: 100% !important;
}

@keyframes dpdCommandCenterReveal {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-toggle {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 66px !important;
    padding: 14px 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card--with-shortcuts {
    align-items: center !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    justify-items: stretch !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__media--animated {
    height: 76px !important;
    width: 86px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-card__copy {
    justify-items: start !important;
    text-align: left !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-command-center-detail.is-expanded > .dpd-v2-command-center-detail__content {
    animation: none !important;
  }
}

/* Dashboard notification placement + operational widget replacement - 2026-07-15. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-section {
  margin: 12px 0 18px !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-section .dpd-v2-notification-strip {
  background-color: #101820 !important;
  background-image:
    radial-gradient(circle at 8% 0%, rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.22), transparent 34%),
    radial-gradient(circle at 92% 120%, rgba(255, 242, 0, 0.16), transparent 38%),
    linear-gradient(112deg, #101820 0%, #15262a 58%, #28320f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-left: 6px solid var(--dpd-portal-accent, var(--dpd-ui-accent, #fff200)) !important;
  border-radius: 20px !important;
  box-shadow: 0 22px 48px rgba(8, 18, 22, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  gap: 16px !important;
  grid-template-columns: 72px minmax(0, 1fr) minmax(170px, 210px) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: 14px 16px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-section .dpd-v2-notification-strip::after {
  background: linear-gradient(90deg, var(--dpd-portal-accent, var(--dpd-ui-accent, #fff200)) 0%, #2ddfc7 52%, rgba(255, 242, 0, 0) 100%) !important;
  bottom: 0 !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  left: 0 !important;
  opacity: 0.9 !important;
  position: absolute !important;
  width: 64% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__lead {
  align-self: stretch !important;
  background: linear-gradient(180deg, rgba(6, 13, 19, 0.94) 0%, rgba(18, 30, 36, 0.84) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 0 0 1px rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.08), 0 12px 26px rgba(3, 10, 15, 0.2) !important;
  gap: 5px !important;
  min-height: 82px !important;
  padding: 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__icon {
  background: rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.18) !important;
  border-color: rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.52) !important;
  box-shadow: 0 0 0 5px rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.07), inset 0 0 14px rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.12) !important;
  color: var(--dpd-portal-accent, var(--dpd-ui-accent, #fff200)) !important;
  height: 34px !important;
  width: 34px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__count,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__actions .mock-btn {
  background: var(--dpd-portal-accent, var(--dpd-ui-accent, #fff200)) !important;
  border-color: var(--dpd-portal-accent, var(--dpd-ui-accent, #fff200)) !important;
  box-shadow: 0 10px 24px rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.24) !important;
  color: var(--dpd-portal-accent-ink, var(--dpd-ui-accent-ink, #101820)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__body {
  align-self: center !important;
  padding: 2px 8px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__label {
  background: rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.12) !important;
  border-color: rgba(var(--dpd-portal-accent-rgb, var(--dpd-ui-accent-rgb, 255, 242, 0)), 0.52) !important;
  color: #f7fbfc !important;
  -webkit-text-fill-color: #f7fbfc !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip h3 {
  color: #ffffff !important;
  font-size: clamp(18px, 1.5vw, 24px) !important;
  letter-spacing: 0.035em !important;
  margin: 0 0 5px !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.26) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip p {
  color: rgba(238, 246, 248, 0.76) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__date,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__status {
  color: rgba(232, 241, 244, 0.68) !important;
  -webkit-text-fill-color: rgba(232, 241, 244, 0.68) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__actions {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.035) 100%) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 26px rgba(3, 10, 15, 0.16) !important;
  min-height: 82px !important;
  padding: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-grid {
  align-items: stretch !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-card {
  gap: 12px !important;
  min-height: 0 !important;
  padding: 16px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-card__top h4 {
  font-size: clamp(19px, 1.65vw, 25px) !important;
  line-height: 1.05 !important;
  max-width: 16ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-card__hero strong {
  display: block !important;
  font-size: clamp(42px, 4vw, 60px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-card__stats {
  gap: 7px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--launch .dpd-v2-launch-video {
  grid-template-rows: auto minmax(150px, 1fr) auto auto !important;
}

@media (max-width: 1100px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-section .dpd-v2-notification-strip {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__lead {
    flex-direction: column !important;
    gap: 4px !important;
    min-height: 0 !important;
    padding: 7px 5px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__icon {
    box-sizing: border-box !important;
    flex: 0 0 30px !important;
    font-size: 14px !important;
    height: 30px !important;
    width: 30px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__count {
    box-sizing: border-box !important;
    font-size: 12px !important;
    min-height: 30px !important;
    min-width: 30px !important;
    padding: 5px 7px 4px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__body {
    padding: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-notification-strip__actions {
    align-items: stretch !important;
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--command-widgets .dpd-v2-admin-ops-grid {
    grid-template-columns: 1fr !important;
  }
}

/* DPD instrument hierarchy final cascade lock - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card {
  background-color: #101820 !important;
  background-image:
    radial-gradient(circle at 88% 18%, rgba(var(--dpd-ui-accent-rgb, 45, 223, 199), 0.2), transparent 30%),
    linear-gradient(145deg, #101820 0%, #1c262a 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 22px 50px rgba(8, 18, 22, 0.22) !important;
  color: #ffffff !important;
  isolation: isolate !important;
  min-height: 310px !important;
  padding: 22px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.12), transparent 28%, transparent 72%, rgba(255, 255, 255, 0.08)) !important;
  content: "" !important;
  display: block !important;
  inset: 0 !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -1 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__top h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__items strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-stat strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-bar__label strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card .dpd-v2-card-kicker {
  color: var(--dpd-ui-accent, #2ddfc7) !important;
  -webkit-text-fill-color: var(--dpd-ui-accent, #2ddfc7) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__hero {
  align-content: start !important;
  align-items: start !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 118px !important;
  padding-right: 104px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__hero strong {
  display: block !important;
  font-size: clamp(44px, 4vw, 60px) !important;
  letter-spacing: -0.055em !important;
  line-height: 0.9 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__hero p {
  display: block !important;
  margin: 0 !important;
  max-width: 30ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__hero p,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card .dpd-v2-metric-source,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__items span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-stat span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-bar__label span {
  color: rgba(238, 244, 248, 0.74) !important;
  -webkit-text-fill-color: rgba(238, 244, 248, 0.74) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__gauge {
  display: flex !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-bar__rail {
  background: rgba(255, 255, 255, 0.14) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-stat,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__items li {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(238, 244, 248, 0.72) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card.mock-panel {
  background: rgba(255, 255, 255, 0.065) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  min-height: 250px !important;
  padding: 20px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card.mock-panel:nth-child(2) {
  background: rgba(255, 242, 0, 0.075) !important;
  border-color: rgba(255, 242, 0, 0.22) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card .dpd-v2-card-kicker {
  color: #2ddfc7 !important;
  -webkit-text-fill-color: #2ddfc7 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card h4,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card .mock-list strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-activity-list__item strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card .mock-list li {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(239, 245, 248, 0.74) !important;
  -webkit-text-fill-color: rgba(239, 245, 248, 0.74) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-activity-list__item span,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-parent-utility-signals .dpd-v2-utility-signal-card__empty {
  color: rgba(239, 245, 248, 0.7) !important;
  -webkit-text-fill-color: rgba(239, 245, 248, 0.7) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .main-content-sec.dpd-v2-dashboard-section.dpd-v2-command-center-detail {
  padding: 0 !important;
  padding-block: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-command-center-detail > .dpd-v2-command-center-toggle {
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-command-center-detail.is-collapsed {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding-right: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card__gauge {
    position: relative !important;
    right: auto !important;
    top: auto !important;
  }
}

/* Super Admin mixed dashboard final cascade activation - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .main-content-sec.dpd-v2-dashboard-section--admin-command-center.dpd-v2-dashboard-section--admin-command-widgets {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets > .dpd-v2-admin-command-block {
  margin: 0 !important;
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-command-widgets__visuals {
  margin: 0 0 22px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-command-widgets__metrics {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
  border-radius: 24px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--readiness {
  background:
    radial-gradient(circle at 4% 96%, rgba(45, 223, 199, 0.2), transparent 36%),
    linear-gradient(145deg, #101820 0%, #1b2529 100%) !important;
  grid-column: span 4 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk {
  background:
    radial-gradient(circle at 92% 6%, rgba(255, 242, 0, 0.2), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f6f7f5 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.1) !important;
  grid-column: span 5 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--signals {
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.85), transparent 26%),
    linear-gradient(145deg, #fff200 0%, #d9f25f 100%) !important;
  border-color: rgba(16, 24, 32, 0.12) !important;
  box-shadow: 0 18px 44px rgba(99, 102, 0, 0.18) !important;
  grid-column: span 3 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
  background:
    linear-gradient(90deg, rgba(45, 223, 199, 0.1) 0, rgba(45, 223, 199, 0.1) 7px, transparent 7px),
    linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.09) !important;
  grid-column: span 7 !important;
  padding-left: 30px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--service {
  background:
    radial-gradient(circle at 86% 18%, rgba(45, 223, 199, 0.24), transparent 34%),
    linear-gradient(145deg, #101820 0%, #17282a 100%) !important;
  grid-column: span 5 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  background:
    radial-gradient(circle at 95% 12%, rgba(255, 242, 0, 0.32), transparent 28%),
    linear-gradient(135deg, #ebfffb 0%, #d6f8f0 100%) !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.09) !important;
  grid-column: span 12 !important;
}

@media (max-width: 1180px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
    grid-auto-flow: dense !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--readiness,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--signals,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--service {
    grid-column: span 3 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
    grid-column: span 6 !important;
  }
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
    grid-column: 1 !important;
  }
}

/* Super Admin data-visual final cascade lock - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--signals,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  background-color: #f7f9f8 !important;
  border-color: rgba(16, 24, 32, 0.1) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.09) !important;
  color: #101820 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--risk {
  background-image:
    radial-gradient(circle at 92% 7%, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.15), transparent 29%),
    linear-gradient(180deg, #ffffff 0%, #f7f8f6 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--signals {
  background-image:
    radial-gradient(circle at 92% 8%, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.17), transparent 30%),
    linear-gradient(160deg, #ffffff 0%, #f0f4f2 100%) !important;
  border-top: 5px solid var(--dpd-ui-accent, #fff200) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
  background-image:
    linear-gradient(90deg, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.18) 0, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.18) 7px, transparent 7px),
    linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  background-image:
    radial-gradient(circle at 96% 10%, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.14), transparent 30%),
    linear-gradient(135deg, #f8faf9 0%, #edf3f1 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--readiness {
  background-image:
    radial-gradient(circle at 4% 96%, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.18), transparent 36%),
    linear-gradient(145deg, #101820 0%, #1b2529 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--service {
  background-image:
    radial-gradient(circle at 86% 18%, rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.18), transparent 34%),
    linear-gradient(145deg, #101820 0%, #17282a 100%) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__gauge {
  display: none !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
  align-items: center !important;
  background: conic-gradient(from -90deg, var(--dpd-ui-accent, #fff200) 0 var(--dpd-widget-gauge), rgba(255, 255, 255, 0.13) var(--dpd-widget-gauge) 100%) !important;
  border: 0 !important;
  border-radius: 50% !important;
  bottom: auto !important;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.22) !important;
  display: flex !important;
  height: 124px !important;
  justify-content: center !important;
  left: auto !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: 124px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge::before {
  background: #101820 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 24px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.12) !important;
  content: "" !important;
  height: 86px !important;
  position: absolute !important;
  width: 86px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge span {
  background: var(--dpd-ui-accent, #fff200) !important;
  border: 4px solid #101820 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0 18px rgba(var(--dpd-ui-accent-rgb, 255, 242, 0), 0.48) !important;
  height: 14px !important;
  position: relative !important;
  width: 14px !important;
  z-index: 2 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk .dpd-v2-admin-ops-card__actions .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--signals .dpd-v2-admin-ops-card__actions .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--flow .dpd-v2-admin-ops-card__actions .mock-btn,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__actions .mock-btn {
  background: #101820 !important;
  border-color: #101820 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Super Admin compact sizing final cascade lock - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
  align-items: start !important;
  gap: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
  align-self: start !important;
  border-radius: 20px !important;
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
  padding-left: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__top h4 {
  font-size: clamp(20px, 1.5vw, 24px) !important;
  max-width: 17ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero {
  gap: 5px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero strong {
  font-size: clamp(42px, 3.7vw, 58px) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__hero p {
  font-size: 12px !important;
  line-height: 1.4 !important;
  max-width: 32ch !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge {
  height: 96px !important;
  width: 96px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge::before {
  height: 68px !important;
  width: 68px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget.dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__gauge span {
  border-width: 3px !important;
  height: 12px !important;
  width: 12px !important;
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
    border-radius: 18px !important;
    padding: 16px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--flow {
    padding-left: 21px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--readiness .dpd-v2-admin-ops-card__stats,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__items li {
    align-items: center !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    padding: 9px 11px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__items li em {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-card-visual--pipeline {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__actions {
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-widget .dpd-v2-admin-ops-card__actions .mock-btn {
    flex: 0 1 auto !important;
    font-size: 9px !important;
    min-width: 0 !important;
    padding: 8px 10px !important;
    width: auto !important;
  }
}

/* Super Admin modular dashboard final cascade lock - 2026-07-16. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
  align-items: stretch !important;
  gap: 14px !important;
  grid-auto-flow: dense !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-dashboard-widget {
  align-self: stretch !important;
  border-radius: 18px !important;
  gap: 10px !important;
  height: 100% !important;
  padding: 18px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="compact"] { grid-column: span 3 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="standard"] { grid-column: span 6 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="detail"] { grid-column: span 12 !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk {
  background: linear-gradient(180deg, #ffffff 0%, #f6f8f7 100%) !important;
  display: grid !important;
  grid-template-areas: "top top" "hero visual" "items items" "actions actions" !important;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.42fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--signals {
  background: linear-gradient(180deg, #ffffff 0%, #f6f8f7 100%) !important;
  border-top: 5px solid #ffcc33 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--flow {
  background: linear-gradient(90deg, rgba(45, 223, 199, 0.16) 0 6px, transparent 6px), linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  padding-left: 24px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--readiness,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--service,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity {
  background: linear-gradient(145deg, #101820 0%, #1a272b 100%) !important;
  color: #ffffff !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--service {
  display: flex !important;
  flex-direction: column !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity {
  display: grid !important;
  grid-template-areas: "top top" "hero operations" "actions operations" !important;
  grid-template-columns: minmax(200px, 0.35fr) minmax(0, 1fr) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-card-visual--operations { grid-area: operations !important; }

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.ok { background: #2ddfc7 !important; border-color: #148f81 !important; color: #071b1a !important; -webkit-text-fill-color: #071b1a !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.warn { background: #ffcc33 !important; border-color: #b88700 !important; color: #101820 !important; -webkit-text-fill-color: #101820 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.bad { background: #ff756b !important; border-color: #b53e38 !important; color: #101820 !important; -webkit-text-fill-color: #101820 !important; }
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .mock-chip.neutral { background: #e7eceb !important; border-color: #b8c2c0 !important; color: #33414a !important; -webkit-text-fill-color: #33414a !important; }

@media (max-width: 1280px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="compact"] { grid-column: span 3 !important; }
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="standard"],
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode="detail"] { grid-column: span 6 !important; }
}

@media (max-width: 780px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > [data-dpd-dashboard-read-mode] { grid-column: 1 !important; }
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--risk,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity { display: flex !important; flex-direction: column !important; }
}

/* Authenticated dashboard visual QA closeout - 2026-07-16.
   Keep full-width modules content-sized, preserve deliberate equal-height card
   rows, and give the Dealer Session Console its own compact breakpoints. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-grid.dpd-v2-admin-dashboard-grid {
  grid-auto-rows: max-content !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
  align-content: start !important;
  align-self: start !important;
  grid-template-areas:
    "top top"
    "hero operations"
    "actions operations" !important;
  grid-template-columns: minmax(180px, 0.32fr) minmax(420px, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  height: auto !important;
  min-height: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-card-visual--operations {
  align-self: start !important;
  height: auto !important;
  margin: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-ops-card--activity .dpd-v2-admin-ops-card__actions {
  margin-top: 4px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual="rewards"],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual="submittingRebates"] {
  display: flex !important;
  flex-direction: column !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual="rewards"] .dpd-v2-program-flow-meter,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals [data-dpd-program-visual="submittingRebates"] .dpd-v2-program-card__action {
  margin-top: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row {
  box-sizing: border-box !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  max-width: 100% !important;
  padding: 11px 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row > em {
  justify-self: end !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Rebate Activity and Tire Sales Awaiting Review sit side by side in the visual
   grid, which stretches both cards to the taller of the two. While the card is a
   grid, that spare height is handed to its ROWS: with three children the pending
   card grew its header 38px -> 57px and its meter 89px -> 108px, so its title,
   bar and first row all sat ~19px below the neighbour they are read against.
   Rebate Activity escaped it only by accident - six children already fill the
   height, so there was nothing left to distribute.

   A flex column is what stops it: children keep their own height and the spare
   collects at the foot of the card. That rule was already written twice - once
   here for rewards/submittingRebates, once in dpd-v2-portal.css for
   pending/submissions - and neither has ever applied, because
   `.mock-panel.dpd-v2-program-card` under the program-visuals section computes
   (1,6,2) and both attempts came in at (1,5,x). Losing on specificity, not on
   order, is why moving them later never helped. This one carries .mock-panel and
   .dpd-v2-program-card itself so it clears that bar rather than tying with it. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.dpd-v2-program-card[data-dpd-program-visual="submittingRebates"],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.dpd-v2-program-card[data-dpd-program-visual="pendingRebates"],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.dpd-v2-program-card[data-dpd-program-visual="submittingRebates"],
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .mock-panel.dpd-v2-program-card[data-dpd-program-visual="pendingRebates"] {
  display: flex !important;
  flex-direction: column !important;
}

/* The two lists were also drawn to different measures: the pending row was
   tightened to 11/13 in this file while the submissions row kept the original
   12/14, and the lists ran on 10px and 8px gaps. Same rows, same job, one set of
   numbers - taken from the pending card, since that is the tuned pair. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-rebate-submission-row,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-rebate-submission-row {
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 11px 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-rebate-submissions,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .dpd-v2-dashboard-section--program-visuals .dpd-v2-rebate-submissions {
  gap: 10px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-table-scroll {
  max-height: none !important;
}

@media (min-width: 901px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-table-scroll {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table {
    display: table !important;
    min-width: 1120px !important;
    table-layout: auto !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table thead {
    clip: auto !important;
    clip-path: none !important;
    display: table-header-group !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody {
    display: table-row-group !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tr {
    display: table-row !important;
    height: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table :is(th, td) {
    display: table-cell !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 11px !important;
    width: auto !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table td::before {
    content: none !important;
  }
}

@media (max-width: 900px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--admin-command-widgets .dpd-v2-admin-dashboard-grid > .dpd-v2-admin-ops-card--activity {
    display: grid !important;
    grid-template-areas:
      "top"
      "hero"
      "operations"
      "actions" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-responsive-table__record-toggle {
    display: inline-flex !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody {
    display: grid !important;
    gap: 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr {
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody td {
    align-content: start !important;
    gap: 4px 10px !important;
    grid-template-columns: minmax(78px, 0.34fr) minmax(0, 0.66fr) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 10px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record:not(.is-expanded) td:not(.dpd-v2-responsive-table__summary-cell) {
    display: none !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record > td:first-child,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record > td.dpd-v2-dealer-session-actions {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record:not(.is-expanded) > td.dpd-v2-responsive-table__summary-cell {
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record {
    background: #ffffff !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record:nth-child(even) {
    background: #f2f5f7 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr.dpd-v2-responsive-table__record > td {
    background: transparent !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions::before {
    flex: 0 0 78px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions .mock-btn {
    margin: 0 !important;
    width: auto !important;
  }
}

@media (max-width: 560px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-card-visual--operations {
    gap: 7px !important;
    padding: 9px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-metrics > span,
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-admin-operations-mix > span {
    padding: 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-pending-rebate-row > em {
    justify-self: start !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions::before {
    align-self: center !important;
    flex: none !important;
    grid-column: 1 / -1 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions > .mock-btn {
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions > .dpd-v2-responsive-table__record-toggle {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 375px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table .dpd-v2-dealer-session-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console > .mock-panel {
    padding: 0 !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right #dealer-session-console .dpd-v2-session-table tbody td:not(.dpd-v2-dealer-session-actions) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Authenticated dashboard horizontal-containment fix - 2026-07-16.
   The dashboard is already a minmax(0, 1fr) grid item beside the sidebar.
   Forcing that item to 100% of the shell width adds the sidebar width a second
   time and pushes Program Analytics and Admin cards beyond the viewport. */
html body.dpd-member-surface {
  overflow-x: clip !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell {
  box-sizing: border-box !important;
  max-width: 100vw !important;
  overflow-x: clip !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right {
  box-sizing: border-box !important;
  justify-self: stretch !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: auto !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right :is(
  .dpd-v2-dashboard-section--admin-command-widgets,
  .dpd-v2-admin-command-block,
  .dpd-v2-admin-command-widgets__visuals,
  .dpd-v2-admin-command-widgets__metrics,
  .dpd-v2-dashboard-section--program-visuals,
  .dpd-v2-program-visual-grid,
  .dpd-v2-admin-dashboard-grid
) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right :is(
  .dpd-v2-program-visual-grid,
  .dpd-v2-admin-dashboard-grid
) {
  width: 100% !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right :is(
  .dpd-v2-program-visual-grid,
  .dpd-v2-admin-dashboard-grid
) > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Program Analytics selected-accent consistency - 2026-07-16.
   Program identity accents follow the user's selected workspace color. Status
   colors (active, review, waiting, error) remain semantic and independent. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card {
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.26), rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0) 34%),
    radial-gradient(circle at 18% 92%, rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.12), rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0) 32%),
    linear-gradient(145deg, #101820 0%, #162225 56%, #111a18 100%) !important;
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.48) !important;
  box-shadow: 0 18px 42px rgba(7, 13, 19, 0.18), 0 0 32px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.1) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-card-kicker {
  background: var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
  border-color: var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
  color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-formula {
  border-color: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.32) !important;
  box-shadow: inset 0 0 24px rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.06) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-formula > span.is-total {
  background: var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.74) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-formula > span.is-total :is(small, strong) {
  color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-flow-meter > span:first-child b {
  background: var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
}

/* Rebate insight: lead with the useful outcome, then show its two real inputs.
   This replaces the equal-weight calculator boxes without inventing trend data. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-formula.dpd-v2-program-rebate-insight {
  align-items: stretch !important;
  container-name: dpd-rebate-insight !important;
  container-type: inline-size !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-areas:
    "hero drivers"
    "note note" !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(210px, 0.82fr) !important;
  padding: 12px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__hero {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 52%),
    var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.78) !important;
  border-radius: 12px !important;
  color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
  display: flex !important;
  flex-direction: column !important;
  grid-area: hero !important;
  justify-content: flex-end !important;
  min-height: 136px !important;
  overflow: hidden !important;
  padding: 16px 18px !important;
  position: relative !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__hero::after {
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  content: "$" !important;
  display: grid !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  height: 34px !important;
  opacity: 0.34 !important;
  place-items: center !important;
  position: absolute !important;
  right: 15px !important;
  top: 15px !important;
  width: 34px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-program-rebate-insight__hero small,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-program-rebate-insight__hero strong,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .mock-panel.is-dark.dpd-v2-program-card .dpd-v2-program-rebate-insight__hero span {
  color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-ink, var(--dpd-ui-accent-ink, #101820)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__hero small {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  opacity: 0.84 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__hero strong {
  font-size: clamp(34px, 4vw, 50px) !important;
  letter-spacing: -0.045em !important;
  line-height: 0.95 !important;
  margin: 8px 0 7px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__hero span {
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.8 !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers {
  display: grid !important;
  gap: 9px !important;
  grid-area: drivers !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers > span {
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-bottom: 3px solid var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
  border-radius: 11px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  padding: 13px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers small {
  color: rgba(238, 244, 248, 0.64) !important;
  -webkit-text-fill-color: rgba(238, 244, 248, 0.64) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers strong {
  color: #ffffff !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  line-height: 1 !important;
  margin: 8px 0 6px !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* The dashboard grid can narrow this card before the tablet layout stacks.
   Size the two secondary metrics from the card itself, rather than the viewport. */
@media (min-width: 1281px) {
  @container dpd-rebate-insight (max-width: 575px) {
    html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers strong {
      font-size: clamp(26px, 5.2cqi, 30px) !important;
    }
  }
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers em {
  color: rgba(238, 244, 248, 0.62) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: rgba(238, 244, 248, 0.62) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__note {
  align-items: center !important;
  background: rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.1) !important;
  border: 1px solid rgba(var(--dpd-selected-glow-rgb, 255, 242, 0), 0.24) !important;
  border-radius: 9px !important;
  display: flex !important;
  gap: 10px !important;
  grid-area: note !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 9px 11px !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__note span {
  color: var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: var(--dpd-selected-glow-accent, var(--dpd-ui-accent, #fff200)) !important;
}

html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__note strong {
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-align: right !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1280px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-formula.dpd-v2-program-rebate-insight {
    grid-template-areas:
      "hero"
      "drivers"
      "note" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 440px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__hero {
    min-height: 120px !important;
    padding: 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__drivers {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__note {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell .main-content-area-right .dpd-v2-dashboard-section--program-visuals .dpd-v2-program-rebate-insight__note strong {
    text-align: left !important;
  }
}

/* 600 to 320: keep public disclosure content readable without clipping tables. */
@media (max-width: 600px) {
  body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper.content-page-main #main-content {
    padding: 24px;
  }

  .sign-up-main-right-con-in .gform_wrapper .ginput_container textarea {line-height: 20px;  }
  body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper.content-page-main #main-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper.content-page-main #main-content table :is(th, td) {
    min-width: 140px;
  }

  body.dpd-theme-latest.dpd-site-surface #sub-page-main-content-wrapper.content-page-main #main-content a {
    overflow-wrap: anywhere;
  }
}

/* Member login uses the public header inside its shared content shell. Keep the
   visible header bar on that shell edge instead of applying a second mobile
   gutter inside it. */
@media (max-width: 1240px) {
  body.dpd-storytelling--public .dpd-member-login-page > header.log-out.dpd-public-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*360 to 320*/
@media (max-width: 360px) {
  body.dpd-storytelling--public .dpd-member-login-page__form .login-submit input[type="submit"] {
    font-size: 12px !important;
    letter-spacing: 0.18em !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Unified notification and cart count treatment - 2026-07-28 */
html body .dpd-public-header-link__count,
html body.dpd-member-surface #sub-page-main-content-wrapper .dpd-v2-nav-count,
html body.dpd-member-surface .dpd-v2-mobile-utility-count,
html body.dpd-member-surface .swag-cart-total > a > span,
html body.dpd-member-surface .bg-header-gray-box-in > a > em {
  background: #ffffff !important;
  border: 2px solid #101010 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: #101010 !important;
  height: 24px !important;
  min-width: 24px !important;
  -webkit-text-fill-color: #101010 !important;
}

/* Dashboard notification proportion recovery - 2026-07-28.
   Keep the compact count treatment for navigation and commerce badges without
   collapsing the notification strip's dedicated bell, count, and action rail. */
@media (min-width: 761px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-section .dpd-v2-notification-strip {
    gap: 20px !important;
    grid-template-columns: 88px minmax(0, 1fr) minmax(190px, 220px) !important;
    padding: 18px 20px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__lead {
    gap: 9px !important;
    min-height: 100px !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__icon {
    box-sizing: border-box !important;
    flex: 0 0 44px !important;
    font-size: 19px !important;
    height: 44px !important;
    width: 44px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__count {
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    height: auto !important;
    line-height: 1 !important;
    min-height: 32px !important;
    min-width: 32px !important;
    padding: 8px 10px 7px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__body {
    gap: 8px !important;
    padding: 4px 8px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__meta {
    gap: 10px !important;
    margin-bottom: 2px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__label {
    min-height: 36px !important;
    padding: 8px 14px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__actions {
    min-height: 100px !important;
    padding: 12px !important;
  }

  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .dpd-v2-notification-strip__actions button.mock-btn:not(.is-disabled):not(.danger):not(.destructive):not(.is-danger):not([aria-disabled="true"]):not(:disabled) {
    font-size: 11px !important;
    height: auto !important;
    letter-spacing: 0.12em !important;
    min-height: 44px !important;
    padding: 0 18px !important;
  }
}

/* Portal hero artwork recovery - 2026-07-28.
   The flat-chrome lock above intentionally removes decorative card textures,
   but it must not erase the route hero image supplied by the shared hero
   media helper. Keep a strong text-safe veil while restoring that image. */
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
  .video-header-content.mock-static-bg.dpd-v2-hero-media {
  background-color: #101820 !important;
  background-image:
    linear-gradient(90deg, rgba(7, 15, 22, 0.94) 0%, rgba(7, 15, 22, 0.82) 48%, rgba(7, 15, 22, 0.58) 100%),
    var(--dpd-v2-hero-bg, none) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (max-width: 767px) {
  html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-v2-portal-shell
    .video-header-content.mock-static-bg.dpd-v2-hero-media {
    background-image:
      linear-gradient(180deg, rgba(7, 15, 22, 0.9) 0%, rgba(7, 15, 22, 0.76) 100%),
      var(--dpd-v2-hero-bg, none) !important;
    background-position: center center !important;
  }
}