/* CEDE / CyberEdDriverEd — sitedata "cede", WebsiteID 751.
   BrandTheme automatically loads this after member-v2.css in all V2 masters.
   Palette follows the public site: cyan, dark navy, white and orange. */

body.mv2.brand-cede {
    --mv2-bg:           #f4f9fc;
    --mv2-surface:      #ffffff;
    --mv2-ink:          #142c3e;
    --mv2-ink-2:        #486073;
    --mv2-ink-3:        #5d7180;
    --mv2-border:       #c9dee8;
    --mv2-border-soft:  #dceaf1;
    --mv2-primary:      #007ca8;
    --mv2-primary-dk:   #005f85;
    --mv2-primary-soft: #e9f7fc;
    --mv2-brand:        #c45100;
    --cede-cyan:        #0095c8;
    --cede-orange:      #ff7900;
    --cede-orange-dark:    #9e3f00;
    --cede-orange-soft:    #fff4e8;
    --mv2-radius:       10px;
    --mv2-radius-lg:    12px;
    --mv2-shadow:       0 1px 3px rgba(20, 44, 62, .06);
    --mv2-shadow-sm:    0 1px 2px rgba(20, 44, 62, .05);
}

/* White header band with the current stacked cyan/black CEDE logo. */
body.mv2.brand-cede .mv2-header {
    background: var(--mv2-surface);
    border: 0;
    border-radius: 0;
    padding: 18px 6px;
    gap: 20px;
    box-shadow: 0 0 0 100vmax #fff, 0 1px 0 100vmax var(--mv2-border-soft);
    clip-path: inset(-120px -100vmax -1px -100vmax);
    position: sticky;
    top: 0;
    z-index: 60;
    margin-bottom: 26px;
}
body.mv2.brand-cede .mv2-logo { max-width: 100%; }
body.mv2.brand-cede:not(.brand-partner) .mv2-logo img {
    content: url('/images/login-logo-cybereddrivered.webp');
    width: 180px;
    max-width: 100%;
    height: auto;
    max-height: 104px;
    object-fit: contain;
}
body.mv2.brand-cede .mv2-nav { gap: 4px; }
body.mv2.brand-cede .mv2-nav a {
    color: var(--mv2-ink);
    font-weight: 500;
    border-radius: 6px;
    padding: 10px 12px;
}
body.mv2.brand-cede .mv2-nav a:hover {
    background: var(--mv2-primary-soft);
    color: var(--mv2-primary-dk);
}
body.mv2.brand-cede .mv2-nav li.active a,
body.mv2.brand-cede .mv2-nav a.active {
    background: var(--mv2-primary-soft);
    color: var(--mv2-primary-dk);
    box-shadow: inset 0 -3px var(--cede-orange);
    font-weight: 700;
}
body.mv2.brand-cede .mv2-header-right { gap: 16px; }
body.mv2.brand-cede .mv2-phone {
    color: var(--mv2-primary);
    font-size: 15px;
    padding-right: 16px;
    border-right: 1px solid var(--mv2-border);
}
body.mv2.brand-cede .mv2-signout { font-size: 14px; font-weight: 700; }

body.mv2.brand-cede .mv2-footer {
    background: var(--mv2-ink);
    border-top: 3px solid var(--cede-orange);
    color: #fff;
    padding: 26px 24px;
}
body.mv2.brand-cede .mv2-footer a { color: #fff; text-decoration: underline; }

/* Shared cards and forms inherit the palette, including disabled/error states. */
body.mv2.brand-cede .mv2-tabs a { color: var(--mv2-ink-3); }
body.mv2.brand-cede .mv2-tabs a:hover,
body.mv2.brand-cede .mv2-tabs a.active { color: var(--mv2-primary-dk); }
body.mv2.brand-cede a:focus-visible,
body.mv2.brand-cede button:focus-visible,
body.mv2.brand-cede input[type="submit"]:focus-visible {
    outline: 2px solid var(--mv2-primary-dk);
    outline-offset: 3px;
}
body.mv2.brand-cede .mv2-current-chapter { background: var(--mv2-primary-soft); }
body.mv2.brand-cede .mv2-ring .mv2-ring-bg { stroke: #dceaf1; }
body.mv2.brand-cede .mv2-progress-bar { background: #dceaf1; }
body.mv2.brand-cede .mv2-profile-cta a,
body.mv2.brand-cede .mv2-viewall {
    background: var(--mv2-primary-soft);
    border-color: var(--mv2-border-soft);
    color: var(--mv2-primary-dk);
    border-radius: var(--mv2-radius);
}
body.mv2.brand-cede .mv2-profile-cta a:hover,
body.mv2.brand-cede .mv2-viewall:hover { background: #d9eff8; }

body.mv2.brand-cede .mv2-upcard { border-top-color: var(--cede-cyan); }
body.mv2.brand-cede .mv2-upcard.accent { border-top-color: var(--cede-orange); }
body.mv2.brand-cede .mv2-upcard.accent .mv2-upcard-media { background: var(--cede-orange-soft); }
body.mv2.brand-cede .mv2-upcard.accent .mv2-upcard-foot a:not(.disabled):not(.aspNetDisabled):not([aria-disabled="true"]):hover {
    background: var(--cede-orange-dark);
}

/* Cyan referral accents echo the public navigation strip. */
body.mv2.brand-cede .mv2-refer {
    background: var(--mv2-primary);
    border-left: 4px solid var(--cede-orange);
}
body.mv2.brand-cede .mv2-refer .mv2-btn-white { color: var(--mv2-primary-dk); }
body.mv2.brand-cede .mv2-refer .mv2-btn-white:hover { background: var(--mv2-primary-soft); }
body.mv2.brand-cede .mv2-raf-step-ico {
    background: var(--mv2-primary);
    box-shadow: 0 6px 18px -6px rgba(0, 124, 168, .3);
}
body.mv2.brand-cede .mv2-raf-step-num {
    background: var(--mv2-brand);
    box-shadow: 0 4px 10px -3px rgba(196, 81, 0, .25);
}
body.mv2.brand-cede .mv2-raf-copy { background: var(--mv2-primary); }
body.mv2.brand-cede .mv2-raf-copy:hover { background: var(--mv2-primary-dk); }
body.mv2.brand-cede .mv2-raf-stat.is-perref {
    background: var(--mv2-primary-soft);
    border-color: var(--mv2-border);
}
body.mv2.brand-cede .mv2-raf-avatar { background: var(--mv2-primary); }
body.mv2.brand-cede .mv2-lesson-avatar {
    background: var(--mv2-primary-soft);
    color: var(--mv2-primary);
}
body.mv2.brand-cede .mv2-lesson-progress .current-progress { background: var(--mv2-primary); }
body.mv2.brand-cede .mv2-lesson-nav .next-lesson-btn:not(:disabled):not(.disabled):not(.aspNetDisabled):not([aria-disabled="true"]) {
    background: var(--mv2-primary);
}
body.mv2.brand-cede .mv2-lesson-nav .next-lesson-btn:not(:disabled):not(.disabled):not(.aspNetDisabled):not([aria-disabled="true"]):hover {
    background: var(--mv2-primary-dk);
}
body.mv2.brand-cede .mv2-ef-prepcard { background: var(--cede-orange-soft); }

/* Match the upload icon while retaining its existing loading behavior. */
body.mv2.brand-cede .mv2-upl-btn,
body.mv2.brand-cede .mv2-upl-btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007ca8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14.9A7 7 0 1 1 15.7 8h1.8a4.5 4.5 0 0 1 2.5 8.2'/%3E%3Cpolyline points='16 16 12 12 8 16'/%3E%3Cline x1='12' y1='12' x2='12' y2='21'/%3E%3C/svg%3E");
}
body.mv2.brand-cede .mv2-upl-btnwrap.mv2-btn-loading .mv2-upl-btn { background-image: none; }
body.mv2.brand-cede .mv2-upl-spinner {
    border-color: rgba(0, 124, 168, .3);
    border-top-color: var(--mv2-primary);
}

@media (max-width: 1100px) {
    body.mv2.brand-cede .mv2-header { flex-wrap: wrap; position: static; }
    body.mv2.brand-cede .mv2-header-right { margin-left: auto; }
    body.mv2.brand-cede .mv2-nav { order: 3; width: 100%; justify-content: center; margin: 6px 0 0; }
}
@media (max-width: 720px) {
    body.mv2.brand-cede .mv2-header { padding: 14px 6px; gap: 14px; }
    body.mv2.brand-cede:not(.brand-partner) .mv2-logo img { width: 150px; max-height: 86px; }
    body.mv2.brand-cede .mv2-phone { border-right: 0; padding-right: 0; font-size: 14px; }
    body.mv2.brand-cede .mv2-nav a { padding: 9px 11px; font-size: 14px; }
}
@media (max-width: 540px) {
    body.mv2.brand-cede .mv2-logo { width: 100%; justify-content: center; }
    body.mv2.brand-cede .mv2-header-right { width: 100%; justify-content: space-between; }
}