/* Teal Ink: teal primary, amber accent, cool off-white page */
:root{--bs-primary:#0f766e;--bs-link-color:#0f766e;--bs-link-hover-color:#115e59;--primary:#0f766e}
body,#page,#page.drawers{background:#f4f8f8}
a,.aalink,.breadcrumb a{color:#0f766e}
a:hover{color:#115e59}
#page-header h1,.page-header-headings h1,.course-card .coursename,#page-my-index :is(.card-title,h2,h3),#region-main h2,.card-title,#page-login-index .login-title{color:#0b2b33}
body,.text-muted{color:#334155}
.card,.course-card,.block,#page-content .card{box-shadow:0 1px 0 #dce7e8,0 14px 30px -20px rgba(11,43,51,.35)}
@media (min-width:992px){
.almondb-sidenav{background:linear-gradient(90deg,#0b2b33,#0e3a42 60%,#0f4d52)!important;box-shadow:0 6px 20px -8px rgba(11,43,51,.6)!important}
.almondb-sidenav .sidenav-link:hover{background:rgba(255,255,255,.12)}
.almondb-sidenav .is-active>.sidenav-link{background:rgba(20,184,166,.28)!important;box-shadow:inset 0 -2px 0 #f59e0b!important}
}
.btn-primary,.btn-primary:focus{background:linear-gradient(180deg,#14948a,#0f766e)!important;border:0;box-shadow:0 6px 14px -6px rgba(15,118,110,.7)!important;color:#fff}
.edzcl-card .btn-primary,.edzcl-card a.btn{background:linear-gradient(180deg,#fbbf24,#f59e0b)!important;color:#3b2500!important;box-shadow:0 6px 14px -6px rgba(245,158,11,.8)!important}
.btn-outline-secondary{border-color:#cfe0e1;color:#0b2b33}
.btn-outline-secondary:hover{background:#e8f4f3;border-color:#14b8a6;color:#0f766e}
.course-card .progress-bar,.course-header-overlay .progress-bar-inner{background:linear-gradient(90deg,#14b8a6,#f59e0b)!important}
.course-card .progress{background:#dcebea}
.course-card .progress-text{color:#334155}
/* hero, welcome, artwork: rotate the purple art toward teal */
.course-header-bg{filter:hue-rotate(-92deg) saturate(.95)}
.course-card .card-img-top,.edzcl-card [style*="background-image"],.edzcl-card img{filter:hue-rotate(-92deg) saturate(.95)}
.block_edzuserwelcome{background-image:linear-gradient(135deg,#0f4d52,#14b8a6)!important;background-color:#0f766e}
.course-header-overlay a.continue-link{background:#fbbf24;color:#3b2500!important}
.course-header-overlay a.continue-link:hover{background:#fcd34d}
.nav-tabs .nav-link{color:#475569}.nav-tabs .nav-link:hover{color:#0f766e}
.nav-tabs .nav-link.active{color:#0f766e;border-bottom-color:#f59e0b}
.course-content .nav-pills .nav-link{color:#0f766e}.course-content .nav-pills .nav-link.active{background:#0f766e;color:#fff}
.course-content .nav-pills .nav-link:not(.active):hover{background:#e8f4f3}
.course-content li.activity{border-color:#dce7e8!important}
.course-content li.activity:hover{border-color:#5eead4;background:#f3fbfa}
.usermenu .dropdown-item:is(:hover,:focus-visible){background:#e8f4f3}
.alert-info{background:#effaf9;border-color:#bfe6e2;color:#0b3d3a}
:where(a,button,input,select,textarea,[tabindex]):focus-visible,#user-menu-toggle:focus-visible{outline:2px solid #0f766e}
#page-login-index .login-form .form-control{border-color:#cfe0e1;background:#f8fbfb}
#page-login-index .login-form .form-control:focus{border-color:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.14)}
#page-login-index .forgot-password a{color:#0f766e}
.calendarmonth .today,.calendarmonth td.today a,.calendar_event_course{background-color:#0f766e!important}
.course-header-bg{filter:none!important;background-image:linear-gradient(135deg,#0b2b33 0%,#0f766e 100%)!important}
.flexsections-top-tab.is-active,.flexsections-top-tab.is-active:hover{background-image:none!important;background:#0f766e!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(15,118,110,.7)}
.flexsections-top-tab:not(.is-active){color:#0b2b33}
.calendarmonth td.today{background:transparent!important}
.day-number-circle{background-color:#0f766e!important}
img[src*="overviewfiles"],[style*="overviewfiles"]{filter:hue-rotate(-92deg) saturate(.95)}
.login-slide-image{filter:hue-rotate(-92deg) saturate(.95)}
.flexsections-top-tab{border-color:transparent!important;outline-color:#0f766e}
.course-header-bg{box-shadow:0 20px 40px -22px rgba(11,43,51,.6)!important}

/* ===== Teal Ink review pass: contrast, focus, hierarchy (appended; later rules win) ===== */
/* 1 Calendar */
.calendarmonth .day-number-circle,.calendar_event_course{background-color:transparent!important;color:#0b2b33!important}
.calendarmonth td.today a{background-color:transparent!important}
.calendarmonth td.today .day-number-circle{background-color:#0f766e!important;color:#fff!important}
.calendarmonth td.today .day-number,.calendarmonth td.today a{color:#fff!important}
.calendarmonth td.today .day-number-circle a{background:transparent!important}
.calendarmonth td.hasevent .day-number-circle{box-shadow:inset 0 -3px 0 #f59e0b}
.calendarmonth .arrow{color:#0b4f4a}
/* 2 Welcome hero */
.block_edzuserwelcome{background-image:linear-gradient(135deg,#0b2b33,#0f766e)!important}
/* 3 Primary button */
.btn-primary,.btn-primary:focus{background:linear-gradient(180deg,#0f766e,#0d6560)!important}
.edzcl-card .btn-primary,.edzcl-card a.btn{background:linear-gradient(180deg,#fbbf24,#f59e0b)!important}
/* 4 Sidenav links and focus rings */
@media (min-width:992px){.almondb-sidenav .sidenav-link,.almondb-sidenav .sidenav-link .sidenav-text,.almondb-sidenav .sidenav-link i{color:#e6f4f2!important}}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #0f766e;outline-offset:2px}
.almondb-sidenav :is(a,button):focus-visible,nav.navbar :is(a,button):focus-visible{outline-color:#5eead4}
.btn-primary:focus-visible,.flexsections-top-tab.is-active:focus-visible,.edzcl-card a.btn:focus-visible{outline:2px solid #0b2b33;outline-offset:2px;box-shadow:0 0 0 4px #5eead4!important}
/* 5 Carousel arrows */
.edzdash-prev,.edzdash-next{color:#0f766e!important}
.edzdash-prev:hover,.edzdash-next:hover{background:#e8f4f3!important;color:#115e59!important}
/* 6 Mobile top bar */
@media (max-width:991.98px){nav.navbar.fixed-top{background:linear-gradient(90deg,#0b2b33,#0e3a42 60%,#0f4d52)!important;box-shadow:0 6px 20px -8px rgba(11,43,51,.6)!important}}
/* 7 Slate text, login border, muted labels, dropdown items */
#page-login-index .login-container p,#page-login-index label{color:#334155}
#page-login-index .login-form .form-control{border-color:#7a9a9e}
#page-my-index .card-text.content,#page-my-index .text-xs-center{color:#475569}
.date-label,.date-value,.course-card .progress-text{color:#475569}
.dropdown-menu .dropdown-item,.usermenu .dropdown-menu a{color:#0b2b33}
.dropdown-menu .dropdown-item:is(:hover,:focus-visible){background:#e8f4f3;color:#0f766e}
/* 8 Course hero */
.course-header-bg{background-image:radial-gradient(60% 120% at 90% 30%,rgba(20,184,166,.4),transparent 60%),radial-gradient(40% 80% at 100% 100%,rgba(245,158,11,.16),transparent 70%),linear-gradient(135deg,#0b2b33 0%,#0f766e 100%)!important}
.course-header-overlay .progress-bar-outer{height:10px;background:rgba(255,255,255,.28)!important;border-radius:999px}
.course-header-overlay .progress-label{color:#f4f8f8;font-weight:600}
.course-header-overlay a.continue-link{text-decoration:none;font-weight:700;padding:.55rem 1.1rem;border-radius:999px;box-shadow:0 6px 14px -6px rgba(245,158,11,.8)}
@media (max-width:575.98px){.course-header-overlay{padding-inline:20px!important}.course-header-overlay .course-title{font-size:1.5rem;overflow-wrap:anywhere}}
/* 9 Continue-learning card */
.edzcl-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.edzcl-progress-bar{background:#d3e6e4;height:8px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(11,43,51,.06)}
.edzcl-progress-fill{background:linear-gradient(90deg,#14b8a6,#f59e0b)!important;border-radius:999px}
.edzcl-days{color:#475569}
/* 10 Artwork recolour */
.almondb-sidenav .sidenav-logo{filter:hue-rotate(-90deg) saturate(1.1) brightness(1.1)}
.edz-reward-img{filter:hue-rotate(-30deg) saturate(.85)}
#page-local-edzperformance canvas,.block_edzdashperfor canvas{filter:hue-rotate(-95deg) saturate(.9)}
.course-card .card-img-top{background-color:#0b2b33}
/* 11 Hierarchy */
#page-header h1,.page-header-headings h1{font-weight:700;letter-spacing:-.01em}
#region-main :is(h2,h3,.card-title){font-weight:650}
.edzdash-title-header,.edz-perf-title{color:#0b2b33;font-weight:650}
/* 12 My Courses */
.course-card .card-footer{border-top:1px solid #dce7e8}
#page-my-index [data-region=courses-view]{box-shadow:none;background:transparent}
/* 13 Tabs and pills */
.flexsections-top-tab:not(.is-active){background:#fff;border:1px solid #cfe0e1!important;border-radius:10px;padding:6px 14px}
.flexsections-top-tab:not(.is-active):hover{background:#e8f4f3;border-color:#14b8a6!important}
.nav-tabs .nav-link.active{border-bottom-width:3px}
.course-content li.activity [class*=icon]{color:#0f766e}
/* 14 User menu panel */
.usermenu .dropdown-menu{margin-top:8px;border:1px solid #dce7e8;border-radius:12px;box-shadow:0 18px 40px -16px rgba(11,43,51,.45);padding:6px;min-width:220px}
.usermenu .dropdown-item{border-radius:8px;padding:.6rem .9rem}
.usermenu .dropdown-divider{border-color:#e5eeee}
/* 15 Alert accent */
.alert-info{padding:16px 20px;border-left:4px solid #f59e0b}
/* fixes from screenshot review */
.block_edzuserwelcome .card-text.content,.block_edzuserwelcome .card-text.content *,.block_edzuserwelcome p{color:#e6f4f2!important}
.edzcl-desc{max-height:2.9em}
@media (max-width:575.98px){.course-header-overlay{left:0!important;right:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box}}
.edzcl-card .edzcl-desc,p.edzcl-desc{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.usermenu .dropdown-menu .dropdown-item,.usermenu .dropdown-menu a.dropdown-item{color:#0b2b33!important}
.usermenu .dropdown-menu .dropdown-item:is(:hover,:focus-visible){color:#0f766e!important;background:#e8f4f3!important}
.edzcl-card .edzcl-desc,p.edzcl-desc{max-height:2.9em!important;overflow:hidden!important}
.edzcl-card .edzcl-desc,p.edzcl-desc{height:auto!important;min-height:0!important}

/* ===== Teal Ink round 2: mobile drawer, overflow, alert, leftovers ===== */
/* Logo and login art: remap lilac to teal and the pink-orange tagline to teal-amber (a hue rotate cannot do both) */
.login-slide-image,.mobile-logo-img{filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='t' color-interpolation-filters='sRGB'%3E%3CfeColorMatrix type='matrix' values='0.051 1.867 -0.917 0 0 0.558 -0.042 0.485 0 0 -0.099 -0.166 1.256 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/svg%3E#t")}
/* Mobile nav drawer */
@media (max-width:991.98px){
#almondb-sidenav.almondb-sidenav,#page-wrapper #almondb-sidenav{background:linear-gradient(180deg,#0b2b33,#0e3a42 60%,#0f4d52)!important;background-image:linear-gradient(180deg,#0b2b33,#0e3a42 60%,#0f4d52)!important}
#almondb-sidenav .sidenav-link,#almondb-sidenav .sidenav-link .sidenav-text,#almondb-sidenav .sidenav-link i{color:#e6f4f2!important}
#almondb-sidenav .is-active>.sidenav-link{background:rgba(20,184,166,.28)!important;box-shadow:inset 3px 0 0 #f59e0b!important}
}
/* Events page: row gutter overshot the container by 4px on phones */
.edzcalcus>.row{margin-inline:-8px}
/* Dismissible alerts: keep text clear of the close button */
.alert-info.alert-dismissible{padding-right:3.5rem}
/* Continue-learning description stays hidden on phones, as in the base theme */
@media (max-width:575.98px){.edzcl-card .edzcl-desc,p.edzcl-desc{display:none!important}}
/* Remaining purple: charts, level star, text-primary icons */
:root{--bs-primary-rgb:15,118,110}
.text-primary{color:#0f766e!important}
body[id^=page-local-edzperformance] canvas,.block_edzdashperfor canvas{filter:hue-rotate(-95deg) saturate(.9)}
img[alt="Level image"]{filter:hue-rotate(-30deg) saturate(.85)}
