#ad-srv-aud-main-container {
    font-size: 13px;
    font-family: work-sans-regular, Arial, Helvetica, sans-serif;
}


#ad-srv-aud-main-container .ad-srv-aud-banner-section {
    padding-top: 50px;
    overflow: hidden;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-section article {
    background-color: #1a2844;
    background-image: linear-gradient(135deg, #1a2844 0%, #24203e 100%);
    background-size: cover;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-contents {
    padding: 70px 15px 20px;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-text {
    width: 45%;
    max-width: 580px;
    margin: 25px;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-img {
    width: 42%;
    max-width: 600px;
    min-width: 280px;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-img img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: scale-down;
    margin: auto;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-highlight {
    color: #f8d800;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-highlight-soft {
    color: #5fe6b0;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-highlight-sky {
    color: #7cc4ff;
}

#ad-srv-aud-main-container .droid-banner-title {
    padding-bottom: 0;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-desc {
    color: #c9d4e6;
}

#ad-srv-aud-main-container .ad-srv-aud-banner-button-wrapper {
    display: flex;
    align-items: center;
    margin-top: 1.8em;
}


#ad-srv-aud-main-container .ad-srv-aud-section {
    color: #363636;
}

#ad-srv-aud-main-container .ad-srv-aud-section-header {
    max-width: 1100px;
    margin: 0 auto 16px;
    padding: 0 15px;
}

#ad-srv-aud-main-container .ad-srv-aud-section-header .droid-section-main-title h2 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

#ad-srv-aud-main-container .ad-srv-aud-section-header .droid-section-main-title h2 i {
    color: var(--rpt-c);
}

#ad-srv-aud-main-container .ad-srv-aud-section-desc {
    padding-left: 0;
}


#ad-srv-aud-main-container .ad-srv-aud-quote {
    width: fit-content;
    max-width: 720px;
    margin: 8px auto 10px;
    padding: 2px 44px;
    font-style: italic;
    font-size: 1.08em;
    line-height: 1.6em;
    color: #4a5568;
}

#ad-srv-aud-main-container .ad-srv-aud-quote i {
    position: absolute;
    left: 8px;
    top: -2px;
    font-size: 1.9444em;
    opacity: 0.28;
    color: var(--rpt-c);
}

#ad-srv-aud-main-container .ad-srv-aud-quote::after {
    content: "\f10e";
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    bottom: -4px;
    font-size: 1.9444em;
    line-height: 1;
    opacity: 0.28;
    color: var(--rpt-c);
}


#ad-srv-aud-main-container .ad-srv-aud-logon-section      { background: #EFF8FF; --rpt-c: #0052aa; --rpt-c2: #4ea6ff; --rpt-rgb: 0, 82, 170;   --rpt-c-soft: #036be8; }
#ad-srv-aud-main-container .ad-srv-aud-activity-section   { background: #ffffff; --rpt-c: #8424C3; --rpt-c2: #b760e8; --rpt-rgb: 132, 36, 195; }
#ad-srv-aud-main-container .ad-srv-aud-ops-section        { background: #f3f6fb; --rpt-c: #25901e; --rpt-c2: #5cc451; --rpt-rgb: 37, 144, 30;  --rpt-c-soft: #3d7a3a; }
#ad-srv-aud-main-container .ad-srv-aud-eventlog-section   { background: #ffffff; --rpt-c: #00659c; --rpt-c2: #2da6c8; --rpt-rgb: 0, 101, 156; }
#ad-srv-aud-main-container .ad-srv-aud-privileged-section { background: #EFF8FF; --rpt-c: #b34a2a; --rpt-c2: #e0794f; --rpt-rgb: 179, 74, 42;  --rpt-c-soft: #a05c42; }

#ad-srv-aud-main-container .ad-srv-aud-title-hl { color: var(--rpt-c); }
#ad-srv-aud-main-container .ps-individual-report-section .ad-srv-aud-desc-hl { color: var(--rpt-c-soft, var(--rpt-c)); }


#ad-srv-aud-main-container .ad-srv-aud-alerts-section {
    background: radial-gradient(1100px 460px at 50% 0%, #142a49 0%, #0d1a2f 62%);
}

#ad-srv-aud-main-container .ad-srv-aud-alerts-section .droid-section-outer-wrapper {
    padding-top: 54px;
    padding-bottom: 54px;
}

#ad-srv-aud-main-container .ad-srv-aud-alerts-section .ad-srv-aud-section-header { max-width: 1280px; }
#ad-srv-aud-main-container .ad-srv-aud-alerts-section .droid-section-main-title { color: rgba(255, 255, 255, 0.88); }
#ad-srv-aud-main-container .ad-srv-aud-alerts-section .ad-srv-aud-section-desc { color: #c9d4e8; }

#ad-srv-aud-main-container .ad-srv-aud-alerts-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 70px 210px;
    margin: 30px auto 0;
    max-width: 1280px;
}

#ad-srv-aud-main-container .ad-srv-aud-alerts-bot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

#ad-srv-aud-main-container .ad-srv-aud-alerts-bot img {
    display: block;
    width: 250px;
}

@media (max-width: 900px) {
    #ad-srv-aud-main-container .ad-srv-aud-alerts-bot { display: none; }
    #ad-srv-aud-main-container .ad-srv-aud-alerts-grid { gap: 24px; }
    #ad-srv-aud-main-container .ad-srv-aud-alert-tail { display: none; }
}

#ad-srv-aud-main-container .ad-srv-aud-alert-card--blue   { --alert-accent: #6aa6e0; --alert-accent-soft: rgba(106, 166, 224, 0.16); --alert-accent-mid: rgba(106, 166, 224, 0.38); }
#ad-srv-aud-main-container .ad-srv-aud-alert-card--teal   { --alert-accent: #3fd0c2; --alert-accent-soft: rgba(63, 208, 194, 0.16); --alert-accent-mid: rgba(63, 208, 194, 0.38); }
#ad-srv-aud-main-container .ad-srv-aud-alert-card--violet { --alert-accent: #b79aff; --alert-accent-soft: rgba(183, 154, 255, 0.18); --alert-accent-mid: rgba(183, 154, 255, 0.38); }
#ad-srv-aud-main-container .ad-srv-aud-alert-card--orange { --alert-accent: #f2996f; --alert-accent-soft: rgba(242, 153, 111, 0.16); --alert-accent-mid: rgba(242, 153, 111, 0.38); }

#ad-srv-aud-main-container .ad-srv-aud-alert-card {
    display: flex;
    align-items: center;
    gap: 18px;
    width: calc(50% - 105px);
    min-width: 300px;
    max-width: 620px;
    padding: 24px 26px;
    background: #1b2d4a;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}
#ad-srv-aud-main-container .ad-srv-aud-alert-card .droid-section-sub-title-desc { color: #cdd6ee; }

#ad-srv-aud-main-container .ad-srv-aud-alert-hl { color: var(--alert-accent); }

#ad-srv-aud-main-container .ad-srv-aud-alert-tail {
    position: absolute;
    width: 30px;
    height: auto;
    z-index: 1;
}
#ad-srv-aud-main-container .ad-srv-aud-alert-card:nth-child(1) .ad-srv-aud-alert-tail { bottom: -21px; right: -14px; transform: rotate(137deg); }
#ad-srv-aud-main-container .ad-srv-aud-alert-card:nth-child(2) .ad-srv-aud-alert-tail { bottom: -21px; left: -14px; transform: rotate(225deg); }
#ad-srv-aud-main-container .ad-srv-aud-alert-card:nth-child(3) .ad-srv-aud-alert-tail { top: -21px; right: -14px; transform: rotate(43deg); }
#ad-srv-aud-main-container .ad-srv-aud-alert-card:nth-child(4) .ad-srv-aud-alert-tail { top: -21px; left: -14px; transform: rotate(317deg); }

#ad-srv-aud-main-container .ad-srv-aud-alert-ico {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--alert-accent-soft);
    border: 1px solid var(--alert-accent-mid);
    color: var(--alert-accent);
}
#ad-srv-aud-main-container .ad-srv-aud-alert-ico i { font-size: 24px; }

#ad-srv-aud-main-container .ad-srv-aud-alerts-cta-wrap {
    max-width: 1280px;
    margin: 18px auto 0;
    text-align: right;
}
#ad-srv-aud-main-container .ad-srv-aud-alerts-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #c3b5f5;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(195, 181, 245, 0.5);
    transition: color 0.2s ease;
}
#ad-srv-aud-main-container .ad-srv-aud-alerts-cta-ico i { font-size: 11px; }
#ad-srv-aud-main-container .ad-srv-aud-alerts-cta:hover { color: #ddd3ff; text-decoration-color: currentcolor; }

@media (max-width: 640px) {
    #ad-srv-aud-main-container .ad-srv-aud-alert-card { width: 100%; }
}


#ad-srv-aud-main-container .ad-srv-aud-cta-section {
    background: #f4f2fa;
}

#ad-srv-aud-main-container .ad-srv-aud-cta-card {
    position: relative;
    background: linear-gradient(135deg, #2b3e69 0%, #383f73 100%);
    border-radius: 22px;
    padding: 50px 30px;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(38, 54, 90, 0.22);
}

#ad-srv-aud-main-container .ad-srv-aud-cta-decor {
    position: absolute;
    pointer-events: none;
}

#ad-srv-aud-main-container .ad-srv-aud-cta-wave {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 58%;
}

#ad-srv-aud-main-container .ad-srv-aud-cta-text {
    max-width: 900px;
    margin: 0 auto;
}

#ad-srv-aud-main-container .ad-srv-aud-cta-title {
    color: rgba(255, 255, 255, 0.94);
    margin-bottom: 24px;
}

#ad-srv-aud-main-container .ad-srv-aud-cta-demo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 1.05em;
    padding-top: 18px;
    color: #cfc8e8;
}

#ad-srv-aud-main-container .ad-srv-aud-cta-demo a {
    color: #b3c9ff;
    font-family: work-sans-medium, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}


@media (max-width: 1024px) {
    #ad-srv-aud-main-container .ad-srv-aud-banner-text,
    #ad-srv-aud-main-container .ad-srv-aud-banner-img {
        width: 90%;
        max-width: 600px;
    }
    #ad-srv-aud-main-container .ad-srv-aud-banner-button-wrapper {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    #ad-srv-aud-main-container .ad-srv-aud-banner-text,
    #ad-srv-aud-main-container .ad-srv-aud-banner-img {
        width: 100%;
        margin: 15px 0;
    }
}

@media (max-width: 697px) {
    #ad-srv-aud-main-container .ad-srv-aud-banner-img { display: none; }
    #ad-srv-aud-main-container .ad-srv-aud-banner-button-wrapper { flex-wrap: wrap; gap: 10px; }

    #ad-srv-aud-main-container .ad-srv-aud-cta-card { padding: 32px 20px; }
}


/* TEMP: the waterwheel carousel is styled by hand here. Once the shared carousel component
   is ready, delete this whole block (down to END TEMP). */
#ad-srv-aud-main-container .ps-individual-report-section .description-card .interlinking {
    color: #0052aa;
    transition: color 0.2s ease;
}
#ad-srv-aud-main-container .ps-individual-report-section .description-card .interlinking:hover { color: #003a78; }

#ad-srv-aud-main-container .ps-individual-report-section .ps-report-section-content-part {
    background: transparent !important;
    backdrop-filter: none !important;
    border-radius: 0;
    padding: 0 !important;
    max-width: 540px;
    text-align: left;
}

#ad-srv-aud-main-container .ps-individual-report-section .description-card {
    display: flex !important;
    column-gap: 14px;
    align-items: flex-start;
    padding: 16px 0;
    margin: 0;
    border-top: 1px solid #ececec;
    border-radius: 0;
    color: #525c6e;
    cursor: pointer;
    white-space: normal;
    transition: padding 0.3s ease;
}
#ad-srv-aud-main-container .ps-individual-report-section .description-card:first-child {
    border-top: none;
    padding-top: 6px;
}
#ad-srv-aud-main-container .ps-individual-report-section .ps-report-section-content-part .description-card.active,
#ad-srv-aud-main-container .ps-individual-report-section .ps-report-section-content-part .description-card:hover {
    background: transparent !important;
}

#ad-srv-aud-main-container .ps-individual-report-section .description-card .fr-icon {
    flex: 0 0 28px;
    font-size: 17px;
    color: #c9d0dc;
    line-height: 1.1;
    margin: 4px 0 0;
    text-align: center;
    transition: color 0.4s ease, transform 0.4s ease;
}
#ad-srv-aud-main-container .ps-individual-report-section .description-card.active .fr-icon {
    color: var(--rpt-c);
    transform: scale(1.1);
}

#ad-srv-aud-main-container .ps-individual-report-section .description-card .fr-description-card-text {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 0;
}

#ad-srv-aud-main-container .ps-individual-report-section .description-card .droid-section-sub-title {
    margin: 0;
    font-size: 1.265em;
    line-height: 1.4em;
    letter-spacing: 0;
    color: #b8c1d1;
    transition: color 0.4s ease;
}
#ad-srv-aud-main-container .ps-individual-report-section .description-card.active .droid-section-sub-title { color: #0e1a30; }

#ad-srv-aud-main-container .ps-individual-report-section .description-card .highlighted-title { color: var(--rpt-c); }

#ad-srv-aud-main-container .ps-individual-report-section .description-card .droid-section-sub-title-desc {
    position: relative;
    font-size: 0.9975em;
    line-height: 1.65em;
}
#ad-srv-aud-main-container .ps-individual-report-section .description-card .droid-section-sub-title-desc::before {
    content: "";
    display: block;
    height: 2px;
    width: 0;
    border-radius: 2px;
    opacity: 0;
    background: linear-gradient(90deg, var(--rpt-c) 0%, var(--rpt-c2) 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin 0.3s ease;
}
#ad-srv-aud-main-container .ps-individual-report-section .description-card.active .droid-section-sub-title-desc::before {
    width: 40px;
    opacity: 1;
    margin: 10px 0 8px;
}

#ad-srv-aud-main-container .ps-individual-report-section .ps-report-slider-pagination-bullets {
    background: #d3dbe8;
    border: 1px solid transparent;
    transition: background 0.25s ease, transform 0.25s ease;
}
#ad-srv-aud-main-container .ps-individual-report-section .ps-report-slider-pagination-bullets.active {
    background: var(--rpt-c);
    transform: scale(1.25);
    box-shadow: 0 0 0 4px rgba(var(--rpt-rgb), 0.15);
}

#ad-srv-aud-main-container .ps-individual-report-section .report-img {
    border: 4px solid #ffffff;
    background: #ffffff;
}
#ad-srv-aud-main-container .ps-individual-report-section .both-carousel .carousel-item { cursor: zoom-in; }

#ad-srv-aud-main-container .ps-individual-report-section .both-carousel .carousel-center {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

#ad-srv-aud-main-container .ps-individual-report-section .slide-nav-button-holder i {
    color: #1a2844;
}
#ad-srv-aud-main-container .ps-individual-report-section .slide-nav-button-holder i:hover { opacity: 1; color: var(--rpt-c); }

#ad-srv-aud-main-container .ps-individual-report-section .carousel,
#ad-srv-aud-main-container .ps-individual-report-section .carousel-left {
    height: 440px;
}

@media (max-width: 768px) {
    #ad-srv-aud-main-container .ps-report-section-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #ad-srv-aud-main-container .ps-report-section-image-part { order: -1; max-width: 100%; }
    #ad-srv-aud-main-container .ps-individual-report-section .ps-report-section-content-part { max-width: 100%; }
    #ad-srv-aud-main-container .ps-individual-report-section .description-card { padding: 14px 0; }
    #ad-srv-aud-main-container .ps-individual-report-section .description-card .droid-section-sub-title { font-size: 1.15em; }
    #ad-srv-aud-main-container .ps-individual-report-section .description-card .droid-section-sub-title-desc { font-size: 0.945em; }
    #ad-srv-aud-main-container .ps-individual-report-section .description-card .fr-icon { font-size: 15px; }
}
/* END TEMP */


/* TEMP: image pop-up copied from /active-directory-logon-reports (ad-signin.css), backdrop restyled with
   the How-to Guides gradient. Once the shared carousel component is ready, delete this whole block
   (down to END TEMP). */
.droid-imgpop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    z-index: 13;
    display: none;
    justify-content: center;
    align-items: center;
}

.droid-imgpop.is-open { display: flex; }
.droid-imgpop[aria-hidden="true"] { display: none !important; }

.droid-imgpop-backdrop {
    position: absolute;
    inset: 0;
    background-color: rgba(16, 25, 34, 0.9);
    backdrop-filter: blur(5px);
    cursor: zoom-out;
}

.droid-imgpop-backdrop::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--img-bg-docs-grad-bg-png);
    background-position: bottom;
    opacity: 0.2;
    filter: blur(10px);
}

.droid-imgpop-frame {
    position: relative;
    z-index: 1;
    width: 58%;
    top: 75px;
    background: rgba(240, 248, 255, 0.1);
    border: 1px solid #757575;
    border-radius: 10px;
    padding: 20px 20px 12px;
}

.droid-imgpop-stage { width: 100%; }

.droid-imgpop-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2px;
}

.droid-imgpop-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    color: #555555;
    background: #ffffff;
    border: none;
    border-top-right-radius: 10px;
    padding: 0;
    cursor: pointer;
    z-index: 3;
}

.droid-imgpop-nav {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background: none;
    border: none;
    padding: 0;
    font-size: 3.15em;
    line-height: 1;
    color: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    z-index: 3;
    transition: color 0.2s ease;
}

.droid-imgpop-nav:hover { color: rgb(72, 140, 186); }
.droid-imgpop-prev { left: -70px; }
.droid-imgpop-next { right: -70px; }

.droid-imgpop-indicator {
    text-align: center;
    margin-top: 15px;
    line-height: 0;
}

.droid-imgpop-indicator button {
    display: inline-block;
    width: 12px;
    height: 8px;
    border-radius: 2px;
    border: none;
    margin: 0 2px;
    padding: 0;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.3s linear;
}

.droid-imgpop-indicator button.is-active { background: rgb(72, 140, 186); }

body.droid-imgpop-lock { overflow: hidden; }

@media (max-width: 1024px) {
    .droid-imgpop-frame { width: 75%; }
    .droid-imgpop-prev { left: -50px; }
    .droid-imgpop-next { right: -50px; }
    .droid-imgpop-nav { font-size: 2.5em; }
}

@media (max-width: 768px) {
    #ad-srv-aud-main-container .ps-individual-report-section .both-carousel .carousel-item { cursor: default; }
    .droid-imgpop { top: 0; }
    .droid-imgpop-frame { width: 92%; padding: 14px 14px 8px; }
    .droid-imgpop-prev { left: 6px; }
    .droid-imgpop-next { right: 6px; }
    .droid-imgpop-nav { font-size: 1.9em; bottom: 50%; }
    .droid-imgpop-close { width: 26px; height: 26px; line-height: 26px; font-size: 20px; }
    .droid-imgpop-indicator button { width: 10px; }
}
/* END TEMP */