/* My Learning (Tutor dashboard) skin, 5 Sep 2026. Enqueued after Tutor's CSS by
   novamira-sandbox/dashboard-scale.php. Ink sidebar like the site's hero bands,
   the SOMA | ACADEMY lockup, Cormorant headings, base-coloured workspace, pill
   buttons. Scoped to .tutor-dashboard-layout only. */

.tutor-dashboard-layout{background:var(--soma-base);font-family:var(--soma-font-body)}
.tutor-dashboard-layout h1,.tutor-dashboard-layout h2,.tutor-dashboard-layout h3,.tutor-dashboard-layout .tutor-h3,.tutor-dashboard-layout .tutor-h4,.tutor-dashboard-layout .tutor-h5{font-family:var(--soma-font-display);font-weight:600;letter-spacing:-.005em;color:var(--soma-primary)}

/* sidebar */
.tutor-dashboard-layout .tutor-dashboard-sidebar{background:var(--soma-primary);border-right:0;color:var(--soma-white)}
.tutor-dashboard-layout .tutor-dashboard-sidebar::before{content:'';position:absolute;inset:0;background:radial-gradient(70% 60% at 20% 0%,rgba(13,124,104,.35) 0%,rgba(13,124,104,0) 60%);pointer-events:none}
.tutor-dashboard-layout .tutor-dashboard-sidebar > *{position:relative}
.tutor-dashboard-layout .soma-dash-logo{display:flex;align-items:center;gap:12px;padding:28px 28px 22px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1)}
.tutor-dashboard-layout .soma-dash-logo__mark{height:26px;width:auto;display:block}
.tutor-dashboard-layout .soma-dash-logo__rule{width:1px;height:22px;background:rgba(255,255,255,.3);display:block}
.tutor-dashboard-layout .soma-dash-logo__word{font-family:var(--soma-font-body);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--soma-white)}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav{padding:18px 16px}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav ul li a{color:rgba(255,255,255,.72);border-radius:999px;padding:11px 16px;font-size:.9375rem;transition:background .18s ease,color .18s ease}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav ul li a svg{color:inherit;opacity:.85}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav ul li a:hover{background:rgba(255,255,255,.08);color:var(--soma-white)}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav ul li a.active{background:var(--soma-white);color:var(--soma-primary);font-weight:600}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav ul li a.active svg{color:var(--soma-secondary);opacity:1}
.tutor-dashboard-layout .tutor-see-all-courses{margin:auto 16px 24px;padding:12px 18px;border-radius:999px;background:var(--soma-secondary);color:var(--soma-white);font-weight:600;justify-content:center;display:flex;align-items:center;gap:8px}
.tutor-dashboard-layout .tutor-see-all-courses:hover{filter:brightness(1.08);color:var(--soma-white)}

/* header */
.tutor-dashboard-layout .tutor-dashboard-header{background:var(--soma-white);border-bottom:1px solid var(--soma-line)}
.tutor-dashboard-layout .tutor-dashboard-header .tutor-h5{font-family:var(--soma-font-display);font-size:1.5rem;font-weight:600}
.tutor-dashboard-layout .tutor-dashboard-header .tutor-text-subdued{color:var(--soma-text);font-weight:400}

/* workspace */
.tutor-dashboard-layout .tutor-dashboard-body{background:var(--soma-base)}
.tutor-dashboard-layout .tutor-dashboard-page{max-width:1180px}
.tutor-dashboard-layout .tutor-card,.tutor-dashboard-layout .tutor-stat-card,.tutor-dashboard-layout .tutor-dashboard-content-inner > .tutor-bg-white,.tutor-dashboard-layout .tutor-dashboard-course-list > *,.tutor-dashboard-layout .tutor-course-listing-item{border-radius:var(--soma-r-lg)!important;border-color:transparent!important;background:var(--soma-white)}
.tutor-dashboard-layout .tutor-stat-card{box-shadow:0 10px 30px var(--soma-shadow)}
.tutor-dashboard-layout .tutor-stat-card-brand{background:var(--soma-primary);color:var(--soma-white)}
.tutor-dashboard-layout .tutor-stat-card-brand .tutor-stat-card-title{color:var(--soma-periwinkle);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}
.tutor-dashboard-layout .tutor-course-thumbnail img,.tutor-dashboard-layout .tutor-course-card img{border-radius:var(--soma-r-md)}
.tutor-dashboard-layout .tutor-progress-bar{background:var(--soma-line);border-radius:999px;overflow:hidden}
.tutor-dashboard-layout .tutor-progress-bar .tutor-progress-value,.tutor-dashboard-layout .tutor-progress-bar > div{background:var(--soma-secondary)!important;border-radius:999px}

/* tabs, chips, buttons */
.tutor-dashboard-layout .tutor-btn{border-radius:999px;font-family:var(--soma-font-body);font-weight:600}
.tutor-dashboard-layout .tutor-btn-primary{background:var(--soma-secondary);border-color:var(--soma-secondary)}
.tutor-dashboard-layout .tutor-btn-primary:hover{background:#0b6a59;border-color:#0b6a59}
.tutor-dashboard-layout .tutor-btn-outline-primary,.tutor-dashboard-layout .tutor-btn-tertiary{border-color:var(--soma-line);color:var(--soma-primary)}
.tutor-dashboard-layout .tutor-nav.tutor-nav-pills .tutor-nav-link.is-active,.tutor-dashboard-layout .tutor-nav-pills .is-active{background:var(--soma-primary);color:var(--soma-white);border-radius:999px}
.tutor-dashboard-layout .tutor-dashboard-nav-mobile{background:var(--soma-primary);border-top:0}
.tutor-dashboard-layout .tutor-dashboard-nav-mobile a,.tutor-dashboard-layout .tutor-dashboard-nav-mobile a *,.tutor-dashboard-layout .tutor-dashboard-nav-mobile-icon,.tutor-dashboard-layout .tutor-dashboard-nav-mobile svg{color:rgba(255,255,255,.75)!important}
.tutor-dashboard-layout .tutor-dashboard-nav-mobile a.active,.tutor-dashboard-layout .tutor-dashboard-nav-mobile a.is-active,.tutor-dashboard-layout .tutor-dashboard-nav-mobile a.active *,.tutor-dashboard-layout .tutor-dashboard-nav-mobile a.is-active *{color:var(--soma-white)!important}
.tutor-dashboard-layout .tutor-dashboard-nav-mobile a.active svg,.tutor-dashboard-layout .tutor-dashboard-nav-mobile a.is-active svg{color:var(--soma-periwinkle)!important}

@media (max-width:991px){
  .tutor-dashboard-layout .soma-dash-logo{padding:22px 20px 18px}
  .tutor-dashboard-layout .tutor-dashboard-header .tutor-h5{font-size:1.25rem}
}

/* phone: Tutor's dashboard has no site header, so the wordmark sits above the greeting.
   Tutor pins .tutor-dashboard-header to height:60px and .tutor-dashboard-header-inner to
   height:100%, so the wordmark + greeting overflowed and the logo read as cropped.
   Release the height, let the column grow, and space the two lines. (6 Sep 2026) */
@media (max-width:768px){
  .tutor-dashboard-layout .tutor-dashboard-header{height:auto!important;min-height:60px;padding:16px 16px 14px;overflow:visible}
  .tutor-dashboard-layout .tutor-dashboard-header-inner{height:auto!important;align-items:flex-start;overflow:visible}
  .tutor-dashboard-layout .tutor-dashboard-header-left{gap:0;overflow:visible;min-width:0}
  .tutor-dashboard-layout .tutor-dashboard-header-left::before{content:'';display:block;flex:0 0 auto;width:104px;height:26px;min-height:26px;margin:0 0 14px;background:url(https://academy.somalongevitysciences.com/wp-content/uploads/2026/08/soma-logo-dark-tm.png) left top/contain no-repeat}
  .tutor-dashboard-layout .tutor-dashboard-header .tutor-h5{line-height:1.3;padding-top:2px}
  .tutor-dashboard-layout .tutor-dashboard-header-right{padding-top:2px}
}
.tutor-dashboard-layout .tutor-dashboard-sidebar{display:flex;flex-direction:column}
@media (max-width:768px){.tutor-dashboard-layout .tutor-dashboard-sidebar{display:none}}
.tutor-dashboard-layout .tutor-dashboard-sidebar-nav{flex:1}

/* ---------------------------------------------------------------------------
   Sep 2026 - three things the hub was getting wrong.

   1. Tutor draws a divider after the FIFTH item in the sidebar, whatever the
      fifth item happens to be, in a colour picked for a light sidebar. In our
      menu that lands under Notes and reads as a mistake. The only divider that
      belongs there is the faint one above Sign out, which we draw ourselves.
   2. The ground was #F2F0EF - close enough to white that the white cards had
      nothing to sit against.
   3. Square corners throughout. Rounding is most of what separates a page that
      looks built from one that looks assembled.
   --------------------------------------------------------------------------- */

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li:nth-of-type(5):after{content:none!important;display:none!important}

.tutor-dashboard-layout,
.soma-tpl-tutor #content{background:#E9E5DE}

.tutor-dashboard-layout .tutor-card,
.tutor-dashboard-layout .tutor-dashboard-settings-card,
.tutor-dashboard-layout .tutor-dashboard-wishlist-wrapper,
.tutor-dashboard-layout .tutor-course-card,
.tutor-dashboard-layout .tutor-table,
.soma-lc,.soma-crd,.soma-gy-card{border-radius:14px}

.tutor-dashboard-layout .tutor-btn,
.tutor-dashboard-layout .tutor-btn-primary,
.tutor-dashboard-layout .tutor-btn-outline{border-radius:999px}