/* SISV v1 pages — shared look & feel: colour tokens, page banner, side menu, cards, buttons, empty states
   Linked once from institute.Master. Every rule is scoped to html.v1, so it only applies on pages that
   add the "v1" class (document.documentElement.className += " v1") and never touches the original pages. */

html.v1 { --ed-primary: #0e416f; --ed-primary-2: #1d6fd1; --ed-accent: #22b8cf; --ed-ink: #13243a; --ed-muted: #64748b; --ed-line: #e6ebf2; --ed-surface: #ffffff; --ed-soft: #f4f7fb; --ed-radius: 18px; --ed-shadow: 0 1px 2px rgba(16, 36, 64, .06), 0 8px 24px -8px rgba(16, 36, 64, .18); --ed-shadow-lg: 0 2px 4px rgba(16, 36, 64, .06), 0 24px 48px -16px rgba(16, 36, 64, .28); }
@property --ed-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}
/* ---------- Master header (restyled for this page only) ---------- */
html.v1 section.page-header { position: relative; overflow: hidden; border: 0 !important; padding: 60px 0 52px !important; }
html.v1 section.page-header::before { content: ""; position: absolute; inset: 0; background: radial-gradient(900px 360px at 8% 0%, rgba(34, 184, 207, .35), transparent 60%), radial-gradient(700px 300px at 100% 100%, rgba(139, 92, 246, .25), transparent 60%), linear-gradient(135deg, rgba(14, 65, 111, .92) 0%, rgba(8, 24, 48, .88) 100%); pointer-events: none; }
html.v1 section.page-header::after { content: ""; position: absolute; right: -80px; top: -80px; width: 320px; height: 320px; border-radius: 50%; border: 40px solid rgba(255, 255, 255, .05); animation: ed-float 8s ease-in-out infinite; pointer-events: none; }
html.v1 section.page-header .container { position: relative; z-index: 1; }
html.v1 section.page-header #txtBreadcrumbTitle { color: #fff; font-weight: 700 !important; line-height: 1.2; margin: 0 0 10px; animation: ed-rise .6s ease both; }
html.v1 section.page-header #txtDesc { display: block; color: #fff; animation: ed-rise .6s .1s ease both; }
html.v1 .ed-hero-sub { display: block; font-size: 15px; max-width: 720px; opacity: .9; margin-bottom: 14px; }
html.v1 .ed-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #fff; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .22); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); text-shadow: none; margin-bottom: 12px; }
html.v1 .ed-eyebrow .fa { color: var(--ed-accent); }
html.v1 .ed-term { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; padding: 3px 12px; border-radius: 999px; font-size: .45em; font-weight: 800; letter-spacing: .06em; vertical-align: middle; color: #0e5566; background: #cffafe; text-shadow: none; }
html.v1 section.page-header #Breadcrumb,
html.v1 section.page-header #lsBreadcrumb,
html.v1 section.page-header #qsBreadcrumb,
html.v1 section.page-header #vgpBreadcrumb { display: inline-flex !important; flex-wrap: wrap; gap: 4px; position: static !important; padding: 6px 14px; margin: 0; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .15); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); font-size: 12.5px; }
html.v1 section.page-header #Breadcrumb li,
html.v1 section.page-header #lsBreadcrumb li,
html.v1 section.page-header #qsBreadcrumb li,
html.v1 section.page-header #vgpBreadcrumb li,
html.v1 section.page-header #Breadcrumb li a,
html.v1 section.page-header #lsBreadcrumb li a,
html.v1 section.page-header #qsBreadcrumb li a,
html.v1 section.page-header #vgpBreadcrumb li a { color: rgba(255, 255, 255, .85); }
html.v1 section.page-header #Breadcrumb li.active,
html.v1 section.page-header #lsBreadcrumb li.active,
html.v1 section.page-header #qsBreadcrumb li.active,
html.v1 section.page-header #vgpBreadcrumb li.active,
html.v1 section.page-header #Breadcrumb li:last-child a,
html.v1 section.page-header #lsBreadcrumb li:last-child a,
html.v1 section.page-header #qsBreadcrumb li:last-child a,
html.v1 section.page-header #vgpBreadcrumb li:last-child a { color: #fff; font-weight: 700; }
/* ---------- Side menu from the master (restyled for this page only) ---------- */
html.v1 .skin-green-light { border-radius: var(--ed-radius); overflow: hidden; background: #fff; border: 1px solid var(--ed-line); box-shadow: var(--ed-shadow) !important; }
html.v1 .skin-green-light .sidebar { padding: 0; background: #fff !important; }
html.v1 .skin-green-light .sidebar-menu,
html.v1 .skin-green-light .treeview-menu { list-style: none; margin: 0; }
html.v1 .skin-green-light .sidebar-menu { padding: 0; }
html.v1 .skin-green-light .sidebar-menu > li + li { border-top: 1px solid var(--ed-line); }
html.v1 .skin-green-light .sidebar-menu > li > a { padding: 13px 16px !important; font-weight: 700; white-space: normal; color: var(--ed-ink) !important; border-left: 3px solid transparent !important; background: transparent !important; transition: background .2s ease, color .2s ease, border-color .2s ease; }
html.v1 .skin-green-light .sidebar-menu > li:hover > a,
html.v1 .skin-green-light .sidebar-menu > li.active > a { color: var(--ed-primary-2) !important; background: var(--ed-soft) !important; border-left-color: var(--ed-primary-2) !important; }
html.v1 .skin-green-light .treeview-menu { background: #fbfcfe !important; padding: 4px 0 8px !important; }
html.v1 .skin-green-light .treeview-menu > li > a { color: #475569 !important; font-weight: 600; white-space: normal; transition: color .2s ease, padding .2s ease; }
html.v1 .skin-green-light .treeview-menu > li > a:hover,
html.v1 .skin-green-light .treeview-menu > li.active > a { color: var(--ed-primary-2) !important; padding-left: 26px !important; }
/* ---------- Shared bits ---------- */
html.v1 #edPage { color: var(--ed-ink); padding-top: 4px; }
html.v1 #edPage *,
html.v1 #edPage *::before,
html.v1 #edPage *::after { box-sizing: border-box; }
html.v1 .ed-card { background: #fff; border: 1px solid var(--ed-line); border-radius: var(--ed-radius); box-shadow: var(--ed-shadow); padding: 22px; animation: ed-rise .5s ease both; }
html.v1 .ed-count { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 9px; border-radius: 999px; font-size: 12.5px; font-weight: 800; color: var(--ed-primary-2); background: rgba(29, 111, 209, .1); }
html.v1 .ed-btn-ghost { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--ed-line); background: #fff; cursor: pointer; color: var(--ed-ink) !important; font-size: 13px; font-weight: 700; text-decoration: none !important; transition: all .2s ease; }
html.v1 .ed-btn-ghost:hover { border-color: var(--ed-primary-2); color: var(--ed-primary-2) !important; transform: translateY(-1px); }
html.v1 .ed-btn-primary { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 46px; padding: 0 22px; border: 0; border-radius: 14px; overflow: hidden; cursor: pointer; color: #fff !important; font-size: 14.5px; font-weight: 800; text-decoration: none !important; background: linear-gradient(135deg, var(--ed-primary-2) 0%, var(--ed-primary) 100%); box-shadow: 0 12px 24px -12px rgba(29, 111, 209, .9), inset 0 1px 0 rgba(255, 255, 255, .25); transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease; }
html.v1 .ed-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 28px -12px rgba(29, 111, 209, 1); }
html.v1 .ed-btn-primary[disabled] { opacity: .6; cursor: not-allowed; transform: none; }
html.v1 .ed-btn-primary .ed-arrow { transition: transform .25s ease; }
html.v1 .ed-btn-primary:hover .ed-arrow { transform: translateX(4px); }
html.v1 .ed-empty { text-align: center; padding: 36px 20px; border-radius: 16px; border: 2px dashed #d3deeb; background: var(--ed-soft); }
html.v1 .ed-empty-ico { width: 60px; height: 60px; margin: 0 auto 12px; border-radius: 18px; display: grid; place-items: center; font-size: 22px; color: #fff; background: linear-gradient(135deg, var(--ed-primary-2), var(--ed-accent)); animation: ed-float 3s ease-in-out infinite; }
html.v1 .ed-empty h4 { margin: 0 0 6px; font-weight: 800; color: var(--ed-ink); }
html.v1 .ed-empty p { margin: 0 0 14px; color: var(--ed-muted); font-size: 14px; }
@keyframes ed-rise {from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes ed-pop {from { opacity: 0; transform: scale(.97) translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes ed-float {0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes ed-shimmer {0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@keyframes ed-spin {to { --ed-angle: 360deg; } }
@media (max-width: 767px) {
    html.v1 section.page-header { padding: 40px 0 36px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html.v1 #edPage *,
    html.v1 section.page-header,
    html.v1 section.page-header * { animation: none !important; transition: none !important; }
}