/*
Theme Name: Skill Hub LMS
Author: Skill Hub LMS
Description: Skill Hub LMS education marketplace theme for WordPress + WooCommerce. Provides the public site and role dashboards and consumes the authoritative Skill Hub LMS Backend REST/API workflows.
Version: 4.6.17
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skillhub
Tags: education, marketplace, e-learning, woocommerce, responsive, custom-menu, dashboard
*/

/* =====================================================================
   Skill Hub LMS — Base stylesheet marker.
   The full design system lives in /assets/css/theme.css (enqueued in
   inc/enqueue.php) so it can be versioned and cache-busted independently.
   This file exists so WordPress recognises the theme.
   ===================================================================== */

/* Business policy tier editor */
.sh-tier-editor{display:grid;gap:.75rem}.sh-tier-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.6rem;align-items:center}.sh-tier-row input{min-width:0}@media(max-width:640px){.sh-tier-row{grid-template-columns:1fr}.sh-tier-row .sh-btn{width:100%}}

/* 2.0.0 — compact professional subject selector */
.sh-subject-accordion{border:1px solid var(--sh-border,#e5e7eb);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}.sh-subject-accordion>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;list-style:none;font-weight:700}.sh-subject-accordion>summary::-webkit-details-marker{display:none}.sh-subject-accordion[open]>summary{border-bottom:1px solid var(--sh-border,#e5e7eb)}.sh-subject-accordion .sh-check-grid{padding:14px}.sh-custom-subject-request{margin-top:14px;padding:14px}.sh-teacher-card__footer{gap:8px;flex-wrap:wrap}.sh-teacher-card__avatar{align-self:flex-start}

/* AI report readability — preserves existing visual language while turning provider markdown into readable sections. */
.sh-ai-report-card .sh-ai-report-body{margin-top:18px}.sh-ai-report-heading{margin:22px 0 10px;font-size:1.1em}.sh-ai-report-paragraph{margin:0 0 12px;line-height:1.65}.sh-ai-report-list{margin:0 0 16px 22px}.sh-ai-report-list li{margin:0 0 7px}.sh-ai-report-table{margin:12px 0 18px}.sh-ai-report-table .sh-table td{white-space:normal;vertical-align:top}

/* AI progress folders — compact student > week > report hierarchy. */
.sh-ai-folder-list{display:grid;gap:16px}.sh-ai-student-folder,.sh-ai-week-report{border:1px solid var(--sh-border,#e3e8ef);border-radius:18px;background:#fff;overflow:hidden}.sh-ai-student-folder>summary,.sh-ai-week-report>summary{list-style:none;cursor:pointer}.sh-ai-student-folder>summary::-webkit-details-marker,.sh-ai-week-report>summary::-webkit-details-marker{display:none}.sh-ai-student-folder__summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px}.sh-ai-folder-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(75,58,215,.09);color:var(--sh-primary,#4b3ad7);font-weight:800;font-size:20px}.sh-ai-folder-copy{display:grid;gap:4px;min-width:0}.sh-ai-folder-copy strong{font-size:18px}.sh-ai-folder-copy span{color:var(--sh-muted,#687386);font-size:14px}.sh-ai-folder-meta{display:flex;align-items:center;gap:12px}.sh-ai-student-folder__body{padding:0 18px 18px;background:#f8fafc;border-top:1px solid var(--sh-border,#e3e8ef)}.sh-ai-week-report{margin-top:14px;border-radius:14px}.sh-ai-week-report__summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:15px 16px}.sh-ai-week-report__summary>div{display:grid;gap:3px}.sh-ai-week-report__summary span:not(.sh-badge):not(.sh-record-chevron){color:var(--sh-muted,#687386);font-size:13px}.sh-ai-week-report__body{padding:4px 18px 18px;border-top:1px solid var(--sh-border,#e3e8ef)}.sh-ai-student-folder[open]>.sh-ai-student-folder__summary .sh-record-chevron,.sh-ai-week-report[open]>.sh-ai-week-report__summary .sh-record-chevron{transform:rotate(180deg)}.sh-record-chevron{transition:transform .18s ease}.sh-ai-folder-heading{margin-bottom:12px}
@media(max-width:680px){.sh-ai-student-folder__summary{grid-template-columns:44px minmax(0,1fr);padding:15px}.sh-ai-folder-avatar{width:42px;height:42px;border-radius:13px}.sh-ai-folder-meta{grid-column:1/-1;justify-content:flex-end}.sh-ai-week-report__summary{grid-template-columns:minmax(0,1fr) auto}.sh-ai-week-report__summary>.sh-record-chevron{display:none}.sh-ai-week-report__body{padding:4px 14px 14px}}


/* 2.9.2 — professional mobile rendering for legacy AI booking-history tables. */
.sh-ai-booking-mobile{display:none}.sh-ai-report-table .sh-table th{white-space:nowrap;text-align:left}.sh-ai-booking-card{border:1px solid var(--sh-border,#e3e8ef);border-radius:16px;background:#fff;padding:14px 16px;margin:0 0 12px;box-shadow:0 4px 16px rgba(15,23,42,.04)}.sh-ai-booking-field{display:grid;grid-template-columns:minmax(105px,.85fr) minmax(0,1.35fr);gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7;align-items:start}.sh-ai-booking-field:last-child{border-bottom:0}.sh-ai-booking-field>span{font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.04em;color:var(--sh-muted,#687386);font-weight:700}.sh-ai-booking-field>strong{font-size:14px;line-height:1.45;color:var(--sh-text,#172033);overflow-wrap:anywhere}
@media(max-width:680px){.sh-ai-booking-desktop{display:none!important}.sh-ai-booking-mobile{display:block}.sh-ai-report-body{overflow:visible}.sh-ai-report-heading{font-size:1.02rem}.sh-ai-report-paragraph{font-size:14px;line-height:1.65}}

/* Secure class-recording library */
.sh-recording-folder__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.sh-recording-folder__summary::-webkit-details-marker{display:none}.sh-recording-folder__summary>div{display:flex;flex-direction:column;gap:3px}.sh-recording-list{margin-top:16px;display:grid;gap:12px}.sh-recording-item{border:1px solid var(--sh-border,#e5e7eb);border-radius:14px;padding:0 14px;background:#fff}.sh-recording-frame{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#0b1020;margin-top:14px}.sh-recording-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sh-recording-live-notice{display:flex;align-items:center;gap:10px;border-left:4px solid #dc2626}.sh-recording-dot{width:10px;height:10px;border-radius:999px;background:#dc2626;box-shadow:0 0 0 5px rgba(220,38,38,.12);animation:shrecpulse 1.5s infinite}@keyframes shrecpulse{50%{box-shadow:0 0 0 9px rgba(220,38,38,0)}}@media(max-width:640px){.sh-recording-frame{padding-top:62%}.sh-recording-folder__summary{align-items:flex-start}}

/* Monthly tuition 3.4.0 */
.sh-tuition-hero{background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(14,165,233,.04));}
.sh-tuition-card{border:1px solid rgba(100,116,139,.16);box-shadow:0 8px 24px rgba(15,23,42,.04);}
.sh-tuition-card .sh-meter{margin:14px 0;}
@media(max-width:640px){.sh-tuition-card .sh-flex{align-items:flex-start;flex-direction:column}.sh-tuition-card .sh-admin-detail-grid{grid-template-columns:1fr 1fr}}


/* Skill Hub LMS mobile polish 3.5.4 */
@media (max-width: 768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:15px;line-height:1.55}
  .sh-container{width:100%;padding-left:14px!important;padding-right:14px!important}
  .sh-header__inner{min-height:64px;padding:8px 14px!important;gap:10px}
  .sh-logo{min-width:0}.sh-logo img{max-width:138px;height:auto}
  .sh-header__actions{gap:8px}.sh-header__actions .sh-btn{min-height:42px;padding:9px 12px}
  .sh-drawer__panel{width:min(88vw,340px);padding:18px}
  .sh-dash{display:block!important;width:100%;min-width:0}
  .sh-dash__side{position:static!important;width:100%!important;min-width:0!important;margin:0 0 14px!important;padding:12px!important;border-radius:16px!important}
  .sh-dash__brand,.sh-side-profile{gap:10px}
  .sh-side-profile__panel{padding:12px!important}
  .sh-dash__side nav,.sh-dash__nav{display:flex!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;padding:3px 0 8px!important;scrollbar-width:thin}
  .sh-dash__side nav a,.sh-dash__nav a{flex:0 0 auto!important;min-height:42px!important;padding:10px 13px!important;border-radius:11px!important;white-space:nowrap!important}
  .sh-dash__side-foot{display:none!important}
  .sh-dash__main{width:100%!important;min-width:0!important;padding:14px 8px 24px!important;box-sizing:border-box!important}
  .sh-dash__mobilebar{position:sticky;top:0;z-index:30;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px!important;border:1px solid #e2e8f0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 6px 20px rgba(15,23,42,.08);backdrop-filter:blur(10px)}
  .sh-dash__head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:16px!important}
  .sh-dash__head h1,.sh-dash__head h2{font-size:clamp(1.35rem,6vw,1.7rem)!important;line-height:1.2;margin:0!important}
  .sh-dash__head .sh-actions{width:100%}
  .sh-grid,.sh-form-grid,.sh-admin-detail-grid,.sh-finance-grid,.sh-exam-grid{grid-template-columns:1fr!important;gap:12px!important}
  .sh-widget,.sh-card,.sh-panel,.sh-record,.sh-exam-card,.sh-tuition-card{min-width:0!important;padding:16px!important;border-radius:16px!important}
  .sh-widget{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"icon label" "icon value";align-items:center;column-gap:12px}
  .sh-widget__icon{grid-area:icon}.sh-widget__label{grid-area:label}.sh-widget__value{grid-area:value}
  .sh-flex{flex-wrap:wrap!important;gap:10px!important}
  .sh-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .sh-actions>.sh-btn,.sh-actions>button,.sh-actions>a.sh-btn,.sh-form .sh-btn--primary,.sh-btn--block{width:100%!important;min-height:44px!important;justify-content:center!important;text-align:center!important}
  .sh-btn{max-width:100%;white-space:normal;line-height:1.25}
  .sh-field,.sh-form label{min-width:0!important;width:100%!important}
  .sh-form input:not([type=checkbox]):not([type=radio]),.sh-form select,.sh-form textarea,.sh-field input:not([type=checkbox]):not([type=radio]),.sh-field select,.sh-field textarea{width:100%!important;min-width:0!important;min-height:46px!important;font-size:16px!important}
  .sh-form textarea,.sh-field textarea{min-height:120px!important}
  .sh-check-card{align-items:flex-start!important}
  .sh-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
  .sh-table{width:100%;min-width:0}
  .sh-table tr:not(.sh-ops-detail-row){border-radius:14px!important;padding:12px!important;margin-bottom:12px!important;box-shadow:0 4px 14px rgba(15,23,42,.05)}
  .sh-table tr:not(.sh-ops-detail-row)>td{grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;gap:10px!important;overflow-wrap:anywhere}
  .sh-table td::before{line-height:1.3}
  .sh-modal__dialog{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100vh - 24px)!important;margin:12px!important;border-radius:18px!important}
  .sh-modal__head{position:sticky;top:0;z-index:2;padding:15px!important;background:#fff}
  .sh-modal__body{padding:14px!important;overflow-y:auto!important}
  .sh-notification-item{align-items:flex-start!important;padding:13px!important}
  .sh-bottomnav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .sh-bottomnav__link{min-width:0;padding:8px 4px;font-size:.72rem}
  .sh-exam-hub__intro{display:grid!important;grid-template-columns:1fr auto;gap:14px!important;padding:18px!important;border-radius:18px!important}
  .sh-exam-card__facts{grid-template-columns:1fr 1fr!important}
  .sh-exam-question h3{flex-direction:column!important;gap:6px!important}
  .sh-recording-folder__summary,.sh-record-summary{align-items:flex-start!important;flex-wrap:wrap!important}
  .sh-recording-frame{padding-top:62%!important}
}
@media (max-width: 420px){
  .sh-container{padding-left:10px!important;padding-right:10px!important}
  .sh-header__inner{padding-inline:10px!important}
  .sh-widget,.sh-card,.sh-panel,.sh-record,.sh-exam-card,.sh-tuition-card{padding:14px!important}
  .sh-table tr:not(.sh-ops-detail-row)>td{display:block!important;padding:8px 0!important}
  .sh-table tr:not(.sh-ops-detail-row)>td::before{display:block!important;margin-bottom:4px!important}
  .sh-exam-card__facts{grid-template-columns:1fr!important}
  .sh-modal__dialog{width:calc(100vw - 16px)!important;margin:8px!important}
}


/* Skill Hub LMS homepage mobile trust grid + VIP online teachers 3.5.5 */
@media (max-width:560px){
  .shp-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding-top:20px!important;padding-bottom:20px!important}
  .shp-trust>div{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:8px!important;min-width:0!important;padding:12px 8px!important;border:1px solid #e7eef7!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px rgba(15,23,42,.06)!important}
  .shp-trust>div:last-child{border:1px solid #e7eef7!important}
  .shp-trust>div>span{width:38px!important;height:38px!important;font-size:1rem!important}
  .shp-trust p{min-width:0!important;line-height:1.2!important}
  .shp-trust strong{font-size:.76rem!important;line-height:1.2!important}
  .shp-trust small{font-size:.62rem!important;line-height:1.35!important;overflow-wrap:anywhere!important}
}
.shp-trust__teacher{position:relative!important;overflow:hidden;border-color:#d7b650!important;background:linear-gradient(135deg,#fffdf3 0%,#f5f8ff 100%)!important;box-shadow:0 10px 28px rgba(37,99,235,.13)!important}
.shp-trust__teacher>span{color:#fff!important;background:linear-gradient(135deg,#e5ae24,#7c3aed)!important;box-shadow:0 7px 16px rgba(124,58,237,.22)!important}
.shp-trust__teacher small{display:flex!important;align-items:center!important;gap:5px!important;color:#475569!important}
.shp-online-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14);animation:shOnlinePulse 1.8s infinite}
.shp-vip-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#422006;font-size:.5rem;line-height:1.35;letter-spacing:.08em;box-shadow:0 3px 8px rgba(245,158,11,.25)}
@keyframes shOnlinePulse{50%{box-shadow:0 0 0 6px rgba(22,163,74,0)}}


/* Skill Hub LMS teacher presence + premium cards + drawer contrast 3.5.6 */
.sh-drawer .sh-btn--primary,.sh-drawer a.sh-btn--primary,.sh-drawer button.sh-btn--primary{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important}
.sh-drawer .sh-btn--primary:hover,.sh-drawer .sh-btn--primary:focus{color:#fff!important;-webkit-text-fill-color:#fff!important}
.shp-teacher{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.shp-teacher--vip{border:1px solid #e8c55a!important;background:linear-gradient(145deg,#fff 55%,#fff9e8 100%)!important;box-shadow:0 14px 34px rgba(68,56,202,.14),0 0 0 1px rgba(250,204,21,.18)!important}
.shp-teacher--vip:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(68,56,202,.2),0 0 0 2px rgba(250,204,21,.22)!important}
.shp-teacher__presence{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 5px 14px rgba(15,23,42,.2);backdrop-filter:blur(8px)}
.shp-teacher__presence i{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.2)}
.shp-teacher__presence.is-online i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.24);animation:shTeacherPulse 1.7s infinite}
.shp-teacher__presence.is-offline{background:rgba(71,85,105,.82)}
.shp-teacher__vip{position:absolute;top:12px;right:12px;z-index:3;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,#fde047,#f59e0b);color:#422006;font-size:.62rem;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 14px rgba(245,158,11,.28)}
.sh-teacher-card{position:relative;overflow:hidden}
.sh-teacher-card--vip{border:1px solid #e8c55a!important;background:linear-gradient(145deg,#fff 62%,#fff9e8 100%)!important;box-shadow:0 14px 34px rgba(68,56,202,.13),0 0 0 1px rgba(250,204,21,.16)!important}
.sh-teacher-card__vip{position:absolute;top:10px;right:10px;z-index:4;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#fde047,#f59e0b);color:#422006;font-size:.62rem;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 14px rgba(245,158,11,.25)}
.sh-teacher-card__status{position:absolute!important;right:-3px!important;bottom:-3px!important;z-index:5!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.2)!important}
.sh-teacher-card__status .sh-dot{display:block!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#94a3b8!important;box-shadow:0 0 0 3px rgba(148,163,184,.18)!important}
.sh-teacher-card__status .sh-dot--online{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.22)!important;animation:shTeacherPulse 1.7s infinite}
.sh-teacher-card__status .sh-dot--offline{background:#94a3b8!important}
@keyframes shTeacherPulse{50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
@media(max-width:560px){.shp-teacher__presence{top:8px;left:8px;padding:5px 8px;font-size:.64rem}.shp-teacher__vip{top:8px;right:8px;padding:5px 7px;font-size:.54rem}.sh-teacher-card__vip{top:8px;right:8px}}


/* Skill Hub LMS mobile teacher profile final polish 3.5.7 */
@media(max-width:768px){
  .sh-header__actions>a.sh-btn[href*="logout"]{display:none!important}
  main.sh-profile{padding-bottom:112px!important}
  .sh-profile .sh-breadcrumbs{padding:10px 0!important;font-size:.78rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sh-profile__grid{gap:14px!important}
  .sh-profile__main{min-width:0!important}
  .sh-profile__head{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;padding:16px!important;border-radius:20px!important;overflow:hidden}
  .sh-profile__avatar{width:86px!important;height:86px!important}
  .sh-profile__avatar img{width:86px!important;height:86px!important;border-radius:18px!important;object-fit:cover!important}
  .sh-profile__statusdot{right:-2px!important;bottom:-2px!important}
  .sh-profile__name{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 6px!important;font-size:1.7rem!important;line-height:1.08!important}
  .sh-profile__name .sh-badge{position:static!important;margin:0!important;padding:4px 7px!important;font-size:.58rem!important;white-space:nowrap!important}
  .sh-profile__subjects{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;margin:0 0 10px!important;font-size:.84rem!important;line-height:1.45!important}
  .sh-profile__facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 10px!important;font-size:.72rem!important}
  .sh-profile__facts .sh-rating{grid-column:1/-1!important}
  .sh-profile__flags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:10px!important}
  .sh-profile__flags .sh-badge{padding:6px 9px!important;font-size:.66rem!important}
  .sh-profile__tabs{display:flex!important;gap:4px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity!important;padding:0 4px 5px!important;margin:2px 0 12px!important;white-space:nowrap!important;scrollbar-width:thin!important}
  .sh-profile__tabs a{flex:0 0 auto!important;scroll-snap-align:start!important;padding:11px 13px!important;font-size:.76rem!important;border-bottom-width:3px!important}
  .sh-profile .sh-section{scroll-margin-top:82px!important;margin-bottom:12px!important;padding:16px!important;border-radius:18px!important}
  .sh-profile .sh-section__title{font-size:1.28rem!important;line-height:1.2!important}
  .sh-profile .sh-section__head{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  #video .sh-state--empty,#reviews .sh-state--empty{min-height:0!important;padding:20px 14px!important;border-radius:14px!important}
  #video .sh-state__icon,#reviews .sh-state__icon{width:46px!important;height:46px!important;margin-bottom:8px!important}
  #video .sh-state h3,#reviews .sh-state h3{font-size:1.15rem!important;margin:5px 0!important}
  #video .sh-state p,#reviews .sh-state p{font-size:.82rem!important;line-height:1.45!important;margin:0!important}
  #qualifications .sh-section__head .sh-badge{font-size:.62rem!important;padding:5px 8px!important}
  .sh-timeline{margin:10px 0!important}
  .sh-timeline__item.is-simple{display:block!important;padding:10px 0!important;border-bottom:1px solid #e8edf4!important}
  .sh-timeline__item.is-simple:before,.sh-timeline__item.is-simple:after{display:none!important}
  .sh-timeline__item.is-simple strong{display:block!important;font-size:.95rem!important;text-align:left!important}
  .sh-doclist:empty{display:none!important}
  .sh-doclist:empty+.sh-subhead{display:none!important}
  .sh-chips{gap:7px!important}
  .sh-chips .sh-chip{padding:7px 10px!important;font-size:.75rem!important}
  .sh-pricing-grid{grid-template-columns:1fr!important;gap:10px!important}
  .sh-pricing-grid__item{min-height:0!important;padding:18px 14px!important;border-radius:16px!important}
  .sh-pricing-grid__amt{font-size:1.65rem!important;margin:4px 0!important}
  #availability .sh-muted{font-size:.78rem!important;line-height:1.45!important}
  .sh-avail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  .sh-avail__col{min-width:0!important;padding:7px 4px!important;border:1px solid #e8edf4!important;border-radius:12px!important;background:#f8fafc!important}
  .sh-avail__day{font-size:.72rem!important;padding:4px 2px!important;text-align:center!important}
  .sh-avail__slot{width:100%!important;min-width:0!important;padding:6px 2px!important;font-size:.66rem!important}
  #reviews .sh-section__head .sh-rating{font-size:.72rem!important}
  .sh-profile__aside{position:static!important}
  .sh-booking-box{padding:18px!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important}
  .sh-booking-box__price .amt{font-size:2rem!important}
  .sh-booking-box__meta{margin:7px 0 14px!important}
  .sh-booking-box>.sh-btn{min-height:48px!important;margin-top:8px!important;border-radius:14px!important;font-size:.86rem!important;line-height:1.25!important}
  .sh-booking-box__list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:18px 0 10px!important;font-size:.76rem!important}
  .sh-booking-box__note{font-size:.72rem!important;line-height:1.45!important;margin:8px 0 0!important}
  .sh-bottomnav{z-index:100!important;background:#fff!important;box-shadow:0 -8px 24px rgba(15,23,42,.08)!important}
}
@media(max-width:420px){
  .sh-profile__head{grid-template-columns:76px minmax(0,1fr)!important;gap:11px!important;padding:14px!important}
  .sh-profile__avatar,.sh-profile__avatar img{width:76px!important;height:76px!important}
  .sh-profile__name{font-size:1.45rem!important}
  .sh-profile__facts{grid-template-columns:1fr!important}
  .sh-profile__facts .sh-rating{grid-column:auto!important}
}


/* Skill Hub LMS weekly availability horizontal schedule 3.5.8 */
@media(max-width:768px){
  #availability{overflow:hidden!important}
  .sh-avail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(112px,34vw)!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 3px 12px!important;scroll-snap-type:x mandatory!important;scroll-padding-left:3px!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
  .sh-avail__col{min-width:112px!important;min-height:92px!important;align-self:stretch!important;scroll-snap-align:start!important;padding:8px 6px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:linear-gradient(180deg,#f8fafc,#fff)!important}
  .sh-avail__day{position:sticky!important;top:0!important;z-index:1!important;margin:-8px -6px 8px!important;padding:9px 6px!important;border-bottom:1px solid #e2e8f0!important;border-radius:14px 14px 0 0!important;background:#eef2ff!important;color:#3730a3!important;font-size:.76rem!important;font-weight:800!important;text-align:center!important}
  .sh-avail__slot{display:block!important;width:100%!important;min-width:0!important;margin:6px 0 0!important;padding:8px 4px!important;border-radius:9px!important;font-size:.68rem!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important}
  #availability:after{content:'Swipe to see all days →';display:block;margin-top:2px;color:#64748b;font-size:.66rem;font-weight:700;text-align:right}
}


/* Skill Hub LMS empty availability state 3.5.9 */
@media(max-width:768px){.sh-avail__col{min-height:0!important}.sh-avail__empty{display:flex;align-items:center;justify-content:center;min-height:54px;padding:8px 4px;color:#94a3b8;font-size:.66rem;font-weight:700;line-height:1.25;text-align:center}}

/* 2026-09 professional homepage learning-path sections */
.shp-section + .shp-section{border-top:1px solid #edf2f8}
.shp-section-head h2{letter-spacing:-.025em}
.shp-teacher-grid,.shp-course-grid{align-items:stretch}
.shp-teacher,.shp-course{height:100%}
.shp-teacher__body{display:flex;flex-direction:column;min-height:178px}
.shp-teacher__price{margin-top:auto}
@media (min-width:1100px){.shp-teacher-grid,.shp-course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Mobile homepage refinement — 2026-09-04: keep visual first, compact lower sections */
@media (max-width:820px){
  .shp-hero__visual{order:1!important}
  .shp-hero__copy{order:2!important}
}
@media (max-width:560px){
  .shp-section{padding-top:34px!important;padding-bottom:34px!important}
  .shp-section-head{gap:10px!important;margin-bottom:18px!important}
  .shp-section-head h2{font-size:1.35rem!important;line-height:1.15!important}
  .shp-section-head>a{font-size:.78rem!important;white-space:nowrap!important}
  .shp-teacher-grid>.sh-state,.shp-course-grid>.sh-state{grid-column:1/-1!important;width:100%!important;min-height:0!important;padding:24px 18px!important;border-radius:16px!important}
  .shp-teacher-grid>.sh-state .sh-state__icon,.shp-course-grid>.sh-state .sh-state__icon{width:48px!important;height:48px!important;margin-bottom:10px!important}
  .shp-teacher-grid>.sh-state h3,.shp-course-grid>.sh-state h3{font-size:1.12rem!important;line-height:1.25!important;margin:4px 0 6px!important}
  .shp-teacher-grid>.sh-state p,.shp-course-grid>.sh-state p{font-size:.86rem!important;line-height:1.5!important;margin:0 auto!important;max-width:30ch!important}
  .shp-how{padding:34px 0!important}.shp-trust{padding-top:18px!important;padding-bottom:18px!important}.shp-cta{padding-top:28px!important;padding-bottom:32px!important}
}

/* Skill Hub LMS mobile hero order — matched to supplied working theme */
@media (max-width:820px){
  .shp-hero__grid{display:grid!important;grid-template-columns:1fr!important;}
  .shp-hero__visual{order:1!important;grid-row:auto!important;}
  .shp-hero__copy{order:2!important;grid-row:auto!important;}
}

/* 3.7.0 live dashboard sync */
.sh-dash__main[aria-busy="true"]{opacity:.72;pointer-events:none;transition:opacity .15s ease;}


/* Skill Hub LMS 3.8.8 — unified trust-banner hero redesign */
.shp-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#f4f8ff 100%)}
.shp-hero:before{content:"";position:absolute;inset:auto -12% -35% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.10),rgba(59,130,246,0) 70%);pointer-events:none}
.shp-hero__grid{position:relative;z-index:1}
.shp-hero-trustbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;width:max-content;max-width:100%;margin:0 0 20px;padding:10px 14px;border:1px solid rgba(37,99,235,.14);border-radius:16px;background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.96));box-shadow:0 8px 24px rgba(37,99,235,.08);color:#245ea9;font-size:.78rem;font-weight:800;line-height:1.2}
.shp-hero-trustbar span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.shp-hero-trustbar i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e0efff;color:#1666c5;font-style:normal;font-size:.72rem;line-height:1}
.shp-hero-trustbar span:nth-child(2) i{color:#16a34a;background:#eaf8ef;font-size:.52rem}
.shp-hero-trustbar span:nth-child(3) i{color:#d18a00;background:#fff7dd}
.shp-hero__image-wrap{box-shadow:0 22px 52px rgba(15,23,42,.12)!important}
.shp-float{display:none!important}
@media (min-width:821px){
  .shp-hero__copy{padding-top:4px}
  .shp-hero-trustbar{margin-bottom:18px}
}
@media (max-width:820px){
  .shp-hero{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 64%)}
  .shp-hero__grid{gap:18px!important}
  .shp-hero__visual{margin-bottom:0!important}
  .shp-hero__copy{padding-top:0!important}
  .shp-hero-trustbar{justify-content:center;width:100%;margin:0 0 18px;padding:10px 12px;border-radius:14px;gap:7px 10px;font-size:.72rem;text-align:center}
  .shp-hero-trustbar span{white-space:normal}
}
@media (max-width:560px){
  .shp-hero__grid{gap:14px!important}
  .shp-hero-trustbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 8px;font-size:.63rem;line-height:1.15}
  .shp-hero-trustbar span{justify-content:center;gap:4px;min-width:0}
  .shp-hero-trustbar i{width:18px;height:18px;font-size:.65rem;flex:0 0 18px}
  .shp-hero-trustbar span:nth-child(2) i{font-size:.46rem}
  .shp-hero__copy h1{margin-top:0!important}
}
@media (max-width:390px){
  .shp-hero-trustbar{grid-template-columns:1fr;gap:5px;font-size:.68rem}
  .shp-hero-trustbar span{justify-content:flex-start}
}


/* 4.1.2 — secure teacher-review media previews + dual-currency clarity */
.sh-admin-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.sh-admin-doc-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--sh-border,#e5e7eb);border-radius:14px;background:#fff;color:inherit;text-decoration:none;min-width:0}
.sh-admin-doc-card:hover{border-color:#c7d2fe;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.sh-admin-doc-thumb{width:72px;height:56px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#f8fafc;flex:0 0 auto}
.sh-admin-doc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sh-admin-doc-file{font-size:24px;color:#64748b}
.sh-admin-doc-card span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.sh-admin-doc-card small{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.sh-admin-video-preview{max-width:560px;margin-top:10px}
.sh-admin-video-preview video{display:block;width:100%;max-height:340px;border-radius:14px;background:#0f172a}
.sh-admin-video-preview p{margin:10px 0 0}
@media (max-width:720px){.sh-admin-doc-grid{grid-template-columns:1fr}.sh-admin-doc-thumb{width:64px;height:52px}.sh-admin-video-preview video{max-height:260px}}

/* 4.1.4 — Admin attention markers for newly submitted verification evidence */
.sh-record-name{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.sh-attention-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.12);flex:0 0 auto}
.sh-badge--attention{background:#fff1f2!important;border:1px solid #fecdd3!important;color:#be123c!important;font-weight:700}
.sh-record-accordion--attention{border-color:#fecaca!important}
.sh-admin-doc-card--new{border-color:#fda4af!important;box-shadow:0 0 0 2px rgba(225,29,72,.06)}
.sh-new-label{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-style:normal;line-height:1.2;letter-spacing:.04em;vertical-align:middle}

/* 4.1.5 — identify the exact teacher with a new verification update + safe duplicate cleanup */
.sh-review-avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.sh-review-avatar-wrap.is-attention .sh-avatar{box-shadow:0 0 0 3px #fff,0 0 0 6px #dc2626}
.sh-review-avatar-alert{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#dc2626;color:#fff;font-size:12px;font-weight:800;border:2px solid #fff;line-height:1}
.sh-attention-dot--strong{width:12px;height:12px;box-shadow:0 0 0 5px rgba(220,38,38,.14)}
.sh-user-row--attention td:first-child{box-shadow:inset 4px 0 0 #dc2626}
.sh-admin-doc-card{flex-wrap:wrap}
.sh-admin-doc-card__open{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:0;flex:1 1 240px}
.sh-admin-doc-card>.sh-verification-doc-delete{margin-left:auto;flex:0 0 auto}
.sh-verification-doc-delete{white-space:nowrap}
@media(max-width:720px){.sh-admin-doc-card>.sh-verification-doc-delete{width:100%;margin-left:0}.sh-admin-doc-card__open{flex-basis:100%}}
.sh-user-docs{margin-top:8px}
.sh-user-docs>summary{cursor:pointer;font-size:12px;font-weight:700;color:#475569}
.sh-user-docs__list{display:grid;gap:8px;margin-top:8px;min-width:260px}
.sh-user-doc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--sh-border,#e5e7eb);border-radius:10px;background:#fff}
.sh-user-doc-row>span{font-size:12px;font-weight:600}

/* 4.1.6 — make the exact teacher with returned verification evidence unmistakable. */
.sh-record-accordion--attention > summary{box-shadow:inset 4px 0 0 currentColor}
.sh-record-accordion--attention .sh-record-name{font-weight:800}
.sh-record-accordion--attention .sh-review-avatar-alert{min-width:22px;height:22px;line-height:22px;font-size:14px;font-weight:800}
.sh-record-accordion--attention .sh-badge--attention{font-weight:800}

/* SkillHub 4.2.3 — compact, consistent weekly availability UI */
#availability .sh-avail{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
#availability .sh-avail__col{min-width:0!important;padding:8px 5px!important}
#availability .sh-avail__slot{width:100%!important;min-width:0!important;padding:8px 4px!important;font-size:.78rem!important;white-space:nowrap!important;line-height:1.1!important}
#availability .sh-avail__day{font-size:.78rem!important}.sh-avail__day span{font-size:.7rem!important}
.sh-dashboard-avail-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0}
.sh-dashboard-avail-nav strong{min-width:170px;text-align:center}.sh-week-arrow{width:34px;height:34px;border:1px solid #d9e2ef;border-radius:50%;background:#fff;font-size:1.25rem;cursor:pointer}.sh-week-arrow:disabled{opacity:.35;cursor:not-allowed}
.sh-dashboard-avail-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:start}
.sh-dash-day{min-width:0;border:1px solid #e1e8f0;border-radius:14px;background:#fbfdff;padding:8px;min-height:145px}
.sh-dash-day>header{display:flex;justify-content:space-between;align-items:baseline;gap:5px;padding:2px 2px 8px}.sh-dash-day>header strong{font-size:.82rem}.sh-dash-day>header span{font-size:.7rem;color:#687587}
.sh-dashboard-avail-slot{position:relative;display:grid;grid-template-columns:20px 1fr 20px;gap:5px;align-items:center;margin:6px 0;padding:7px 5px;border:1px solid #b8dcc6;border-radius:10px;background:#eef9f1}
.sh-dashboard-avail-slot.is-booked{grid-template-columns:1fr;border-color:#f1c46d;background:#fff8e8}
.sh-dash-slot-main{min-width:0}.sh-dash-slot-main strong{display:block;font-size:.76rem;white-space:nowrap}.sh-dash-slot-main small{display:block;font-size:.62rem;color:#61706a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-dash-slot-check{display:flex;align-items:center;justify-content:center;margin:0}.sh-dash-slot-check input{margin:0;width:15px;height:15px}
.sh-dash-slot-remove{margin:0}.sh-slot-remove-btn{border:0;background:transparent;font-size:1.15rem;line-height:1;color:#9b3f3f;padding:0;cursor:pointer}.sh-dash-day-empty{padding:14px 2px;color:#8793a2;font-size:.72rem;text-align:center}
@media(max-width:900px){
 #availability .sh-avail{display:flex!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x proximity;padding-bottom:6px!important}
 #availability .sh-avail__col{flex:0 0 118px!important;scroll-snap-align:start!important}
 .sh-dashboard-avail-calendar{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;padding-bottom:8px}.sh-dash-day{flex:0 0 132px;scroll-snap-align:start;min-height:125px}
 .sh-dashboard-avail-nav{justify-content:space-between}.sh-dashboard-avail-nav strong{min-width:0;font-size:.85rem}
}

/* 4.3.2 — unified teacher Teaching Setup */
.sh-teaching-setup-intro{margin-bottom:18px}
.sh-setup-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sh-setup-jump a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid var(--sh-border,#dbe3ef);border-radius:999px;background:#fff;text-decoration:none;font-weight:600;font-size:14px}
.sh-setup-jump a:hover,.sh-setup-jump a:focus{border-color:var(--sh-primary,#2563eb);outline:none}
.sh-setup-section{scroll-margin-top:96px;margin-bottom:22px}
.sh-setup-section + .sh-setup-section{padding-top:4px}
.sh-availability-recovery{margin-top:20px}
.sh-availability-recovery details{margin-top:8px}
@media (max-width:640px){.sh-setup-jump{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sh-setup-jump a{white-space:nowrap}}


/* SkillHub 4.3.8 — teacher discovery, instant demo and booking-state polish */
.sh-results-grid .sh-teacher-card{max-width:none}
.sh-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.sh-results-grid .sh-teacher-card__intro{-webkit-line-clamp:3;line-height:1.5;min-height:4.05em}
.sh-results-grid .sh-teacher-card__pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:10px 18px 14px}
.sh-results-grid .sh-teacher-card__price{border:1px solid var(--sh-border,#e5e7eb);border-radius:12px;padding:10px 12px;background:#fafcff}
.sh-results-grid .sh-teacher-card__footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sh-results-grid .sh-teacher-card__footer .sh-btn{width:100%;justify-content:center;text-align:center}
.sh-results-grid .sh-teacher-card__compare{grid-column:1/-1;margin-left:0;justify-self:start}
@media(max-width:900px){.sh-results-grid{grid-template-columns:1fr}}
@media(max-width:560px){
 .sh-results-grid .sh-teacher-card__top{padding:14px 14px 0;gap:10px}
 .sh-results-grid .sh-teacher-card__avatar img{width:62px;height:62px}
 .sh-results-grid .sh-teacher-card__intro{padding:10px 14px;font-size:.84rem;min-height:auto;-webkit-line-clamp:4}
 .sh-results-grid .sh-teacher-card__tags{padding:0 14px 10px}
 .sh-results-grid .sh-teacher-card__pricing{padding:10px 14px;gap:8px}
 .sh-results-grid .sh-teacher-card__price{padding:9px}
 .sh-results-grid .sh-teacher-card__price .amt{font-size:1rem}
 .sh-results-grid .sh-teacher-card__footer{padding:0 14px 14px;grid-template-columns:1fr 1fr;gap:7px}
 .sh-results-grid .sh-teacher-card__footer .sh-btn{font-size:.74rem;padding:8px 6px;white-space:normal;line-height:1.2}
}


/* SkillHub 4.4.19 — force full-box portrait crop after legacy contain rules. */
html body.home .shp-teacher .shp-teacher__photo>a>img.shp-teacher__photo-main{display:block!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:50% 12%!important;margin:0!important;padding:0!important}
html body.single-teacher .sh-profile__avatar>img.sh-profile__avatar-main{display:block!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:50% 12%!important;margin:0!important;padding:0!important}

/* SkillHub 4.4.20 — preserve the complete top of teacher portraits; crop excess from below. */
html body.home .shp-teacher .shp-teacher__photo>a>img.shp-teacher__photo-main,html body.single-teacher .sh-profile__avatar>img.sh-profile__avatar-main{object-position:50% 0%!important}


/* Skill Hub LMS 4.4.1 — accessible notification priority and realtime toast treatment. */
.sh-notification-item{position:relative;overflow:hidden;border-left:4px solid #cbd5e1}
.sh-notification-item--priority-critical{border-left-color:#dc2626;background:#fff7f7}
.sh-notification-item--priority-important{border-left-color:#d97706;background:#fffbeb}
.sh-notification-item--priority-routine{border-left-color:#64748b}
.sh-notification-item__body{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.sh-notification-item__body:hover strong,.sh-notification-item__body:focus strong{text-decoration:underline}
.sh-notification-item.is-swiped-left{transform:translateX(-110%);opacity:0}
.sh-notification-item.is-swiped-right{transform:translateX(110%);opacity:0}
.sh-notification-item{transition:transform .18s ease,opacity .18s ease}
.sh-live-toast{position:fixed;right:20px;bottom:24px;z-index:100000;width:min(390px,calc(100vw - 32px));border:1px solid #cbd5e1;border-left:5px solid #64748b;border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 45px rgba(15,23,42,.2);opacity:0;transform:translateY(18px);transition:opacity .2s ease,transform .2s ease;overflow:hidden}
.sh-live-toast.is-visible{opacity:1;transform:translateY(0)}
.sh-live-toast--critical{border-left-color:#dc2626;background:#fff7f7}
.sh-live-toast--important{border-left-color:#d97706;background:#fffbeb}
.sh-live-toast__body{display:flex;flex-direction:column;gap:3px;padding:15px 17px;color:inherit;text-decoration:none}
.sh-live-toast__body strong{font-size:.94rem}
.sh-live-toast__body span{font-size:.82rem;line-height:1.4;color:#475569}
.sh-live-toast__body[href]:hover strong,.sh-live-toast__body[href]:focus strong{text-decoration:underline}
@media(max-width:600px){.sh-live-toast{right:12px;bottom:max(76px,calc(64px + env(safe-area-inset-bottom)));width:calc(100vw - 24px)}.sh-notification-item__body{touch-action:pan-y}.sh-notification-x{min-width:40px;min-height:40px}}


/* Skill Hub LMS 4.4.3 — teacher application review summary. */
.sh-application-review{margin-bottom:20px}
.sh-review-group{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}
.sh-review-group header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.sh-review-group h3{margin:0;font-size:1rem}
.sh-review-row{display:grid;grid-template-columns:minmax(130px,.38fr) minmax(0,1fr);gap:12px;padding:7px 0}
.sh-review-row span{color:#475569;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.sh-review-row{grid-template-columns:1fr;gap:2px}.sh-review-group header{align-items:flex-start}}


/* Skill Hub LMS 4.4.4 — timezone search control. */
.sh-timezone-search{width:100%;margin-bottom:8px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a}
.sh-timezone-search:focus{outline:2px solid rgba(37,99,235,.24);border-color:#2563eb}


/* Skill Hub LMS 4.4.5 — calendar slot legend. */
.sh-slot-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin:10px 0 14px;font-size:.78rem;color:#475569}
.sh-slot-legend span{display:inline-flex;align-items:center;gap:6px}
.sh-slot-legend i{width:11px;height:11px;border-radius:3px;border:1px solid #94a3b8;background:#fff}
.sh-slot-legend .is-available i{border-color:#16a34a;background:#dcfce7}
.sh-slot-legend .is-booked i{border-color:#2563eb;background:#dbeafe}
.sh-slot-legend .is-unavailable i{border-color:#94a3b8;background:#e2e8f0}
.sh-slot-legend .is-selected i{border-color:#7c3aed;background:#ede9fe;box-shadow:0 0 0 2px rgba(124,58,237,.15)}


/* Skill Hub LMS 4.4.6 — concise Admin operational alerts. */
.sh-admin-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.sh-admin-action-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;border:1px solid #fed7aa;border-left:4px solid #ea580c;border-radius:12px;background:#fff7ed;color:#0f172a;text-decoration:none}
.sh-admin-action-alert strong{font-size:1.25rem;color:#c2410c}.sh-admin-action-alert span{font-size:.84rem;line-height:1.35}.sh-admin-action-alert:hover,.sh-admin-action-alert:focus{border-color:#ea580c;box-shadow:0 8px 20px rgba(194,65,12,.12)}
@media(max-width:800px){.sh-admin-alert-grid{grid-template-columns:1fr}}


/* Skill Hub LMS 4.4.7 — transaction receipt presentation and print. */
.sh-transaction-receipt{align-items:center}.sh-transaction-receipt small{display:block;margin-top:5px;color:#64748b;line-height:1.35}.sh-receipt-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media(max-width:600px){.sh-transaction-receipt{align-items:flex-start}.sh-receipt-actions{width:100%;justify-content:space-between}}
@media print{body.sh-printing-receipt *{visibility:hidden!important}body.sh-printing-receipt .is-print-target,body.sh-printing-receipt .is-print-target *{visibility:visible!important}body.sh-printing-receipt .is-print-target{position:absolute!important;left:0!important;top:0!important;width:100%!important;padding:28px!important;border:1px solid #111!important;background:#fff!important;color:#000!important;box-shadow:none!important}body.sh-printing-receipt [data-sh-print-receipt]{display:none!important}}

/* Vacation visibility switch */
.sh-visibility-switch-form{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sh-visibility-switch{appearance:none;border:1px solid var(--sh-border,#d8dee8);background:#fff;border-radius:14px;padding:12px 16px;display:inline-flex;align-items:center;gap:12px;cursor:pointer;text-align:left;color:inherit;min-width:270px;box-shadow:0 2px 8px rgba(15,23,42,.06)}.sh-visibility-switch:hover,.sh-visibility-switch:focus-visible{border-color:var(--sh-primary,#24548a);box-shadow:0 0 0 3px rgba(36,84,138,.12)}.sh-visibility-switch__track{width:48px;height:26px;border-radius:999px;background:#94a3b8;padding:3px;display:inline-flex;align-items:center;flex:none;transition:.2s}.sh-visibility-switch__knob{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transform:translateX(0);transition:.2s}.sh-visibility-switch[aria-checked="true"] .sh-visibility-switch__track{background:#d97706}.sh-visibility-switch[aria-checked="true"] .sh-visibility-switch__knob{transform:translateX(22px)}.sh-visibility-switch strong,.sh-visibility-switch small{display:block}.sh-visibility-switch small{margin-top:2px;color:var(--sh-muted,#64748b)}.sh-visibility-updated{margin-top:10px;font-size:.84rem}@media(max-width:480px){.sh-visibility-switch{width:100%;min-width:0}}

/* Skill Hub LMS 4.4.8 — measured navigation and dashboard mobile repair. (RESTORED) */
@media(max-width:1023px){
 .sh-dash__mobilebar{display:block!important;padding:10px 0 16px!important;width:100%!important}
 .sh-dash__menu-trigger{display:grid!important;grid-template-columns:42px minmax(0,1fr) 28px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:66px!important;padding:10px 14px!important;border:1px solid #d8e2ef!important;border-radius:16px!important;background:linear-gradient(135deg,#fff,#f6f9ff)!important;color:#14233c!important;text-align:left!important;box-shadow:0 8px 22px rgba(15,35,65,.08)!important;cursor:pointer!important}
 .sh-dash__menu-icon{display:grid!important;place-content:center!important;gap:4px!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#eaf2ff!important}.sh-dash__menu-icon span{display:block!important;width:18px!important;height:2px!important;border-radius:2px!important;background:#2563eb!important}
 .sh-dash__menu-copy{min-width:0!important}.sh-dash__menu-copy small,.sh-dash__menu-copy strong{display:block!important}.sh-dash__menu-copy small{color:#64748b!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}.sh-dash__menu-copy strong{margin-top:3px!important;color:#15243b!important;font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .sh-dash__menu-chevron{display:grid!important;place-items:center!important;color:#2563eb!important;font-size:24px!important}
 .sh-dash__side{display:block!important;position:fixed!important;z-index:100050!important;inset:0 auto 0 0!important;width:min(88vw,360px)!important;max-height:100dvh!important;padding:18px 14px 28px!important;overflow-y:auto!important;background:#fff!important;box-shadow:18px 0 50px rgba(15,23,42,.22)!important;transform:translateX(-110%)!important;transition:transform .24s ease!important}
 .sh-dash__side.sh-dash__side--open{transform:translateX(0)!important}.sh-dash__drawer-close{display:grid!important;place-items:center!important;margin:0 0 10px auto!important;width:40px!important;height:40px!important;border:1px solid #dbe3ef!important;border-radius:12px!important;background:#fff!important;color:#17233a!important;font-size:24px!important}
 .sh-dash__drawer-overlay{position:fixed!important;z-index:100040!important;inset:0!important;background:rgba(15,23,42,.46)!important}.sh-dash-menu-open{overflow:hidden!important}
}
@media(max-width:700px){
 .sh-widgets{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.sh-widgets>*{min-width:0!important}
 .sh-admin-record{max-width:100%!important;overflow:hidden!important;gap:10px!important}.sh-admin-record>div:first-child{min-width:0!important;width:0!important;flex:1 1 0!important}
 .sh-admin-record>div:first-child strong,.sh-admin-record .sh-muted{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
 .sh-admin-record>.sh-btn{flex:0 0 auto!important}
}

/* Skill Hub LMS 4.4.9 — mobile drawer links do not inherit desktop underline markers. (RESTORED) */
@media(max-width:900px){.sh-drawer__menu a::before,.sh-drawer__menu a::after{display:none!important;content:none!important}.sh-drawer__menu a{position:static!important}}

/* Skill Hub LMS 4.4.10 — teacher availability controls stay readable on mobile. (RESTORED) */
@media(max-width:700px){.sh-widgets.sh-presence-controls{grid-template-columns:1fr!important}.sh-presence-controls .sh-card{min-width:0!important}.sh-presence-controls .sh-visibility-switch{width:100%!important}.sh-presence-controls .sh-visibility-switch strong,.sh-presence-controls .sh-visibility-switch small{white-space:normal!important;overflow-wrap:normal!important}}

/* Skill Hub LMS 4.5.9 — Finance Centre receipt cards: professional mobile layout. */
.sh-finance-receipt{width:100%;max-width:100%;margin:0 0 16px;box-sizing:border-box}
.sh-finance-receipt .sh-receipt-logo-img{display:block;width:42px;height:42px;max-width:42px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;box-sizing:border-box}
.sh-finance-receipt .sh-receipt-note{margin:0 20px 16px;padding:11px 13px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:.78rem;line-height:1.45}
.sh-finance-receipt strong,.sh-finance-receipt span,.sh-finance-receipt small{word-break:normal!important;overflow-wrap:break-word!important}
@media(max-width:700px){
 .sh-record-detail{padding:12px!important}
 .sh-finance-receipt{border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.07)}
 .sh-finance-receipt .sh-receipt-head{padding:14px!important;align-items:center!important;gap:10px!important}
 .sh-finance-receipt .sh-receipt-head>div{min-width:0;gap:9px}
 .sh-finance-receipt .sh-receipt-head strong{font-size:1rem;line-height:1.2}
 .sh-finance-receipt .sh-receipt-head small{font-size:.72rem;line-height:1.3}
 .sh-finance-receipt .sh-receipt-head .sh-badge{flex:0 0 auto;font-size:.7rem;padding:5px 8px}
 .sh-finance-receipt .sh-receipt-number{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:11px 14px!important;align-items:start!important}
 .sh-finance-receipt .sh-receipt-number strong{font-size:.86rem;white-space:normal!important;overflow-wrap:anywhere!important}
 .sh-finance-receipt .sh-receipt-grid{grid-template-columns:1fr!important;gap:0!important;padding:6px 14px 4px!important}
 .sh-finance-receipt .sh-receipt-grid>div{padding:10px 0;border-bottom:1px solid #edf2f7;min-width:0!important;width:auto!important}
 .sh-finance-receipt .sh-receipt-grid>div:last-child{border-bottom:0}
 .sh-finance-receipt .sh-receipt-grid span{font-size:.72rem;margin-bottom:3px}
 .sh-finance-receipt .sh-receipt-grid strong{font-size:.92rem;line-height:1.35;white-space:normal!important}
 .sh-finance-receipt .sh-receipt-total{margin:0 14px!important;padding:14px 0!important}
 .sh-finance-receipt .sh-receipt-total span{font-size:.82rem}
 .sh-finance-receipt .sh-receipt-total strong{font-size:1.18rem;white-space:nowrap!important}
 .sh-finance-receipt .sh-receipt-note{margin:0 14px 14px;padding:10px 11px;font-size:.72rem}
 .sh-finance-receipt .sh-receipt-actions{display:block!important;width:auto!important;padding:0 14px 14px!important}
 .sh-finance-receipt .sh-receipt-actions .sh-btn{width:100%!important;min-height:44px;justify-content:center!important}
 /* Undo the older mobile width:0 rule for finance records; that rule caused one-letter-per-line text. */
 .sh-finance-grid .sh-admin-record>div:first-child{width:auto!important;flex:1 1 auto!important}
}
@media print{
 body.sh-printing-receipt .sh-finance-receipt{max-width:760px!important;margin:0 auto!important;border:1px solid #d8dee8!important;border-radius:0!important;background:#fff!important}
 body.sh-printing-receipt .sh-finance-receipt .sh-receipt-note{background:#fff!important;border:1px solid #e5e7eb!important}
}
@media print{
 body.sh-printing-receipt [data-sh-transaction-receipt]:not(.is-print-target){display:none!important;visibility:hidden!important}
 body.sh-printing-receipt .is-print-target,body.sh-printing-receipt .is-print-target *{visibility:visible!important}
 body.sh-printing-receipt .is-print-target{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important}
}


/* Skill Hub LMS 4.6.0 — one-page finance receipt printing.
   A temporary direct-body print stage prevents hidden dashboard content,
   sticky mobile navigation, and page-height rules from generating a blank page 2. */
.sh-print-stage{display:none}
@media print{
 @page{margin:10mm}
 html,body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}
 body.sh-printing-receipt{margin:0!important;padding:0!important;min-height:0!important;height:auto!important}
 body.sh-printing-receipt>*:not(.sh-print-stage){display:none!important}
 body.sh-printing-receipt>.sh-print-stage{display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
 body.sh-printing-receipt>.sh-print-stage,body.sh-printing-receipt>.sh-print-stage *{visibility:visible!important}
 body.sh-printing-receipt>.sh-print-stage .is-print-target{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:760px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;break-inside:avoid!important;page-break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid-page!important;box-shadow:none!important}
 body.sh-printing-receipt>.sh-print-stage .sh-receipt-actions{display:none!important}
 body.sh-printing-receipt>.sh-print-stage .sh-receipt-head{break-inside:avoid!important}
 body.sh-printing-receipt>.sh-print-stage .sh-receipt-number,body.sh-printing-receipt>.sh-print-stage .sh-receipt-grid,body.sh-printing-receipt>.sh-print-stage .sh-receipt-total,body.sh-printing-receipt>.sh-print-stage .sh-receipt-note{break-inside:avoid!important;page-break-inside:avoid!important}
}


/* Skill Hub LMS 4.4.21 — restore professional desktop primary navigation.
   Browser “desktop site” commonly reports ~980px CSS width. The previous
   dashboard repair accidentally stacked the global primary UL below 1024px.
   Keep the site header horizontal until the real drawer breakpoint (900px). */
@media (min-width:901px){
  .sh-header .sh-nav{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
  .sh-header .sh-nav__menu,
  .sh-header .sh-nav .menu,
  .sh-header .sh-nav>ul{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }
  .sh-header .sh-nav__menu>li,
  .sh-header .sh-nav .menu>li,
  .sh-header .sh-nav>ul>li{
    width:auto!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  .sh-header .sh-nav__menu>li>a,
  .sh-header .sh-nav .menu>li>a,
  .sh-header .sh-nav>ul>li>a{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    padding:10px 12px!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
}

/* Skill Hub LMS 4.4.25 — professional Teaching Setup weekly availability builder. */
form[data-endpoint="/skillhub/v1/availability/hourly-grid"]{
  --sh-av-blue:#2563eb;
  --sh-av-blue-dark:#153f9e;
  --sh-av-ink:#14213d;
  --sh-av-muted:#64748b;
  --sh-av-line:#e2e8f0;
  --sh-av-soft:#f7faff;
  overflow:hidden;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 14px 40px rgba(15,35,65,.08)!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>.sh-card__title{
  margin:-24px -24px 0!important;
  padding:23px 24px 8px!important;
  background:linear-gradient(135deg,var(--sh-av-blue-dark),var(--sh-av-blue))!important;
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>.sh-card__title+.sh-muted{
  margin:-1px -24px 22px!important;
  padding:0 24px 22px!important;
  background:linear-gradient(135deg,var(--sh-av-blue-dark),var(--sh-av-blue))!important;
  color:rgba(255,255,255,.84)!important;
  font-size:.9rem!important;
  line-height:1.55!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-slot-builder-actions{
  display:grid!important;
  grid-template-columns:minmax(0,320px)!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:16px!important;
  border:1px solid var(--sh-av-line)!important;
  border-radius:16px!important;
  background:var(--sh-av-soft)!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-slot-builder-actions .sh-field{margin:0!important}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-slot-builder-actions label{
  display:block!important;
  margin:0 0 7px!important;
  color:#334155!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-slot-builder-actions input[type="date"]{
  width:100%!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid #cbd5e1!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--sh-av-ink)!important;
  font-size:1rem!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-week{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day{
  overflow:hidden!important;
  margin:0!important;
  border:1px solid var(--sh-av-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day>summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  padding:12px 15px!important;
  list-style:none!important;
  cursor:pointer!important;
  color:var(--sh-av-ink)!important;
  background:#fff!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day>summary::-webkit-details-marker{display:none!important}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day>summary::after{
  content:'⌄'!important;
  display:grid!important;
  place-items:center!important;
  color:var(--sh-av-blue)!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day[open]>summary::after{transform:rotate(180deg)!important}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day>summary strong{
  min-width:0!important;
  color:var(--sh-av-ink)!important;
  font-size:1rem!important;
  font-weight:800!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day__count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:86px!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#315da8!important;
  font-size:.72rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day[open]>summary{
  border-bottom:1px solid var(--sh-av-line)!important;
  background:#fbfdff!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  padding:14px!important;
  background:#fff!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hour-slot{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  cursor:pointer!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hour-slot input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hour-slot span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  width:100%!important;
  padding:8px 7px!important;
  border:1px solid #dbe3ee!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hour-slot input:checked+span{
  border-color:var(--sh-av-blue)!important;
  background:linear-gradient(135deg,#eaf2ff,#f2f7ff)!important;
  color:#174ca8!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.16),0 4px 12px rgba(37,99,235,.08)!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hour-slot input:focus-visible+span{
  outline:3px solid rgba(37,99,235,.18)!important;
  outline-offset:2px!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-note{
  position:relative!important;
  margin:18px 0 16px!important;
  padding:12px 14px 12px 42px!important;
  border:1px solid #dbeafe!important;
  border-radius:13px!important;
  background:#f5f9ff!important;
  color:#53657d!important;
  font-size:.82rem!important;
  line-height:1.5!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-note::before{
  content:'i'!important;
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:var(--sh-av-blue)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  font-style:normal!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>button[type="submit"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#1d4ed8,#2f6fed)!important;
  color:#fff!important;
  font-size:.96rem!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(37,99,235,.18)!important;
}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>button[type="submit"]:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(37,99,235,.23)!important}
form[data-endpoint="/skillhub/v1/availability/hourly-grid"] [data-sh-rest-status]{display:block!important;margin-top:10px!important;text-align:center!important;font-size:.82rem!important}

@media(max-width:900px){
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"]{border-radius:18px!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>.sh-card__title{margin:-18px -18px 0!important;padding:19px 18px 7px!important;font-size:1.15rem!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>.sh-card__title+.sh-muted{margin:-1px -18px 18px!important;padding:0 18px 18px!important;font-size:.8rem!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-slot-builder-actions{grid-template-columns:1fr!important;padding:13px!important;margin-bottom:14px!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day>summary{min-height:52px!important;padding:11px 12px!important;grid-template-columns:minmax(0,1fr) auto 18px!important;gap:8px!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day>summary strong{font-size:.94rem!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-day__count{min-width:74px!important;min-height:26px!important;padding:3px 7px!important;font-size:.66rem!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hour-slot span{min-height:40px!important;padding:7px 5px!important;font-size:.75rem!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"] .sh-hourly-note{margin:14px 0!important;padding:11px 11px 11px 39px!important;font-size:.76rem!important}
  form[data-endpoint="/skillhub/v1/availability/hourly-grid"]>button[type="submit"]{min-height:48px!important;border-radius:13px!important;font-size:.9rem!important}
}

/* Skill Hub LMS 4.4.26 — full Teaching Setup workspace redesign. */
.sh-teaching-setup-page{
  --ts-blue:#2563eb;--ts-blue-dark:#123b91;--ts-indigo:#4338ca;--ts-ink:#0f172a;--ts-muted:#64748b;--ts-line:#dfe7f2;--ts-soft:#f7faff;--ts-green:#0f9f6e;
  display:grid;gap:22px;max-width:1180px;margin:0 auto 36px;
}
.sh-teaching-setup-page *{box-sizing:border-box}
.sh-teaching-setup-intro{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;
  padding:30px!important;border:0!important;border-radius:26px!important;
  background:linear-gradient(128deg,#123b91 0%,#1e5ac8 58%,#3478ef 100%)!important;color:#fff!important;
  box-shadow:0 18px 42px rgba(24,69,154,.22)!important;
}
.sh-teaching-setup-intro:before{content:"";position:absolute;right:-110px;top:-145px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.09)}
.sh-teaching-setup-intro:after{content:"";position:absolute;right:145px;bottom:-110px;width:220px;height:220px;border-radius:50%;border:38px solid rgba(255,255,255,.06)}
.sh-setup-hero__copy,.sh-setup-hero__meta{position:relative;z-index:1}
.sh-setup-kicker{display:inline-block;margin-bottom:7px;color:#bfdbfe;font-size:.73rem;font-weight:900;letter-spacing:.14em}
.sh-teaching-setup-intro h1{margin:0 0 8px!important;color:#fff!important;font-size:clamp(1.7rem,3vw,2.35rem)!important;letter-spacing:-.035em!important;line-height:1.08!important}
.sh-teaching-setup-intro p{max-width:690px;margin:0!important;color:rgba(255,255,255,.86)!important;font-size:.96rem!important;line-height:1.6!important}
.sh-setup-hero__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;max-width:300px}
.sh-setup-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:.78rem;font-weight:800;backdrop-filter:blur(8px)}
.sh-setup-pill b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.16);font-size:.7rem}

.sh-setup-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sh-setup-overview__card{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;min-width:0;padding:15px 16px;border:1px solid var(--ts-line);border-radius:18px;background:#fff;color:var(--ts-ink);text-decoration:none!important;box-shadow:0 7px 24px rgba(15,23,42,.055);transition:.18s ease}
.sh-setup-overview__card:hover{transform:translateY(-2px);border-color:#bcd0f4;box-shadow:0 10px 28px rgba(37,99,235,.10)}
.sh-setup-overview__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#eaf2ff,#f6f9ff);color:#245fc5;font-size:.75rem;font-weight:900;letter-spacing:.04em}
.sh-setup-overview__card>span:nth-child(2){display:grid;gap:3px;min-width:0}
.sh-setup-overview__card strong{font-size:.9rem;color:var(--ts-ink)}
.sh-setup-overview__card small{overflow:hidden;color:var(--ts-muted);font-size:.73rem;white-space:nowrap;text-overflow:ellipsis}
.sh-setup-overview__card i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f5f9;color:#2563eb;font-style:normal;font-weight:800}

.sh-teaching-setup-page>.sh-setup-jump{position:sticky;top:10px;z-index:20;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin:0!important;padding:7px!important;border:1px solid #dfe7f2;border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(15,23,42,.07);backdrop-filter:blur(12px)}
.sh-teaching-setup-page>.sh-setup-jump a{display:flex!important;justify-content:center;gap:8px;min-height:42px!important;padding:9px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#475569!important;font-size:.8rem!important;font-weight:800!important;text-decoration:none!important}
.sh-teaching-setup-page>.sh-setup-jump a:hover,.sh-teaching-setup-page>.sh-setup-jump a:focus{background:#eff5ff!important;color:#174fae!important}
.sh-teaching-setup-page>.sh-setup-jump a span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#e8f1ff;color:#1d5ec7;font-size:.65rem;font-weight:900}

.sh-teaching-setup-page .sh-setup-section{scroll-margin-top:90px;margin:0!important;padding:0!important;border:1px solid var(--ts-line);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 32px rgba(15,23,42,.055);overflow:hidden}
.sh-teaching-setup-page .sh-setup-section__head{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:start;padding:22px 24px 19px;border-bottom:1px solid #e8eef6;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.sh-setup-section__num{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#173f96,#2d6de0);color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.sh-teaching-setup-page .sh-setup-section__head .sh-eyebrow{display:block;margin:1px 0 4px;color:#3970c9;font-size:.67rem;font-weight:900;letter-spacing:.12em}
.sh-teaching-setup-page .sh-setup-section__head h2{margin:0 0 5px!important;color:var(--ts-ink)!important;font-size:1.23rem!important;letter-spacing:-.02em!important}
.sh-teaching-setup-page .sh-setup-section__head p{margin:0!important;color:var(--ts-muted)!important;font-size:.82rem!important;line-height:1.5!important}
.sh-teaching-setup-page .sh-setup-section> :not(.sh-setup-section__head){margin-left:20px!important;margin-right:20px!important}
.sh-teaching-setup-page .sh-setup-section> :nth-child(2){margin-top:20px!important}
.sh-teaching-setup-page .sh-setup-section> :last-child{margin-bottom:20px!important}

/* Inner cards/forms become one consistent premium workspace language. */
.sh-teaching-setup-page .sh-card{border:1px solid #e1e8f2!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
.sh-teaching-setup-page .sh-card--pad{padding:19px!important}
.sh-teaching-setup-page .sh-card__title{color:var(--ts-ink)!important;font-size:1.03rem!important;letter-spacing:-.01em!important}
.sh-teaching-setup-page .sh-muted{color:var(--ts-muted)!important}
.sh-teaching-setup-page .sh-form{display:grid;gap:14px!important}
.sh-teaching-setup-page .sh-field{margin:0!important}
.sh-teaching-setup-page .sh-field>label{display:block;margin-bottom:7px;color:#334155;font-size:.76rem;font-weight:800;letter-spacing:.015em}
.sh-teaching-setup-page :is(input[type="text"],input[type="email"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],select,textarea){width:100%;min-height:47px;padding:10px 12px;border:1px solid #cad5e3;border-radius:11px;background:#fff;color:#0f172a;font:inherit;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.sh-teaching-setup-page textarea{min-height:108px;resize:vertical}
.sh-teaching-setup-page :is(input,select,textarea):focus{outline:3px solid rgba(37,99,235,.11);border-color:#4f83dc}
.sh-teaching-setup-page .sh-btn--primary{min-height:45px;border-radius:12px!important;background:linear-gradient(135deg,#1d4ed8,#2e70ed)!important;border:0!important;font-weight:800!important;box-shadow:0 7px 18px rgba(37,99,235,.15)!important}
.sh-teaching-setup-page .sh-btn--secondary,.sh-teaching-setup-page .sh-btn--ghost{border-radius:11px!important}

/* Subject selector. */
.sh-teaching-setup-page .sh-subject-group{overflow:hidden;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important}
.sh-teaching-setup-page .sh-subject-group>summary{padding:13px 15px!important;background:#fbfdff!important}
.sh-teaching-setup-page .sh-subject-group[open]>summary{border-bottom:1px solid #e6edf5!important;background:#f7faff!important}
.sh-teaching-setup-page .sh-subject-group .sh-record-summary{gap:10px!important}
.sh-teaching-setup-page .sh-subject-group .sh-record-summary strong{font-size:.9rem!important}
.sh-teaching-setup-page .sh-subject-group .sh-record-summary>span:not(.sh-record-chevron){color:#64748b!important;font-size:.72rem!important}
.sh-teaching-setup-page .sh-check-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.sh-teaching-setup-page .sh-check-card{position:relative;display:block;min-width:0;margin:0!important}
.sh-teaching-setup-page .sh-check-card input{position:absolute;opacity:0;pointer-events:none}
.sh-teaching-setup-page .sh-check-card span{display:flex;align-items:center;min-height:42px;padding:8px 11px;border:1px solid #dce5f0;border-radius:11px;background:#fff;color:#334155;font-size:.78rem;font-weight:700;line-height:1.25;transition:.15s ease}
.sh-teaching-setup-page .sh-check-card input:checked+span{border-color:#4f83dc;background:#edf4ff;color:#174fae;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.sh-teaching-setup-page .sh-check-card input:checked+span:before{content:"✓";display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;margin-right:7px;border-radius:6px;background:#2563eb;color:#fff;font-size:.67rem;font-weight:900}

/* Pricing cards. */
#sh-setup-pricing .sh-card{position:relative;overflow:hidden}
#sh-setup-pricing .sh-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#2563eb,#60a5fa)}
#sh-setup-pricing form.sh-form{grid-template-columns:repeat(2,minmax(0,1fr))}
#sh-setup-pricing form.sh-form .sh-field:has(select[name="pricing_currency"]){grid-column:1/-1}
#sh-setup-pricing form.sh-form>button,#sh-setup-pricing form.sh-form>[data-sh-rest-status]{grid-column:1/-1}
#sh-setup-pricing input[type="checkbox"]{accent-color:#2563eb}

/* Availability list and recovery tools. */
#sh-setup-availability form[data-endpoint="/skillhub/v1/availability/hourly-grid"]{margin-left:20px!important;margin-right:20px!important;width:auto!important}
#sh-setup-availability .sh-dashboard-avail-shell{padding:2px 0 4px}
#sh-setup-availability .sh-dashboard-avail-nav{padding:10px 12px;border:1px solid #e3eaf3;border-radius:14px;background:#f8fbff}
#sh-setup-availability .sh-week-arrow{border-color:#d4dfec!important;box-shadow:0 2px 7px rgba(15,23,42,.05)}
#sh-setup-availability .sh-dashboard-avail-slot{border-radius:11px!important}
#sh-setup-availability .sh-availability-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e4eaf2;border-radius:13px;background:#fafcff}
#sh-setup-availability .sh-availability-recovery{background:#fffdf7!important;border-color:#f1dfb9!important}
#sh-setup-availability .sh-availability-recovery .sh-card__title{color:#7c5410!important}

@media(max-width:900px){
  .sh-setup-overview{grid-template-columns:1fr}
  .sh-setup-overview__card{grid-template-columns:42px minmax(0,1fr) 28px}
  .sh-setup-hero__meta{justify-content:flex-start;max-width:none}
  .sh-teaching-setup-intro{grid-template-columns:1fr}
  .sh-teaching-setup-page .sh-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .sh-teaching-setup-page{gap:15px;margin-bottom:24px}
  .sh-teaching-setup-intro{padding:21px!important;border-radius:20px!important}
  .sh-teaching-setup-intro h1{font-size:1.55rem!important}
  .sh-teaching-setup-intro p{font-size:.82rem!important}
  .sh-setup-hero__meta{gap:7px}.sh-setup-pill{min-height:34px;padding:7px 10px;font-size:.7rem}
  .sh-setup-overview{gap:9px}.sh-setup-overview__card{padding:12px;border-radius:15px}
  .sh-teaching-setup-page>.sh-setup-jump{top:6px;border-radius:14px;padding:5px!important}
  .sh-teaching-setup-page>.sh-setup-jump a{min-height:39px!important;padding:7px 4px!important;font-size:.71rem!important;gap:5px}.sh-teaching-setup-page>.sh-setup-jump a span{width:20px;height:20px;font-size:.58rem}
  .sh-teaching-setup-page .sh-setup-section{border-radius:19px}
  .sh-teaching-setup-page .sh-setup-section__head{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:16px 15px 14px}
  .sh-setup-section__num{width:42px;height:42px;border-radius:13px;font-size:.7rem}
  .sh-teaching-setup-page .sh-setup-section__head h2{font-size:1.08rem!important}.sh-teaching-setup-page .sh-setup-section__head p{font-size:.75rem!important}
  .sh-teaching-setup-page .sh-setup-section> :not(.sh-setup-section__head){margin-left:12px!important;margin-right:12px!important}
  .sh-teaching-setup-page .sh-setup-section> :nth-child(2){margin-top:12px!important}.sh-teaching-setup-page .sh-setup-section> :last-child{margin-bottom:12px!important}
  .sh-teaching-setup-page .sh-card--pad{padding:14px!important}
  .sh-teaching-setup-page .sh-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .sh-teaching-setup-page .sh-check-card span{min-height:40px;padding:7px 8px;font-size:.7rem}
  #sh-setup-pricing form.sh-form{grid-template-columns:1fr}
  #sh-setup-pricing form.sh-form .sh-field,#sh-setup-pricing form.sh-form>button,#sh-setup-pricing form.sh-form>[data-sh-rest-status]{grid-column:1!important}
  #sh-setup-availability form[data-endpoint="/skillhub/v1/availability/hourly-grid"]{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:390px){
  .sh-teaching-setup-page>.sh-setup-jump a span{display:none}
  .sh-teaching-setup-page .sh-check-grid{grid-template-columns:1fr 1fr!important}
}

/* Skill Hub LMS 4.6.11 — professional responsive dashboard records. */
.sh-dash .sh-record-detail{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.sh-dash .sh-review-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.sh-dash .sh-review-tabs>section{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  padding:17px!important;
  border:1px solid #dfe7f1!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 7px 20px rgba(24,52,84,.045)!important;
}
.sh-dash .sh-review-tabs>section h3{margin:0 0 12px!important;color:#17345a!important;font-size:1rem!important;line-height:1.3!important}
.sh-dash .sh-review-tabs>section :is(p,li,strong,small,a){max-width:100%!important;word-break:normal!important;overflow-wrap:anywhere!important}
.sh-dash .sh-review-tabs>section p{line-height:1.55!important}
.sh-dash .sh-review-tabs .sh-admin-detail-grid{margin:12px 0!important}
.sh-dash .sh-review-tabs :is(img,video,iframe){max-width:100%!important;height:auto}
.sh-dash .sh-review-decision{min-width:0!important;border-radius:16px!important}
.sh-dash .sh-inline-search{min-width:0!important;max-width:100%!important}
.sh-dash .sh-inline-search input{min-width:0!important;max-width:100%!important}

@media(max-width:800px){
  .sh-dash .sh-review-tabs{grid-template-columns:1fr!important;gap:11px!important}
  .sh-dash .sh-review-tabs>section{width:100%!important;padding:14px!important}
  .sh-dash .sh-review-tabs .sh-admin-detail-grid{grid-template-columns:1fr!important}
  .sh-dash .sh-toolbar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .sh-dash .sh-inline-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important}
  .sh-dash .sh-record-summary{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important}
  .sh-dash .sh-record-summary .sh-record-meta{display:none!important}
  .sh-dash .sh-record-main span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  .sh-dash .sh-review-decision{display:grid!important;grid-template-columns:1fr!important;padding:14px!important}
}
@media(max-width:480px){
  .sh-dash .sh-record-detail{padding:10px!important}
  .sh-dash .sh-review-tabs>section{padding:13px!important;border-radius:14px!important}
  .sh-dash .sh-inline-search{grid-template-columns:1fr!important}
  .sh-dash .sh-inline-search .sh-btn{width:100%!important}
}

/* Skill Hub LMS 4.4.27 — premium live availability manager */
#sh-setup-availability .sh-availability-manager{overflow:hidden;padding:0!important;border:1px solid #dce6f3!important;border-radius:24px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important}
#sh-setup-availability .sh-availability-manager__hero{display:flex;align-items:center;gap:16px;padding:22px 24px;background:linear-gradient(135deg,#0b3973 0%,#1557bd 55%,#2f6fea 100%);color:#fff}
#sh-setup-availability .sh-availability-manager__icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:2rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
#sh-setup-availability .sh-availability-manager__title{min-width:0}
#sh-setup-availability .sh-availability-manager__title .sh-eyebrow{display:block;margin-bottom:4px;color:#bfdbfe!important;font-size:.72rem;font-weight:800;letter-spacing:.11em}
#sh-setup-availability .sh-availability-manager__title .sh-card__title{margin:0!important;color:#fff!important;font-size:1.55rem!important;line-height:1.15}
#sh-setup-availability .sh-availability-manager__title p{margin:6px 0 0;color:rgba(255,255,255,.82);font-size:.92rem;line-height:1.45}
#sh-setup-availability .sh-availability-manager__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 20px 6px}
#sh-setup-availability .sh-availability-manager__stats>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e4eaf3;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035)}
#sh-setup-availability .sh-availability-manager__stats small{color:#64748b;font-size:.72rem;font-weight:700}
#sh-setup-availability .sh-availability-manager__stats strong{color:#0f172a;font-size:1rem;white-space:nowrap}
#sh-setup-availability .sh-availability-manager__tip{display:flex;align-items:flex-start;gap:10px;margin:10px 20px;padding:11px 13px;border:1px solid #dbeafe;border-radius:14px;background:#f7fbff}
#sh-setup-availability .sh-availability-manager__tip>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#2563eb;color:#fff;font-size:.75rem;font-weight:800}
#sh-setup-availability .sh-availability-manager__tip p{margin:0;color:#536276;font-size:.82rem;line-height:1.5}
#sh-setup-availability .sh-availability-manager .sh-availability-bulk{margin:12px 20px 16px!important;padding:12px 14px!important;border:1px solid #e2e8f0!important;border-radius:15px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;gap:10px!important}
#sh-setup-availability .sh-availability-manager .sh-availability-bulk label{display:flex;align-items:center;gap:9px;margin:0;font-weight:700;color:#334155}
#sh-setup-availability .sh-availability-manager .sh-availability-bulk input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}
#sh-setup-availability .sh-availability-manager .sh-availability-bulk .sh-btn--danger{margin-left:auto!important;border-radius:999px!important;padding:8px 16px!important;box-shadow:0 6px 15px rgba(185,28,28,.14)}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-shell{padding:0 20px 22px!important}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-nav{margin:0 0 14px!important;padding:10px 12px!important;border:1px solid #e1e8f2!important;border-radius:16px!important;background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;box-shadow:0 5px 16px rgba(15,23,42,.03)}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-nav strong{font-size:.96rem!important;color:#0f172a!important}
#sh-setup-availability .sh-availability-manager .sh-week-arrow{width:42px!important;height:42px!important;border:1px solid #dbe4f0!important;background:#fff!important;color:#0f172a!important;font-size:1.45rem!important;box-shadow:0 5px 14px rgba(15,23,42,.06)!important;transition:.18s ease}
#sh-setup-availability .sh-availability-manager .sh-week-arrow:not(:disabled):hover{transform:translateY(-1px);border-color:#93b4e8!important;color:#1557bd!important}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-calendar{gap:10px!important;padding:2px 1px 8px}
#sh-setup-availability .sh-availability-manager .sh-dash-day{border:1px solid #e1e8f2!important;border-radius:18px!important;background:#fff!important;padding:10px!important;box-shadow:0 7px 20px rgba(15,23,42,.04)!important;min-height:180px!important}
#sh-setup-availability .sh-availability-manager .sh-dash-day>header{padding:2px 3px 10px!important;border-bottom:1px solid #eef2f7;margin-bottom:7px}
#sh-setup-availability .sh-availability-manager .sh-dash-day>header strong{font-size:.86rem!important;color:#0f172a}
#sh-setup-availability .sh-availability-manager .sh-dash-day>header span{font-size:.72rem!important;color:#64748b}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot{margin:5px 0!important;padding:7px 8px!important;border-radius:12px!important;min-height:44px!important;transition:.16s ease;box-shadow:none!important}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot.is-free{border-color:#bfe7ce!important;background:linear-gradient(180deg,#f0fbf4,#eaf8ef)!important}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot.is-booked{border-color:#f1d18e!important;background:linear-gradient(180deg,#fffaf0,#fff4dc)!important}
#sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot:hover{transform:translateY(-1px)}
#sh-setup-availability .sh-availability-manager .sh-dash-slot-main strong{font-size:.78rem!important;color:#0f172a!important}
#sh-setup-availability .sh-availability-manager .sh-dash-slot-main small{font-size:.64rem!important;line-height:1.35!important;color:#64748b!important}
#sh-setup-availability .sh-availability-manager .sh-dash-slot-check input{width:16px!important;height:16px!important;accent-color:#2563eb}
#sh-setup-availability .sh-availability-manager .sh-slot-remove-btn{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:rgba(185,28,28,.08)!important;color:#b91c1c!important;font-size:.9rem!important;font-weight:800!important}
#sh-setup-availability .sh-availability-manager .sh-dash-day-empty{padding:24px 4px!important;color:#94a3b8!important;font-size:.72rem!important}

@media(max-width:700px){
 #sh-setup-availability .sh-availability-manager{border-radius:20px!important}
 #sh-setup-availability .sh-availability-manager__hero{padding:18px 16px;gap:12px}
 #sh-setup-availability .sh-availability-manager__icon{width:44px;height:44px;flex-basis:44px;border-radius:13px;font-size:1.55rem}
 #sh-setup-availability .sh-availability-manager__title .sh-card__title{font-size:1.28rem!important}
 #sh-setup-availability .sh-availability-manager__title p{font-size:.78rem;line-height:1.4}
 #sh-setup-availability .sh-availability-manager__title .sh-eyebrow{font-size:.62rem}
 #sh-setup-availability .sh-availability-manager__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 12px 4px}
 #sh-setup-availability .sh-availability-manager__stats>span{display:block;padding:9px 8px;text-align:center;border-radius:12px}
 #sh-setup-availability .sh-availability-manager__stats small{display:block;font-size:.59rem;line-height:1.2;margin-bottom:4px}
 #sh-setup-availability .sh-availability-manager__stats strong{display:block;font-size:.82rem}
 #sh-setup-availability .sh-availability-manager__tip{margin:8px 12px;padding:10px 11px}
 #sh-setup-availability .sh-availability-manager__tip p{font-size:.72rem}
 #sh-setup-availability .sh-availability-manager .sh-availability-bulk{margin:10px 12px 14px!important;padding:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
 #sh-setup-availability .sh-availability-manager .sh-availability-bulk label{font-size:.76rem;line-height:1.25}
 #sh-setup-availability .sh-availability-manager .sh-availability-bulk .sh-btn--danger{margin:0!important;padding:7px 11px!important;font-size:.7rem!important;white-space:nowrap}
 #sh-setup-availability .sh-availability-manager .sh-availability-bulk [data-sh-avail-bulk-status]{grid-column:1/-1;font-size:.68rem}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-shell{padding:0 12px 16px!important}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-nav{padding:8px 9px!important;margin-bottom:12px!important}
 #sh-setup-availability .sh-availability-manager .sh-week-arrow{width:38px!important;height:38px!important}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-nav strong{font-size:.82rem!important}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-calendar{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory!important;padding:2px 2px 12px!important;scrollbar-width:none}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-calendar::-webkit-scrollbar{display:none}
 #sh-setup-availability .sh-availability-manager .sh-dash-day{flex:0 0 86%!important;scroll-snap-align:center!important;min-height:190px!important;padding:12px!important;border-radius:17px!important}
 #sh-setup-availability .sh-availability-manager .sh-dash-day>header{padding-bottom:10px!important;margin-bottom:8px!important}
 #sh-setup-availability .sh-availability-manager .sh-dash-day>header strong{font-size:.95rem!important}
 #sh-setup-availability .sh-availability-manager .sh-dash-day>header span{font-size:.78rem!important}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot{grid-template-columns:22px minmax(0,1fr) 26px!important;gap:7px!important;min-height:44px!important;padding:6px 8px!important;border-radius:12px!important}
 #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot.is-booked{grid-template-columns:minmax(0,1fr)!important}
 #sh-setup-availability .sh-availability-manager .sh-dash-slot-main strong{font-size:.84rem!important;line-height:1.15!important}
 #sh-setup-availability .sh-availability-manager .sh-dash-slot-main small{font-size:.66rem!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}

/* Skill Hub LMS 4.4.29 — mobile availability slot width refinement */
@media (max-width: 900px){
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot{
    width:88%!important;
    max-width:88%!important;
    margin:5px auto!important;
    box-sizing:border-box!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot.is-booked{
    width:88%!important;
    max-width:88%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Skill Hub LMS 4.4.30 — mobile availability two-day view */
@media (max-width: 700px){
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-calendar{
    gap:8px!important;
    padding-left:0!important;
    padding-right:0!important;
    scroll-snap-type:x proximity!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-day{
    flex:0 0 calc(50% - 4px)!important;
    width:calc(50% - 4px)!important;
    min-width:calc(50% - 4px)!important;
    max-width:calc(50% - 4px)!important;
    padding:8px!important;
    border-radius:15px!important;
    scroll-snap-align:start!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-day>header{
    padding:1px 1px 7px!important;
    margin-bottom:6px!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-day>header strong{
    font-size:.78rem!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-day>header span{
    font-size:.64rem!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot,
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot.is-booked{
    width:100%!important;
    max-width:100%!important;
    margin:4px 0!important;
    min-height:40px!important;
    padding:5px 6px!important;
    border-radius:10px!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot{
    grid-template-columns:18px minmax(0,1fr) 22px!important;
    gap:5px!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dashboard-avail-slot.is-booked{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-slot-check input{
    width:14px!important;height:14px!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-slot-remove-btn{
    width:20px!important;height:20px!important;font-size:.75rem!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-slot-main strong{
    font-size:.72rem!important;line-height:1.12!important;white-space:nowrap!important;
  }
  #sh-setup-availability .sh-availability-manager .sh-dash-slot-main small{
    font-size:.58rem!important;line-height:1.18!important;
  }
}


/* Skill Hub LMS 4.4.35 — dashboard drawer close control is mobile-only.
   Prevents the raw × control from appearing over the permanent desktop sidebar. */
.sh-dash__drawer-close{display:none!important}
@media(max-width:1023px){
  .sh-dash__drawer-close{display:grid!important}
}
\n\n/* Skill Hub LMS 4.4.36 — complete dashboard overviews + aligned teacher status controls */\n.sh-overview-intro{\n  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 70%);\n  border:1px solid rgba(37,99,235,.10);\n}\n.sh-overview-complete-grid{\n  display:grid!important;\n  grid-template-columns:repeat(4,minmax(0,1fr))!important;\n  gap:14px!important;\n}\n.sh-overview-complete-grid>.sh-widget,\n.sh-overview-complete-grid>.sh-card{min-width:0!important;height:100%!important}\n.sh-presence-controls{align-items:stretch!important}\n.sh-presence-controls>.sh-card{\n  display:flex!important;\n  flex-direction:column!important;\n  min-height:290px!important;\n}\n.sh-presence-controls .sh-card>.sh-muted{margin-bottom:18px!important}\n.sh-presence-controls .sh-visibility-switch-form{\n  margin-top:auto!important;\n  display:flex!important;\n  flex-direction:column!important;\n  gap:10px!important;\n}\n.sh-presence-controls .sh-visibility-switch{\n  width:100%!important;\n  min-height:74px!important;\n  display:grid!important;\n  grid-template-columns:auto minmax(0,1fr)!important;\n  align-items:center!important;\n  gap:14px!important;\n  text-align:left!important;\n  padding:12px 14px!important;\n}\n.sh-presence-controls .sh-visibility-switch>span:last-of-type{min-width:0!important}\n.sh-presence-controls .sh-visibility-switch strong,\n.sh-presence-controls .sh-visibility-switch small{display:block!important;line-height:1.3!important}\n.sh-presence-controls .sh-visibility-updated{margin:12px 0 0!important;min-height:2.6em!important}\n@media(max-width:1100px){\n  .sh-overview-complete-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n}\n@media(max-width:700px){\n  .sh-overview-complete-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}\n  .sh-presence-controls>.sh-card{min-height:0!important}\n  .sh-presence-controls .sh-visibility-switch{min-height:68px!important;gap:10px!important;padding:10px!important}\n  .sh-presence-controls .sh-visibility-updated{min-height:0!important}\n}\n

/* Skill Hub LMS 4.4.37 — Teacher Classes & Bookings grouped by student folders */
.sh-classbook-student-folders{padding-top:10px!important}
.sh-classbook-student-folder{margin:12px 0!important}
.sh-classbook-student-folder .sh-class-folder__main{gap:4px}
.sh-classbook-next{font-size:.78rem!important;color:#2f6fd6!important;font-weight:700}
.sh-classbook-student-folder .sh-class-folder__body{padding:12px!important}
.sh-classbook-student-folder .sh-classbook-table-wrap{border:1px solid #e7edf5;border-radius:16px;background:#fff;overflow:hidden}
.sh-classbook-student-folder:not([open])>.sh-class-folder__body{display:none!important}
@media(max-width:700px){
 .sh-classbook-student-folder .sh-class-folder__summary{grid-template-columns:auto minmax(0,1fr) auto!important}
 .sh-classbook-student-folder .sh-record-chevron{display:none!important}
 .sh-classbook-student-folder .sh-class-folder__body{padding:8px!important}
}

/* Skill Hub LMS 4.4.38 — full-row folders + student-wise academic organisation */
.sh-ops-row{cursor:pointer}.sh-ops-row:hover{background:#f8fbff!important}.sh-ops-row.is-expanded{background:#f3f7ff!important}.sh-row-toggle{transition:transform .18s ease}.sh-row-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.sh-academic-student-folders{display:grid;gap:12px;margin-top:16px}.sh-academic-student-folder{margin:0!important}.sh-academic-folder-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#eefbf6);color:#185bb8;font-weight:900;font-size:18px}.sh-academic-folder-body>.sh-assignment,.sh-academic-folder-body>details.sh-record-accordion{margin:10px 0!important}.sh-academic-folder-body>.sh-assignment:first-child,.sh-academic-folder-body>details.sh-record-accordion:first-child{margin-top:0!important}.sh-academic-folder-body>.sh-assignment:last-child,.sh-academic-folder-body>details.sh-record-accordion:last-child{margin-bottom:0!important}
@media(max-width:680px){.sh-academic-folder-avatar{width:42px;height:42px;border-radius:12px}.sh-academic-student-folders{gap:10px}.sh-ops-row td{cursor:pointer}}

/* Skill Hub LMS 4.4.39 — unified teacher Earnings & Payouts */
.sh-finance-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#0f3d7a 0%,#1456b8 55%,#2c6df2 100%);color:#fff;box-shadow:0 18px 44px rgba(20,75,155,.2);overflow:hidden;position:relative}
.sh-finance-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.09)}
.sh-finance-hero .sh-eyebrow{color:#cfe0ff}.sh-finance-hero h2{margin:5px 0 8px;font-size:30px;line-height:1.08}.sh-finance-hero p{margin:0;max-width:720px;color:#eaf2ff;line-height:1.55}
.sh-finance-hero__currency{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:10px 14px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;letter-spacing:.08em}
.sh-finance-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.sh-finance-metrics .sh-widget{min-width:0;height:100%;border:1px solid #dfe8f4;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 24px rgba(18,52,86,.06)}
.sh-clearance-policy{border:1px solid #dfe8f4!important;border-radius:22px!important}.sh-clearance-policy__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.sh-clearance-policy__item{display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px solid #e1eaf5;border-radius:16px;background:#f8fbff}.sh-clearance-policy__item strong{display:block;margin-bottom:5px;color:#13243c}.sh-clearance-policy__item p{margin:0;color:#66758a;line-height:1.5}.sh-clearance-policy__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#123f80,#2d6ff0);color:#fff;font-weight:800;font-size:13px;box-shadow:0 7px 18px rgba(35,96,206,.2)}
.sh-payout-destination{border-left:4px solid #2b6ded!important}.sh-dash .sh-form:has([name="payout_method"]),.sh-dash .sh-form:has([name="amount_display_cents"]){border:1px solid #dfe8f4!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f9fbff)!important;box-shadow:0 9px 28px rgba(18,52,86,.06)!important;padding:22px!important}
@media(max-width:1100px){.sh-finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sh-finance-hero{padding:22px 20px;align-items:flex-start}.sh-finance-hero h2{font-size:25px}.sh-finance-hero__currency{min-width:auto}.sh-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sh-clearance-policy__grid{grid-template-columns:1fr}.sh-clearance-policy__item{padding:14px}.sh-dash .sh-form:has([name="payout_method"]),.sh-dash .sh-form:has([name="amount_display_cents"]){padding:16px!important}}

/* Skill Hub LMS 4.4.40 — earnings readability + responsive single-line finance values */
.sh-dash .sh-finance-hero{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  color:#17243a!important;
  border:1px solid #dfe8f4!important;
  box-shadow:0 10px 28px rgba(18,52,86,.07)!important;
}
.sh-dash .sh-finance-hero:after{background:rgba(45,109,240,.07)!important}
.sh-dash .sh-finance-hero .sh-eyebrow{color:#2563b8!important}
.sh-dash .sh-finance-hero h2{color:#17243a!important}
.sh-dash .sh-finance-hero p{
  color:#53657c!important;
  font-size:.96rem!important;
  line-height:1.55!important;
  font-weight:500!important;
  opacity:1!important;
}
.sh-dash .sh-finance-hero__currency{
  color:#164f9e!important;
  background:#eef5ff!important;
  border-color:#d6e5fb!important;
}
.sh-dash .sh-finance-metrics .sh-widget{
  padding:16px!important;
  min-height:128px!important;
  align-content:center!important;
}
.sh-dash .sh-finance-metrics .sh-widget__label{
  font-size:.72rem!important;
  line-height:1.25!important;
  color:#66758a!important;
  margin-bottom:5px!important;
}
.sh-dash .sh-finance-metrics .sh-widget__value{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:2px!important;
  color:#17243a!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-size:clamp(1.08rem,1.65vw,1.48rem)!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:1100px){
  .sh-dash .sh-finance-metrics .sh-widget__value{font-size:1.28rem!important}
}
@media(max-width:700px){
  .sh-dash .sh-finance-hero{padding:18px!important;gap:12px!important;border-radius:18px!important}
  .sh-dash .sh-finance-hero h2{font-size:1.45rem!important}
  .sh-dash .sh-finance-hero p{font-size:.84rem!important;line-height:1.45!important}
  .sh-dash .sh-finance-hero__currency{padding:7px 10px!important;font-size:.76rem!important}
  .sh-dash .sh-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .sh-dash .sh-finance-metrics .sh-widget{padding:12px!important;min-height:108px!important}
  .sh-dash .sh-finance-metrics .sh-widget__icon{width:32px!important;height:32px!important;font-size:.82rem!important}
  .sh-dash .sh-finance-metrics .sh-widget__label{font-size:.63rem!important;line-height:1.18!important}
  .sh-dash .sh-finance-metrics .sh-widget__value{font-size:clamp(.92rem,4.1vw,1.12rem)!important;line-height:1.12!important;letter-spacing:-.04em!important}
}
@media(max-width:390px){
  .sh-dash .sh-finance-metrics .sh-widget{padding:10px!important}
  .sh-dash .sh-finance-metrics .sh-widget__value{font-size:.94rem!important}
}
