/*
  VHT Portal Unified Theme V20
  Scope: VEL AI portal after login.php only. No public website/index/common files.
  Purpose: visual layer only. It does not change permissions, DB writes, workflows, or business rules.
*/
:root{
  --vht-primary:#405de6;
  --vht-violet:#833ab4;
  --vht-pink:#e1306c;
  --vht-rose:#c13584;
  --vht-orange:#fcb045;
  --vht-cyan:#0ea5e9;
  --vht-green:#16a34a;
  --vht-red:#dc2626;
  --vht-bg:#f8fafc;
  --vht-panel:rgba(255,255,255,.92);
  --vht-panel-strong:#ffffff;
  --vht-border:rgba(226,232,240,.95);
  --vht-text:#0f172a;
  --vht-muted:#64748b;
  --vht-shadow:0 18px 46px rgba(15,23,42,.10);
  --vht-shadow-lg:0 26px 70px rgba(64,93,230,.16);
  --vht-radius-xl:28px;
  --vht-radius-lg:22px;
  --vht-radius-md:16px;
  --vht-sidebar-width:280px;
  --vht-topbar-height:72px;
  --vht-gradient:linear-gradient(135deg,#405de6 0%,#833ab4 42%,#e1306c 72%,#fcb045 100%);
  --vht-soft-gradient:linear-gradient(135deg,rgba(64,93,230,.12),rgba(225,48,108,.12));
  --vht-card-gradient-1:linear-gradient(135deg,#405de6,#833ab4,#e1306c);
  --vht-card-gradient-2:linear-gradient(135deg,#0ea5e9,#2563eb,#7c3aed);
  --vht-card-gradient-3:linear-gradient(135deg,#16a34a,#22c55e,#14b8a6);
  --vht-card-gradient-4:linear-gradient(135deg,#111827,#334155,#0f172a);
  --vht-card-gradient-5:linear-gradient(135deg,#7c3aed,#0891b2,#14b8a6);
}
html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vht-text);background:var(--vht-bg)}
a{color:inherit}.vht-gradient-text,.lms-gradient-text{background:var(--vht-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body.vh-shell{margin:0!important;padding-left:var(--vht-sidebar-width)!important;padding-top:var(--vht-topbar-height)!important;min-height:100vh!important;overflow-x:hidden!important;background:radial-gradient(circle at top left,rgba(64,93,230,.10),transparent 32%),radial-gradient(circle at top right,rgba(225,48,108,.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f8fafc 42%,#f1f5f9 100%)!important}
body.vh-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 18%,rgba(252,176,69,.08),transparent 24%),radial-gradient(circle at 82% 12%,rgba(64,93,230,.08),transparent 28%),radial-gradient(circle at 72% 88%,rgba(225,48,108,.07),transparent 28%);z-index:-1}
.vh-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--vht-sidebar-width);background:rgba(255,255,255,.82)!important;border-right:1px solid var(--vht-border);backdrop-filter:blur(20px);box-shadow:10px 0 34px rgba(15,23,42,.06)!important;z-index:1050;display:flex;flex-direction:column;transition:transform .24s ease}
.vh-sidebar-brand{height:var(--vht-topbar-height);display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--vht-border);font-weight:950;letter-spacing:.2px}
.vh-sidebar-brand .vht-brand-mark,.vht-brand-mark{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;background:var(--vht-gradient);color:#fff;box-shadow:0 14px 30px rgba(193,53,132,.24);font-weight:950}
.vh-sidebar-brand span,.vht-brand-title{background:var(--vht-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.22rem;font-weight:950}.vht-brand-sub{display:block;color:var(--vht-muted);font-size:.72rem;font-weight:800;margin-top:1px}
.vh-sidebar-menu{flex:1;overflow-y:auto;padding:16px 13px 20px}.vh-sidebar-menu::-webkit-scrollbar{width:5px}.vh-sidebar-menu::-webkit-scrollbar-thumb{background:rgba(148,163,184,.65);border-radius:99px}
.vh-menu-label{font-size:.7rem;font-weight:950;color:#94a3b8;margin:16px 0 9px 12px;text-transform:uppercase;letter-spacing:.09em}
.vh-sidebar-link{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;width:100%!important;padding:11px 13px!important;margin:0 0 6px!important;text-decoration:none!important;border-radius:18px!important;color:var(--vht-text)!important;font-weight:850!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:background .18s ease,transform .18s ease,color .18s ease!important}
.vh-sidebar-link i{width:22px;text-align:center;color:inherit!important;font-size:1.04rem!important}.vh-sidebar-link:hover,.vh-sidebar-link.vh-active{background:var(--vht-soft-gradient)!important;color:var(--vht-violet)!important;transform:translateX(3px)}
.vh-sidebar-link.vh-danger{color:#ef4444!important}.vh-sidebar-link.vh-danger:hover{background:rgba(239,68,68,.10)!important;color:#dc2626!important}
.vh-top-header{position:fixed;top:0;left:var(--vht-sidebar-width);right:0;height:var(--vht-topbar-height);z-index:1040;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(255,255,255,.82)!important;border-bottom:1px solid var(--vht-border);backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(15,23,42,.06)!important;transition:left .24s ease}.vh-college-title{font-weight:950;color:var(--vht-text);letter-spacing:.02em;text-transform:uppercase}.vh-header-right{display:flex;align-items:center;gap:12px}.vh-user-profile{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--vht-text)!important}.vh-user-name{font-weight:900;font-size:.9rem}.vh-user-role{font-weight:800;color:var(--vht-muted);font-size:.74rem;text-transform:capitalize}.vh-avatar{width:42px;height:42px;border-radius:17px;background:var(--vht-gradient);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 14px 28px rgba(193,53,132,.22)}.vh-btn-logout,.vh-mobile-toggle{border:0;border-radius:16px;background:rgba(255,255,255,.92);color:var(--vht-text);padding:10px 12px;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.08);font-weight:900}.vh-btn-logout:hover{background:rgba(239,68,68,.10);color:#dc2626}.vh-mobile-toggle{display:none}.vh-sidebar-overlay{display:none}
/* Shared containers */
.pwa-container,.dashboard-container,.main-content,.page-container,.content-wrapper,.container-fluid,.container{max-width:1440px}.pwa-container{padding:22px!important}.dash-banner,.page-hero,.vht-page-hero{border:1px solid var(--vht-border)!important;border-radius:var(--vht-radius-xl)!important;background:rgba(255,255,255,.88)!important;box-shadow:var(--vht-shadow)!important;backdrop-filter:blur(18px)}.dash-banner h1,.vht-page-title,h1.page-title{background:var(--vht-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:950!important}.db-avatar,.stat-icon,.card-icon,.role-card-icon,.vht-icon-bubble{background:var(--vht-gradient)!important;color:#fff!important;box-shadow:0 14px 32px rgba(131,58,180,.20)!important;border-radius:18px!important}
.card,.card-btn,.stat-card,.quick-btn,.content-card,.panel,.box,.section-card,.survey-card,.admission-card,.event-communication-card,.setup-card,.mentor-card,.student-card,.faculty-card,.circular-card,.event-card,.lms-saas-card,.vht-card{border:1px solid var(--vht-border)!important;border-radius:var(--vht-radius-xl)!important;background:var(--vht-panel)!important;box-shadow:var(--vht-shadow)!important;backdrop-filter:blur(16px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,.card-btn:hover,.stat-card:hover,.quick-btn:hover,.content-card:hover,.mentor-card:hover,.student-card:hover,.faculty-card:hover,.circular-card:hover,.event-card:hover,.lms-saas-card:hover,.vht-card:hover{transform:translateY(-2px);box-shadow:var(--vht-shadow-lg)!important;border-color:rgba(131,58,180,.25)!important}.card-btn{text-decoration:none!important;color:var(--vht-text)!important}.quick-btn,.btn-primary,.vht-btn,.lms-saas-btn,button[type="submit"].btn{border:0!important;border-radius:999px!important;background:var(--vht-gradient)!important;color:#fff!important;font-weight:950!important;box-shadow:0 14px 32px rgba(131,58,180,.20)!important}.quick-btn:hover,.btn-primary:hover,.vht-btn:hover,.lms-saas-btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.btn-outline-primary,.btn-secondary,.lms-saas-btn.secondary{border:1px solid var(--vht-border)!important;background:rgba(255,255,255,.86)!important;color:var(--vht-violet)!important;border-radius:999px!important;font-weight:900!important;box-shadow:none!important}.btn-danger,.lms-saas-btn.danger{background:linear-gradient(135deg,#dc2626,#f97316)!important;color:#fff!important}
.form-control,.form-select,input[type="text"],input[type="date"],input[type="email"],input[type="password"],input[type="number"],select,textarea{border:1px solid var(--vht-border)!important;border-radius:16px!important;background:rgba(255,255,255,.90)!important;color:var(--vht-text)!important;box-shadow:none!important}.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:rgba(131,58,180,.42)!important;box-shadow:0 0 0 .22rem rgba(131,58,180,.12)!important;outline:none!important}label,.form-label{font-weight:850;color:var(--vht-muted)}
.table,.dataTable,.lms-saas-table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--vht-border)!important;border-radius:22px!important;overflow:hidden!important;background:transparent!important}.table thead th,.dataTable thead th,.lms-saas-table th{background:linear-gradient(135deg,#172033,#334155)!important;color:#fff!important;border:0!important;font-weight:950!important;font-size:.78rem!important;letter-spacing:.02em}.table td,.table th,.dataTable td,.lms-saas-table td{padding:12px!important;border-color:var(--vht-border)!important;vertical-align:middle}.table tbody tr:nth-child(even) td,.dataTable tbody tr:nth-child(even) td{background:rgba(248,250,252,.88)!important}.table tbody tr:hover td,.dataTable tbody tr:hover td{background:rgba(225,48,108,.055)!important}.table-responsive,.lms-saas-table-wrap{border-radius:22px!important;overflow:auto!important}.badge,.status-badge,.survey-status-badge,.lms-saas-badge{border-radius:999px!important;font-weight:950!important;padding:.42rem .72rem!important}.modal-content{border:1px solid var(--vht-border)!important;border-radius:26px!important;box-shadow:0 30px 90px rgba(15,23,42,.20)!important}.modal-header{background:var(--vht-soft-gradient)!important;border-bottom:1px solid var(--vht-border)!important;border-radius:26px 26px 0 0!important}.modal-footer{border-top:1px solid var(--vht-border)!important;background:rgba(248,250,252,.75)!important;border-radius:0 0 26px 26px!important}
/* Dashboard role cards: visual only, links and role logic remain in dashboard.php */
.lms-role-panel-section{border:1px solid var(--vht-border)!important;border-radius:var(--vht-radius-xl)!important;background:rgba(255,255,255,.90)!important;box-shadow:var(--vht-shadow)!important}.lms-role-card{border-radius:28px!important;box-shadow:0 22px 52px rgba(15,23,42,.18)!important}.lms-role-card.faculty-lms{background:var(--vht-card-gradient-2)!important}.lms-role-card.hod-lms{background:var(--vht-card-gradient-1)!important}.lms-role-card.admin-lms{background:var(--vht-card-gradient-4)!important}.lms-role-card.student-lms{background:var(--vht-card-gradient-3)!important}.lms-role-card.iqac-lms{background:var(--vht-card-gradient-5)!important}.lms-role-card.scope-lms{background:linear-gradient(135deg,#7c2d12,#f97316,#f59e0b)!important}
/* Auth/login pages */
.saas-pwa-page,body.vht-auth-page{background:radial-gradient(circle at 15% 12%,rgba(64,93,230,.22),transparent 28%),radial-gradient(circle at 82% 18%,rgba(225,48,108,.22),transparent 28%),linear-gradient(135deg,#f8fafc,#eef2ff 48%,#fff7ed)!important}.login-card,.auth-card,.saas-login-card,.auth-container,.glass-card{border:1px solid rgba(255,255,255,.62)!important;border-radius:32px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(22px)!important;box-shadow:0 34px 95px rgba(15,23,42,.18)!important}.login-logo,.auth-logo{background:var(--vht-gradient)!important;color:#fff!important;box-shadow:0 18px 44px rgba(193,53,132,.30)!important}.login-btn,.auth-btn{background:var(--vht-gradient)!important;border:0!important;border-radius:999px!important;color:#fff!important;font-weight:950!important;box-shadow:0 18px 44px rgba(131,58,180,.24)!important}
/* VEL AI */
.velai-page,.velai-shell,.chat-container,.velai-container{background:radial-gradient(circle at top left,rgba(64,93,230,.12),transparent 30%),radial-gradient(circle at top right,rgba(225,48,108,.12),transparent 30%),#f8fafc!important}.velai-header,.velai-card,.chat-card,.chat-panel,.message,.answer-card{border:1px solid var(--vht-border)!important;border-radius:28px!important;background:rgba(255,255,255,.90)!important;box-shadow:var(--vht-shadow)!important;backdrop-filter:blur(16px)}.velai-title,.velai-header h1{background:var(--vht-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}.ask-button,.send-btn,.velai-send{background:var(--vht-gradient)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:950!important}
/* LMS bridge */
.lms-saas-shell{background:radial-gradient(circle at top left,rgba(64,93,230,.10),transparent 30%),radial-gradient(circle at top right,rgba(225,48,108,.10),transparent 30%),var(--vht-bg)!important}.lms-saas-topbar,.lms-saas-sidebar,.lms-mobile-bottom-nav{background:rgba(255,255,255,.84)!important;border-color:var(--vht-border)!important;backdrop-filter:blur(18px)}.lms-saas-title h1,.lms-saas-stat strong{background:var(--vht-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.lms-saas-card-icon,.lms-saas-logo{background:var(--vht-gradient)!important;color:#fff!important}.lms-table-tools input,.lms-table-tools select{border-radius:16px!important;border:1px solid var(--vht-border)!important;background:rgba(255,255,255,.92)!important}
/* Mentor hub and academic cards */
.mentor-summary,.mentee-list,.mentor-list,.profile-panel,.student-profile-card,.faculty-summary-card{border:1px solid var(--vht-border)!important;border-radius:24px!important;background:rgba(255,255,255,.90)!important;box-shadow:var(--vht-shadow)!important}.mentor-filter-panel .form-control,.mentor-filter-panel select{max-width:100%}
/* Print: keep academic documents clean */
@media print{.vh-sidebar,.vh-top-header,.vh-mobile-nav,.vh-saas-footer,.vh-sidebar-overlay,.no-print,.vht-no-print{display:none!important}body.vh-shell{padding:0!important;background:#fff!important}.card,.card-btn,.lms-saas-card{box-shadow:none!important;border:1px solid #ddd!important}.table thead th{background:#111827!important;color:#fff!important}}
@media(max-width:992px){body.vh-shell{padding-left:0!important;padding-bottom:76px!important}.vh-sidebar{transform:translateX(-105%);width:min(88vw,320px)}.vh-sidebar.vh-show{transform:translateX(0)}.vh-top-header{left:0!important;padding:0 14px}.vh-mobile-toggle{display:inline-flex}.vh-sidebar-overlay.vh-show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.44);backdrop-filter:blur(3px);z-index:1045}.vh-college-title{font-size:.92rem}.vh-user-info{display:none}.pwa-container{padding:14px!important}.vh-saas-footer{padding-bottom:92px!important}.vh-footer-content{grid-template-columns:1fr 1fr!important}.vh-mobile-nav{display:flex!important}}
@media(max-width:640px){:root{--vht-radius-xl:23px}.vh-footer-content{grid-template-columns:1fr!important;text-align:center}.vh-contact-item,.vh-footer-links a{justify-content:center}.vh-social-links{justify-content:center}.stats-grid,.quick-actions,.grid-box{grid-template-columns:1fr!important}.dash-banner{padding:16px!important}}
@media(prefers-color-scheme:dark){:root{--vht-bg:#020617;--vht-panel:rgba(15,23,42,.88);--vht-panel-strong:#0f172a;--vht-border:rgba(51,65,85,.92);--vht-text:#f8fafc;--vht-muted:#cbd5e1;--vht-shadow:0 18px 46px rgba(0,0,0,.28)}body.vh-shell,.lms-saas-shell{background:radial-gradient(circle at top left,rgba(64,93,230,.16),transparent 30%),radial-gradient(circle at top right,rgba(225,48,108,.13),transparent 30%),#020617!important}.vh-sidebar,.vh-top-header,.vh-saas-footer,.vh-mobile-nav,.card,.card-btn,.stat-card,.quick-btn,.content-card,.lms-saas-card{background:rgba(15,23,42,.86)!important}.form-control,.form-select,input,select,textarea{background:rgba(15,23,42,.88)!important;color:#f8fafc!important}.table tbody td,.dataTable tbody td,.lms-saas-table td{background:rgba(15,23,42,.86)!important}.table tbody tr:nth-child(even) td,.dataTable tbody tr:nth-child(even) td{background:rgba(30,41,59,.86)!important}}

/* VHT light Instagram global polish: visual only. */
:root{--vht-ig:linear-gradient(135deg,#405de6 0%,#833ab4 33%,#c13584 58%,#e1306c 76%,#fcb045 100%);--vht-ig-light:linear-gradient(135deg,#fff 0%,#eef2ff 45%,#fdf2f8 100%);--vht-ig-shadow:0 22px 56px rgba(131,58,180,.14),0 8px 22px rgba(15,23,42,.06);--vht-ig-shadow-hover:0 30px 76px rgba(193,53,132,.20),0 14px 34px rgba(64,93,230,.12)}
.card,.card-btn,.stat-card,.quick-btn,.content-card,.panel,.box,.section-card,.survey-card,.admission-card,.event-communication-card,.setup-card,.mentor-card,.student-card,.faculty-card,.circular-card,.event-card,.lms-saas-card,.vht-card{
  box-shadow:var(--vht-ig-shadow)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease,filter .24s ease!important;
}
.card:not(.chat-card):not(.survey-card):not(.admission-card):not(.event-communication-card):not(.setup-card),.card-btn:not(.chat-card):not(.survey-card):not(.admission-card):not(.event-communication-card):not(.setup-card),.stat-card,.content-card,.panel,.box,.section-card,.mentor-card,.student-card,.faculty-card,.circular-card,.event-card,.vht-card{
  background:var(--vht-ig-light)!important;
  border:1px solid rgba(255,255,255,.80)!important;
}
.card:hover,.card-btn:hover,.stat-card:hover,.quick-btn:hover,.content-card:hover,.mentor-card:hover,.student-card:hover,.faculty-card:hover,.circular-card:hover,.event-card:hover,.lms-saas-card:hover,.vht-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--vht-ig-shadow-hover)!important;
  border-color:rgba(225,48,108,.28)!important;
}
.quick-btn,.btn-primary,.vht-btn,.lms-saas-btn,button[type="submit"].btn,.vh-btn-logout,.vh-mobile-toggle{background:var(--vht-ig)!important;color:#fff!important;box-shadow:0 16px 34px rgba(193,53,132,.22)!important;}
.quick-btn:hover,.btn-primary:hover,.vht-btn:hover,.lms-saas-btn:hover,.vh-btn-logout:hover,.vh-mobile-toggle:hover{filter:saturate(1.12) brightness(1.02)!important;box-shadow:0 22px 46px rgba(225,48,108,.28)!important;}
.vh-sidebar-link.vh-active,.vh-sidebar-link:hover,.vht-brand-mark,.vh-avatar{background:var(--vht-ig)!important;color:#fff!important;box-shadow:0 14px 30px rgba(193,53,132,.20)!important;}


/* V20 Portal-only refinements: no extra LMS dashboard shell, readable dashboard cards, unified cards for future Flutter parity. */
body.vh-shell .chat-card{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 54%,#581c87 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 22px 54px rgba(15,23,42,.35)!important}
body.vh-shell .survey-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;border:0!important;box-shadow:0 22px 54px rgba(102,126,234,.28)!important}
body.vh-shell .admission-card{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)!important;color:#fff!important;border:0!important;box-shadow:0 22px 54px rgba(17,153,142,.28)!important}
body.vh-shell .event-communication-card{background:linear-gradient(135deg,#833ab4 0%,#c13584 42%,#fd1d1d 72%,#fcb045 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 22px 54px rgba(193,53,132,.28)!important}
body.vh-shell .setup-card{background:linear-gradient(135deg,#991b1b 0%,#dc2626 52%,#f97316 100%)!important;color:#fff!important;border:0!important}
body.vh-shell .chat-card h3,body.vh-shell .chat-card p,body.vh-shell .survey-card h3,body.vh-shell .survey-card p,body.vh-shell .admission-card h3,body.vh-shell .admission-card p,body.vh-shell .event-communication-card h3,body.vh-shell .event-communication-card p,body.vh-shell .setup-card h3,body.vh-shell .setup-card p{color:#fff!important}
body.vh-shell .lms-role-card.faculty-lms{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 52%,#7c3aed 100%)!important;color:#fff!important}
body.vh-shell .lms-role-card.hod-lms{background:linear-gradient(135deg,#405de6 0%,#833ab4 48%,#e1306c 100%)!important;color:#fff!important}
body.vh-shell .lms-role-card.admin-lms{background:linear-gradient(135deg,#111827 0%,#334155 55%,#0f172a 100%)!important;color:#fff!important}
body.vh-shell .lms-role-card.student-lms{background:linear-gradient(135deg,#16a34a 0%,#22c55e 48%,#14b8a6 100%)!important;color:#fff!important}
body.vh-shell .lms-role-card.iqac-lms{background:linear-gradient(135deg,#7c3aed 0%,#0891b2 52%,#14b8a6 100%)!important;color:#fff!important}
body.vh-shell .lms-role-card.scope-lms{background:linear-gradient(135deg,#7c2d12 0%,#f97316 52%,#f59e0b 100%)!important;color:#fff!important}
body.vh-shell .lms-role-card h3,body.vh-shell .lms-role-card p{color:#fff!important}.lms-role-card .role-card-foot{color:rgba(255,255,255,.95)!important}
.vht-lms-main{max-width:1440px;margin:0 auto;padding:24px 22px 90px}.vht-lms-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 18px;padding:22px;border-radius:28px;border:1px solid var(--vht-border);background:rgba(255,255,255,.88);box-shadow:var(--vht-shadow);backdrop-filter:blur(18px)}.vht-lms-hero h1{margin:0;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1.05;background:var(--vht-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:950}.vht-lms-hero p{margin:6px 0 0;color:var(--vht-muted);font-weight:750}.vht-lms-meta{text-align:right;color:var(--vht-muted);font-weight:800}.vht-lms-meta b{color:var(--vht-text)}.lms-saas-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.lms-saas-col-12{grid-column:span 12}.lms-saas-col-8{grid-column:span 8}.lms-saas-col-6{grid-column:span 6}.lms-saas-col-4{grid-column:span 4}.lms-saas-col-3{grid-column:span 3}.lms-saas-card{position:relative;min-width:0;border:1px solid var(--vht-border)!important;border-radius:28px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--vht-shadow)!important;padding:18px!important}.lms-saas-card-link{text-decoration:none!important;min-height:178px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.lms-saas-card-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(64,93,230,.10),rgba(225,48,108,.08));opacity:.9;pointer-events:none}.lms-saas-card-link>*{position:relative;z-index:1}.lms-saas-card-icon{width:52px;height:52px;border-radius:18px;background:var(--vht-gradient);color:#fff;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 14px 32px rgba(131,58,180,.20)}.lms-saas-card h2,.lms-saas-card h3{margin:0;color:var(--vht-text);font-weight:950}.lms-saas-card p{color:var(--vht-muted);font-weight:700}.lms-saas-card .go{margin-top:auto;color:var(--vht-violet);font-weight:950}.lms-saas-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}.lms-saas-form label{display:grid;gap:6px}.lms-saas-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;background:rgba(64,93,230,.10);color:var(--vht-violet);font-weight:950;font-size:.78rem}.lms-saas-badge.good{background:rgba(22,163,74,.10);color:#15803d}.lms-saas-badge.warn{background:rgba(245,158,11,.12);color:#b45309}.lms-saas-badge.bad{background:rgba(220,38,38,.10);color:#b91c1c}.lms-saas-table-wrap{width:100%;overflow:auto;border-radius:22px}.lms-saas-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;border:1px solid var(--vht-border);border-radius:22px;overflow:hidden}.lms-saas-table th{background:linear-gradient(135deg,#172033,#334155);color:#fff;padding:12px;text-align:left;font-size:.78rem}.lms-saas-table td{padding:12px;border-bottom:1px solid var(--vht-border);background:rgba(255,255,255,.82)}.lms-saas-table tr:nth-child(even) td{background:rgba(248,250,252,.9)}.lms-saas-table tr:hover td{background:rgba(225,48,108,.055)}.lms-saas-empty{padding:18px;border-radius:18px;background:rgba(248,250,252,.92);color:var(--vht-muted);font-weight:850;text-align:center}@media(max-width:1180px){.lms-saas-col-8,.lms-saas-col-6,.lms-saas-col-4,.lms-saas-col-3{grid-column:span 6}}@media(max-width:760px){.vht-lms-main{padding:14px 12px 90px}.vht-lms-hero{border-radius:22px;align-items:flex-start}.vht-lms-meta{text-align:left}.lms-saas-grid{grid-template-columns:1fr}.lms-saas-col-12,.lms-saas-col-8,.lms-saas-col-6,.lms-saas-col-4,.lms-saas-col-3{grid-column:span 1}.lms-saas-card{border-radius:22px!important;padding:15px!important}}
@media print{.vh-sidebar,.vh-top-header,.vh-saas-footer,.vh-mobile-nav,.lms-no-print{display:none!important}body.vh-shell{padding:0!important;background:#fff!important}.vht-lms-main{max-width:none;padding:0}.lms-saas-card{box-shadow:none!important;border:1px solid #cbd5e1!important}}


/* V20 footer and LMS polish */
.vh-saas-footer{
  margin: 28px 22px 18px !important;
  padding: 0 !important;
  border: 1px solid var(--vht-border) !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: var(--vht-shadow) !important;
  backdrop-filter: blur(18px) !important;
  overflow: hidden !important;
  color: var(--vht-text) !important;
}
.vh-footer-content{
  display: grid !important;
  grid-template-columns: minmax(260px,1.5fr) repeat(3,minmax(180px,1fr)) !important;
  gap: 22px !important;
  padding: 24px !important;
}
.vh-footer-col h2,.vh-footer-col h4{margin:0 0 10px!important;font-weight:950!important;color:var(--vht-text)!important}.vh-footer-col h2{background:var(--vht-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}.vh-footer-desc{margin:0 0 12px!important;color:var(--vht-muted)!important;font-weight:650!important;line-height:1.55!important}.vh-footer-links{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:7px!important}.vh-footer-links a,.vh-contact-item{display:flex!important;align-items:center!important;gap:9px!important;color:var(--vht-muted)!important;text-decoration:none!important;font-weight:800!important;font-size:.9rem!important}.vh-footer-links a:hover{color:var(--vht-violet)!important;transform:translateX(2px)}.vh-contact-item{margin:8px 0!important;align-items:flex-start!important}.vh-contact-item i{color:var(--vht-rose)!important;min-width:18px!important;margin-top:3px!important}.vh-social-links{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}.vh-social-btn{width:38px!important;height:38px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:var(--vht-soft-gradient)!important;color:var(--vht-violet)!important;text-decoration:none!important}.vh-social-btn:hover{background:var(--vht-gradient)!important;color:#fff!important}.vh-footer-bottom{border-top:1px solid var(--vht-border)!important;background:rgba(248,250,252,.78)!important;padding:12px 20px!important;text-align:center!important}.vh-footer-bottom p{margin:0!important;color:var(--vht-muted)!important;font-weight:800!important;font-size:.84rem!important}
.lms-saas-form{background:rgba(255,255,255,.94)!important}.lms-saas-form h3{font-size:1.05rem!important;margin-bottom:4px!important}.lms-saas-btn.small{padding:7px 11px!important;font-size:.78rem!important}.lms-saas-card-link:nth-child(5n+1):before{background:linear-gradient(135deg,rgba(64,93,230,.13),rgba(131,58,180,.08))}.lms-saas-card-link:nth-child(5n+2):before{background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(37,99,235,.08))}.lms-saas-card-link:nth-child(5n+3):before{background:linear-gradient(135deg,rgba(22,163,74,.14),rgba(20,184,166,.08))}.lms-saas-card-link:nth-child(5n+4):before{background:linear-gradient(135deg,rgba(249,115,22,.14),rgba(252,176,69,.08))}.lms-saas-card-link:nth-child(5n):before{background:linear-gradient(135deg,rgba(225,48,108,.14),rgba(124,58,237,.08))}
@media(max-width:992px){.vh-saas-footer{margin:18px 12px 92px!important}.vh-footer-content{grid-template-columns:1fr 1fr!important;padding:20px!important}}
@media(max-width:640px){.vh-footer-content{grid-template-columns:1fr!important;text-align:left!important}.vh-footer-links a,.vh-contact-item{justify-content:flex-start!important}.vh-social-links{justify-content:flex-start!important}}


/* V21 final portal/LMS polish */
.vh-saas-footer{margin-top:28px!important;border-top:1px solid rgba(226,232,240,.95)!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,250,252,.92))!important;color:#0f172a!important;box-shadow:0 -18px 42px rgba(15,23,42,.06)!important}.vh-footer-content{max-width:1280px!important;margin:0 auto!important;padding:26px 22px!important;display:grid!important;grid-template-columns:2fr 1fr 1fr 1.2fr!important;gap:22px!important}.vh-footer-col h4,.vh-footer-brand h2{color:#0f172a!important;font-weight:950!important}.vh-footer-desc,.vh-contact-item,.vh-footer-bottom{color:#64748b!important;font-weight:650!important}.vh-footer-links{list-style:none!important;padding:0!important;margin:0!important}.vh-footer-links a{color:#334155!important;text-decoration:none!important;font-weight:800!important;display:flex!important;gap:8px!important;padding:6px 0!important}.vh-footer-links a:hover{color:#833ab4!important}.vh-social-btn{width:38px!important;height:38px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(64,93,230,.12),rgba(225,48,108,.12))!important;color:#833ab4!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important}.vh-footer-bottom{border-top:1px solid rgba(226,232,240,.95)!important;text-align:center!important;padding:14px 20px!important}.vht-lms-main{max-width:1380px;margin:0 auto;padding:24px}.vht-lms-hero{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.92))!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:28px!important;box-shadow:0 18px 42px rgba(15,23,42,.08)!important;padding:20px 22px!important;margin-bottom:18px!important;display:flex;justify-content:space-between;gap:18px;align-items:center}.vht-lms-hero h1{margin:0!important;font-weight:950!important;background:linear-gradient(135deg,#405de6,#833ab4,#e1306c,#fcb045);-webkit-background-clip:text;background-clip:text;color:transparent!important}.vht-lms-hero p,.vht-lms-meta{color:#64748b!important;font-weight:750!important}.lms-saas-form h3{font-size:1rem!important;color:#0f172a!important}.lms-saas-form-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important;align-items:end}.lms-saas-form label{font-size:.82rem!important;color:#64748b!important;font-weight:900!important}.lms-saas-form input,.lms-saas-form select,.lms-saas-form textarea{width:100%!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:16px!important;padding:10px 12px!important;background:#fff!important;color:#0f172a!important}.lms-saas-btn{border:0!important;border-radius:16px!important;padding:10px 14px!important;background:linear-gradient(135deg,#405de6,#833ab4,#e1306c)!important;color:#fff!important;font-weight:950!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 12px 26px rgba(193,53,132,.18)!important}.lms-saas-btn.secondary{background:#fff!important;color:#334155!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important}.lms-saas-empty{border:1px dashed #cbd5e1;border-radius:18px;padding:20px;text-align:center;color:#64748b;font-weight:800;background:#f8fafc}.lms-saas-badge{border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:950;display:inline-flex}.lms-saas-badge.good{background:#dcfce7;color:#166534}.lms-saas-badge.warn{background:#fef3c7;color:#92400e}.lms-saas-badge.bad{background:#fee2e2;color:#991b1b}@media(max-width:992px){.vh-footer-content{grid-template-columns:1fr!important}.vht-lms-main{padding:14px}.vht-lms-hero{flex-direction:column;align-items:flex-start}.lms-saas-form-row{grid-template-columns:1fr!important}}


/* V22 LMS inside-page gradient card system */
.lms-saas-card-link{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 58%,#fdf2f8 100%)!important;border:1px solid rgba(226,232,240,.96)!important;box-shadow:0 18px 42px rgba(15,23,42,.09)!important;transition:transform .22s ease, box-shadow .22s ease!important}
.lms-saas-card-link:hover{transform:translateY(-4px)!important;box-shadow:0 26px 60px rgba(131,58,180,.15)!important}
.lms-saas-grid .lms-saas-card-link:nth-child(6n+1){background:linear-gradient(135deg,#fff,#eef2ff,#fdf2f8)!important}.lms-saas-grid .lms-saas-card-link:nth-child(6n+2){background:linear-gradient(135deg,#fff,#ecfeff,#eff6ff)!important}.lms-saas-grid .lms-saas-card-link:nth-child(6n+3){background:linear-gradient(135deg,#fff,#f0fdf4,#ecfdf5)!important}.lms-saas-grid .lms-saas-card-link:nth-child(6n+4){background:linear-gradient(135deg,#fff,#fff7ed,#fffbeb)!important}.lms-saas-grid .lms-saas-card-link:nth-child(6n+5){background:linear-gradient(135deg,#fff,#f5f3ff,#faf5ff)!important}.lms-saas-grid .lms-saas-card-link:nth-child(6n){background:linear-gradient(135deg,#fff,#f0f9ff,#faf5ff)!important}
.lms-saas-card-icon{background:linear-gradient(135deg,#405de6,#833ab4,#e1306c,#fcb045)!important;color:#fff!important}
.vh-saas-footer{border-radius:28px!important;margin:26px 22px 18px!important;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.92))!important;border:1px solid rgba(226,232,240,.96)!important;box-shadow:0 -12px 35px rgba(15,23,42,.06)!important;overflow:hidden!important}.vh-footer-bottom{background:rgba(248,250,252,.82)!important}

/* V25 compact LMS module strip: all role cards visible without creating a second dashboard */
.lms-module-strip-card{
  margin:0 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(226,232,240,.96)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92))!important;
  box-shadow:0 16px 38px rgba(15,23,42,.08)!important;
  overflow:hidden!important;
}
.lms-module-strip-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.lms-module-strip-head b{
  font-weight:950!important;
  color:#0f172a!important;
  letter-spacing:.02em!important;
}
.lms-module-strip-head span{
  margin-left:8px!important;
  color:#64748b!important;
  font-weight:750!important;
  font-size:.86rem!important;
}
.lms-module-strip{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;
  gap:9px!important;
}
.lms-module-chip{
  min-height:52px!important;
  border-radius:18px!important;
  padding:10px 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  text-decoration:none!important;
  color:#0f172a!important;
  border:1px solid rgba(226,232,240,.90)!important;
  background:linear-gradient(135deg,#fff,#f8fafc,#fdf2f8)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
  font-weight:900!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.lms-module-chip:nth-child(6n+1){background:linear-gradient(135deg,#fff,#eef2ff,#fdf2f8)!important}
.lms-module-chip:nth-child(6n+2){background:linear-gradient(135deg,#fff,#ecfeff,#eff6ff)!important}
.lms-module-chip:nth-child(6n+3){background:linear-gradient(135deg,#fff,#f0fdf4,#ecfdf5)!important}
.lms-module-chip:nth-child(6n+4){background:linear-gradient(135deg,#fff,#fff7ed,#fffbeb)!important}
.lms-module-chip:nth-child(6n+5){background:linear-gradient(135deg,#fff,#f5f3ff,#faf5ff)!important}
.lms-module-chip:nth-child(6n){background:linear-gradient(135deg,#fff,#f0f9ff,#faf5ff)!important}
.lms-module-chip:hover,.lms-module-chip.active{
  transform:translateY(-2px)!important;
  border-color:rgba(131,58,180,.28)!important;
  box-shadow:0 14px 28px rgba(131,58,180,.12)!important;
  color:#833ab4!important;
}
.lms-module-chip .ico{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#405de6,#833ab4,#e1306c)!important;
  color:#fff!important;
  flex:0 0 auto!important;
  font-size:1rem!important;
}
.lms-module-chip .txt{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.84rem!important;
}
.lms-sem-card{
  margin-bottom:16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.lms-sem-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  padding-bottom:10px!important;
  margin-bottom:10px!important;
  border-bottom:1px solid rgba(226,232,240,.86)!important;
}
.lms-sem-head h2{margin:0!important}
.lms-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:16px!important;
}
@media(max-width:760px){
  .lms-module-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lms-module-strip-head{display:block!important}
  .lms-module-strip-head span{display:block!important;margin:4px 0 0!important}
  .lms-module-chip{min-height:50px!important;padding:9px!important}
  .lms-module-chip .txt{font-size:.78rem!important}
  .lms-mini-grid{grid-template-columns:1fr!important}
}

/* V29 admin role flow: full readable module cards, no repeated-looking chips */
.lms-module-strip{
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  gap:12px!important;
}
.lms-module-chip{
  min-height:68px!important;
  padding:13px 14px!important;
  align-items:flex-start!important;
  border-radius:20px!important;
}
.lms-module-chip .ico{
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  margin-top:1px!important;
}
.lms-module-chip .txt{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2!important;
  font-size:.92rem!important;
  padding-top:3px!important;
}
.vht-lms-main[data-lms-panel="admin"] .lms-module-chip{
  min-height:74px!important;
}
@media(max-width:760px){
  .lms-module-strip{grid-template-columns:1fr!important}
  .lms-module-chip{min-height:60px!important}
}

/* V33 Mentor and OBE UI polish */
.vht-mentee-card{border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;border-radius:22px!important;overflow:hidden;position:relative}
.vht-mentee-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,255,255,.75),transparent 42%)}
.vht-mentee-shade-1{background:linear-gradient(135deg,#fff7ed,#eef2ff)!important}.vht-mentee-shade-2{background:linear-gradient(135deg,#ecfeff,#fdf2f8)!important}.vht-mentee-shade-3{background:linear-gradient(135deg,#f0fdf4,#eff6ff)!important}.vht-mentee-shade-4{background:linear-gradient(135deg,#fefce8,#f5f3ff)!important}
.vht-mentee-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;position:relative;z-index:1}.vht-mentee-top h3{margin:0 0 4px;font-size:1.05rem}.vht-mentee-top p{margin:0;color:#64748b;font-weight:700}.vht-mentee-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;position:relative;z-index:1}.vht-mentee-mini span{background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:8px;font-size:.78rem;color:#64748b}.vht-mentee-mini b{display:block;color:#0f172a;font-size:.72rem}.vht-mentee-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.vht-obe-help{background:linear-gradient(135deg,#f8fafc,#eef2ff)!important}.vht-obe-help ul{margin:8px 0 0;padding-left:18px}.vht-obe-help li{margin:4px 0;color:#475569}.vht-logbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.vht-log-hour{border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:12px;background:linear-gradient(135deg,#ffffff,#f8fbff)}

/* V38 Mentor Hub card readability fix */
.vht-mentee-card{
  min-width:0;
  overflow:hidden;
  border-radius:22px !important;
  border:1px solid rgba(148,163,184,.26) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(240,249,255,.92)) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.08) !important;
}
.vht-mentee-card h3,
.vht-mentee-top h3{
  margin:0;
  font-size:1.02rem;
  line-height:1.25;
  color:#0f172a;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  max-width:100%;
}
.vht-mentee-top{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  min-width:0;
}
.vht-mentee-top > div{min-width:0;flex:1 1 auto;}
.vht-mentee-top p{
  margin:6px 0 0;
  color:#64748b;
  font-size:.86rem;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.vht-mentee-mini.vht-mentee-only-details,
.vht-mentee-mini{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:12px;
  min-width:0;
}
.vht-mentee-mini span{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.72);
  border-radius:14px;
  color:#0f172a;
  font-size:.9rem;
  line-height:1.35;
  overflow:hidden;
  overflow-wrap:anywhere;
}
.vht-mentee-mini span b{
  color:#64748b;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  line-height:1.25;
}
.vht-mentee-card .lms-saas-btn,
.vht-mentee-actions .lms-saas-btn{
  white-space:normal !important;
  overflow-wrap:anywhere;
  line-height:1.2;
  text-align:center;
}
.vht-mentee-card p:last-child{margin-bottom:0;}
.vht-mentee-card p:last-child .lms-saas-btn{width:100%;justify-content:center;}
.vht-mentee-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.vht-mentee-shade-1{background:linear-gradient(135deg,#ffffff,#eef6ff)!important;}
.vht-mentee-shade-2{background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;}
.vht-mentee-shade-3{background:linear-gradient(135deg,#ffffff,#f7f3ff)!important;}
.vht-mentee-shade-4{background:linear-gradient(135deg,#ffffff,#ecfeff)!important;}
@media (max-width:680px){
  .vht-mentee-mini span{grid-template-columns:1fr;gap:4px;}
  .vht-mentee-top{display:block;}
  .vht-mentee-top .lms-saas-badge{display:inline-flex;margin-top:8px;}
}

/* V39 Mentor Hub full profile go-live polish */
.vht-full-profile{overflow:hidden;}
.vht-full-profile h2{margin-bottom:6px;}
.vht-profile-section{margin-top:16px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.88));padding:14px;}
.vht-profile-section h3{margin:0 0 12px;font-size:1rem;color:#0f172a;font-weight:950;letter-spacing:-.01em;}
.vht-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
.vht-profile-item{min-width:0;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:10px 12px;overflow-wrap:anywhere;word-break:break-word;}
.vht-profile-item span{display:block;color:#64748b;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;}
.vht-profile-item b{display:block;color:#0f172a;font-size:.9rem;line-height:1.35;font-weight:850;white-space:normal;}
.vht-profile-item.muted{opacity:.65;}
@media(max-width:720px){.vht-profile-section{padding:12px}.vht-profile-grid{grid-template-columns:1fr}.vht-profile-item{padding:9px 10px}}

/* V40 go-live Mentor + Counsellor soft colour upgrade */
body{
  background:
    radial-gradient(circle at 5% 8%, rgba(64,93,230,.10), transparent 28%),
    radial-gradient(circle at 95% 4%, rgba(225,48,108,.10), transparent 30%),
    radial-gradient(circle at 75% 92%, rgba(252,176,69,.13), transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#fff7fb 45%,#f6fffb 100%) !important;
}
.lms-saas-card,
.lms-page-card,
.vht-full-profile,
.vht-rc-compose,
.vht-rc-history{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.82),rgba(253,242,248,.78)) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  box-shadow:0 20px 52px rgba(15,23,42,.085), inset 0 1px 0 rgba(255,255,255,.70) !important;
}
.lms-saas-card:nth-of-type(4n+1){background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,242,255,.86),rgba(253,242,248,.76))!important;}
.lms-saas-card:nth-of-type(4n+2){background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,254,255,.86),rgba(239,246,255,.78))!important;}
.lms-saas-card:nth-of-type(4n+3){background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,253,244,.86),rgba(236,253,245,.78))!important;}
.lms-saas-card:nth-of-type(4n){background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,247,237,.86),rgba(245,243,255,.78))!important;}
.vht-mentee-card{
  border-radius:26px!important;
  box-shadow:0 22px 54px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.vht-mentee-shade-1{background:linear-gradient(135deg,#ffffff 0%,#eaf2ff 54%,#fff1f7 100%)!important;}
.vht-mentee-shade-2{background:linear-gradient(135deg,#ffffff 0%,#e8fffb 52%,#f5edff 100%)!important;}
.vht-mentee-shade-3{background:linear-gradient(135deg,#ffffff 0%,#effdf4 52%,#eef6ff 100%)!important;}
.vht-mentee-shade-4{background:linear-gradient(135deg,#ffffff 0%,#fff7db 50%,#eef2ff 100%)!important;}
.vht-mentee-mini span,
.vht-profile-item{
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(248,250,252,.70))!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.vht-profile-section:nth-child(5n+1){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,242,255,.72))!important;}
.vht-profile-section:nth-child(5n+2){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(236,254,255,.72))!important;}
.vht-profile-section:nth-child(5n+3){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(240,253,244,.72))!important;}
.vht-profile-section:nth-child(5n+4){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,247,237,.76))!important;}
.vht-profile-section:nth-child(5n){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(253,242,248,.76))!important;}
.vht-soft-pill{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:6px 12px!important;
  background:linear-gradient(135deg,rgba(64,93,230,.12),rgba(225,48,108,.12),rgba(252,176,69,.10))!important;
  border:1px solid rgba(131,58,180,.18)!important;
  color:#6d28d9!important;
  font-weight:950!important;
  font-size:.76rem!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
.vht-rc-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.vht-rc-compose textarea{min-height:135px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;}
.vht-rc-history table td{vertical-align:top!important;}
.lms-saas-table-wrap{border-radius:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important;background:rgba(255,255,255,.60)!important;}
.lms-saas-table th{background:linear-gradient(135deg,#f8fafc,#eef2ff)!important;color:#334155!important;}
.lms-saas-empty{background:linear-gradient(135deg,#fff,#f8fbff,#fdf2f8)!important;border-color:rgba(131,58,180,.24)!important;}

/* V44 Mentor reallocation queue polish */
.vht-reallocation-panel,.vht-reallocation-detail,.vht-unmapped-panel,.vht-history-warning{
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,247,237,.82),rgba(239,246,255,.82))!important;
  border:1px solid rgba(245,158,11,.22)!important;
}
.vht-realloc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
.vht-realloc-head h2{margin:.35rem 0 .2rem!important;}
.vht-realloc-count{border-radius:20px;padding:14px 18px;background:linear-gradient(135deg,#fff7ed,#eef2ff);box-shadow:0 10px 28px rgba(15,23,42,.07);font-weight:950;color:#92400e;min-width:130px;text-align:center;}
.vht-reallocation-panel tr td:first-child b{color:#7c2d12;}
.vht-reallocation-detail table td,.vht-unmapped-panel table td{vertical-align:middle!important;}
.vht-history-warning{color:#7c2d12;}
.vht-history-warning code{background:rgba(255,255,255,.72);padding:2px 6px;border-radius:8px;}
@media(max-width:760px){.vht-realloc-head{display:block}.vht-realloc-count{display:inline-block;margin-top:10px}.vht-reallocation-detail .lms-saas-form-row,.vht-unmapped-panel .lms-saas-form-row{grid-template-columns:1fr!important}}

/* V44 profile visibility polish: show empty DB values clearly instead of hiding layout */
.vht-profile-item.muted{opacity:.78;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(241,245,249,.62))!important;border-style:dashed!important;}
.vht-profile-item.muted b{color:#94a3b8!important;font-style:italic;font-weight:750!important;}
.vht-full-profile .vht-profile-section{scroll-margin-top:90px;}
.vht-reallocation-panel .lms-saas-table td,.vht-unmapped-panel .lms-saas-table td{overflow-wrap:anywhere;}

/* V45 Mentor HOD pages: soft production UI */
.vht-mentor-nav{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,246,255,.86),rgba(246,238,255,.82));border:1px solid rgba(120,130,180,.16);box-shadow:0 16px 38px rgba(31,45,90,.08)}
.vht-mentor-nav-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vht-search-strip{align-items:end;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(240,248,255,.75));border-radius:18px;padding:8px}
.vht-warning-soft{background:linear-gradient(135deg,#fff7df,#fff,#eef8ff);border:1px solid rgba(218,159,55,.24);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.vht-selected-mentor{background:linear-gradient(135deg,rgba(239,250,255,.95),rgba(255,255,255,.94),rgba(250,245,255,.92))}
.vht-reallocation-panel,.vht-reallocation-detail,.vht-unmapped-panel{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,248,255,.9),rgba(250,244,255,.86));border:1px solid rgba(82,112,180,.14)}
.vht-history-warning{background:linear-gradient(135deg,#fff8e7,#fff,#eefcff);border:1px solid rgba(185,126,40,.25);color:#7a3519}
.vht-mentor-nav .lms-saas-btn,.vht-search-strip .lms-saas-btn{white-space:nowrap}
.vht-realloc-count{min-width:96px;text-align:center;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#eef7ff,#fff2fb);font-weight:800;color:#8b2fb0;box-shadow:inset 0 0 0 1px rgba(139,47,176,.08)}
.vht-realloc-head{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.vht-soft-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:linear-gradient(135deg,#eef7ff,#f7edff);font-size:12px;font-weight:700;color:#8b2fb0;margin-bottom:8px}
.lms-saas-table td,.lms-saas-table th{word-break:normal;overflow-wrap:anywhere;vertical-align:top}
.lms-saas-table td .lms-saas-btn{margin:2px}
@media (max-width:760px){.vht-mentor-nav-row .lms-saas-btn{width:100%;justify-content:center}.vht-realloc-head{align-items:flex-start}.vht-search-strip{display:block}.vht-search-strip label{display:block;margin-bottom:10px}}