/* Nikaya Tâm Học 2026 — v12 Clean Rebuild. No Bootstrap/theme dependency. */
:root{--nk-bg:#f3f8f6;--nk-paper:#fffefb;--nk-green-50:#edf6f2;--nk-green-100:#dcece5;--nk-green-300:#9ebfb1;--nk-green-500:#648d7d;--nk-green-700:#395f53;--nk-green-900:#233f37;--nk-brown:#806448;--nk-brown-soft:#b99d7f;--nk-text:#26362f;--nk-muted:#6d7b75;--nk-line:#dfe9e4;--nk-shadow:0 8px 28px rgba(47,78,67,.08);--nk-radius:16px;--nk-header:64px;--nk-sidebar:280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.nk2026{margin:0;background:var(--nk-bg);color:var(--nk-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}body.nk2026 a{color:var(--nk-green-700);text-decoration:none}body.nk2026 a:hover{color:var(--nk-brown)}body.nk2026 img{max-width:100%;height:auto}body.nk2026 button,body.nk2026 input,body.nk2026 select,body.nk2026 textarea{font:inherit}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.align-items-center,.align-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.w-100{width:100%!important}.h-100{height:100%!important}.img-fluid{max-width:100%;height:auto}.position-relative{position:relative!important}.overflow-hidden{overflow:hidden!important}.m-0{margin:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.ml-auto{margin-left:auto!important}.mr-2{margin-right:.5rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.bg-light{background:var(--nk-green-50)!important}.text-white{color:#fff!important}.text-muted{color:var(--nk-muted)!important}.font-weight-bold,.strong{font-weight:700!important}
.row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.row>[class*="col-"]{padding-left:10px;padding-right:10px;min-width:0;width:100%}.col-6{width:50%!important}.col-12{width:100%!important}@media(min-width:768px){.col-md-4{width:33.333%!important}.col-md-6{width:50%!important}.col-md-8{width:66.666%!important}.col-md-12{width:100%!important}}@media(min-width:992px){.col-lg-3{width:25%!important}.col-lg-4{width:33.333%!important}.col-lg-6{width:50%!important}.col-lg-8{width:66.666%!important}.col-lg-9{width:75%!important}.col-lg-12{width:100%!important}}
.app-container{min-height:100vh}.app-header{position:fixed;z-index:1050;top:0;left:0;right:0;height:var(--nk-header);display:flex;align-items:center;padding:0 18px;background:linear-gradient(100deg,#426b5e,#527c6e 68%,#735c45)!important;color:#fff!important;box-shadow:0 3px 16px rgba(35,63,55,.16)}.app-header__logo{width:var(--nk-sidebar);display:flex;align-items:center;gap:12px}.logo-src img,.normal-logo{max-height:46px;width:auto;border-radius:10px}.app-header__content{flex:1;min-width:0;display:flex;align-items:center}.app-header-left,.app-header-right{display:flex;align-items:center;gap:8px}.app-header-right{margin-left:auto}.app-header .btn,.app-header button{border-color:rgba(255,255,255,.28);color:#fff}.app-header__mobile-menu,.app-header__menu{display:none}.app-main{display:flex;padding-top:var(--nk-header);min-height:100vh}.app-sidebar{position:fixed;z-index:1030;top:var(--nk-header);bottom:0;left:0;width:var(--nk-sidebar);overflow:auto;background:#294b42;color:#eaf5f1;border-right:1px solid rgba(255,255,255,.08);transition:transform .25s ease}.app-sidebar a{color:#dcece6!important}.app-sidebar__inner{padding:14px 10px 80px}.vertical-nav-menu,.vertical-nav-menu ul{list-style:none;padding:0;margin:0}.vertical-nav-menu li{position:relative}.vertical-nav-menu a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;margin:2px 0;font-size:14px}.vertical-nav-menu a:hover,.vertical-nav-menu a.mm-active{background:rgba(255,255,255,.095);color:#fff!important}.vertical-nav-menu ul{margin-left:14px;border-left:1px solid rgba(255,255,255,.1);padding-left:6px}.app-main__outer{flex:1;min-width:0;margin-left:var(--nk-sidebar);transition:margin .25s ease}.app-main__inner{padding:22px;max-width:1600px;margin:0 auto}.closed-sidebar .app-sidebar{transform:translateX(-100%)}.closed-sidebar .app-main__outer{margin-left:0}.closed-sidebar .app-header__logo{width:auto}.hamburger,.close-sidebar-btn,.mobile-toggle-nav{background:transparent;border:0;cursor:pointer}.hamburger-box{width:24px;height:18px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{position:absolute;left:0;width:24px;height:2px;background:currentColor;border-radius:2px}.hamburger-inner{top:8px}.hamburger-inner:before,.hamburger-inner:after{content:""}.hamburger-inner:before{top:-7px}.hamburger-inner:after{top:7px}
.card{background:var(--nk-paper);border:1px solid var(--nk-line);border-radius:var(--nk-radius);box-shadow:var(--nk-shadow);overflow:hidden}.card-header,.card-header-tab{min-height:52px;padding:12px 16px;border-bottom:1px solid var(--nk-line);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#fff,#f7fbf9)}.card-header-title{font-weight:700;color:var(--nk-green-900)}.card-body{padding:18px}.card-footer{padding:12px 16px;border-top:1px solid var(--nk-line);background:#fafcfb}.nav{display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0;list-style:none}.nav-link{display:inline-flex;align-items:center;padding:7px 11px;border-radius:9px;color:var(--nk-green-700)}.nav-link.active,.nav-link:hover{background:var(--nk-green-100)}.tab-pane{display:none}.tab-pane.active,.tab-pane.show{display:block}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;z-index:1200;top:calc(100% + 6px);right:0;min-width:220px;padding:8px;background:#fff;border:1px solid var(--nk-line);border-radius:12px;box-shadow:var(--nk-shadow)}.dropdown.show>.dropdown-menu,.dropdown-menu.show{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 12px;border:1px solid var(--nk-green-300);border-radius:10px;background:#fff;color:var(--nk-green-700);cursor:pointer}.btn:hover{background:var(--nk-green-50)}.btn-primary{background:var(--nk-green-700);border-color:var(--nk-green-700);color:#fff!important}.btn-danger{background:#8d5a4d;border-color:#8d5a4d;color:#fff!important}.btn-dark{background:var(--nk-green-900);color:#fff!important}.badge{display:inline-flex;padding:2px 7px;border-radius:999px;font-size:11px;background:var(--nk-green-100);color:var(--nk-green-900)}.form-control{width:100%;min-height:40px;padding:8px 11px;border:1px solid #cfded7;border-radius:10px;background:#fff;color:var(--nk-text);outline:none}.form-control:focus{border-color:var(--nk-green-500);box-shadow:0 0 0 3px rgba(100,141,125,.13)}table,.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid var(--nk-line)}.pagination{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0}.pagination a,.page-link{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--nk-line);border-radius:9px;background:#fff}
/* Upgrade 1: stable page shells */.nk-page-collection,.nk-home-page,.nk-page-article{max-width:100%;overflow:visible}.nk-page-collection .wrapper,.nk-page-collection .table,.nk-page-collection .table_row,.nk-page-collection .table_small{width:100%;max-width:100%}.nk-page-collection .table_row{display:block}.nk-page-collection .content-block{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.nk-page-collection .content-block-single{min-width:0}.nk-page-collection #content_pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.nk-page-collection #content_pro>.item,.nk-page-collection #content_pro>.mb-3.card{width:auto!important;max-width:none!important;margin:0!important;min-width:0}.nk-page-collection #content_pro img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.nk-page-collection .list-group-item{grid-column:1/-1;display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:16px}.nk-page-collection .thongtinbaiviet2{padding:14px;border-radius:12px;background:var(--nk-green-50);border:1px solid var(--nk-green-100)}
/* Upgrade 2: collection toolbar */.nk-collection-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:12px;background:#fff;border:1px solid var(--nk-line);border-radius:14px;box-shadow:0 5px 18px rgba(47,78,67,.06)}.nk-collection-tools input{flex:1 1 250px}.nk-collection-count{font-size:13px;color:var(--nk-muted);margin-left:auto}.nk-empty{display:none;padding:30px;text-align:center;border:1px dashed var(--nk-green-300);border-radius:14px;background:var(--nk-green-50);color:var(--nk-muted)}.nk-empty.is-visible{display:block}
/* Upgrade 3: home rebuilt without portal/bootstrap CSS */.nk-home-page{display:block}.nk-home-page>.card:first-child{border-color:var(--nk-green-100)}.nk-home-page h1,.nk-home-page h2,.nk-home-page h3,.nk-home-page h4{color:var(--nk-green-900);line-height:1.3}.nk-home-page .overlay{padding:14px;border-radius:0 0 14px 14px}.nk-home-page .position-relative.mb-3{border:1px solid var(--nk-line);border-radius:14px;overflow:hidden;background:#fff}.nk-home-page .position-relative.mb-3 img{width:100%;aspect-ratio:16/10;object-fit:cover}.nk-home-page .owl-carousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.nk-home-page .owl-carousel>*{min-width:0}.nk-home-page .input-group{display:flex}.nk-home-page .input-group>.form-control{border-radius:10px 0 0 10px}.nk-home-page .input-group-append .btn{border-radius:0 10px 10px 0}.back-to-top{position:fixed;right:20px;bottom:78px;z-index:1040}
/* Upgrade 4: reader typography + focus */.noidungchinh,.nk-article-content,.content-panel{font-size:17px}.noidungchinh p,.nk-article-content p{max-width:82ch;line-height:1.85}.noidungchinh h1,.noidungchinh h2,.noidungchinh h3,.nk-article-content h1,.nk-article-content h2,.nk-article-content h3{color:var(--nk-green-900);line-height:1.35;scroll-margin-top:90px}.noidungchinh blockquote,.nk-article-content blockquote{margin:18px 0;padding:14px 18px;border-left:4px solid var(--nk-brown-soft);background:#faf7f1;border-radius:0 12px 12px 0}.nk-reading-progress{position:fixed;z-index:2000;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--nk-green-500),var(--nk-brown-soft));pointer-events:none}.nk-reader-tools{position:fixed;z-index:1090;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:7px;background:rgba(255,255,255,.95);border:1px solid var(--nk-line);border-radius:14px;box-shadow:var(--nk-shadow)}.nk-reader-btn,.nk-header-tool{width:38px;height:38px;border:1px solid var(--nk-line);border-radius:10px;background:#fff;color:var(--nk-green-700);cursor:pointer}.nk-focus-mode .app-sidebar,.nk-focus-mode .app-header{opacity:.12}.nk-focus-mode .app-main__outer{margin-left:0}.nk-focus-mode .app-main__inner{max-width:980px}.nk-calm-mode{--nk-bg:#f4f1e9;--nk-paper:#fffdf6}
/* Upgrade 5: accessible mobile/navigation/search */.nk-skip-link{position:fixed;z-index:3000;left:10px;top:-60px;padding:9px 13px;background:#fff;border-radius:8px}.nk-skip-link:focus{top:8px}.nk-mobile-nav{display:none}.nk-mobile-overlay{display:none}.nk-quick-search{position:fixed;z-index:2100;inset:0;display:none;align-items:flex-start;justify-content:center;padding:11vh 16px;background:rgba(28,49,42,.48);backdrop-filter:blur(5px)}.nk-quick-search.is-open{display:flex}.nk-quick-search__panel{width:min(680px,100%);padding:18px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.nk-quick-search__title{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--nk-green-900);margin-bottom:12px}.nk-quick-search__form{display:flex;gap:8px}.nk-quick-search__input{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--nk-line);border-radius:11px}.nk-quick-search__submit{border:0;border-radius:11px;padding:0 16px;background:var(--nk-green-700);color:#fff}.nk-quick-search__hint{margin-top:9px;font-size:12px;color:var(--nk-muted)}.nk-backdrop-fab{position:fixed;right:16px;bottom:86px;z-index:1040;width:42px;height:42px;border:0;border-radius:50%;background:var(--nk-green-700);color:#fff;box-shadow:var(--nk-shadow)}
.phat-button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--nk-green-300);border-radius:999px;background:linear-gradient(180deg,#fff,#edf6f2);color:var(--nk-green-900);box-shadow:0 3px 10px rgba(47,78,67,.06)}.phat-button a{color:inherit!important}.button-container{display:flex;flex-wrap:wrap;gap:8px}.menu-ngang{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}.menu-ngang a{display:block;padding:7px 10px;border-radius:999px;background:var(--nk-green-50);border:1px solid var(--nk-green-100)}
@media(max-width:1200px){.nk-page-collection #content_pro{grid-template-columns:repeat(3,minmax(0,1fr))}.nk-home-page .owl-carousel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){:root{--nk-sidebar:270px}.app-header__logo{width:auto}.app-header__mobile-menu,.app-header__menu{display:block}.app-sidebar{transform:translateX(-100%)}.app-main__outer{margin-left:0}.mobile-open .app-sidebar{transform:translateX(0)}.mobile-open .nk-mobile-overlay{display:block;position:fixed;z-index:1020;inset:var(--nk-header) 0 0;background:rgba(21,39,33,.42)}.app-main__inner{padding:14px}.nk-page-collection .content-block{grid-template-columns:1fr}.nk-page-collection #content_pro{grid-template-columns:repeat(2,minmax(0,1fr))}.nk-home-page .owl-carousel{grid-template-columns:repeat(2,minmax(0,1fr))}.nk-reader-tools{display:none}.nk-mobile-nav{position:fixed;z-index:1080;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;background:rgba(35,63,55,.96);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.nk-mobile-nav a,.nk-mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px;border:0;background:transparent;color:#fff!important;font-size:11px}.nk-mobile-nav i{font-style:normal}.nk-backdrop-fab,.back-to-top{bottom:74px}}
@media(max-width:640px){.app-header{height:58px;padding:0 10px}.app-main{padding-top:58px}.app-sidebar{top:58px}.app-main__inner{padding:9px}.card{border-radius:12px}.card-body{padding:12px}.row{margin-left:-5px;margin-right:-5px}.row>[class*="col-"]{padding-left:5px;padding-right:5px}.nk-page-collection #content_pro,.nk-home-page .owl-carousel{grid-template-columns:1fr}.nk-page-collection .list-group-item{grid-template-columns:90px minmax(0,1fr)}.nk-collection-count{width:100%;margin-left:0}.noidungchinh,.nk-article-content,.content-panel{font-size:16px}.nk-quick-search__form{flex-direction:column}}
@media print{.app-header,.app-sidebar,.nk-reader-tools,.nk-mobile-nav,.nk-backdrop-fab,.back-to-top,.nk-collection-tools{display:none!important}.app-main__outer{margin:0!important}.app-main__inner{padding:0!important;max-width:none!important}.card{box-shadow:none;border:0}body.nk2026{background:#fff;color:#111}}


/* ============================================================
   NIKAYA 2026 v13 - 5 upgrades on top of Clean Rebuild v12
   Scope-safe: collection/article only; no database image paths.
   ============================================================ */
/* 1. Collection shell: stop child topics/cards from escaping their frame */
.nk-page-collection{contain:layout paint;isolation:isolate}
.nk-page-collection .mtkhung2025,.nk-page-collection .wrapper,.nk-page-collection .content-block,.nk-page-collection #content_pro{min-width:0;max-width:100%}
.nk-page-collection #content_pro>*{box-sizing:border-box;overflow:hidden}
.nk-page-collection #content_pro .card,.nk-page-collection #content_pro>.item{height:100%;display:flex;flex-direction:column;background:var(--nk-paper);border:1px solid var(--nk-line);border-radius:14px}
.nk-page-collection #content_pro .card-body,.nk-page-collection #content_pro .item>div{min-width:0}
.nk-page-collection #content_pro a{overflow-wrap:anywhere}

/* 2. Learning progress strip + status filters */
.nk-learning-summary{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--nk-green-100);border-radius:14px;background:linear-gradient(135deg,#f8fcfa,#f6f2eb)}
.nk-learning-summary__label{font-weight:700;color:var(--nk-green-900)}
.nk-learning-summary__track{height:8px;overflow:hidden;border-radius:999px;background:#e5eee9}
.nk-learning-summary__bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--nk-green-500),var(--nk-brown-soft));transition:width .25s ease}
.nk-learning-summary__count{font-size:12px;color:var(--nk-muted);white-space:nowrap}
.nk-status-filters{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.nk-status-filter{border:1px solid var(--nk-line);background:#fff;color:var(--nk-green-700);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}
.nk-status-filter.is-active{background:var(--nk-green-700);border-color:var(--nk-green-700);color:#fff}
.nk-read-badge{position:absolute;z-index:3;top:9px;right:9px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.93);border:1px solid var(--nk-line);font-size:11px;color:var(--nk-muted);box-shadow:0 2px 8px rgba(36,63,54,.08)}
.nk-is-read>.nk-read-badge,.nk-is-read .nk-read-badge{color:var(--nk-green-700);border-color:var(--nk-green-300);background:#f2faf6}
.nk-page-collection #content_pro>.item,.nk-page-collection #content_pro>.card{position:relative}

/* 3. Chapter/topic jump navigation generated only from real headings */
.nk-section-jump{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:0 0 14px;padding:8px 4px;scrollbar-width:thin}
.nk-section-jump__label{position:sticky;left:0;z-index:2;padding:6px 8px;background:var(--nk-bg);font-size:12px;font-weight:700;color:var(--nk-green-900);white-space:nowrap}
.nk-section-jump a{flex:0 0 auto;padding:6px 10px;border:1px solid var(--nk-line);border-radius:999px;background:#fff;color:var(--nk-green-700);font-size:12px;white-space:nowrap}
.nk-section-jump a:hover{background:var(--nk-green-50)}

/* 4. Safe/even collection cards: text alignment without touching dynamic image source */
.nk-page-collection #content_pro img{display:block;max-width:100%;height:auto}
.nk-page-collection #content_pro .card-title,.nk-page-collection #content_pro h3,.nk-page-collection #content_pro h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.45;min-height:4.35em;margin-bottom:8px}
.nk-page-collection #content_pro p{overflow-wrap:anywhere}
.nk-page-collection[data-nk-view="list"] #content_pro{grid-template-columns:1fr}
.nk-page-collection[data-nk-view="list"] #content_pro>.item,.nk-page-collection[data-nk-view="list"] #content_pro>.card{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);align-items:start}
.nk-page-collection[data-nk-view="list"] #content_pro img{width:100%;height:130px;object-fit:cover}

/* 5. Compact sticky article TOC; generated only for long reading pages */
.nk-article-toc{position:fixed;z-index:1060;right:16px;top:88px;width:min(285px,24vw);max-height:calc(100vh - 112px);overflow:auto;padding:12px;border:1px solid var(--nk-line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(38,66,56,.09);backdrop-filter:blur(8px)}
.nk-article-toc__title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--nk-green-900);text-transform:uppercase;letter-spacing:.04em}
.nk-article-toc__close{border:0;background:transparent;color:var(--nk-muted);cursor:pointer;font-size:18px;line-height:1}
.nk-article-toc a{display:block;padding:5px 7px;border-left:2px solid transparent;color:var(--nk-muted);font-size:12px;line-height:1.4}
.nk-article-toc a[data-level="3"]{padding-left:17px;font-size:11px}
.nk-article-toc a.is-active{border-left-color:var(--nk-brown-soft);background:var(--nk-green-50);color:var(--nk-green-900);font-weight:700}
.nk-article-toc-toggle{position:fixed;z-index:1061;right:16px;top:88px;display:none;border:1px solid var(--nk-line);border-radius:999px;padding:7px 11px;background:#fff;color:var(--nk-green-700);box-shadow:var(--nk-shadow);cursor:pointer;font-size:12px}
.nk-toc-collapsed .nk-article-toc{display:none}.nk-toc-collapsed .nk-article-toc-toggle{display:block}
@media(max-width:1280px){.nk-article-toc{display:none!important}.nk-article-toc-toggle{display:none!important}}
@media(max-width:640px){.nk-learning-summary{grid-template-columns:1fr}.nk-learning-summary__count{white-space:normal}.nk-page-collection[data-nk-view="list"] #content_pro>.item,.nk-page-collection[data-nk-view="list"] #content_pro>.card{grid-template-columns:90px minmax(0,1fr)}.nk-page-collection[data-nk-view="list"] #content_pro img{height:90px}}


/* ============================================================
   NIKAYA 2026 v14 - 5 scoped upgrades
   ============================================================ */
/* 1. Collection sort/saved toolbar: scoped only to real collection pages */
.nk-page-collection .nk-v14-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--nk-line);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 4px 16px rgba(47,78,67,.05)}
.nk-v14-tools__label{font-size:12px;font-weight:700;color:var(--nk-green-900)}
.nk-v14-tools select,.nk-v14-tools button{min-height:34px;border:1px solid var(--nk-line);border-radius:9px;background:#fff;color:var(--nk-green-700);padding:6px 9px;cursor:pointer}
.nk-v14-tools button.is-active{background:var(--nk-green-700);border-color:var(--nk-green-700);color:#fff}
.nk-v14-save{position:absolute;left:9px;top:9px;z-index:4;width:30px;height:30px;border:1px solid var(--nk-line);border-radius:50%;background:rgba(255,255,255,.95);color:var(--nk-brown);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(36,63,54,.08)}
.nk-v14-save.is-saved{background:#f6f1e9;border-color:#d8c4aa;color:#795b3e}
/* 2. Empty state that cannot escape the collection frame */
.nk-v14-empty{display:none;grid-column:1/-1;padding:28px 16px;text-align:center;border:1px dashed var(--nk-green-300);border-radius:14px;background:var(--nk-green-50);color:var(--nk-muted)}
.nk-v14-empty.is-visible{display:block}.nk-v14-empty strong{display:block;color:var(--nk-green-900);margin-bottom:4px}
/* 3. Reading resume banner */
.nk-v14-resume{display:none;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--nk-green-100);border-radius:12px;background:linear-gradient(135deg,#f7fcf9,#f7f1e9);font-size:13px}
.nk-v14-resume.is-visible{display:flex}.nk-v14-resume button{border:0;border-radius:999px;background:var(--nk-green-700);color:#fff;padding:6px 11px;cursor:pointer;white-space:nowrap}
/* 4. Article bookmark/citation mini bar */
.nk-v14-articlebar{position:sticky;top:calc(var(--nk-header) + 8px);z-index:1005;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin:0 0 12px;pointer-events:none}
.nk-v14-articlebar button{pointer-events:auto;border:1px solid var(--nk-line);border-radius:999px;background:rgba(255,255,255,.94);color:var(--nk-green-700);padding:6px 10px;box-shadow:0 3px 12px rgba(47,78,67,.06);cursor:pointer;font-size:12px}
.nk-v14-articlebar button:hover{background:var(--nk-green-50)}
.nk-v14-bookmarked{outline:2px solid rgba(185,157,127,.45);outline-offset:4px;border-radius:6px}
/* 5. Reading width modes; article-only */
.nk-page-article[data-nk-reading-width="narrow"] .nk-article-content,.nk-page-article[data-nk-reading-width="narrow"] .noidungchinh,.nk-page-article[data-nk-reading-width="narrow"] .content-panel{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.nk-page-article[data-nk-reading-width="wide"] .nk-article-content,.nk-page-article[data-nk-reading-width="wide"] .noidungchinh,.nk-page-article[data-nk-reading-width="wide"] .content-panel{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
.nk-v14-toast{position:fixed;z-index:2500;left:50%;bottom:88px;transform:translate(-50%,14px);opacity:0;pointer-events:none;padding:8px 12px;border-radius:999px;background:var(--nk-green-900);color:#fff;font-size:12px;transition:.2s ease}.nk-v14-toast.is-show{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){.nk-v14-resume{align-items:flex-start;flex-direction:column}.nk-v14-articlebar{top:66px;justify-content:flex-start}.nk-v14-tools{align-items:stretch}.nk-v14-tools select,.nk-v14-tools button{flex:1 1 auto}}


/* ============================================================
   NIKAYA 2026 v15 - 5 layout-first upgrades
   Scope-safe: home / collection / sidebar / mobile only.
   ============================================================ */
/* 1. Home quick access generated from the real navigation */
.nk-page-home .nk-v15-home-access{margin:0 0 18px;padding:16px;border:1px solid var(--nk-green-100);border-radius:16px;background:linear-gradient(135deg,#fbfefc,#f7f3ed);box-shadow:0 5px 18px rgba(47,78,67,.05)}
.nk-v15-home-access__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.nk-v15-home-access__head strong{display:block;color:var(--nk-green-900);font-size:17px}.nk-v15-home-access__head span{display:block;color:var(--nk-muted);font-size:12px}
.nk-v15-home-access__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.nk-v15-home-access__grid a{min-width:0;padding:11px 10px;border:1px solid var(--nk-line);border-radius:12px;background:#fff;color:var(--nk-green-700);font-weight:700;font-size:13px;text-align:center;box-shadow:0 2px 8px rgba(47,78,67,.035)}.nk-v15-home-access__grid a:hover{border-color:var(--nk-green-300);background:var(--nk-green-50);transform:translateY(-1px)}
/* 2. Collection pagination rebuilt without Bootstrap assumptions */
.nk-page-collection .pagination,.nk-page-collection nav[aria-label*="pagination" i] ul{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:20px 0 8px!important;padding:0!important;list-style:none!important;max-width:100%}
.nk-page-collection .pagination li{margin:0!important;padding:0!important;list-style:none!important}.nk-page-collection .pagination a,.nk-page-collection .pagination span,.nk-page-collection .page-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 10px!important;border:1px solid var(--nk-line)!important;border-radius:10px!important;background:#fff!important;color:var(--nk-green-700)!important;line-height:1!important;box-shadow:none!important;white-space:nowrap}.nk-page-collection .pagination .active span,.nk-page-collection .pagination .active a,.nk-page-collection .page-item.active .page-link{background:var(--nk-green-700)!important;border-color:var(--nk-green-700)!important;color:#fff!important}.nk-page-collection .pagination .disabled span{opacity:.48}.nk-page-collection .nk-v15-page-info{text-align:center;color:var(--nk-muted);font-size:12px;margin-top:7px}
/* 3. Child-topic menus cannot break the collection frame */
.nk-page-collection .menu-ngang{display:flex!important;align-items:center;gap:7px;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;margin:0 0 15px!important;padding:8px!important;list-style:none!important;border:1px solid var(--nk-line);border-radius:13px;background:#fff;scrollbar-width:thin;overscroll-behavior-inline:contain}.nk-page-collection .menu-ngang li{flex:0 0 auto!important;float:none!important;width:auto!important;max-width:min(320px,78vw)!important;margin:0!important;padding:0!important;list-style:none!important}.nk-page-collection .menu-ngang a{display:block!important;padding:7px 10px!important;border:1px solid var(--nk-green-100);border-radius:999px;background:var(--nk-green-50);color:var(--nk-green-700)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nk-page-collection .menu-ngang a:hover{background:#fff;border-color:var(--nk-green-300)}
.nk-page-collection .nk-v15-topic-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;color:var(--nk-green-900);font-size:12px;font-weight:800}.nk-page-collection .nk-v15-topic-label span{color:var(--nk-muted);font-weight:500}
/* 4. Sidebar quick filter and remembered compact groups */
.app-sidebar .nk-v15-side-search{position:sticky;top:0;z-index:5;padding:8px 6px 10px;background:linear-gradient(180deg,#294b42 82%,rgba(41,75,66,0))}.nk-v15-side-search input{width:100%;height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;outline:none}.nk-v15-side-search input::placeholder{color:rgba(234,245,241,.68)}.nk-v15-side-search input:focus{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}.vertical-nav-menu li.nk-v15-hidden{display:none!important}.vertical-nav-menu li.nk-v15-match>a{background:rgba(255,255,255,.11);color:#fff!important}.vertical-nav-menu li.nk-v15-collapsed>ul{display:none!important}
/* 5. Mobile collection control dock */
.nk-v15-mobile-dock{display:none}.nk-v15-mobile-dock button{border:0;background:transparent;color:var(--nk-green-700);font-weight:700;font-size:12px;padding:7px 9px;cursor:pointer}.nk-v15-mobile-dock button.is-active{color:#fff;background:var(--nk-green-700);border-radius:999px}
@media(max-width:900px){.nk-v15-home-access__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nk-page-collection .pagination{gap:4px}.nk-page-collection .pagination a,.nk-page-collection .pagination span,.nk-page-collection .page-link{min-width:34px!important;height:34px!important;padding:0 8px!important}.nk-v15-mobile-dock{position:fixed;z-index:1085;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:3px;max-width:calc(100vw - 24px);padding:5px;border:1px solid var(--nk-line);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(35,63,55,.16);backdrop-filter:blur(10px)}body.nk-page-collection-body{padding-bottom:72px}}
@media(max-width:560px){.nk-v15-home-access__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nk-v15-home-access__head{align-items:flex-start;flex-direction:column}.nk-page-collection .menu-ngang{margin-left:-2px!important;margin-right:-2px!important}.nk-page-collection .content-block{grid-template-columns:1fr!important}.nk-page-collection #content_pro{grid-template-columns:1fr!important}}

/* ============================================================
   NIKAYA 2026 v16 - 10 scope-safe upgrades
   ============================================================ */
/* 1. Breadcrumb */
.nk-v16-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding:9px 12px;border:1px solid var(--nk-line);border-radius:12px;background:rgba(255,255,255,.78);font-size:13px;color:var(--nk-muted)}
.nk-v16-breadcrumb a{font-weight:600}.nk-v16-breadcrumb i{font-style:normal;color:var(--nk-green-300)}
/* 2. Collection header */
.nk-v16-collection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 16px;padding:16px 18px;background:linear-gradient(135deg,#fffefb,#eff7f3);border:1px solid var(--nk-green-100);border-radius:16px;box-shadow:0 5px 18px rgba(47,78,67,.05)}
.nk-v16-collection-head h1,.nk-v16-collection-head h2{margin:0;color:var(--nk-green-900);font-size:clamp(20px,2vw,28px);line-height:1.3}.nk-v16-collection-head p{margin:5px 0 0;color:var(--nk-muted);font-size:13px}.nk-v16-collection-stat{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:var(--nk-green-100);color:var(--nk-green-900);font-size:12px;font-weight:700}
/* 3. Reading state badges on real cards */
.nk-page-collection #content_pro>.item,.nk-page-collection #content_pro>.mb-3.card{position:relative}
.nk-v16-read-badge{position:absolute;z-index:3;top:9px;right:9px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(255,254,251,.94);border:1px solid var(--nk-line);box-shadow:0 2px 8px rgba(47,78,67,.08);font-size:11px;font-weight:700;color:var(--nk-muted);pointer-events:none}.nk-v16-read-badge.is-read{background:#e7f3ed;color:var(--nk-green-700);border-color:#cce4d8}.nk-v16-read-badge.is-reading{background:#f3eee7;color:var(--nk-brown);border-color:#e5d8c8}
/* 4. Collection completion */
.nk-v16-progress{margin:0 0 14px;padding:11px 13px;border:1px solid var(--nk-line);border-radius:13px;background:#fff}.nk-v16-progress__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;color:var(--nk-muted)}.nk-v16-progress__track{height:7px;border-radius:999px;background:var(--nk-green-50);overflow:hidden}.nk-v16-progress__bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--nk-green-500),var(--nk-green-700));transition:width .25s ease}
/* 5. Home recent study */
.nk-v16-recent{margin:0 0 18px;padding:15px;border:1px solid var(--nk-green-100);border-radius:16px;background:var(--nk-paper);box-shadow:0 5px 18px rgba(47,78,67,.05)}.nk-v16-recent__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.nk-v16-recent__head strong{color:var(--nk-green-900)}.nk-v16-recent__head span{font-size:12px;color:var(--nk-muted)}.nk-v16-recent__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nk-v16-recent__list a{display:block;min-width:0;padding:9px 11px;border:1px solid var(--nk-line);border-radius:11px;background:#fbfdfc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 6. Article metadata */
.nk-v16-article-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.nk-v16-article-meta span{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:var(--nk-green-50);border:1px solid var(--nk-green-100);font-size:12px;color:var(--nk-muted)}
/* 7. Current section ribbon */
.nk-v16-current-section{position:sticky;z-index:20;top:calc(var(--nk-header) + 8px);display:none;margin:0 0 10px;padding:8px 11px;border:1px solid var(--nk-line);border-radius:11px;background:rgba(255,254,251,.94);backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(47,78,67,.06);font-size:13px;color:var(--nk-muted)}.nk-v16-current-section.is-visible{display:flex}.nk-v16-current-section strong{color:var(--nk-green-900);margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 8. Mobile TOC drawer */
.nk-v16-toc-button{display:none}.nk-v16-mobile-toc{position:fixed;z-index:1400;left:12px;right:12px;bottom:12px;max-height:70vh;overflow:auto;padding:14px;background:#fffefb;border:1px solid var(--nk-line);border-radius:16px;box-shadow:0 14px 45px rgba(31,55,47,.2);transform:translateY(calc(100% + 30px));transition:transform .25s ease}.nk-v16-mobile-toc.is-open{transform:translateY(0)}.nk-v16-mobile-toc__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.nk-v16-mobile-toc__head strong{color:var(--nk-green-900)}.nk-v16-mobile-toc a{display:block;padding:7px 4px;border-bottom:1px solid var(--nk-green-50);font-size:13px}.nk-v16-mobile-toc a[data-level="3"]{padding-left:18px;color:var(--nk-muted)}
/* 9. Print clean */
@media print{body.nk2026{background:#fff!important;color:#111!important}.app-header,.app-sidebar,.nk-v15-mobile-dock,.nk-reader-tools,.nk-article-toc,.nk-v14-articlebar,.nk-v16-breadcrumb,.nk-v16-current-section,.nk-v16-toc-button,.nk-v16-mobile-toc,.nk-v14-resume{display:none!important}.app-main,.app-main__outer,.app-main__inner{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.nk-page-article,.noidungchinh{max-width:100%!important;width:100%!important;box-shadow:none!important;border:0!important;background:#fff!important}.nk-page-article a{color:#111!important;text-decoration:none!important}.nk-page-article img{max-width:100%!important;page-break-inside:avoid}.nk-page-article h1,.nk-page-article h2,.nk-page-article h3{page-break-after:avoid}}
/* 10. Tablet/mobile shell hardening */
@media(max-width:1180px){:root{--nk-sidebar:250px}.nk-page-collection .content-block{grid-template-columns:minmax(0,1fr) 250px}.nk-v16-recent__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.app-sidebar{transform:translateX(-100%);box-shadow:10px 0 30px rgba(31,55,47,.18)}body.nk-sidebar-open .app-sidebar{transform:translateX(0)}.app-main__outer{margin-left:0!important}.app-header__mobile-menu,.app-header__menu{display:block}.nk-page-collection .content-block{display:block}.nk-v16-toc-button{display:inline-flex;position:fixed;z-index:1300;right:14px;bottom:76px;min-height:40px;padding:8px 11px;border:1px solid var(--nk-green-300);border-radius:999px;background:var(--nk-green-700);color:#fff;box-shadow:0 7px 20px rgba(47,78,67,.17)}body.nk-sidebar-open:after{content:"";position:fixed;z-index:1020;inset:var(--nk-header) 0 0 0;background:rgba(24,42,36,.36)}}
@media(max-width:720px){.app-main__inner{padding:12px}.nk-page-collection #content_pro{grid-template-columns:1fr!important}.nk-v16-collection-head{padding:13px;display:block}.nk-v16-collection-stat{display:inline-flex;margin-top:8px}.nk-v16-recent__list{grid-template-columns:1fr}.nk-v16-breadcrumb{overflow:auto;flex-wrap:nowrap;white-space:nowrap}.nk-v16-current-section{top:calc(var(--nk-header) + 5px)}}
@media(prefers-reduced-motion:reduce){.nk-v16-mobile-toc,.nk-v16-progress__bar{transition:none!important}}


/* ============================================================
   NIKAYA 2026 v17 - ArchitectUI compatibility rebuild
   Restores the functional visual contract of retained legacy markup
   without loading the old theme bundles.
   ============================================================ */
:root{--nk17-header-h:66px;--nk17-side-w:280px;--nk17-z-header:2000;--nk17-z-menu:2400;--nk17-z-settings:3000}
html,body{max-width:100%;overflow-x:hidden}.nk2026{background:#edf5f2;color:#2d3d37}
/* Utility compatibility required by retained Blade markup */
.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-block{display:inline-block!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.pt-4{padding-top:1.5rem!important}.pb-2{padding-bottom:.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pr-0{padding-right:0!important}.pr-2{padding-right:.5rem!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-white{color:#fff!important}.text-dark{color:#263831!important}.opacity-05{opacity:.5}.opacity-1{opacity:.1}.opacity-2{opacity:.2}.w-100{width:100%!important}
/* Header contract */
.app-header{height:var(--nk17-header-h)!important;display:flex!important;align-items:center!important;overflow:visible!important;padding:0 14px!important}.app-header__logo{height:var(--nk17-header-h);flex:0 0 var(--nk17-side-w);width:var(--nk17-side-w)!important;display:flex!important;align-items:center!important}.closed-sidebar .app-header__logo{flex-basis:92px;width:92px!important}.app-header__content{height:100%;display:flex!important;align-items:center!important;min-width:0;overflow:visible}.app-header-left{height:100%;display:flex!important;align-items:center!important;min-width:0;gap:9px}.app-header-right{height:100%;display:flex!important;align-items:center!important;gap:4px;margin-left:auto!important;position:relative}.app-header__mobile-menu,.app-header__menu{display:none!important}.header-dots{display:flex;align-items:center;gap:2px}.header-btn-lg{display:flex;align-items:center;min-height:48px;padding:0 5px;border-left:1px solid rgba(255,255,255,.12)}.app-header .nav-link,.app-header .btn,.app-header button{white-space:nowrap}.nk-brand-lockup{flex:0 0 auto}.nk-header-tools{flex:0 0 auto}
/* Top quick search restored */
.search-wrapper{position:relative;width:42px;height:42px;transition:width .22s ease;z-index:var(--nk17-z-menu)}.search-wrapper.active,.search-wrapper:focus-within{width:min(390px,32vw)}.search-wrapper .input-holder{height:42px;width:100%;position:relative;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);overflow:hidden}.search-wrapper .search-input{position:absolute;inset:0 42px 0 0;width:calc(100% - 42px);border:0;outline:0;background:transparent;color:#fff;padding:0 5px 0 15px;opacity:0;pointer-events:none}.search-wrapper.active .search-input,.search-wrapper:focus-within .search-input{opacity:1;pointer-events:auto}.search-wrapper .search-input::placeholder{color:rgba(255,255,255,.72)}.search-wrapper .search-icon{position:absolute;right:0;top:0;width:42px;height:42px;border:0!important;background:transparent!important;cursor:pointer}.search-wrapper .search-icon:before{content:'⌕';font-size:23px;line-height:1;color:#fff}.search-wrapper .search-icon span{display:none}.search-wrapper+.nk-live-search-results,.nk-live-search-results{display:none;position:absolute;z-index:2600;top:calc(var(--nk17-header-h) - 6px);left:300px;width:min(560px,calc(100vw - 340px));max-height:65vh;overflow:auto;background:#fff;color:#2e4038;border:1px solid #d5e3dd;border-radius:0 0 14px 14px;box-shadow:0 18px 44px rgba(27,54,45,.24);padding:5px}.nk-live-search-results[style*="block"],.nk-live-search-results:not(:empty){display:block}.nk-live-search-results ul{list-style:none;margin:0;padding:0}.nk-live-search-results li,.nk-live-search-results a{display:block;padding:9px 11px;border-radius:8px;color:#355d50!important}.nk-live-search-results li:hover,.nk-live-search-results a:hover{background:#eef7f3}.app-header-left>.close{display:none!important}
/* Legacy header nav / megamenu */
.header-megamenu.nav{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:2px;margin-left:4px}.header-megamenu>.nav-item{position:relative;list-style:none}.header-megamenu>.nav-item>.nav-link{height:40px;padding:8px 10px;color:#fff!important;background:transparent;border-radius:10px}.header-megamenu>.nav-item>.nav-link:hover,.header-megamenu>.nav-item.show>.nav-link{background:rgba(255,255,255,.12)}
.dropdown,.btn-group{position:relative}.dropdown-menu{display:none!important;position:absolute!important;top:calc(100% + 7px)!important;right:0!important;left:auto;z-index:var(--nk17-z-menu)!important;min-width:250px;max-width:min(920px,92vw);max-height:calc(100vh - 90px);overflow:auto;padding:9px!important;background:#fff!important;color:#31473e!important;border:1px solid #d7e4de!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(25,54,44,.24)!important}.dropdown.show>.dropdown-menu,.dropdown-menu.show{display:block!important}.dropdown-menu2{width:min(800px,86vw)!important}.dropdown-menu .nav{display:flex;flex-direction:column;align-items:stretch}.dropdown-menu .nav-link{width:100%;justify-content:flex-start;color:#365d50!important}.dropdown-menu .nav-link:hover{background:#eef7f3}.dropdown-menu-header{overflow:hidden;border-radius:10px;margin:-9px -9px 8px}.dropdown-menu-header-inner{position:relative;min-height:78px;padding:15px!important;background:linear-gradient(120deg,#4c7568,#795f48)!important}.menu-header-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12}.menu-header-content{position:relative;z-index:1}.menu-header-title{margin:0 0 4px;font-size:16px}.menu-header-subtitle{margin:0;font-size:12px;font-weight:500}.grid-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.grid-menu .btn{width:100%}.notifications-box{max-height:360px;overflow:auto}.vertical-time-simple{list-style:none;margin:0;padding:0}.vertical-time-simple .dot-primary{padding:8px;border-bottom:1px solid #edf2ef}
/* Tabs */
.nav-tabs{display:flex;gap:4px;border-bottom:1px solid #dce7e2}.nav-tabs .nav-link{border-radius:9px 9px 0 0}.tab-content{padding-top:8px}.tab-pane{display:none!important}.tab-pane.active,.tab-pane.show{display:block!important}
/* Settings drawer - restores original cog experience */
.ui-theme-settings{position:fixed;right:0;top:0;bottom:0;z-index:var(--nk17-z-settings);pointer-events:none}.btn-open-options{pointer-events:auto;position:absolute!important;right:0;top:145px;width:50px;height:50px;border-radius:14px 0 0 14px!important;background:#8b745d!important;border-color:#8b745d!important;color:#fff!important;box-shadow:0 8px 24px rgba(48,61,53,.2);z-index:2}.theme-settings__inner{pointer-events:auto;position:absolute;right:0;top:0;height:100vh;width:min(430px,94vw);background:#f9fcfa;color:#30443b;border-left:1px solid #d5e2dc;box-shadow:-18px 0 50px rgba(35,58,50,.2);transform:translateX(102%);transition:transform .25s ease;overflow:hidden}.ui-theme-settings.settings-open .theme-settings__inner{transform:translateX(0)}.ui-theme-settings.settings-open .btn-open-options{right:min(430px,94vw)}.scrollbar-container,.theme-settings__options-wrapper{height:100%}.theme-settings__options-wrapper{overflow:auto;padding-bottom:40px}.themeoptions-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:16px 18px;background:linear-gradient(110deg,#446d60,#725d48);color:#fff;font-size:16px}.theme-settings__options-wrapper>.p-3{padding:13px!important}.list-group{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-group-item{display:block;padding:12px!important;background:#fff;border:1px solid #dbe7e1!important;border-radius:12px!important}.widget-content{width:100%}.widget-content-wrapper{display:flex;align-items:center;min-width:0}.widget-content-left{min-width:0}.widget-content-right{margin-left:auto}.widget-heading{font-weight:700;color:#35594c;font-size:14px}.widget-subheading{font-size:12px;color:#718078;margin-top:2px}.theme-settings-swatches{display:block}.swatch-holder{width:28px;height:28px;display:inline-block;border:2px solid #fff;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 0 0 1px #d4dfda}.swatch-holder:hover,.swatch-holder.active{transform:scale(1.1);box-shadow:0 0 0 2px #789a8d}.btn-group{display:inline-flex}.btn-group>.btn{border-radius:0}.btn-group>.btn:first-child{border-radius:9px 0 0 9px}.btn-group>.btn:last-child{border-radius:0 9px 9px 0}
/* Switch compatibility */
.switch{position:relative;width:42px;height:24px;flex:0 0 42px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch:before{content:'';position:absolute;inset:0;border-radius:20px;background:#c5d1cc;transition:.18s}.switch:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s}.switch.switch-on:before,.switch:has(input:checked):before{background:#6f9888}.switch.switch-on:after,.switch:has(input:checked):after{transform:translateX(18px)}
/* Main layout contract with fixed/closed variants */
.fixed-header .app-header{position:fixed!important}.fixed-sidebar .app-sidebar{position:fixed!important}.fixed-footer .app-footer{position:fixed;left:var(--nk17-side-w);right:0;bottom:0;z-index:1000}.closed-sidebar .app-main__outer{margin-left:0!important}.closed-sidebar .app-sidebar{transform:translateX(-100%)!important}.closed-sidebar .app-header__logo{width:92px!important}.app-container.app-theme-gray{background:#e9efec}.body-tabs-line .card-header{box-shadow:none!important;border-bottom:2px solid #789b8d}.body-tabs-shadow .card-header{box-shadow:0 3px 12px rgba(38,70,58,.08)}
/* Header right legacy controls stay compact instead of exploding page height */
.app-header-right .dropdown>.btn,.app-header-right .dropdown-toggle,.app-header-right .header-btn-lg button{min-width:38px;max-width:170px;height:40px;padding:7px 9px;overflow:hidden}.app-header-right .widget-content{display:flex;align-items:center}.header-user-info{max-width:160px;overflow:hidden}.header-user-info .widget-heading,.header-user-info .widget-subheading{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.header-user-info .widget-subheading{opacity:.75}
/* Generic legacy cards / grids kept inside their own boxes */
.row{display:flex;flex-wrap:wrap;min-width:0}.row>*{min-width:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;min-height:1px}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-3{flex:0 0 25%;max-width:25%}.card,.main-card{min-width:0}.card-body{min-width:0}.overflow-hidden{overflow:hidden!important}
/* Responsive restoration */
@media(max-width:1180px){.app-header__logo{flex-basis:92px;width:92px!important}.nk-brand-sub{display:none}.header-megamenu{display:none!important}.app-header__menu{display:flex!important}.app-header-right{position:static}.mobile-toggle-header-nav{display:inline-flex!important}.app-header.mobile-header-open .app-header__content{position:absolute;left:8px;right:8px;top:calc(100% + 6px);height:auto;display:flex!important;flex-wrap:wrap;padding:10px;background:#3f6659;border-radius:14px;box-shadow:0 14px 34px rgba(26,51,43,.28)}.app-header.mobile-header-open .app-header-right{width:100%;flex-wrap:wrap}.search-wrapper.active,.search-wrapper:focus-within{width:min(380px,70vw)}.nk-live-search-results{left:10px;width:calc(100vw - 20px)}}
@media(max-width:860px){:root{--nk17-header-h:58px}.app-header{height:58px!important}.app-header__logo{height:58px;flex-basis:56px;width:56px!important}.app-header__logo .logo-src{display:none}.app-header__mobile-menu{display:flex!important}.app-sidebar{top:58px!important;width:min(310px,88vw)!important}.app-main{padding-top:58px!important}.app-main__outer{margin-left:0!important}.nk-brand-copy{display:none}.nk-header-tools span{display:none}.search-wrapper{display:none}.ui-theme-settings .btn-open-options{top:auto;bottom:82px;width:44px;height:44px}.fixed-footer .app-footer{left:0}.dropdown-menu{position:fixed!important;left:10px!important;right:10px!important;top:68px!important;max-width:none!important;width:auto!important}.col-4,.col-3{flex:0 0 50%;max-width:50%}}
@media(max-width:560px){.app-header{padding:0 7px!important}.app-header-right{gap:1px}.header-btn-lg{padding:0 2px}.app-header-right .header-btn-lg:nth-of-type(n+4){display:none}.nk-header-tools{display:flex!important}.nk-header-tool{padding:7px!important}.col-6,.col-4,.col-3{flex:0 0 100%;max-width:100%}.theme-settings__inner{width:94vw}.ui-theme-settings.settings-open .btn-open-options{right:94vw}.dropdown-menu2{width:auto!important}.grid-menu{grid-template-columns:1fr}}

.nk-live-search-results>.dropdown-menu,.nk-live-search-results .dropdown-menu{display:block!important;position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}.nk-live-search-results .dropdown-menu li{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf3f0}.nk-live-search-results .dropdown-menu li img{width:42px;height:42px;object-fit:cover;border-radius:8px;margin-right:8px}


/* ============================================================
   NIKAYA 2026 v18 — Legacy behavior & utility compatibility
   Rebuilds only the classes actually used by the original Blade.
   No Bootstrap/ArchitectUI stylesheet is loaded.
   ============================================================ */
:root{--nk18-header-h:64px;--nk18-side-w:280px;--nk18-menu-max:980px;--nk18-soft:#eef6f2;--nk18-border:#d8e5df;--nk18-brown:#81664d}
body.nk2026{overflow-x:hidden}.app-container{width:100%;position:relative}.app-main,.app-main__outer,.app-main__inner{min-width:0}.app-main__inner>*{max-width:100%}
/* Original responsive grid subset */
.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:12px;padding-left:12px}.row{display:flex;flex-wrap:wrap;margin-right:-8px;margin-left:-8px}.row.no-gutters{margin-right:0;margin-left:0}.row.no-gutters>[class*="col-"]{padding-right:0!important;padding-left:0!important}.row>[class*="col-"]{position:relative;width:100%;min-height:1px;padding-right:8px;padding-left:8px}.col,.col-auto{position:relative;min-width:0}.col{flex:1 0 0}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 8.333%;max-width:8.333%}.col-2{flex:0 0 16.667%;max-width:16.667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333%;max-width:33.333%}.col-5{flex:0 0 41.667%;max-width:41.667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333%;max-width:58.333%}.col-8{flex:0 0 66.667%;max-width:66.667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333%;max-width:83.333%}.col-11{flex:0 0 91.667%;max-width:91.667%}.col-12{flex:0 0 100%;max-width:100%}
@media(min-width:576px){.col-sm-2{flex:0 0 16.667%;max-width:16.667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333%;max-width:33.333%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-8{flex:0 0 66.667%;max-width:66.667%}.col-sm-10{flex:0 0 83.333%;max-width:83.333%}.col-sm-12{flex:0 0 100%;max-width:100%}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}}
@media(min-width:768px){.col-md-2{flex:0 0 16.667%;max-width:16.667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.667%;max-width:66.667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}.px-md-5{padding-left:3rem!important;padding-right:3rem!important}}
@media(min-width:1200px){.col-xl-2{flex:0 0 16.667%;max-width:16.667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333%;max-width:33.333%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-8{flex:0 0 66.667%;max-width:66.667%}.col-xl-10{flex:0 0 83.333%;max-width:83.333%}.col-xl-12{flex:0 0 100%;max-width:100%}}
/* Display/flex/alignment utilities still used by old markup */
.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-grow-1{flex-grow:1!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-stretch{align-items:stretch!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-around{justify-content:space-around!important}.justify-content-between{justify-content:space-between!important}.align-self-center{align-self:center!important}.position-absolute{position:absolute!important}.position-static{position:static!important}
/* Spacing subset */
.mt-0{margin-top:0!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-3{margin-right:1rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.p-1{padding:.25rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}
/* Type & decoration */
.text-left{text-align:left!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.04em}.text-reset{color:inherit!important}.text-primary{color:#4d7b6c!important}.text-secondary{color:#728079!important}.text-success{color:#4d8065!important}.text-info{color:#4f8190!important}.text-warning{color:#8b7446!important}.text-danger{color:#9a5b52!important}.text-dark{color:#263a32!important}.opacity-5{opacity:.5!important}.opacity-7{opacity:.7!important}.opacity-8{opacity:.8!important}.font-10{font-size:10px!important}.font-13{font-size:13px!important}.font-20{font-size:20px!important}.fsize-3{font-size:1.35rem!important}.border-0{border:0!important}.rounded-circle{border-radius:50%!important}.divider,.dropdown-divider,.nav-item-divider{height:1px;margin:.55rem 0;background:var(--nk18-border);border:0}.nav-item-divider{list-style:none}.right-bar-heading,.dropdown-header,.nav-item-header{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#728079;margin:7px 0 4px}.nav-item-header{padding:6px 10px}
/* Palette compatibility: old swatch names mapped to calm Buddhist-friendly tones */
.bg-primary{background:#507c6e!important}.bg-secondary{background:#7c857f!important}.bg-success{background:#5f8c70!important}.bg-info{background:#5e887d!important}.bg-warning{background:#a58a5d!important}.bg-danger{background:#96645c!important}.bg-light{background:#edf5f1!important}.bg-dark{background:#304a41!important}.bg-focus{background:#6d6254!important}.bg-alternate{background:#65766e!important}.bg-night-sky,.bg-midnight-bloom,.bg-slick-carbon,.bg-premium-dark,.bg-asteroid{background:#2d4d43!important}.bg-deep-blue,.bg-royal,.bg-malibu-beach{background:#557b75!important}.bg-vicious-stance,.bg-plum-plate,.bg-ripe-malin{background:#766454!important}.bg-warm-flame,.bg-sunny-morning,.bg-happy-fisher{background:#b69a73!important}.bg-night-fade,.bg-tempting-azure,.bg-amy-crisp,.bg-heavy-rain,.bg-mean-fruit{background:#dcebe5!important}.bg-arielle-smile,.bg-mixed-hopes,.bg-strong-bliss,.bg-grow-early,.bg-love-kiss,.bg-happy-green,.bg-happy-itmeo{background:#719586!important}.header-text-light,.sidebar-text-light{color:#f5fbf8!important}.header-text-dark,.sidebar-text-dark{color:#26372f!important}
/* Buttons/badges */
.btn-sm{min-height:30px!important;padding:4px 9px!important;font-size:12px!important}.btn-lg{min-height:44px!important;padding:9px 16px!important}.btn-wide{padding-left:18px!important;padding-right:18px!important}.btn-pill{border-radius:999px!important}.btn-square{border-radius:5px!important}.btn-shadow{box-shadow:0 4px 12px rgba(39,67,57,.12)!important}.btn-link,.btn-outline-link{border-color:transparent!important;background:transparent!important;color:#547b6d!important}.btn-secondary{background:#718078!important;border-color:#718078!important;color:#fff!important}.btn-success{background:#5b866d!important;border-color:#5b866d!important;color:#fff!important}.btn-info{background:#5b8383!important;border-color:#5b8383!important;color:#fff!important}.btn-warning{background:#a98b55!important;border-color:#a98b55!important;color:#fff!important}.btn-focus{background:#6d6254!important;border-color:#6d6254!important;color:#fff!important}.btn-outline-secondary{background:#fff!important;border-color:#a7b4ae!important;color:#627169!important}.btn-outline-success{background:#fff!important;border-color:#6f9880!important;color:#557662!important}.btn-outline-danger{background:#fff!important;border-color:#a67971!important;color:#8d5d55!important}.btn-transition{transition:all .18s ease}.btn-icon-only{padding-left:8px!important;padding-right:8px!important}.btn-icon-wrapper,.nav-link-icon{display:inline-grid;place-items:center;min-width:18px}.btn-icon-lg{font-size:20px}.btn-icon-vertical{display:flex!important;flex-direction:column!important;min-height:72px!important}.badge-pill{border-radius:999px!important}.badge-success{background:#5d886f!important;color:#fff!important}.badge-danger{background:#956158!important;color:#fff!important}.badge-warning{background:#a88b57!important;color:#fff!important}.badge-secondary{background:#718078!important;color:#fff!important}.badge-dot{width:9px;height:9px;padding:0!important;border-radius:50%;font-size:0}.badge-dot-sm{width:7px;height:7px}.badge-dot-xl{width:12px;height:12px}.badge-abs{position:absolute;right:5px;top:5px}
/* Icons without old icon-font: preserve spacing and provide harmless fallback */
.fa,.fab,[class^="pe-7s-"],[class*=" pe-7s-"],[class^="lnr-"],[class*=" lnr-"],[class^="la-"],[class*=" la-"]{display:inline-grid;place-items:center;min-width:1em;font-style:normal}.fa-angle-down:before{content:'⌄'}.fa-angle-up:before{content:'⌃'}.fa-angle-right:before,.la-angle-right:before{content:'›'}.fa-ellipsis-v:before{content:'⋮'}.fa-cog:before{content:'⚙'}.pe-7s-gift:before{content:'☸'}.pe-7s-world:before{content:'◎'}.pe-7s-config:before{content:'⚙'}.pe-7s-browser:before{content:'▣'}.pe-7s-hourglass:before{content:'◷'}.lnr-book:before{content:'▤'}.lnr-inbox:before{content:'▧'}.lnr-picture:before{content:'▧'}.lnr-file-empty:before{content:'▱'}
/* Header: retain original top navigation layout, but make it deterministic */
.app-header{overflow:visible!important}.app-header__content{height:100%;display:flex!important;align-items:center;min-width:0;gap:8px}.app-header-left{display:flex!important;align-items:center;min-width:0;flex:1 1 auto;gap:4px}.app-header-right{display:flex!important;align-items:center;flex:0 0 auto;margin-left:auto!important;gap:5px}.header-megamenu{min-width:0}.header-megamenu>.nav-item{position:relative}.header-megamenu>.nav-item>.nav-link{white-space:nowrap}.rm-max-width{position:absolute;left:0;top:calc(100% + 9px);z-index:2050;width:min(var(--nk18-menu-max),90vw);display:none}.header-megamenu>.nav-item.nk-popover-open>.rm-max-width{display:block}.header-megamenu>.nav-item.nk-popover-open .popover-custom-content{display:block!important}.popover-custom-content{width:100%;max-height:calc(100vh - 90px);overflow:auto;padding:12px;background:#fff;color:#2d4038;border:1px solid var(--nk18-border);border-radius:14px;box-shadow:0 18px 48px rgba(31,59,49,.23)}.dropdown-mega-menu{width:100%}.grid-menu{width:100%}.grid-menu-2col>.row>*,.grid-menu-2col{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-menu-3col .row,.grid-menu-4col .row{display:flex!important}.grid-menu .nav.flex-column{display:flex!important;flex-direction:column!important;align-items:stretch}.group-item,.account-item,.account-item2{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:8px;color:#385e51!important}.group-item:hover,.account-item:hover,.account-item2:hover{background:#edf6f2}.account-item img,.group-item img,.list-group-image{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:8px}.account-item2{color:#fff!important}.rm-pointers:before,.rm-pointers:after{display:none!important}
/* Search restored to original compact expandable behavior */
.search-wrapper{position:relative;z-index:2080;flex:0 0 auto;width:46px;height:42px;transition:width .22s ease}.search-wrapper.active,.search-wrapper:focus-within{width:min(420px,36vw)}.search-wrapper .input-holder{height:42px;border-radius:24px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);position:relative;overflow:hidden}.search-wrapper .search-input{width:100%;height:100%;padding:0 48px 0 15px!important;border:0!important;background:transparent!important;color:#fff!important;opacity:0}.search-wrapper.active .search-input,.search-wrapper:focus-within .search-input{opacity:1}.search-wrapper .search-icon{position:absolute;right:0;top:0;width:44px;height:40px;border:0!important;background:transparent!important;color:#fff!important}.search-wrapper .search-icon:before{content:'⌕';font-size:24px}.search-wrapper .search-icon span{display:none}.nk-live-search-results,#countryList{position:fixed;z-index:3100;top:58px;left:calc(var(--nk18-side-w) + 18px);width:min(580px,calc(100vw - var(--nk18-side-w) - 38px));max-height:68vh;overflow:auto;background:#fff;border:1px solid var(--nk18-border);border-radius:0 0 14px 14px;box-shadow:0 18px 45px rgba(24,50,41,.24);color:#30443b}.nk-live-search-results:empty,#countryList:empty{display:none!important}#countryList ul{list-style:none;padding:5px;margin:0}#countryList li,#countryList a{display:block;padding:8px 10px;border-radius:8px;color:#3a6254!important}#countryList li:hover,#countryList a:hover{background:#edf6f2}
/* Dropdowns / notifications / user menu */
.dropdown-menu-xl{width:min(780px,90vw)!important}.dropdown-menu-lg{width:min(520px,88vw)!important}.dropdown-menu-right{right:0!important;left:auto!important}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;background:transparent;color:#365e50!important;text-align:left;border-radius:7px}.dropdown-item:hover{background:#edf6f2}.scroll-area-sm{height:320px;max-height:45vh;overflow:auto}.scroll-area-xs{height:220px;max-height:36vh;overflow:auto}.notifications-box{overflow:auto}.icon-wrapper,.icon-wrapper-alt{position:relative;display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#edf6f2;color:#4a7767}.icon-wrapper-bg{position:absolute;inset:0;border-radius:inherit;opacity:.14}.media{display:flex;align-items:flex-start;min-width:0}.media-content,.media-body{flex:1 1 auto;min-width:0}.icon-wrap{flex:0 0 auto}.flag{display:inline-block;width:22px;height:15px;border-radius:2px;background:#d9e5e0;vertical-align:middle}
/* Widgets/list groups/timelines */
.list-group{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.list-group-item{position:relative;display:block;padding:11px 13px;background:#fff;border:1px solid #dfe8e4;margin-bottom:-1px}.list-group-item:first-child{border-radius:10px 10px 0 0}.list-group-item:last-child{border-radius:0 0 10px 10px}.widget-content{padding:10px}.widget-content-wrapper{display:flex;align-items:center;width:100%;min-width:0}.widget-content-left{min-width:0}.widget-content-right{margin-left:auto;text-align:right}.widget-heading{font-weight:700}.widget-subheading{font-size:12px;color:#718078}.widget-chart{text-align:center}.widget-numbers{font-size:22px;font-weight:750}.vertical-timeline{position:relative;padding:4px 0 4px 28px}.vertical-timeline:before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background:#dfe9e4}.vertical-timeline-item,.vertical-timeline-element{position:relative;margin:0 0 14px}.vertical-timeline-element-icon{position:absolute;left:-26px;top:3px;width:14px;height:14px;border-radius:50%;background:#6f9587;border:3px solid #edf6f2}.vertical-timeline-element-content{padding:0 0 0 3px}.vertical-timeline-element-date{font-size:11px;color:#7a8982}.timeline-title{margin:0 0 3px;font-weight:700}.vertical-without-time .vertical-timeline-element-date{display:none}
/* Settings drawer: all original options regain visible structure and interactions */
.ui-theme-settings{position:fixed!important;z-index:3200!important;right:0;top:0;bottom:0;pointer-events:none}.ui-theme-settings .btn-open-options{pointer-events:auto;position:absolute!important;right:0;top:132px;width:48px;height:48px;border-radius:13px 0 0 13px!important}.theme-settings__inner{pointer-events:auto;position:absolute;right:0;top:0;height:100dvh;width:min(430px,94vw);transform:translateX(102%);transition:.24s ease;background:#f8fcfa;border-left:1px solid var(--nk18-border);box-shadow:-18px 0 50px rgba(35,58,50,.19);overflow:hidden}.ui-theme-settings.settings-open .theme-settings__inner{transform:translateX(0)}.ui-theme-settings.settings-open .btn-open-options{right:min(430px,94vw)}.theme-settings__options-wrapper{height:100%;overflow:auto}.themeoptions-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;min-height:52px;padding:12px 15px;margin:0;color:#fff;background:linear-gradient(105deg,#456f61,#735e49)}.theme-settings-swatches{display:flex;flex-wrap:wrap;gap:4px}.swatch-holder{display:inline-block;width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbdad3;cursor:pointer}.swatch-holder.is-selected{box-shadow:0 0 0 3px #6f9587}.switch{position:relative;width:42px;height:24px;flex:0 0 42px;cursor:pointer}.switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.switch:before{content:'';position:absolute;inset:0;background:#c9d4cf;border-radius:999px;transition:.18s}.switch:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s}.switch.switch-on:before,.switch:has(input:checked):before{background:#668e7e}.switch.switch-on:after,.switch:has(input:checked):after{transform:translateX(18px)}
/* Original theme modes */
.app-container.app-theme-white{background:#f3f8f6}.app-container.app-theme-gray{background:#e6eeea}.body-tabs-line .card-header{box-shadow:none!important;border-bottom:2px solid #799b8e!important}.body-tabs-shadow .card-header{box-shadow:0 5px 15px rgba(38,69,58,.07)}.fixed-footer .app-footer{position:fixed;bottom:0;left:var(--nk18-side-w);right:0;z-index:1010}.closed-sidebar.fixed-footer .app-footer{left:0}
/* Header/sidebar color selection classes; color choices remain subdued */
.app-header.bg-primary{background:#477365!important}.app-header.bg-secondary{background:#68776f!important}.app-header.bg-success{background:#547a62!important}.app-header.bg-info{background:#537d72!important}.app-header.bg-warning{background:#9b825a!important}.app-header.bg-danger{background:#815d56!important}.app-header.bg-light{background:#eaf3ef!important}.app-header.bg-dark,.app-header.bg-focus,.app-header.bg-alternate{background:#304f45!important}.app-sidebar.bg-primary{background:#315a4e!important}.app-sidebar.bg-secondary{background:#586a61!important}.app-sidebar.bg-success{background:#3f694f!important}.app-sidebar.bg-info{background:#416b62!important}.app-sidebar.bg-warning{background:#806f51!important}.app-sidebar.bg-danger{background:#73544f!important}.app-sidebar.bg-light{background:#edf5f1!important;color:#2f493f!important}.app-sidebar.bg-dark,.app-sidebar.bg-focus,.app-sidebar.bg-alternate{background:#294b42!important}
/* Mobile/tablet header matches original behavior without breaking document flow */
@media(max-width:1180px){.header-megamenu{display:none!important}.app-header__menu{display:flex!important}.app-header__content{overflow:visible}.app-header.mobile-header-open .app-header__content{display:flex!important;position:absolute;left:8px;right:8px;top:calc(100% + 6px);height:auto;flex-wrap:wrap;padding:10px;background:#3d6658;border-radius:13px;box-shadow:0 16px 38px rgba(27,54,45,.28)}.app-header.mobile-header-open .app-header-left,.app-header.mobile-header-open .app-header-right{display:flex!important;width:100%;flex-wrap:wrap}.search-wrapper.active,.search-wrapper:focus-within{width:min(420px,75vw)}}
@media(max-width:860px){.app-header__mobile-menu{display:flex!important}.app-header__logo{width:58px!important;flex-basis:58px!important}.app-header__logo .logo-src{display:none}.app-header__content{display:none!important}.app-header.mobile-header-open .app-header__content{display:flex!important}.app-sidebar{width:min(310px,88vw)!important}.rm-max-width{position:fixed;left:8px!important;right:8px!important;top:66px;width:auto;max-height:calc(100dvh - 76px)}.popover-custom-content{max-height:calc(100dvh - 76px)}.nk-live-search-results,#countryList{left:8px;width:calc(100vw - 16px);top:64px}.dropdown-menu,.dropdown-menu-xl,.dropdown-menu-lg,.dropdown-menu2{position:fixed!important;left:8px!important;right:8px!important;top:65px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 78px)!important}.fixed-footer .app-footer{left:0!important}}
@media(max-width:575px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{max-width:100%;flex-basis:100%}.app-header{padding:0 7px!important}.theme-settings__inner{width:94vw}.ui-theme-settings.settings-open .btn-open-options{right:94vw}.search-wrapper.active,.search-wrapper:focus-within{width:calc(100vw - 90px)}.grid-menu-3col .row,.grid-menu-4col .row{display:block!important}}
/* v18 final legacy-detail pass */
.switch-header-cs-class,.switch-sidebar-cs-class,.switch-theme-class{cursor:pointer}.switch-animate,.has-switch{position:relative}.switch-off{opacity:.92}.icon-gradient{color:#628b7c}.large{font-size:1.05em}.nav-item-btn{display:flex;align-items:center}.header__pane{display:flex;align-items:center}.header-shadow{box-shadow:0 3px 16px rgba(35,63,55,.16)!important}.sidebar-shadow{box-shadow:4px 0 18px rgba(31,58,49,.08)}.nav-justified>.nav-item,.nav-justified>.nav-link{flex:1 1 auto;text-align:center}.tabs-animated,.tabs-animated-shadow{position:relative}.tabs-shadow-bordered{border-bottom:1px solid var(--nk18-border)}.nav-drop-body{padding:9px}.mega-menu,.grid-menu-xl{max-width:100%}.account-items{display:flex;flex-direction:column}.account-divider{height:1px;background:var(--nk18-border);margin:7px 0}.drawer-heading{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#668074;margin:12px 0 5px}.drawer-section{padding:8px 12px}.widget-chart-content{display:flex;flex-direction:column;align-items:center}.widget-content-actions{margin-left:auto}.widget-description{font-size:12px;color:#78867f}.dot-btn-wrapper{position:relative}.dot-btn-icon{position:absolute;right:1px;top:1px;width:7px;height:7px;border-radius:50%;background:#a27b59}.dots-separator{display:inline-flex;gap:3px}.metismenu-icon,.metismenu-state-icon{display:inline-grid;place-items:center;min-width:18px}.metismenu-state-icon{margin-left:auto}.vertical-nav-menu li.mm-active>:first-child .metismenu-state-icon{transform:rotate(90deg)}.scrollbar-sidebar,.ps{overflow:auto}.list-group-flush>.list-group-item{border-left:0;border-right:0;border-radius:0}.navbar-brand{display:inline-flex;align-items:center}.float-right{float:right!important}.font-weight-normal{font-weight:400!important}.fsize-2{font-size:1.15rem!important}.opacity-6{opacity:.6!important}.opacity-9{opacity:.9!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-5{padding-top:3rem!important}.mt-n2{margin-top:-.5rem!important}.results-title{font-weight:700}.results-subtitle{font-size:12px;color:#74827b}.no-results{padding:18px;text-align:center;color:#75847c}.language-icon{width:26px;height:18px;object-fit:cover;border-radius:3px}.btn-shine{position:relative;overflow:hidden}.btn-transition-alt,.btn-transition-text{transition:all .18s ease}.bounce-in{animation:nk18bounce .24s ease-out}@keyframes nk18bounce{from{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}.fa-spin{animation:nk18spin 1s linear infinite}@keyframes nk18spin{to{transform:rotate(360deg)}}

/* ============================================================
   NIKAYA 2026 v19 — Original UX Restoration + Layout Hardening
   10 upgrades, scoped on the clean/compatibility core.
   ============================================================ */
/* 1) Header/top navigation: preserve original functions without overflow. */
.nk2026 .app-header{overflow:visible;min-width:0}
.nk2026 .app-header__content{min-width:0;gap:10px;overflow:visible}
.nk2026 .app-header-left{flex:1 1 auto;min-width:0;overflow:visible}
.nk2026 .app-header-right{flex:0 0 auto;min-width:0;gap:4px;overflow:visible}
.nk2026 .header-dots{display:flex;align-items:center;gap:2px;min-width:0}
.nk2026 .header-dots>.dropdown,.nk2026 .header-btn-lg,.nk2026 .app-header-right>.dropdown{flex:0 0 auto}
.nk2026 .app-header-right .btn-link{width:40px;height:40px;min-height:40px;padding:0!important;border:0!important;border-radius:50%;background:rgba(255,255,255,.09)!important}
.nk2026 .app-header-right .btn-link:hover,.nk2026 .app-header-right .btn-link[aria-expanded="true"]{background:rgba(255,255,255,.18)!important}
.nk2026 .icon-wrapper{display:inline-flex;position:relative;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}
.nk2026 .icon-wrapper-bg{position:absolute;inset:0;border-radius:inherit;opacity:.16}.nk2026 .icon-wrapper>.icon,.nk2026 .icon-wrapper>i{position:relative;z-index:1}
.nk2026 .header-user-info{max-width:150px}.nk2026 .header-user-info .widget-heading,.nk2026 .header-user-info .widget-subheading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 2) Top dropdowns and mega panels: viewport-safe, no 800px forced overflow. */
.nk2026 .app-header .dropdown-menu,.nk2026 .nk-header-floating-menu{position:fixed!important;z-index:2200!important;top:calc(var(--nk-header) + 7px)!important;right:12px!important;left:auto!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - var(--nk-header) - 22px)!important;overflow:auto!important;margin:0!important;transform:none!important}
.nk2026 .app-header .dropdown-menu-xl,.nk2026 .app-header .dropdown-menu2{width:min(820px,calc(100vw - 24px))!important}
.nk2026 .app-header .dropdown-menu-lg{width:min(520px,calc(100vw - 24px))!important}
.nk2026 .dropdown-menu-header{overflow:hidden;border-radius:12px 12px 0 0}
.nk2026 .dropdown-menu-header-inner{position:relative;padding:18px;background:linear-gradient(120deg,var(--nk-green-700),var(--nk-green-500))!important;color:#fff!important}
.nk2026 .dropdown-menu-header-inner .menu-header-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.08}
.nk2026 .menu-header-content{position:relative;z-index:1}.nk2026 .menu-header-title{margin:0 0 4px;font-size:17px}.nk2026 .menu-header-subtitle{margin:0;font-size:12px;opacity:.9}
.nk2026 .dropdown-item{display:flex;align-items:center;width:100%;gap:8px;padding:9px 12px;border:0;background:transparent;color:var(--nk-text);text-align:left;cursor:pointer;border-radius:8px}
.nk2026 .dropdown-item:hover,.nk2026 .dropdown-item:focus,.nk2026 .dropdown-item.active{background:var(--nk-green-50);color:var(--nk-green-900)}
.nk2026 .dropdown-header{padding:8px 12px;color:var(--nk-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.nk2026 .dropdown-divider{height:1px;background:var(--nk-line);margin:6px 0}
.nk2026 .grid-menu .row{margin:0}.nk2026 .grid-menu [class*="col-"]{padding:5px}.nk2026 .btn-icon-vertical{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:92px;padding:10px!important;white-space:normal;text-align:center;border-radius:12px}.nk2026 .btn-icon-vertical a{display:block;width:100%;color:inherit!important}

/* 3) Mega Menu restored as a real anchored panel + internal quick filter. */
.nk2026 .header-megamenu{position:relative;flex:0 0 auto}.nk2026 .header-megamenu>.nav-item>.nav-link{color:#fff!important;background:rgba(255,255,255,.08);white-space:nowrap}.nk2026 .header-megamenu>.nav-item>.nav-link:hover,.nk2026 .header-megamenu>.nav-item.nk-popover-open>.nav-link{background:rgba(255,255,255,.17)}
.nk2026 .header-megamenu .popover-custom-content{display:none}.nk2026 .header-megamenu>.nav-item.nk-popover-open .popover-custom-content{display:block;position:fixed;z-index:2210;top:calc(var(--nk-header) + 7px);left:max(12px,calc((100vw - min(1000px,calc(100vw - 24px)))/2));width:min(1000px,calc(100vw - 24px));max-height:calc(100vh - var(--nk-header) - 22px);overflow:auto;padding:14px;background:#fff;border:1px solid var(--nk-line);border-radius:16px;box-shadow:0 22px 60px rgba(25,50,42,.22)}
.nk-mega-filter{position:sticky;z-index:3;top:-14px;display:flex;gap:8px;padding:10px;margin:-14px -14px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--nk-line);backdrop-filter:blur(8px)}.nk-mega-filter input{flex:1;min-width:0}.nk-mega-filter__count{align-self:center;color:var(--nk-muted);font-size:12px;white-space:nowrap}.nk-mega-hidden{display:none!important}

/* 4) Search restored with suggestion box, keyboard focus and recent terms. */
.nk2026 .search-wrapper{position:relative;display:flex;align-items:center;width:42px;transition:width .22s ease}.nk2026 .search-wrapper.active,.nk2026 .search-wrapper:focus-within{width:min(360px,34vw)}
.nk2026 .search-wrapper .input-holder{position:relative;width:100%}.nk2026 .search-input{width:100%;height:40px;padding:8px 42px 8px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;outline:none;opacity:0;pointer-events:none}.nk2026 .search-wrapper.active .search-input,.nk2026 .search-wrapper:focus-within .search-input{opacity:1;pointer-events:auto}.nk2026 .search-input::placeholder{color:rgba(255,255,255,.75)}
.nk2026 .search-icon{position:absolute;right:1px;top:1px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.nk2026 .nk-live-search-results{display:none;position:fixed;z-index:2250;top:calc(var(--nk-header) + 6px);left:clamp(12px,25vw,390px);width:min(520px,calc(100vw - 24px));max-height:min(430px,65vh);overflow:auto;padding:7px;background:#fff;border:1px solid var(--nk-line);border-radius:12px;box-shadow:0 18px 45px rgba(30,55,47,.22);color:var(--nk-text)}
.nk2026 .nk-live-search-results li,.nk2026 .nk-live-search-results a{display:block;padding:8px 10px;border-radius:8px;color:var(--nk-text)!important;cursor:pointer}.nk2026 .nk-live-search-results .nk-search-active,.nk2026 .nk-live-search-results li:hover,.nk2026 .nk-live-search-results a:hover{background:var(--nk-green-50)}
.nk-search-history{padding:8px 10px 5px;border-top:1px solid var(--nk-line);font-size:11px;color:var(--nk-muted)}.nk-search-history button{margin:3px 4px 0 0;padding:4px 8px;border:1px solid var(--nk-line);border-radius:999px;background:#fff;color:var(--nk-green-700);cursor:pointer}

/* 5) Settings drawer: true off-canvas + overlay, clear hierarchy. */
.nk-settings-overlay{position:fixed;z-index:2290;inset:0;background:rgba(22,42,35,.38);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.2s}.nk-settings-overlay.is-open{opacity:1;visibility:visible}
.nk2026 .ui-theme-settings{position:fixed;z-index:2300;top:0;right:0;bottom:0;width:0;pointer-events:none}.nk2026 .btn-open-options{position:fixed;right:14px;top:50%;z-index:2302;width:46px;height:46px;border-radius:50%!important;pointer-events:auto;box-shadow:0 10px 30px rgba(28,50,43,.2)}
.nk2026 .theme-settings__inner{position:absolute;top:0;right:0;width:min(430px,94vw);height:100%;overflow:auto;padding:0;background:#fff;box-shadow:-18px 0 55px rgba(22,43,35,.23);transform:translateX(105%);transition:transform .24s ease;pointer-events:auto}.nk2026 .ui-theme-settings.settings-open .theme-settings__inner{transform:translateX(0)}
.nk2026 .theme-settings__options-wrapper{padding:16px}.nk2026 .themeoptions-heading{position:sticky;top:0;z-index:2;margin:0 -16px 12px;padding:14px 16px;background:#f7fbf9;border-bottom:1px solid var(--nk-line);color:var(--nk-green-900);font-weight:800}.nk2026 .theme-settings__inner h3,.nk2026 .theme-settings__inner h4,.nk2026 .theme-settings__inner h5{color:var(--nk-green-900)}
.nk-settings-extra{margin:14px 0;padding:14px;border:1px solid var(--nk-line);border-radius:13px;background:var(--nk-green-50)}.nk-settings-extra__title{font-weight:800;color:var(--nk-green-900);margin-bottom:9px}.nk-settings-extra__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:7px 0;border-top:1px dashed #d6e3dd}.nk-settings-extra__row:first-of-type{border-top:0}.nk-settings-extra select{min-width:125px}

/* 6) Legacy switches/buttons made visually understandable again. */
.nk2026 .switch{position:relative;display:inline-flex;align-items:center;width:46px;height:25px;border-radius:999px;background:#ccd9d3;cursor:pointer;vertical-align:middle;transition:.2s}.nk2026 .switch input{position:absolute;opacity:0;pointer-events:none}.nk2026 .switch:before{content:"";width:19px;height:19px;margin-left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.nk2026 .switch.switch-on,.nk2026 .switch:has(input:checked){background:var(--nk-green-500)}.nk2026 .switch.switch-on:before,.nk2026 .switch:has(input:checked):before{transform:translateX(21px)}
.nk2026 .swatch-holder{display:inline-block;width:27px;height:27px;margin:3px;border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 1px var(--nk-line);cursor:pointer}.nk2026 .swatch-holder.is-selected{box-shadow:0 0 0 2px var(--nk-brown)}
.nk2026 .btn-pill{border-radius:999px!important}.nk2026 .btn-sm{min-height:30px;padding:5px 9px;font-size:12px}.nk2026 .btn-wide{padding-left:16px;padding-right:16px}.nk2026 .btn-shadow{box-shadow:0 4px 12px rgba(33,64,54,.1)}

/* 7) Sidebar accordion: nested branches no longer expand into one giant wall. */
.nk2026 .vertical-nav-menu li>ul{display:none}.nk2026 .vertical-nav-menu li.mm-active>ul,.nk2026 .vertical-nav-menu li.nk-menu-open>ul{display:block}.nk2026 .vertical-nav-menu li:has(>ul)>a{padding-right:30px}.nk2026 .vertical-nav-menu li:has(>ul)>a:after{content:"›";position:absolute;right:12px;font-size:18px;line-height:1;transform:rotate(0deg);transition:.18s}.nk2026 .vertical-nav-menu li.nk-menu-open>a:after,.nk2026 .vertical-nav-menu li.mm-active>a:after{transform:rotate(90deg)}
.nk2026 .vertical-nav-menu .nk-active-link{background:rgba(255,255,255,.13)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--nk-brown-soft)}

/* 8) Notifications/activity tabs and timelines regain proper sizing. */
.nk2026 .tabs-animated{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto}.nk2026 .tabs-animated .nav-item{flex:1 0 auto}.nk2026 .tabs-animated .nav-link{justify-content:center;white-space:nowrap}
.nk2026 .scroll-area-xs{max-height:180px;overflow:auto}.nk2026 .scroll-area-sm{max-height:310px;overflow:auto}.nk2026 .vertical-timeline{position:relative;padding-left:18px}.nk2026 .vertical-timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--nk-line)}.nk2026 .vertical-timeline-item{position:relative;padding:7px 0 7px 12px}.nk2026 .vertical-timeline-element-icon{position:absolute;left:-16px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--nk-green-500);box-shadow:0 0 0 3px #fff}.nk2026 .media{display:flex;align-items:flex-start;min-width:0}.nk2026 .media-content{min-width:0;flex:1}.nk2026 .account-item{display:block;padding:6px;border-radius:8px}.nk2026 .account-item:hover{background:var(--nk-green-50)}

/* 9) Compatibility utilities still present in legacy Blade. */
.nk2026 .form-row{display:flex;flex-wrap:wrap;margin:-5px}.nk2026 .form-row>[class*="col-"]{padding:5px}.nk2026 .input-group{display:flex;width:100%}.nk2026 .input-group>.form-control{min-width:0;flex:1 1 auto;border-radius:10px 0 0 10px}.nk2026 .input-group-append,.nk2026 .input-group-prepend{display:flex}.nk2026 .input-group-append>.btn{border-radius:0 10px 10px 0}.nk2026 .custom-select,.nk2026 select.form-control{appearance:auto;background:#fff}.nk2026 .progress{display:flex;height:8px;overflow:hidden;border-radius:999px;background:#e4ede8}.nk2026 .progress-bar{height:100%;background:var(--nk-green-500)}.nk2026 .alert{padding:10px 12px;border:1px solid var(--nk-line);border-radius:10px;background:#fff}.nk2026 .alert-info{background:#edf7f8}.nk2026 .alert-warning{background:#fbf6ea}.nk2026 .rounded-circle{border-radius:50%!important}.nk2026 .opacity-1{opacity:.1!important}.nk2026 .opacity-2{opacity:.2!important}.nk2026 .opacity-5{opacity:.5!important}.nk2026 .opacity-8{opacity:.8!important}.nk2026 .font-10{font-size:10px!important}.nk2026 .font-13{font-size:13px!important}.nk2026 .font-20{font-size:20px!important}.nk2026 .pr-0{padding-right:0!important}.nk2026 .pr-1{padding-right:.25rem!important}.nk2026 .pl-1{padding-left:.25rem!important}.nk2026 .pl-3{padding-left:1rem!important}.nk2026 .pt-2{padding-top:.5rem!important}.nk2026 .pb-0{padding-bottom:0!important}.nk2026 .pb-2{padding-bottom:.5rem!important}.nk2026 .pb-4{padding-bottom:1.5rem!important}.nk2026 .pt-4{padding-top:1.5rem!important}

/* 10) Layout hardening / responsive recovery. */
.nk2026 .app-main__outer,.nk2026 .app-main__inner,.nk2026 main,.nk2026 .card,.nk2026 .widget-content,.nk2026 .content-block,.nk2026 #content_pro{min-width:0;max-width:100%}.nk2026 .app-main__inner{overflow-x:clip}.nk2026 table{display:table;max-width:100%}.nk2026 .table-responsive{overflow:auto;max-width:100%}.nk2026 pre,.nk2026 code{white-space:pre-wrap;overflow-wrap:anywhere}.nk2026 iframe,.nk2026 video{max-width:100%}.nk2026 .rm-pointers{pointer-events:auto}
body.nk-density-compact .card-body{padding:12px}body.nk-density-compact .vertical-nav-menu a{padding-top:6px;padding-bottom:6px}body.nk-font-large{font-size:17px}body.nk-font-xlarge{font-size:18px}
@media(max-width:1350px){.nk2026 .header-user-info{display:none}.nk2026 .nk-brand-sub{display:none}.nk2026 .header-megamenu>.nav-item>.nav-link{font-size:0}.nk2026 .header-megamenu>.nav-item>.nav-link i{font-size:15px}}
@media(max-width:1100px){.nk2026 .app-header-right .dropdown:nth-of-type(3),.nk2026 .app-header-right .dd-chart-btn{display:none}.nk2026 .nk-header-tools span{display:none}.nk2026 .search-wrapper.active,.nk2026 .search-wrapper:focus-within{width:min(280px,36vw)}}
@media(max-width:991px){.nk2026 .app-header__content{position:static}.nk2026 .app-header-left{gap:4px}.nk2026 .header-megamenu{display:none}.nk2026 .app-header-right{display:none;position:fixed;z-index:2190;top:58px;right:8px;left:8px;padding:8px;background:var(--nk-green-900);border-radius:0 0 14px 14px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.nk2026 .app-header.mobile-header-open .app-header-right{display:flex;justify-content:flex-end}.nk2026 .search-wrapper.active,.nk2026 .search-wrapper:focus-within{position:fixed;z-index:2240;top:66px;left:10px;right:10px;width:auto!important}.nk2026 .search-wrapper.active .search-input,.nk2026 .search-wrapper:focus-within .search-input{background:#fff;color:var(--nk-text);border-color:var(--nk-line)}.nk2026 .search-wrapper.active .search-input::placeholder{color:var(--nk-muted)}.nk2026 .search-wrapper.active .search-icon{color:var(--nk-green-700)}.nk2026 .nk-live-search-results{top:112px;left:10px;right:10px;width:auto}.nk2026 .app-header .dropdown-menu,.nk2026 .nk-header-floating-menu{top:108px!important;right:8px!important;left:8px!important;width:auto!important;max-width:none!important}.nk2026 .btn-open-options{top:auto;bottom:76px}.nk2026 .header__pane{display:none}}
@media(max-width:640px){.nk2026 .app-header__logo{max-width:55px}.nk2026 .app-header__logo .logo-src{width:50px!important}.nk2026 .nk-brand-copy{display:none}.nk2026 .nk-header-tools{gap:2px}.nk2026 .nk-header-tool{padding:6px!important}.nk2026 .theme-settings__inner{width:100vw}.nk2026 .header-dots{gap:0}.nk2026 .app-header-right .btn-link{width:36px;height:36px}.nk2026 .grid-menu [class*="col-"]{width:50%!important}.nk2026 .btn-icon-vertical{min-height:78px;font-size:12px}}

/* ============================================================
   NIKAYA 2026 v20 — Original Feature Parity + Adaptive Shell
   Keeps legacy Blade behavior while replacing the old theme engine.
   ============================================================ */
:root{--nk20-header-compact:52px;--nk20-panel:#fbfdfc;--nk20-panel-2:#f0f6f3;--nk20-accent:#5d8578;--nk20-accent-2:#846b54;--nk20-shadow:0 14px 38px rgba(44,70,60,.14)}
body.nk2026{--nk-runtime-header:64px}.nk-header-compact{--nk-runtime-header:52px}.nk-header-compact .app-header{min-height:var(--nk20-header-compact)!important;height:var(--nk20-header-compact)!important}.nk-header-compact .app-header__logo,.nk-header-compact .app-header__content{min-height:var(--nk20-header-compact)!important;height:var(--nk20-header-compact)!important}.nk-header-compact .app-main{padding-top:var(--nk20-header-compact)!important}.app-header{transition:min-height .18s ease,height .18s ease,box-shadow .18s ease}.nk-header-compact .app-header{box-shadow:0 5px 18px rgba(39,66,56,.12)!important}

/* 1. Quick top navigation reconstructed from the real sidebar/menu links */
.nk20-quicknav{display:flex;align-items:center;gap:4px;min-width:0;margin-left:10px}.nk20-quicknav__link{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:999px;color:inherit;font-size:13px;font-weight:650;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.nk20-quicknav__link:hover,.nk20-quicknav__link:focus-visible{background:rgba(93,133,120,.10);border-color:rgba(93,133,120,.2);outline:0}.nk20-quicknav__link.is-current{background:rgba(93,133,120,.14);color:#385f52}.nk20-quicknav__more{position:relative}.nk20-quicknav__more-menu{display:none;position:absolute;z-index:1300;top:calc(100% + 8px);right:0;min-width:230px;max-width:min(360px,90vw);padding:7px;background:#fff;border:1px solid #dce8e2;border-radius:12px;box-shadow:var(--nk20-shadow)}.nk20-quicknav__more.is-open .nk20-quicknav__more-menu{display:block}.nk20-quicknav__more-menu a{display:block;padding:8px 10px;border-radius:8px;color:#355348;font-size:13px}.nk20-quicknav__more-menu a:hover{background:#eef6f2}
@media(max-width:1180px){.nk20-quicknav__link:nth-child(n+4){display:none}.nk20-quicknav__link{max-width:110px}}@media(max-width:991px){.nk20-quicknav{display:none}}

/* 2. Ctrl+K global search command palette */
.nk20-command-backdrop{position:fixed;inset:0;z-index:3000;background:rgba(28,43,37,.45);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;padding:10vh 16px}.nk20-command-backdrop.is-open{display:flex}.nk20-command{width:min(720px,100%);max-height:78vh;overflow:hidden;background:#fff;border:1px solid #dbe7e1;border-radius:18px;box-shadow:0 26px 70px rgba(25,42,35,.24);display:flex;flex-direction:column}.nk20-command__head{display:flex;align-items:center;gap:9px;padding:12px;border-bottom:1px solid #e5eee9;background:#fbfdfc}.nk20-command__input{flex:1;min-width:0;border:0!important;box-shadow:none!important;background:transparent!important;font-size:17px!important;outline:0!important}.nk20-command__kbd{font-size:11px;color:#77877f;border:1px solid #d8e3dd;border-bottom-width:2px;border-radius:6px;padding:2px 6px;background:#f6faf8}.nk20-command__modes{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid #edf3f0}.nk20-command__mode{border:1px solid #d8e5df;background:#fff;color:#52675e;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.nk20-command__mode.is-active{background:#e8f3ee;border-color:#aecabd;color:#355d50}.nk20-command__results{overflow:auto;padding:8px;min-height:90px}.nk20-command__empty{padding:26px 14px;text-align:center;color:#78877f}.nk20-command__results a,.nk20-command__results .nk20-command-result{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#304e43}.nk20-command__results a:hover,.nk20-command__results a.is-active{background:#edf6f2}.nk20-command__foot{display:flex;gap:14px;padding:8px 12px;border-top:1px solid #edf3f0;color:#7d8c85;font-size:11px;background:#fbfdfc}

/* 3. Search mode selector integrated into legacy search */
.nk20-search-mode{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#eef4f1;margin-left:6px;vertical-align:middle}.nk20-search-mode button{border:0;background:transparent;border-radius:999px;padding:4px 8px;font-size:11px;color:#64776e;cursor:pointer}.nk20-search-mode button.is-active{background:#fff;color:#385e51;box-shadow:0 1px 4px rgba(39,67,57,.12)}

/* 4–5. Settings presets + backup/restore controls */
.nk20-settings-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 12px}.nk20-preset{border:1px solid #d9e6df;background:#fff;border-radius:10px;padding:8px 6px;text-align:center;cursor:pointer;color:#486257;font-size:12px;line-height:1.25}.nk20-preset:hover,.nk20-preset.is-active{border-color:#97b8aa;background:#edf6f2;color:#315b4d}.nk20-setting-actions{display:flex;flex-wrap:wrap;gap:6px}.nk20-setting-actions .btn{flex:1 1 auto}.nk20-import-file{display:none}

/* 6. Stable compact header behavior */
.nk20-scroll-shadow .app-header{box-shadow:0 5px 18px rgba(37,62,53,.13)!important}.nk20-header-spacer{height:0}

/* 7. Sidebar favorites reconstructed without changing Blade */
.nk20-favorites{margin:8px 10px 12px;padding:10px;border:1px solid #dbe7e1;border-radius:12px;background:rgba(255,255,255,.58)}.nk20-favorites__title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#6c7d75;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.nk20-favorites__items{display:grid;gap:4px}.nk20-favorites__items a{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:8px;color:inherit;font-size:12px}.nk20-favorites__items a:hover{background:#eaf3ef}.nk20-favorites__items a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk20-star{margin-left:auto;border:0;background:transparent;color:#9aa9a2;cursor:pointer;padding:3px 5px;border-radius:6px;font-size:15px;opacity:.55}.vertical-nav-menu a:hover>.nk20-star,.vertical-nav-menu a:focus>.nk20-star,.nk20-star.is-fav{opacity:1}.nk20-star.is-fav{color:#987c4d}

/* 8. Notification/filter helper */
.nk20-notify-filter{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:7px;padding:8px;background:#fff;border-bottom:1px solid #edf3f0}.nk20-notify-filter input{min-width:0;height:32px!important;font-size:12px!important}.nk20-notify-count{white-space:nowrap;color:#72827a;font-size:11px}.nk20-notify-hidden{display:none!important}

/* 9. Mobile utility tray for original header features */
.nk20-mobile-tools-btn{display:none}.nk20-mobile-tools{position:fixed;z-index:2600;left:10px;right:10px;bottom:10px;max-height:72vh;overflow:auto;background:#fff;border:1px solid #dbe7e1;border-radius:16px;box-shadow:0 20px 55px rgba(27,46,38,.24);padding:10px;transform:translateY(calc(100% + 30px));transition:transform .22s ease}.nk20-mobile-tools.is-open{transform:translateY(0)}.nk20-mobile-tools__head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 9px;border-bottom:1px solid #edf3f0}.nk20-mobile-tools__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px}.nk20-mobile-tools__grid button,.nk20-mobile-tools__grid a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #dbe7e1;background:#f9fcfa;border-radius:10px;color:#3f5c50;font-size:12px;text-decoration:none}.nk20-mobile-tools__grid button:hover,.nk20-mobile-tools__grid a:hover{background:#edf6f2}.nk20-mobile-tools-backdrop{position:fixed;z-index:2590;inset:0;background:rgba(24,40,34,.34);display:none}.nk20-mobile-tools-backdrop.is-open{display:block}@media(max-width:991px){.nk20-mobile-tools-btn{display:inline-grid!important}.app-header-right>.header-btn-lg:nth-of-type(n+4){display:none!important}}

/* 10. Runtime adaptive layout classes */
body.nk-vw-xs{--nk-side-width:88vw}body.nk-vw-sm .dropdown-menu-xl,body.nk-vw-xs .dropdown-menu-xl{max-width:calc(100vw - 20px)!important;min-width:0!important;width:calc(100vw - 20px)!important;left:10px!important;right:10px!important;position:fixed!important;top:calc(var(--nk-runtime-header) + 8px)!important}.nk-overflow-safe{min-width:0!important;max-width:100%!important}.nk-overflow-safe>*{max-width:100%}.app-main__inner table{display:block;max-width:100%;overflow:auto}.app-main__inner img,.app-main__inner svg,.app-main__inner canvas{max-width:100%}.dropdown-menu.nk-place-left{right:auto!important;left:0!important}.dropdown-menu.nk-place-right{left:auto!important;right:0!important}

/* Better keyboard focus throughout reconstructed controls */
body.nk2026 :focus-visible{outline:2px solid rgba(70,117,100,.65);outline-offset:2px}.nk20-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}


/* ============================================================
   NIKAYA 2026 v21 — Shell Reliability + Original Control Parity
   ============================================================ */
:root{--nk21-safe-bottom:max(10px,env(safe-area-inset-bottom));--nk21-panel-border:#d8e5df;--nk21-soft:#eef6f2;--nk21-text:#355448}
/* 1. Header overflow manager */
.nk21-header-more{position:relative;display:none}.nk21-header-more.is-needed{display:inline-flex}.nk21-header-more__menu{display:none;position:absolute;z-index:1450;top:calc(100% + 9px);right:0;width:min(320px,90vw);max-height:min(70vh,520px);overflow:auto;padding:7px;background:#fff;border:1px solid var(--nk21-panel-border);border-radius:12px;box-shadow:0 16px 42px rgba(35,59,50,.18)}.nk21-header-more.is-open .nk21-header-more__menu{display:block}.nk21-header-more__menu>a,.nk21-header-more__menu>button{display:flex;width:100%;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--nk21-text);font-size:13px;text-align:left}.nk21-header-more__menu>a:hover,.nk21-header-more__menu>button:hover{background:var(--nk21-soft)}.nk21-header-hidden{display:none!important}
/* 2. Accessible dropdown coordinator */
.nk21-dropdown-open{display:block!important;visibility:visible!important;opacity:1!important}.nk21-dropdown-backdrop{position:fixed;inset:0;z-index:1190;background:transparent}.app-header .dropdown-menu.nk21-dropdown-open{z-index:1200!important}.nk21-focus-ring{outline:2px solid rgba(75,124,106,.65)!important;outline-offset:2px!important}
/* 3. Search history */
.nk21-search-history{padding:9px 12px;border-bottom:1px solid #edf3f0;background:#fbfdfc}.nk21-search-history__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#718078;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.nk21-search-history__chips{display:flex;flex-wrap:wrap;gap:5px}.nk21-search-chip{border:1px solid #d8e5df;background:#fff;color:#50685e;border-radius:999px;padding:4px 8px;font-size:11px;cursor:pointer}.nk21-search-chip:hover{background:#edf6f2}.nk21-search-history__clear{border:0;background:transparent;color:#8b7461;font-size:11px;cursor:pointer}
/* 4–6. Settings control center */
.nk21-settings-status{margin:10px 0;padding:10px;border:1px solid var(--nk21-panel-border);border-radius:12px;background:#fbfdfc}.nk21-settings-status__title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#687b72;margin-bottom:7px}.nk21-settings-status__grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.nk21-settings-status__item{padding:6px 7px;border-radius:8px;background:#f1f7f4;color:#526a60;font-size:11px}.nk21-settings-status__item strong{display:block;color:#355448;font-size:12px}.nk21-settings-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.nk21-settings-actions button{flex:1 1 120px}.nk21-repair-on .app-main__inner>*{min-width:0;max-width:100%}.nk21-repair-on .app-main__inner table{display:block;max-width:100%;overflow:auto}.nk21-repair-on .app-main__inner iframe,.nk21-repair-on .app-main__inner video,.nk21-repair-on .app-main__inner pre{max-width:100%;overflow:auto}.nk21-layout-warning{position:fixed;z-index:2400;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:320px;padding:9px 11px;border:1px solid #e4d8c9;border-radius:10px;background:#fffaf4;color:#725d48;box-shadow:0 12px 32px rgba(61,48,35,.14);font-size:12px}
/* 7. Sidebar controls + recent */
.nk21-sidebar-tools{display:flex;gap:5px;padding:7px 10px}.nk21-sidebar-tools button{flex:1;border:1px solid #d7e4de;background:rgba(255,255,255,.62);color:#536b61;border-radius:8px;padding:5px 7px;font-size:11px;cursor:pointer}.nk21-sidebar-tools button:hover{background:#edf6f2}.nk21-sidebar-recent{margin:0 10px 10px;padding:9px;border:1px solid #dbe7e1;border-radius:10px;background:rgba(255,255,255,.48)}.nk21-sidebar-recent__title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#788980;margin-bottom:5px}.nk21-sidebar-recent a{display:block;padding:5px 6px;border-radius:7px;color:#486157;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk21-sidebar-recent a:hover{background:#eaf3ef}
/* 8. Notification local read state */
.nk21-notify-actions{display:flex;justify-content:flex-end;padding:6px 8px;border-top:1px solid #edf3f0;background:#fbfdfc}.nk21-notify-actions button{border:0;background:transparent;color:#60766c;font-size:11px;cursor:pointer}.nk21-notify-read{opacity:.58}.nk21-notify-read::after{content:'Đã xem';margin-left:auto;font-size:9px;color:#84948c}.nk21-notify-unread-dot{width:7px;height:7px;border-radius:50%;background:#729688;display:inline-block;margin-left:5px}
/* 9. Keyboard shortcuts help */
.nk21-shortcuts{position:fixed;z-index:3200;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(25,40,34,.38);backdrop-filter:blur(3px)}.nk21-shortcuts.is-open{display:flex}.nk21-shortcuts__card{width:min(520px,100%);background:#fff;border:1px solid #dbe7e1;border-radius:16px;box-shadow:0 22px 60px rgba(25,42,35,.22);padding:14px}.nk21-shortcuts__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nk21-shortcuts__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nk21-shortcuts__item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px;border-radius:9px;background:#f4f9f6;color:#4b6359;font-size:12px}.nk21-shortcuts kbd{border:1px solid #ccdcd4;border-bottom-width:2px;border-radius:6px;background:#fff;padding:2px 6px;font-size:11px}
/* 10. Mobile safe shell + legacy content protector */
@media(max-width:991px){body.nk2026{padding-bottom:calc(58px + var(--nk21-safe-bottom))}.nk20-mobile-tools{bottom:var(--nk21-safe-bottom)}.nk-mobile-collection-dock,.nk-mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.app-main__inner{overflow-x:clip}.app-main__inner>.row,.app-main__inner>[class*="container"]{max-width:100%;margin-left:auto;margin-right:auto}.app-main__inner .dropdown-menu{max-width:calc(100vw - 20px)!important}.nk21-shortcuts__grid{grid-template-columns:1fr}}
@media(max-width:575px){.nk21-settings-status__grid{grid-template-columns:1fr}.nk21-header-more__menu{position:fixed;left:10px;right:10px;top:calc(var(--nk-runtime-header,64px) + 8px);width:auto}}

/* ============================================================
   NIKAYA 2026 v22 — Shell Completion & Scoped Legacy Hardening
   ============================================================ */

/* 1) Page-type classifier: every enhancement is scoped by body classes. */
.nk22-page-home .app-main__inner{container-type:inline-size}
.nk22-page-collection .nk22-contextbar,.nk22-page-reader .nk22-contextbar,.nk22-page-search .nk22-contextbar{display:flex}

/* 2) Context top bar built from real navigation, not hard-coded routes. */
.nk22-contextbar{display:none;position:sticky;z-index:1080;top:var(--nk-header,60px);align-items:center;gap:8px;min-height:42px;padding:6px 12px;border-bottom:1px solid var(--nk-line);background:rgba(247,251,249,.96);backdrop-filter:blur(10px);box-shadow:0 3px 12px rgba(30,55,47,.05)}
.nk22-contextbar__label{flex:0 0 auto;color:var(--nk-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.nk22-contextbar__links{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;min-width:0}
.nk22-contextbar__links a{flex:0 0 auto;max-width:190px;padding:6px 10px;border:1px solid var(--nk-line);border-radius:999px;background:#fff;color:var(--nk-green-800)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nk22-contextbar__links a:hover,.nk22-contextbar__links a.is-current{border-color:#b7d0c5;background:var(--nk-green-50);color:var(--nk-green-950)!important}
.nk22-contextbar__toggle{flex:0 0 auto;margin-left:auto}

/* 3) Keyboard-first dropdown / mega navigation focus states. */
.nk2026 .dropdown-menu a:focus-visible,.nk2026 .dropdown-menu button:focus-visible,.nk2026 .header-megamenu a:focus-visible,.nk2026 .header-megamenu button:focus-visible{outline:3px solid rgba(91,132,119,.25);outline-offset:1px;background:var(--nk-green-50)}
.nk22-kbd-hint{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:rgba(255,255,255,.7);font-size:10px}
.nk22-kbd-hint kbd{padding:2px 5px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(255,255,255,.1);color:#fff;font:inherit}

/* 4) Search completion: persistent mode, loading state, result count and no-result message. */
.nk20-command__modes{align-items:center}
.nk22-search-status{margin-left:auto;padding-right:8px;color:var(--nk-muted);font-size:11px;white-space:nowrap}
.nk20-command.is-loading .nk20-command__results{opacity:.58;pointer-events:none}
.nk20-command.is-loading .nk20-command__head:after{content:"";width:16px;height:16px;margin-left:8px;border:2px solid #d8e5df;border-top-color:var(--nk-green-600);border-radius:50%;animation:nk22spin .7s linear infinite}
@keyframes nk22spin{to{transform:rotate(360deg)}}
.nk22-no-results{padding:24px 16px;text-align:center;color:var(--nk-muted)}
.nk22-no-results strong{display:block;margin-bottom:5px;color:var(--nk-green-900)}

/* 5) Settings profile save/restore. */
.nk22-profile-box{margin:14px 0;padding:14px;border:1px solid var(--nk-line);border-radius:14px;background:#fff}
.nk22-profile-box__title{margin-bottom:8px;color:var(--nk-green-900);font-weight:800}
.nk22-profile-box__row{display:flex;gap:7px;flex-wrap:wrap}
.nk22-profile-box input{flex:1 1 160px;min-width:0}
.nk22-profile-list{display:grid;gap:6px;margin-top:8px}
.nk22-profile-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid var(--nk-line);border-radius:9px;background:var(--nk-green-50)}
.nk22-profile-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.nk22-profile-item button{flex:0 0 auto}

/* 6) Sidebar favorite-only mode + cleaner controls. */
.nk22-sidebar-mode{display:flex;gap:5px;padding:7px 9px;border-bottom:1px solid rgba(255,255,255,.08)}
.nk22-sidebar-mode button{flex:1;padding:6px 7px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.07);color:#eaf4ef;font-size:11px;cursor:pointer}
.nk22-sidebar-mode button.is-active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.nk22-favorites-only .vertical-nav-menu li:not(.nk22-has-favorite){display:none!important}
.nk22-favorites-only .vertical-nav-menu li.nk22-has-favorite{display:block!important}

/* 7) Responsive header modes and overflow drawer. */
.nk22-header-more{position:relative;display:none;flex:0 0 auto}
.nk22-header-more>button{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.nk22-header-more__menu{display:none;position:fixed;z-index:2280;top:calc(var(--nk-header) + 7px);right:10px;width:min(330px,calc(100vw - 20px));max-height:calc(100vh - var(--nk-header) - 20px);overflow:auto;padding:8px;border:1px solid var(--nk-line);border-radius:13px;background:#fff;box-shadow:0 18px 50px rgba(26,48,40,.22)}
.nk22-header-more.is-open .nk22-header-more__menu{display:block}
.nk22-header-more__menu>.nk22-moved{display:block!important;width:100%;margin:0 0 4px!important;color:var(--nk-text)!important}
.nk22-header-more__menu .btn,.nk22-header-more__menu .nav-link{width:100%;justify-content:flex-start;color:var(--nk-text)!important;background:transparent!important}
@media(max-width:1199px){.nk2026 .header-user-info{display:none}.nk22-header-more{display:block}}
@media(max-width:767px){.nk2026 .header-megamenu{display:none!important}.nk2026 .search-wrapper{display:none!important}.nk22-contextbar{top:var(--nk-header,58px)}}

/* 8) Scoped normalization for legacy tables/forms/media; never global. */
.nk22-page-collection .app-main__inner table,.nk22-page-reader .app-main__inner table,.nk22-page-search .app-main__inner table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.nk22-page-collection .app-main__inner img,.nk22-page-reader .app-main__inner img,.nk22-page-search .app-main__inner img{max-width:100%;height:auto}
.nk22-page-collection .app-main__inner iframe,.nk22-page-reader .app-main__inner iframe,.nk22-page-search .app-main__inner iframe,.nk22-page-collection .app-main__inner video,.nk22-page-reader .app-main__inner video,.nk22-page-search .app-main__inner video{max-width:100%}
.nk22-page-collection .app-main__inner input:not([type=checkbox]):not([type=radio]),.nk22-page-reader .app-main__inner input:not([type=checkbox]):not([type=radio]),.nk22-page-search .app-main__inner input:not([type=checkbox]):not([type=radio]),.nk22-page-collection .app-main__inner select,.nk22-page-reader .app-main__inner select,.nk22-page-search .app-main__inner select,.nk22-page-collection .app-main__inner textarea,.nk22-page-reader .app-main__inner textarea,.nk22-page-search .app-main__inner textarea{max-width:100%}
.nk22-page-reader .app-main__inner pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}

/* 9) Diagnostics panel inside Settings. */
.nk22-diagnostics{margin:14px 0;padding:14px;border:1px solid var(--nk-line);border-radius:14px;background:#fbfdfc}
.nk22-diagnostics__title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--nk-green-900);font-weight:800}
.nk22-diagnostics__grid{display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:12px}
.nk22-diagnostics__grid span:nth-child(odd){color:var(--nk-muted)}
.nk22-diagnostics__ok{color:#34765f;font-weight:800}.nk22-diagnostics__warn{color:#9b6d37;font-weight:800}

/* 10) Toast / UI-state feedback. */
.nk22-toast-stack{position:fixed;z-index:3000;right:14px;bottom:14px;display:grid;gap:8px;max-width:min(360px,calc(100vw - 28px));pointer-events:none}
.nk22-toast{padding:10px 12px;border:1px solid #cfe0d8;border-radius:10px;background:rgba(255,255,255,.98);box-shadow:0 12px 32px rgba(25,47,40,.16);color:var(--nk-text);font-size:12px;transform:translateY(8px);opacity:0;transition:.18s}
.nk22-toast.is-visible{transform:none;opacity:1}.nk22-toast strong{color:var(--nk-green-900)}

@media(max-width:767px){
 .nk22-contextbar{padding:5px 8px}.nk22-contextbar__label{display:none}.nk22-contextbar__links a{max-width:150px}
 .nk22-toast-stack{left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));max-width:none}
}


/* ============================================================
   NIKAYA 2026 v23 — Daily-use UX, Accessibility & Runtime Hardening
   ============================================================ */
/* 1) Personal quick access ribbon */
.nk23-quick-access{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 11px;border:1px solid var(--nk-line);border-radius:13px;background:linear-gradient(135deg,#f9fcfa,#f7f2eb);box-shadow:0 4px 15px rgba(42,70,60,.04)}
.nk23-quick-access__title{flex:0 0 auto;color:var(--nk-green-900);font-size:12px;font-weight:800}.nk23-quick-access__links{display:flex;gap:6px;min-width:0;overflow:auto;scrollbar-width:thin}.nk23-quick-access a{flex:0 0 auto;max-width:190px;padding:6px 9px;border:1px solid var(--nk-line);border-radius:999px;background:#fff;color:var(--nk-green-800)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 2) Header shell health indicator */
.nk23-shell-health{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:#edf7f2;font-size:10px;white-space:nowrap}.nk23-shell-health:before{content:"";width:7px;height:7px;border-radius:50%;background:#9bd7bd;box-shadow:0 0 0 3px rgba(155,215,189,.13)}.nk23-shell-health.is-warn:before{background:#e3bd78}
/* 3) Search suggestion chips */
.nk23-search-chips{display:flex;gap:6px;overflow:auto;padding:7px 10px;border-bottom:1px solid var(--nk-line);scrollbar-width:thin}.nk23-search-chips button{flex:0 0 auto;border:1px solid var(--nk-line);border-radius:999px;background:#fff;color:var(--nk-green-800);padding:5px 8px;font-size:11px;cursor:pointer}.nk23-search-chips button:hover{background:var(--nk-green-50)}
/* 4) Accessibility controls */
.nk23-a11y{margin:14px 0;padding:14px;border:1px solid var(--nk-line);border-radius:14px;background:#fff}.nk23-a11y__title{font-weight:800;color:var(--nk-green-900);margin-bottom:8px}.nk23-a11y__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px dashed #e2ebe6;font-size:12px}.nk23-a11y__row:first-of-type{border-top:0}.nk23-switch{width:42px;height:23px;border:0;border-radius:999px;background:#d7e3dd;position:relative;cursor:pointer}.nk23-switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.18s}.nk23-switch[aria-pressed="true"]{background:var(--nk-green-600)}.nk23-switch[aria-pressed="true"]:after{left:22px}
.nk23-high-contrast{--nk-text:#18362d;--nk-muted:#4c625a;--nk-line:#b7c9c0}.nk23-high-contrast .card,.nk23-high-contrast .dropdown-menu{border-color:#9fb8ad}.nk23-relaxed-spacing .noidungchinh,.nk23-relaxed-spacing .nk-article-content{line-height:2;letter-spacing:.012em}.nk23-reduce-motion *, .nk23-reduce-motion *:before,.nk23-reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
/* 5) Resizable desktop sidebar */
.nk23-sidebar-resizer{position:fixed;z-index:1120;top:var(--nk-header,60px);bottom:0;left:calc(var(--nk-sidebar,280px) - 3px);width:7px;cursor:col-resize;background:transparent}.nk23-sidebar-resizer:hover,.nk23-sidebar-resizing .nk23-sidebar-resizer{background:rgba(92,132,119,.18)}.nk23-sidebar-resizing{user-select:none;cursor:col-resize}.nk23-sidebar-resizing *{cursor:col-resize!important}
/* 6) Collection route-state toolbar */
.nk23-collection-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-5px 0 12px;color:var(--nk-muted);font-size:11px}.nk23-collection-state button{border:1px solid var(--nk-line);border-radius:8px;background:#fff;color:var(--nk-green-800);padding:5px 8px;cursor:pointer}
/* 7) Previous / next article navigation */
.nk23-article-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 8px}.nk23-article-nav a{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;border:1px solid var(--nk-line);border-radius:13px;background:#fff;color:var(--nk-green-900)!important;box-shadow:0 3px 12px rgba(42,70,60,.04)}.nk23-article-nav a:last-child{text-align:right}.nk23-article-nav small{color:var(--nk-muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.nk23-article-nav strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
/* 8) AJAX/runtime normalized marker */
.nk23-runtime-normalized{min-width:0;max-width:100%}.nk23-runtime-normalized img{max-width:100%;height:auto}.nk23-runtime-normalized table{max-width:100%}
/* 9) Accessibility skip/live region/focus trap visuals */
.nk23-skip{position:fixed;z-index:5000;left:10px;top:8px;transform:translateY(-160%);padding:8px 12px;border-radius:8px;background:#173e33;color:#fff!important;transition:transform .15s}.nk23-skip:focus{transform:none}.nk23-live{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.nk23-focus-ring :focus-visible{outline:3px solid rgba(66,119,101,.35);outline-offset:2px}
/* 10) Runtime shell recovery banner */
.nk23-recovery{position:fixed;z-index:2900;left:50%;top:calc(var(--nk-header,60px) + 10px);transform:translateX(-50%);display:none;align-items:center;gap:8px;max-width:min(620px,calc(100vw - 20px));padding:8px 10px;border:1px solid #dccba8;border-radius:10px;background:#fffaf0;color:#745a36;box-shadow:0 10px 28px rgba(70,54,32,.13);font-size:12px}.nk23-recovery.is-visible{display:flex}.nk23-recovery button{margin-left:auto;border:1px solid #d7c29a;border-radius:7px;background:#fff;color:#745a36;padding:4px 7px;cursor:pointer}
@media(max-width:991px){.nk23-sidebar-resizer{display:none}.nk23-shell-health{display:none}.nk23-quick-access{overflow:hidden}.nk23-quick-access__title{display:none}}
@media(max-width:640px){.nk23-article-nav{grid-template-columns:1fr}.nk23-article-nav a:last-child{text-align:left}.nk23-search-chips{padding-left:7px;padding-right:7px}}

/* ============================================================
   NIKAYA 2026 v24 — Navigation, Reading Continuity & Diagnostics
   ============================================================ */
/* 1) Page-aware action rail */
.nk24-actionrail{position:sticky;z-index:900;top:calc(var(--nk-header,60px) + 6px);display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 12px;padding:7px 9px;border:1px solid var(--nk-line);border-radius:12px;background:rgba(251,253,252,.94);backdrop-filter:blur(12px);box-shadow:0 5px 20px rgba(31,58,49,.06)}
.nk24-actionrail__label{flex:0 0 auto;color:var(--nk-green-900);font-size:11px;font-weight:800}.nk24-actionrail__items{display:flex;align-items:center;gap:6px;min-width:0;overflow:auto;scrollbar-width:none}.nk24-actionrail__items::-webkit-scrollbar{display:none}.nk24-actionrail button,.nk24-actionrail a{flex:0 0 auto;border:1px solid var(--nk-line);border-radius:8px;background:#fff;color:var(--nk-green-800)!important;padding:6px 9px;font-size:11px;text-decoration:none;cursor:pointer}.nk24-actionrail button:hover,.nk24-actionrail a:hover{background:var(--nk-green-50)}
/* 2) Resume-reading card */
.nk24-resume{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:9px 11px;border:1px solid #d4e3dc;border-radius:12px;background:linear-gradient(135deg,#f7fbf9,#fbf7f0);color:var(--nk-text);font-size:12px}.nk24-resume strong{color:var(--nk-green-900)}.nk24-resume__track{flex:1;min-width:80px;height:5px;overflow:hidden;border-radius:99px;background:#dfe9e4}.nk24-resume__track span{display:block;height:100%;border-radius:99px;background:var(--nk-green-600)}.nk24-resume button{border:1px solid var(--nk-line);border-radius:8px;background:#fff;color:var(--nk-green-800);padding:5px 8px;cursor:pointer}
/* 3) Reader heading HUD */
.nk24-reader-hud{position:fixed;z-index:1080;right:16px;bottom:18px;display:none;width:min(320px,calc(100vw - 32px));padding:8px 10px;border:1px solid var(--nk-line);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(28,52,44,.14);color:var(--nk-text);font-size:11px}.nk24-page-reader .nk24-reader-hud.is-visible{display:block}.nk24-reader-hud__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nk-green-900);font-weight:800}.nk24-reader-hud__meta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:var(--nk-muted)}
/* 4+5) Collection sticky controls and result counter */
.nk24-collectionbar{position:sticky;z-index:850;top:calc(var(--nk-header,60px) + 8px);display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 11px;padding:8px;border:1px solid var(--nk-line);border-radius:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(32,59,50,.05)}.nk24-collectionbar input{flex:1 1 180px;min-width:130px;max-width:360px;border:1px solid var(--nk-line);border-radius:8px;padding:7px 9px;background:#fff;color:var(--nk-text)}.nk24-collectionbar button{border:1px solid var(--nk-line);border-radius:8px;background:#fff;color:var(--nk-green-800);padding:6px 8px;cursor:pointer}.nk24-collectionbar button.is-active{border-color:#9dbdaf;background:var(--nk-green-50);font-weight:800}.nk24-collectionbar__count{margin-left:auto;color:var(--nk-muted);font-size:11px;font-weight:700;white-space:nowrap}.nk24-empty{display:none;margin:14px 0;padding:20px;border:1px dashed #cbdcd4;border-radius:12px;background:#fbfdfc;text-align:center;color:var(--nk-muted)}.nk24-empty.is-visible{display:block}
/* 6) Mobile action sheet */
.nk24-mobile-sheet-toggle{display:none}.nk24-mobile-sheet{position:fixed;z-index:2600;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));display:none;padding:10px;border:1px solid var(--nk-line);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(24,45,38,.22)}.nk24-mobile-sheet.is-open{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.nk24-mobile-sheet button,.nk24-mobile-sheet a{display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--nk-line);border-radius:10px;background:#fbfdfc;color:var(--nk-green-800)!important;font-size:11px;text-align:center;text-decoration:none}.nk24-mobile-sheet-toggle{position:fixed;z-index:2590;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border:0;border-radius:50%;background:var(--nk-green-800);color:#fff;box-shadow:0 10px 28px rgba(20,58,47,.25);cursor:pointer}
/* 7) Settings group reset */
.nk24-settings-tools{margin:14px 0;padding:12px;border:1px solid var(--nk-line);border-radius:13px;background:#fbfdfc}.nk24-settings-tools__title{margin-bottom:8px;color:var(--nk-green-900);font-weight:800}.nk24-settings-tools__buttons{display:flex;gap:6px;flex-wrap:wrap}.nk24-settings-tools button{border:1px solid var(--nk-line);border-radius:8px;background:#fff;color:var(--nk-green-800);padding:6px 8px;font-size:11px;cursor:pointer}
/* 8) Sidebar keyboard cursor */
.vertical-nav-menu a.nk24-kbd-current{outline:2px solid rgba(77,126,109,.36);outline-offset:-2px;background:var(--nk-green-50)!important}
/* 9) Diagnostics export */
.nk24-diagnostic-export{display:flex;gap:6px;margin-top:8px}.nk24-diagnostic-export button{border:1px solid var(--nk-line);border-radius:8px;background:#fff;color:var(--nk-green-800);padding:5px 8px;font-size:11px;cursor:pointer}
/* 10) AJAX settle indicator */
.nk24-runtime-status{position:fixed;z-index:2850;left:50%;bottom:18px;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:6px 10px;border:1px solid var(--nk-line);border-radius:999px;background:#fff;color:var(--nk-muted);box-shadow:0 8px 22px rgba(30,54,47,.1);font-size:10px;transition:.18s}.nk24-runtime-status.is-visible{transform:translate(-50%,0);opacity:1}
@media(max-width:991px){.nk24-actionrail{position:relative;top:auto}.nk24-collectionbar{top:calc(var(--nk-header,58px) + 5px)}.nk24-reader-hud{right:10px;bottom:74px}.nk24-mobile-sheet-toggle{display:block}.nk24-runtime-status{bottom:76px}}
@media(max-width:640px){.nk24-actionrail__label{display:none}.nk24-collectionbar{padding:7px}.nk24-collectionbar input{flex-basis:100%;max-width:none}.nk24-collectionbar__count{margin-left:0}.nk24-resume{align-items:flex-start;flex-wrap:wrap}.nk24-resume__track{order:3;flex-basis:100%}}


/* ============================================================
   NIKAYA 2026 v25 — Study Flow + Reader Refinement + Watchdog
   ============================================================ */
.nk25-context-strip{display:flex;align-items:center;gap:.55rem;min-width:0;margin:0 0 14px;padding:9px 12px;border:1px solid rgba(80,126,111,.18);border-radius:12px;background:linear-gradient(90deg,rgba(239,248,244,.96),rgba(250,247,241,.92));color:#49685f;font-size:.86rem}
.nk25-context-strip a{color:#3f6f62;text-decoration:none;font-weight:600}.nk25-context-strip__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d553f}.nk25-context-strip__type{margin-left:auto;white-space:nowrap;font-size:.74rem;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid rgba(115,151,141,.2)}
.nk25-command-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid rgba(80,126,111,.12)}.nk25-command-actions button{border:1px solid rgba(80,126,111,.18);background:#f7fbf9;color:#45685f;border-radius:9px;padding:6px 9px;font-size:.78rem;cursor:pointer}.nk25-command-actions button:hover{background:#edf6f2}
.nk25-sidebar-active-tools{display:flex;gap:6px;margin:8px 10px}.nk25-sidebar-active-tools button{flex:1;border:1px solid rgba(80,126,111,.17);background:rgba(255,255,255,.7);color:#45685f;border-radius:8px;padding:6px 8px;font-size:.75rem;cursor:pointer}.nk25-branch-count{margin-left:auto;font-size:.68rem;opacity:.62;padding-left:6px}
.nk25-collection-sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}.nk25-collection-sort label{font-size:.78rem;color:#6b736e}.nk25-collection-sort select,.nk25-collection-sort button{border:1px solid rgba(80,126,111,.2);background:#fff;color:#47675e;border-radius:8px;padding:6px 8px;font-size:.78rem}.nk25-collection-item-last{outline:2px solid rgba(154,117,83,.32);outline-offset:2px}.nk25-collection-resume{display:inline-flex;align-items:center;gap:6px;color:#745c46;background:#fbf7f1;border:1px solid rgba(154,117,83,.18);border-radius:999px;padding:5px 9px;font-size:.76rem;cursor:pointer}
.nk25-paragraph-focus{position:relative;background:linear-gradient(90deg,rgba(224,241,234,.68),rgba(255,255,255,0));border-left:3px solid rgba(85,122,112,.65);padding-left:12px!important;transition:background .18s ease,border-color .18s ease}.nk25-paragraph-focus::after{content:'Đang đọc';position:absolute;right:0;top:-1.2em;font-size:.62rem;color:#71887f;opacity:.8}
.nk25-reader-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0;padding:8px 10px;border:1px solid rgba(80,126,111,.15);border-radius:11px;background:#fbfdfc}.nk25-reader-tools button,.nk25-reader-tools input[type=range]{font-size:.76rem}.nk25-reader-tools button{border:1px solid rgba(80,126,111,.18);background:white;color:#45685f;border-radius:8px;padding:6px 8px;cursor:pointer}.nk25-reader-width-label{font-size:.74rem;color:#6b736e}.nk-reader-width-narrow .noidungchinh,.nk-reader-width-narrow .nk-article-content{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}.nk-reader-width-wide .noidungchinh,.nk-reader-width-wide .nk-article-content{max-width:1080px!important}
.nk25-mobile-readerbar{display:none;position:fixed;top:0;left:0;right:0;z-index:9998;height:42px;align-items:center;gap:8px;padding:0 10px;background:rgba(245,250,248,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(80,126,111,.16);box-shadow:0 4px 18px rgba(41,67,58,.08)}.nk25-mobile-readerbar__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:#49685f;font-weight:600}.nk25-mobile-readerbar__progress{font-size:.7rem;color:#775f49}.nk25-mobile-readerbar button{border:0;background:transparent;color:#45685f;font-size:1rem}.nk25-mobile-readerbar__line{position:absolute;left:0;bottom:0;height:2px;background:#6f9589;width:0}
.nk25-watchdog{position:fixed;right:12px;bottom:74px;z-index:9997;display:none;max-width:260px;background:#fffdf8;color:#6e5b49;border:1px solid rgba(154,117,83,.22);border-radius:10px;padding:8px 10px;box-shadow:0 8px 24px rgba(66,56,45,.12);font-size:.72rem}.nk25-watchdog.is-visible{display:block}.nk25-watchdog strong{display:block;margin-bottom:3px}.nk25-watchdog button{margin-top:5px;border:0;border-radius:7px;background:#edf6f2;color:#45685f;padding:4px 7px;font-size:.7rem}
@media(max-width:767px){body.nk25-reader-mobile{padding-top:42px}.nk25-mobile-readerbar{display:flex}.nk25-context-strip{margin-top:4px}.nk25-context-strip__type{display:none}.nk25-reader-tools{gap:4px}.nk25-reader-tools .nk25-reader-width-label{width:100%}}
@media(prefers-reduced-motion:reduce){.nk25-paragraph-focus{transition:none}}

/* ============================================================
   NIKAYA 2026 v26 — Top Navigation Rebuild (reference-layout)
   Focus: clean green top shell, complete icons, polished popups.
   ============================================================ */
:root{--nk26-header-h:68px;--nk26-header:#075f4f;--nk26-header-2:#0a705c;--nk26-header-hover:rgba(255,255,255,.11);--nk26-accent:#d4a557;--nk26-cream:#fbf8f1;--nk26-popup-shadow:0 20px 54px rgba(21,52,42,.20)}
body.nk26-shell{--nk-header:var(--nk26-header-h)}
body.nk26-shell .app-header{height:var(--nk26-header-h)!important;min-height:var(--nk26-header-h)!important;padding:0 12px!important;background:linear-gradient(100deg,var(--nk26-header),#076b58 68%,#075849)!important;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 4px 18px rgba(25,64,52,.15)!important;color:#fff!important}
body.nk26-shell .app-main{padding-top:var(--nk26-header-h)!important}
body.nk26-shell .app-sidebar{top:var(--nk26-header-h)!important}
body.nk26-shell .app-header__logo{height:var(--nk26-header-h)!important;min-width:210px;flex:0 0 210px!important;width:210px!important;gap:8px;padding:5px 8px 5px 0}
body.nk26-shell .app-header__logo .logo-src{display:flex!important;align-items:center!important;width:auto!important;height:58px!important;padding:4px 7px;border-radius:12px;background:#fff!important;box-shadow:none!important;border:0!important}
body.nk26-shell .app-header__logo .logo-src img{max-height:48px!important;border-radius:7px!important;box-shadow:none!important;background:transparent!important}
body.nk26-shell .nk26-logo-copy{display:flex;flex-direction:column;min-width:0;color:#fff;line-height:1.08}
body.nk26-shell .nk26-logo-copy strong{font-size:14px;font-weight:800;white-space:nowrap}.nk26-logo-copy small{margin-top:4px;font-size:9px;opacity:.72;white-space:nowrap}
body.nk26-shell .app-header__content{height:100%!important;gap:8px!important;overflow:visible!important}
body.nk26-shell .app-header-left{flex:1 1 auto!important;min-width:0!important;height:100%!important;gap:0!important;overflow:visible!important}
body.nk26-shell .app-header-right{flex:0 0 auto!important;height:100%!important;gap:3px!important;margin-left:4px!important}
body.nk26-shell .app-header-left>.nk-brand-lockup,body.nk26-shell .app-header-left>.nk-header-tools,body.nk26-shell .app-header-left>.header-megamenu,body.nk26-shell .app-header-left>.close{display:none!important}
body.nk26-shell .app-header-left>.search-wrapper{display:none!important}
body.nk26-shell #countryList.nk26-search-results{position:absolute!important;z-index:2400!important;top:46px!important;left:0!important;right:0!important;width:auto!important;max-height:360px!important;overflow:auto!important;border:1px solid #d9e5df!important;border-radius:0 0 13px 13px!important;background:#fff!important;box-shadow:0 14px 34px rgba(27,55,45,.16)!important}

/* Primary navigation: no black rectangular legacy blocks. */
.nk26-primary-nav{display:flex;align-items:center;gap:3px;min-width:0;height:100%;overflow:visible}
.nk26-nav-item{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;max-width:190px;padding:0 12px;border:0!important;border-radius:9px;background:transparent!important;color:#f4fbf8!important;font:inherit;font-size:13px;font-weight:650;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
.nk26-nav-item:hover,.nk26-nav-item.is-active,.nk26-nav-item[aria-expanded="true"]{background:var(--nk26-header-hover)!important;color:#fff!important}
.nk26-nav-item svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nk26-nav-item .nk26-caret{width:10px;height:10px;opacity:.72;transition:transform .16s}.nk26-nav-item[aria-expanded="true"] .nk26-caret{transform:rotate(180deg)}
.nk26-nav-label{overflow:hidden;text-overflow:ellipsis}
.nk26-nav-sep{width:1px;height:27px;margin:0 2px;background:rgba(255,255,255,.15)}

/* Header utilities: circles only; explicitly neutralize old dark rectangular backgrounds. */
body.nk26-shell .app-header-right .header-dots,body.nk26-shell .app-header-right .header-btn-lg{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:auto!important}
body.nk26-shell .app-header-right .btn,body.nk26-shell .app-header-right button,body.nk26-shell .app-header-right .btn-link,body.nk26-shell .app-header-right .icon-wrapper{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 1px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:rgba(255,255,255,.075)!important;color:#fff!important;box-shadow:none!important}
body.nk26-shell .app-header-right .btn:hover,body.nk26-shell .app-header-right button:hover,body.nk26-shell .app-header-right .btn-link:hover{background:rgba(255,255,255,.16)!important}
body.nk26-shell .app-header-right .icon-wrapper-bg,body.nk26-shell .app-header-right [class*="bg-"]{background:transparent!important}
body.nk26-shell .app-header-right .icon,body.nk26-shell .app-header-right i{color:#fff!important;font-size:15px!important}
body.nk26-shell .app-header-right .header-user-info{display:none!important}
body.nk26-shell .app-header-right .dropdown-menu-header-inner,body.nk26-shell .app-header-right .menu-header-content,body.nk26-shell .app-header-right .menu-header-image{background:#f7fbf9!important;color:#31574b!important;box-shadow:none!important}

/* Popup layer */
.nk26-popup-backdrop{position:fixed;z-index:2440;inset:var(--nk26-header-h) 0 0;background:rgba(18,40,33,.12);backdrop-filter:blur(1px);display:none}.nk26-popup-backdrop.is-open{display:block}
.nk26-popup{position:fixed;z-index:2450;top:calc(var(--nk26-header-h) + 8px);left:50%;transform:translateX(-50%);display:none;width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - var(--nk26-header-h) - 24px);overflow:auto;padding:0;border:1px solid #dbe7e1;border-radius:15px;background:#fff;box-shadow:var(--nk26-popup-shadow);color:#29483e}
.nk26-popup.is-open{display:block}.nk26-popup__head{position:sticky;z-index:2;top:0;display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e7efeb;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.nk26-popup__head svg{width:20px;height:20px;stroke:#3d7564;fill:none;stroke-width:1.8}.nk26-popup__head strong{font-size:15px;color:#225d4d}.nk26-popup__head span{font-size:11px;color:#75877f}.nk26-popup__close{margin-left:auto;width:31px;height:31px;border:0;border-radius:50%;background:#f0f6f3;color:#456b60;cursor:pointer;font-size:18px}
.nk26-popup__body{padding:16px}.nk26-popup .d-none{display:block!important}.nk26-popup .rm-max-width,.nk26-popup .popover-custom-content,.nk26-popup .dropdown-mega-menu,.nk26-popup .grid-menu{position:static!important;display:block!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}
.nk26-popup .row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important}.nk26-popup .row>[class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
.nk26-popup h6,.nk26-popup .right-bar-heading{margin:0 0 8px!important;padding:0!important;color:#8b6b49!important;font-size:11px!important;font-weight:800!important;letter-spacing:.07em;text-transform:uppercase}
.nk26-popup .p-2{padding:0!important}.nk26-popup a:not(.nk26-popup-card){display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 8px!important;border-radius:8px;color:#31594e!important;text-decoration:none!important;line-height:1.3}.nk26-popup a:not(.nk26-popup-card):hover{background:#edf6f2!important;color:#184f40!important}.nk26-popup .text-info,.nk26-popup .text-success,.nk26-popup .text-warning,.nk26-popup .text-danger{color:inherit!important}
.nk26-popup .account-item{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #e4ece8!important;border-radius:10px!important;margin:3px 0!important;background:#fff!important}.nk26-popup .account-item img{width:44px!important;height:44px!important;object-fit:cover!important;border-radius:8px!important;flex:0 0 auto}
.nk26-popup img[usemap]{display:block;max-width:100%!important;height:auto!important;margin:0 auto;border-radius:12px;border:1px solid #e0eae5}
.nk26-popup .badge,.nk26-popup .badge-warning{background:#f5efe6!important;color:#705b45!important;border:1px solid #e8dccb!important;border-radius:9px!important}.nk26-popup .account-item2{color:#31594e!important}
.nk26-popup .btn,.nk26-popup button:not(.nk26-popup__close){background:#fff!important;color:#31594e!important;border:1px solid #dce8e2!important;border-radius:10px!important;box-shadow:none!important}.nk26-popup .btn:hover,.nk26-popup button:not(.nk26-popup__close):hover{background:#edf6f2!important}
.nk26-popup .menu-header-content,.nk26-popup .dropdown-menu-header-inner{background:#f7fbf9!important;color:#31594e!important;border-radius:10px!important}.nk26-popup li:empty,.nk26-popup li:has(> :only-child:empty){display:none}

/* Nikaya structured popup */
.nk26-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.nk26-link-group{padding:13px;border:1px solid #e0eae5;border-radius:12px;background:#fff}.nk26-link-group h3{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#21614f;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.nk26-link-group h3 svg{width:17px;height:17px;stroke:#4c806f;fill:none;stroke-width:1.8}.nk26-link-group a{min-height:33px!important;border-bottom:1px dashed #edf2ef}.nk26-link-group a:last-child{border-bottom:0}.nk26-link-group .nk26-empty-link{font-size:11px;color:#8a9891;padding:7px}

/* Quick row under top header — search + icon tiles like the reference. */
.nk26-quickbar{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 11px;border:1px solid #dce8e2;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(32,64,53,.05)}
.nk26-quickbar__search{position:relative;flex:1 1 390px;min-width:250px}.nk26-quickbar__search .search-wrapper{display:block!important;position:relative!important;width:100%!important;height:44px!important;z-index:4!important}.nk26-quickbar__search .input-holder{height:44px!important;border:1px solid #d8e4de!important;border-radius:11px!important;background:#fbfdfc!important;overflow:hidden!important}.nk26-quickbar__search .search-input{position:static!important;display:block!important;width:100%!important;height:42px!important;padding:0 52px 0 14px!important;border:0!important;background:transparent!important;color:#334f46!important;opacity:1!important;pointer-events:auto!important}.nk26-quickbar__search .search-input::placeholder{color:#83928c!important}.nk26-quickbar__search .search-icon{position:absolute!important;right:0!important;top:0!important;width:46px!important;height:44px!important;border:0!important;border-radius:0 10px 10px 0!important;background:#0b6d59!important;color:#fff!important}.nk26-quickbar__search .search-icon:before{content:'⌕';font-size:24px}.nk26-quickbar__search .search-icon span{display:none!important}
.nk26-quickbar__tiles{display:flex;align-items:stretch;gap:5px;overflow-x:auto;scrollbar-width:thin;flex:0 1 auto}.nk26-quick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:67px;height:52px;padding:5px 7px;border:1px solid #e3ece7;border-radius:10px;background:#fff;color:#31594e!important;text-decoration:none!important;font-size:9px;font-weight:650;white-space:nowrap}.nk26-quick-tile:hover{background:#edf6f2}.nk26-quick-tile svg{width:19px;height:19px;stroke:#27715d;fill:none;stroke-width:1.8}.nk26-quick-tile:nth-child(3n+2) svg{stroke:#b56d35}.nk26-quick-tile:nth-child(4n) svg{stroke:#4d6ca8}

/* Completely remove legacy black/dark rectangles from top/popup context. */
body.nk26-shell .app-header [style*="background: black"],body.nk26-shell .app-header [style*="background:black"],body.nk26-shell .app-header .bg-dark,body.nk26-shell .app-header .bg-focus,body.nk26-shell .app-header .bg-alternate{background:transparent!important}
body.nk26-shell .nk26-popup [style*="background: black"],body.nk26-shell .nk26-popup [style*="background:black"],body.nk26-shell .nk26-popup .bg-dark,body.nk26-shell .nk26-popup .bg-focus,body.nk26-shell .nk26-popup .bg-alternate{background:#f7fbf9!important;color:#31594e!important}

@media(max-width:1280px){body.nk26-shell .app-header__logo{min-width:165px;flex-basis:165px!important;width:165px!important}.nk26-logo-copy small{display:none}.nk26-nav-item{padding:0 8px;font-size:12px}.nk26-nav-item:nth-of-type(6){display:none}.nk26-quickbar__tiles{max-width:55vw}}
@media(max-width:1080px){.nk26-nav-item .nk26-nav-label{display:none}.nk26-nav-item{width:40px;padding:0;justify-content:center}.nk26-nav-item svg{width:18px;height:18px}.nk26-nav-item .nk26-caret{display:none}.nk26-nav-sep{display:none}.nk26-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nk26-quickbar{align-items:flex-start;flex-wrap:wrap}.nk26-quickbar__search{flex-basis:100%}.nk26-quickbar__tiles{max-width:100%;width:100%}}
@media(max-width:860px){body.nk26-shell .app-header{padding:0 7px!important}body.nk26-shell .app-header__logo{min-width:58px;flex-basis:58px!important;width:58px!important}.nk26-logo-copy{display:none}.nk26-primary-nav{display:none}.nk26-quickbar__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.nk26-quick-tile{min-width:0;width:100%}.nk26-popup{top:66px;width:calc(100vw - 16px);max-height:calc(100dvh - 76px)}.nk26-popup .row{grid-template-columns:1fr!important}.nk26-link-grid{grid-template-columns:1fr}.nk26-popup__body{padding:10px}}
@media(max-width:640px){.nk26-quickbar{padding:7px;margin-bottom:10px}.nk26-quickbar__tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nk26-quick-tile{height:48px;padding:4px;font-size:8px}.nk26-quick-tile svg{width:17px;height:17px}}

/* ============================================================
   NIKAYA 2026 v27 — Reference Layout Expansion
   Continues the approved green/cream reference UI.
   ============================================================ */
:root{
  --nk27-green:#06624f;
  --nk27-green-deep:#075747;
  --nk27-green-soft:#edf6f2;
  --nk27-cream:#fbf7ef;
  --nk27-brown:#b48650;
  --nk27-line:#dce7e2;
  --nk27-text:#29483e;
  --nk27-muted:#6f817a;
  --nk27-shadow:0 8px 26px rgba(33,63,53,.075);
}
body.nk26-shell{background:#f6faf8!important;color:var(--nk27-text)}
body.nk26-shell .app-main__inner{max-width:1680px!important;padding-top:14px!important}

/* 1. Persistent four-column knowledge gateway under the quick bar */
.nk27-gateway{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.nk27-gateway-card{display:flex;min-width:0;flex-direction:column;min-height:244px;padding:15px 16px 12px;border:1px solid var(--nk27-line);border-radius:14px;background:#fff;box-shadow:var(--nk27-shadow)}
.nk27-gateway-card__head{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:var(--nk27-green-deep);font-size:13px;font-weight:850;letter-spacing:.025em;text-transform:uppercase}
.nk27-gateway-card__head svg,.nk27-gateway-card a svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nk27-gateway-card__body{display:grid;gap:1px;align-content:start;flex:1}
.nk27-gateway-card a{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 5px;border-radius:8px;color:#315b4f!important;text-decoration:none!important;font-size:12px;line-height:1.3}
.nk27-gateway-card a:hover{background:var(--nk27-green-soft);color:#174f40!important}
.nk27-gateway-card a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nk27-gateway-card__more{display:flex!important;justify-content:center!important;min-height:38px!important;margin-top:9px;padding-top:9px!important;border-top:1px solid #edf2ef;border-radius:0!important;color:var(--nk27-green)!important;font-weight:800!important}
.nk27-gateway-card__more:hover{background:transparent!important;text-decoration:underline!important}
.nk27-gateway-card__empty{padding:9px;color:#87958f;font-size:11px;font-style:italic}

/* 2. Make the entire content shell line up like the approved mockup */
body.nk27-reference-layout .app-main__outer{background:linear-gradient(180deg,#f7fbf9 0,#f5faf8 72%,#faf8f2 100%)}
body.nk27-reference-layout .app-main__inner>.nk26-quickbar{margin-bottom:10px}
body.nk27-reference-layout .card{border-color:var(--nk27-line)!important;box-shadow:var(--nk27-shadow)!important}
body.nk27-reference-layout .card-header{background:#fff!important;border-bottom:1px solid #e6eeea!important}

/* 3. Reader card: title + tabs become one clean white article shell */
.nk27-reader-card{overflow:visible!important;border:1px solid var(--nk27-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 10px 30px rgba(31,60,50,.07)!important}
.nk27-reader-card>.card-header{display:flex!important;align-items:center!important;gap:14px!important;min-height:68px!important;padding:12px 16px 0!important;border-bottom:1px solid #e4ece8!important;border-radius:15px 15px 0 0!important;background:#fff!important}
.nk27-reader-card>.card-header .card-header-title{flex:1 1 360px;min-width:220px;padding:0 4px 11px;color:#174f40!important;font-size:16px!important;font-weight:850!important;line-height:1.35}
.nk27-reader-card>.card-header .header-icon{display:none!important}
.nk27-reader-card>.card-header .nav{display:flex!important;align-self:flex-end;gap:4px;flex-wrap:wrap;margin:0!important;padding:0!important;border:0!important}
.nk27-reader-card>.card-header .nav-item{margin:0!important}
.nk27-reader-card>.card-header .nav-link{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:8px 14px!important;border:0!important;border-radius:9px 9px 0 0!important;background:transparent!important;color:#5c766d!important;font-size:12px!important;font-weight:700!important;white-space:nowrap}
.nk27-reader-card>.card-header .nav-link:hover{background:#f2f8f5!important;color:#1f6552!important}
.nk27-reader-card>.card-header .nav-link.active{background:var(--nk27-green-soft)!important;color:#14543f!important;box-shadow:inset 0 -3px 0 #2d7c66!important}
.nk27-reader-card>.card-body{padding:18px 18px 22px!important;background:#fff!important;border-radius:0 0 15px 15px}
.nk27-reader-card .noidungchinh{color:#334d45!important;font-size:16.5px!important;line-height:1.82!important}
.nk27-reader-card .noidungchinh p{max-width:none!important;margin:0 0 1.05em!important;line-height:1.82!important}
.nk27-reader-card .noidungchinh h1,.nk27-reader-card .noidungchinh h2,.nk27-reader-card .noidungchinh h3,.nk27-reader-card .noidungchinh h4{color:#17513f!important;scroll-margin-top:92px}

/* 4. Small reader action row modeled after the reference */
.nk27-reader-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:0}
.nk27-reader-actions button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid #dce7e2;border-radius:10px;background:#fff;color:#365e52;font-size:11px;cursor:pointer;box-shadow:0 3px 10px rgba(28,55,46,.035)}
.nk27-reader-actions button:hover{background:#f0f7f4;color:#15533f}

/* 5. TOC on the right follows the mockup card */
body.nk27-reference-layout .nk-article-toc{top:calc(var(--nk26-header-h) + 86px)!important;right:14px!important;width:min(286px,22vw)!important;max-height:calc(100vh - var(--nk26-header-h) - 108px)!important;padding:12px 12px 14px!important;border:1px solid var(--nk27-line)!important;border-radius:14px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 12px 32px rgba(33,61,52,.09)!important}
body.nk27-reference-layout .nk-article-toc__title{padding:3px 3px 8px!important;border-bottom:1px solid #eef2f0!important;color:#194f40!important;font-size:11px!important;letter-spacing:.04em!important}
body.nk27-reference-layout .nk-article-toc a{margin:1px 0;padding:5px 7px!important;border-left:2px solid transparent!important;border-radius:0 6px 6px 0!important;color:#5d766d!important;font-size:11px!important}
body.nk27-reference-layout .nk-article-toc a.is-active{border-left-color:#c79b62!important;background:#edf6f2!important;color:#164e3e!important;font-weight:750!important}

/* 6. Sidebar: presentation only. Existing anchors are untouched. */
body.nk27-reference-layout .app-sidebar{background:linear-gradient(180deg,#0b5d4c 0,#075040 100%)!important;border-right:1px solid rgba(255,255,255,.09)!important;box-shadow:4px 0 18px rgba(22,53,43,.08)!important}
body.nk27-reference-layout .app-sidebar__inner{padding:10px 9px 90px!important}
body.nk27-reference-layout .vertical-nav-menu>a,body.nk27-reference-layout .vertical-nav-menu li>a{min-height:37px;margin:2px 0!important;padding:8px 10px!important;border-radius:9px!important;color:#e9f5f0!important;font-size:12px!important}
body.nk27-reference-layout .vertical-nav-menu li>a:hover{background:rgba(255,255,255,.10)!important}
body.nk27-reference-layout .vertical-nav-menu li>a.mm-active,body.nk27-reference-layout .vertical-nav-menu li.mm-active>a{background:rgba(255,255,255,.15)!important;box-shadow:inset 3px 0 0 #d0a45d;color:#fff!important}
body.nk27-reference-layout .vertical-nav-menu ul{margin-left:10px!important;padding-left:7px!important;border-left:1px solid rgba(255,255,255,.12)!important}
body.nk27-reference-layout .nk-v15-side-search input{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}

/* 7. Breadcrumb/chips clean alignment */
body.nk27-reference-layout .nk-v16-breadcrumb,body.nk27-reference-layout .nk22-contextbar,body.nk27-reference-layout .nk25-context-strip{border-color:#e1eae6!important;background:rgba(255,255,255,.88)!important;box-shadow:none!important}

/* 8. Pagination and navigation buttons match the mockup */
body.nk27-reference-layout .pagination{display:flex!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important}
body.nk27-reference-layout .page-link{min-width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #dce7e2!important;border-radius:8px!important;background:#fff!important;color:#336052!important;box-shadow:none!important}
body.nk27-reference-layout .page-item.active .page-link{background:#0b6753!important;color:#fff!important;border-color:#0b6753!important}

/* 9. Footer styled as a quiet cream strip */
body.nk27-reference-layout .app-footer{background:#fbf7ef!important;border-top:1px solid #eadfce!important;color:#6e756f!important;box-shadow:none!important}
body.nk27-reference-layout .app-footer .app-footer__inner{min-height:48px!important;padding:8px 18px!important;background:transparent!important}
body.nk27-reference-layout .app-footer a{color:#486b60!important}

/* 10. Responsive behavior preserves information hierarchy */
@media(max-width:1320px){.nk27-gateway{grid-template-columns:repeat(2,minmax(0,1fr))}.nk27-gateway-card{min-height:210px}}
@media(max-width:1080px){.nk27-reader-card>.card-header{align-items:flex-start!important;flex-direction:column!important;padding-bottom:0!important}.nk27-reader-card>.card-header .nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.nk27-reader-card>.card-header .nav-link{border-radius:8px 8px 0 0!important}.nk27-reader-actions{justify-content:flex-start}}
@media(max-width:767px){body.nk26-shell .app-main__inner{padding:8px!important}.nk27-gateway{grid-template-columns:1fr;gap:8px}.nk27-gateway-card{min-height:0;padding:12px}.nk27-gateway-card__body{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px}.nk27-gateway-card__more{grid-column:1/-1}.nk27-reader-card>.card-header{min-height:auto!important;padding:10px 11px 0!important}.nk27-reader-card>.card-header .card-header-title{min-width:0;font-size:14px!important}.nk27-reader-card>.card-body{padding:13px!important}.nk27-reader-card .noidungchinh{font-size:16px!important}.nk27-reader-actions{gap:4px}.nk27-reader-actions button{min-height:34px;padding:5px 8px;font-size:10px}}
@media(max-width:480px){.nk27-gateway-card__body{grid-template-columns:1fr}.nk27-gateway-card__more{grid-column:auto}}

/* ============================================================
   NIKAYA 2026 v28 — Reference UI Precision Pass
   10 focused upgrades based on the approved mockup.
   ============================================================ */
:root{--nk28-green:#05634f;--nk28-green-2:#0b735d;--nk28-green-soft:#eef7f3;--nk28-cream:#fbf7ef;--nk28-gold:#c69345;--nk28-line:#dbe7e1;--nk28-text:#29483e;--nk28-muted:#73847d;--nk28-shadow:0 10px 30px rgba(30,62,51,.085)}
body.nk28-ui{background:linear-gradient(180deg,#f7fbf9 0,#f8fbfa 48%,#f6faf8 100%)!important}

/* 1. Top header precision + active route marker */
body.nk28-ui.nk26-shell .app-header{background:linear-gradient(100deg,#075f4f 0%,#08715c 64%,#075848 100%)!important;border-bottom:1px solid rgba(255,255,255,.13)!important;box-shadow:0 5px 18px rgba(19,58,45,.14)!important}
body.nk28-ui .nk26-primary-nav{gap:2px}
body.nk28-ui .nk26-nav-item{height:44px;border-radius:10px;padding:0 13px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
body.nk28-ui .nk26-nav-item.is-route-active{background:rgba(255,255,255,.15)!important;box-shadow:inset 0 -2px 0 #e7c887;color:#fff!important}
body.nk28-ui .nk26-nav-item.is-route-active:after{content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2px;border-radius:3px;background:#f0d69b}
body.nk28-ui .app-header-right{padding-left:4px;border-left:1px solid rgba(255,255,255,.09)}
body.nk28-ui .app-header-right .btn,body.nk28-ui .app-header-right button,body.nk28-ui .app-header-right .btn-link{transition:transform .15s ease,background .15s ease}
body.nk28-ui .app-header-right .btn:hover,body.nk28-ui .app-header-right button:hover,body.nk28-ui .app-header-right .btn-link:hover{transform:translateY(-1px)}

/* 2. Popup content cards / sections */
body.nk28-ui .nk26-popup{border-color:#d5e3dc;border-radius:17px;box-shadow:0 24px 65px rgba(19,50,40,.22)}
body.nk28-ui .nk26-popup__head{padding:14px 17px;background:linear-gradient(180deg,#fff,#fbfdfc)}
body.nk28-ui .nk26-popup__head strong{font-size:16px;font-weight:850}.nk28-popup-summary{margin-left:auto;margin-right:8px;padding:4px 8px;border-radius:999px;background:#eef6f2;color:#517064;font-size:10px;font-weight:750}
body.nk28-ui .nk26-popup__body{padding:15px;background:#fcfefd}
body.nk28-ui .nk26-popup .nk28-popup-section{min-width:0;padding:13px 14px;border:1px solid #e1ebe6;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(32,61,51,.035)}
body.nk28-ui .nk26-popup .nk28-popup-section>h6:first-child,body.nk28-ui .nk26-popup .nk28-popup-section>.right-bar-heading:first-child{padding-bottom:8px!important;border-bottom:1px solid #eef3f0!important}
body.nk28-ui .nk26-popup a{transition:background .13s ease,transform .13s ease}
body.nk28-ui .nk26-popup a:hover{transform:translateX(2px)}
body.nk28-ui .nk26-popup a.nk28-kbd-focus{outline:2px solid rgba(48,118,95,.3);outline-offset:-2px;background:#edf6f2!important}

/* 3. Popup footer / keyboard hint */
.nk28-popup-foot{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-top:1px solid #e6efeb;background:#f8fbfa;color:#71837b;font-size:10px}.nk28-popup-foot strong{color:#3c6759}.nk28-popup-foot span:last-child{margin-left:auto}.nk28-popup-foot kbd{padding:2px 5px;border:1px solid #d6e3dd;border-bottom-width:2px;border-radius:5px;background:#fff;color:#526d63;font:inherit}

/* 4. Search + shortcut bar closer to reference */
body.nk28-ui .nk26-quickbar{position:relative;gap:9px;padding:8px 9px;border-color:#d9e6e0;border-radius:13px;box-shadow:0 7px 22px rgba(30,61,51,.055)}
body.nk28-ui .nk26-quickbar__search .input-holder{border-radius:12px!important;background:#fff!important}
body.nk28-ui .nk26-quickbar__search .search-input{font-size:12px!important}
body.nk28-ui .nk26-quickbar__tiles{gap:6px}.nk28-search-scope{display:flex;align-items:center;gap:4px;position:absolute;right:48px;top:50%;transform:translateY(-50%);z-index:7}.nk28-search-scope button{height:26px;padding:0 8px;border:0;border-radius:7px;background:#f2f7f5;color:#617970;font-size:9px;cursor:pointer}.nk28-search-scope button.is-active{background:#dfeee8;color:#205c4b;font-weight:800}
body.nk28-ui .nk26-quick-tile{height:54px;border-radius:11px;box-shadow:0 2px 8px rgba(30,58,48,.025)}body.nk28-ui .nk26-quick-tile:hover{border-color:#bdd6cb;transform:translateY(-1px)}

/* 5. Gateway cards: counts + compact mobile accordion */
body.nk28-ui .nk27-gateway{gap:11px}.nk28-gateway-count{margin-left:auto;padding:2px 7px;border-radius:999px;background:#edf5f1;color:#56776b;font-size:9px;font-weight:800}
body.nk28-ui .nk27-gateway-card{border-color:#dbe7e1;border-radius:14px;box-shadow:0 8px 24px rgba(29,59,49,.06);transition:transform .16s ease,box-shadow .16s ease}
body.nk28-ui .nk27-gateway-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(29,59,49,.085)}
.nk28-gateway-toggle{display:none;margin-left:auto;width:28px;height:28px;border:0;border-radius:8px;background:#eef6f2;color:#376758;cursor:pointer}.nk28-gateway-toggle svg{width:14px!important;height:14px!important;transition:transform .15s}.nk27-gateway-card.is-collapsed .nk28-gateway-toggle svg{transform:rotate(-90deg)}

/* 6. Sidebar presentation; links remain untouched */
body.nk28-ui .app-sidebar{background:linear-gradient(180deg,#075947,#075443 62%,#064b3c)!important;border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:7px 0 24px rgba(18,56,44,.08)}
.nk28-sidebar-head{position:sticky;z-index:5;top:0;margin:-14px -10px 10px;padding:13px 12px 11px;background:linear-gradient(180deg,#075947 0%,rgba(7,89,71,.96) 86%,rgba(7,89,71,0));backdrop-filter:blur(8px)}.nk28-sidebar-head__title{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:11px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.nk28-sidebar-head__tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.nk28-sidebar-head button{min-height:32px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.08);color:#eaf7f2;font-size:10px;cursor:pointer}.nk28-sidebar-head button:hover{background:rgba(255,255,255,.14)}
body.nk28-ui .vertical-nav-menu a{min-height:36px;border-radius:9px;margin:1px 0;padding:8px 10px;font-size:12px}body.nk28-ui .vertical-nav-menu a.mm-active,body.nk28-ui .vertical-nav-menu a.nk28-current-link{background:rgba(255,255,255,.12)!important;box-shadow:inset 3px 0 0 #d0a35b;color:#fff!important}body.nk28-ui .vertical-nav-menu ul{margin-left:10px;padding-left:7px;border-left-color:rgba(255,255,255,.09)}
.nk28-side-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:#a8d1c3}.nk28-side-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 7. Reader header / tab / action alignment */
body.nk28-ui .nk27-reader-card{overflow:visible;border:1px solid #dbe6e1!important;border-radius:15px!important;box-shadow:0 10px 30px rgba(27,58,47,.065)!important}
body.nk28-ui .nk27-reader-card>.card-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:15px 17px 0!important;background:#fff!important}
body.nk28-ui .nk27-reader-card>.card-header .card-header-title{font-size:19px!important;line-height:1.35!important;color:#075b49!important;font-weight:850!important}
body.nk28-ui .nk27-reader-card .nav{grid-column:1/-1;display:flex!important;gap:2px!important;margin-top:7px!important;border-bottom:1px solid #e8efec!important}
body.nk28-ui .nk27-reader-card .nav-link{padding:10px 17px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#537167!important;background:transparent!important;font-size:12px!important}
body.nk28-ui .nk27-reader-card .nav-link.active{border-bottom-color:#16816a!important;color:#075b49!important;font-weight:800!important}
body.nk28-ui .nk27-reader-actions{justify-content:flex-end;margin:0 0 12px;padding-bottom:11px;border-bottom:1px solid #edf2ef}
body.nk28-ui .nk27-reader-actions button{border-radius:10px!important;background:#fff!important}
.nk28-reader-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 13px}.nk28-reader-meta__item{padding:8px 10px;border:1px solid #e2ebe7;border-radius:10px;background:#fbfdfc;min-width:0}.nk28-reader-meta__item small{display:block;color:#83918b;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.nk28-reader-meta__item strong{display:block;margin-top:3px;color:#315c4f;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 8. Reader body readability */
body.nk28-ui .nk27-reader-card .noidungchinh{max-width:none!important;color:#283e36!important;font-size:17px!important;line-height:1.86!important}body.nk28-ui .nk27-reader-card .noidungchinh p{max-width:86ch!important;margin-left:auto!important;margin-right:auto!important}body.nk28-ui .nk27-reader-card .noidungchinh h2,body.nk28-ui .nk27-reader-card .noidungchinh h3{color:#0a5e4d!important;scroll-margin-top:100px}.nk28-paragraph-focus{background:linear-gradient(90deg,rgba(227,241,235,.72),rgba(227,241,235,.28));border-radius:8px;box-shadow:-4px 0 0 #b78d55;padding-left:8px!important}

/* 9. TOC right panel progress / active heading */
body.nk28-ui .nk-article-toc{border:1px solid #dbe6e1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 28px rgba(29,58,49,.07)!important;overflow:hidden!important}
.nk28-toc-progress{height:4px;background:#e7efeb}.nk28-toc-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1a8069,#c39a5c);transition:width .1s linear}.nk28-toc-current{padding:8px 11px;border-bottom:1px solid #edf2ef;background:#f7fbf9;color:#557168;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk28-toc-current strong{color:#185c49}.nk-article-toc a.nk28-active{background:#e8f3ee!important;color:#075b49!important;font-weight:800!important;box-shadow:inset 2px 0 0 #c2904e}.nk28-toc-foot{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:7px;border-top:1px solid #edf2ef;color:#126650;font-size:10px;font-weight:800}

/* 10. Footer/back-to-top/mobile finish */
.nk28-site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px -22px -22px;padding:14px 24px;border-top:1px solid #e7e0d4;background:linear-gradient(90deg,#fbf7ef,#fffdf9 50%,#fbf7ef);color:#6f7c76;font-size:10px}.nk28-site-footer strong{color:#45675c}.nk28-site-footer__lotus{color:#a77c48;font-size:18px}.nk28-backtop{position:fixed;z-index:1065;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:0;border-radius:10px;background:#07614f;color:#fff;box-shadow:0 9px 24px rgba(23,74,58,.22);cursor:pointer}.nk28-backtop:hover{background:#08745d}.nk28-backtop svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

@media(max-width:1320px){.nk28-reader-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.nk28-search-scope{display:none}.nk28-sidebar-head{position:relative}.nk28-site-footer{margin-left:-14px;margin-right:-14px}.nk28-backtop{bottom:76px}.nk28-reader-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.nk28-gateway-toggle{display:inline-flex;align-items:center;justify-content:center}.nk27-gateway-card.is-collapsed .nk27-gateway-card__body{display:none}.nk27-gateway-card.is-collapsed{min-height:0!important}.nk28-reader-meta{grid-template-columns:1fr 1fr}.nk28-site-footer{flex-direction:column;align-items:flex-start;gap:6px;margin:-2px -8px -8px;padding:12px 14px}.nk28-backtop{right:10px;min-width:42px;width:42px;padding:0;justify-content:center}.nk28-backtop span{display:none}body.nk28-ui .nk27-reader-card>.card-header{grid-template-columns:1fr!important}.nk28-popup-summary{display:none}}
@media(max-width:480px){.nk28-reader-meta{grid-template-columns:1fr}.nk28-sidebar-head__tools{grid-template-columns:1fr 1fr}}

/* ============================================================
   NIKAYA 2026 v29 — Reference Layout Refinement
   10 scoped upgrades based on the approved reference UI.
   ============================================================ */
:root{--nk29-green:#075f4f;--nk29-green-deep:#064c40;--nk29-soft:#f2f8f5;--nk29-cream:#fcf8f0;--nk29-line:#dbe7e1;--nk29-gold:#c7954d;--nk29-text:#26473c;--nk29-muted:#6d837a;--nk29-radius:14px;--nk29-shadow:0 10px 28px rgba(27,57,47,.075)}
body.nk29-ui{--nk29-shell-gap:12px;--nk29-reader-max:1180px}

/* 1. Two-level shell alignment and sticky secondary utility row */
body.nk29-ui .nk26-quickbar{position:sticky;top:var(--nk26-header-h,64px);z-index:83;margin-top:6px;background:rgba(255,255,255,.965)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.nk29-ui .nk26-quickbar:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#dce8e2 12%,#dce8e2 88%,transparent)}
body.nk29-ui .nk26-primary-nav{min-width:0;overflow:hidden}
body.nk29-ui .nk26-nav-item{white-space:nowrap;flex:0 0 auto}
body.nk29-ui .nk26-nav-item .nk26-nav-label{overflow:hidden;text-overflow:ellipsis}

/* 2. Popup search and featured navigation treatment */
.nk29-popup-filter{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;border:1px solid #dce8e2;border-radius:10px;background:#fff}
.nk29-popup-filter svg{width:16px;height:16px;stroke:#55766b;fill:none;stroke-width:1.8}.nk29-popup-filter input{width:100%;border:0;outline:0;background:transparent;color:#294c40;font-size:12px}
.nk29-popup-filter input::placeholder{color:#91a19b}.nk29-popup-empty{display:none;padding:18px;text-align:center;color:#7a8c85;font-size:12px}.nk29-popup-empty.is-show{display:block}
body.nk29-ui .nk26-popup a.nk29-featured-link{background:linear-gradient(90deg,#edf7f3,#f8fbfa)!important;border:1px solid #dceae4!important;font-weight:750!important;color:#15523f!important}

/* 3. Shortcut strip refined: icon-first, equal tiles and horizontal fallback */
body.nk29-ui .nk26-quickbar__tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:1px}
body.nk29-ui .nk26-quickbar__tiles::-webkit-scrollbar{display:none}
body.nk29-ui .nk26-quickbar__tile{min-width:72px;min-height:54px;border:1px solid transparent!important;border-radius:10px!important;background:#fff!important}
body.nk29-ui .nk26-quickbar__tile:hover{border-color:#dce9e3!important;background:#f7fbf9!important;transform:translateY(-1px)}
body.nk29-ui .nk26-quickbar__tile svg{width:19px;height:19px}

/* 4. Gateway cards rememberable collapse + balanced columns */
body.nk29-ui .nk27-gateway{align-items:stretch;grid-auto-rows:1fr}
body.nk29-ui .nk27-gateway-card{height:100%;display:flex;flex-direction:column}
body.nk29-ui .nk27-gateway-card__body{flex:1}.nk29-gateway-memory{margin-left:6px;color:#9cafA7;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
body.nk29-ui .nk27-gateway-card.is-collapsed .nk27-gateway-card__body{display:none}
body.nk29-ui .nk27-gateway-card.is-collapsed{min-height:auto!important}
body.nk29-ui .nk27-gateway-card.is-collapsed .nk28-gateway-toggle svg{transform:rotate(-90deg)}

/* 5. Sidebar hierarchy polish while preserving every existing anchor */
.nk29-sidebar-caption{margin:12px 8px 5px;padding:7px 7px 5px;border-bottom:1px solid rgba(255,255,255,.10);color:#bcd3cb;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
body.nk29-ui .vertical-nav-menu li>a{position:relative;gap:7px!important}
body.nk29-ui .vertical-nav-menu li>a .nk28-side-icon{flex:0 0 16px;opacity:.86}
body.nk29-ui .vertical-nav-menu li>a.nk29-visited:after{content:"";position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:#d5b267;box-shadow:0 0 0 2px rgba(213,178,103,.16)}
body.nk29-ui .vertical-nav-menu li>a.nk28-current-link{background:rgba(255,255,255,.15)!important;box-shadow:inset 3px 0 0 #e2bd76!important;color:#fff!important}

/* 6. Reader header becomes a reference-style sticky card header */
body.nk29-ui .nk27-reader-card>.card-header{position:sticky;top:calc(var(--nk26-header-h,64px) + 72px);z-index:32;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nk29-reader-titlebar{display:flex;align-items:center;gap:10px;width:100%;padding:0 0 9px;margin-bottom:2px;border-bottom:1px solid #edf2ef}
.nk29-reader-titlebar__mark{width:5px;height:28px;border-radius:6px;background:linear-gradient(180deg,#0c765f,#c99954)}
.nk29-reader-titlebar__text{min-width:0;flex:1}.nk29-reader-titlebar__text small{display:block;color:#7b8e86;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.nk29-reader-titlebar__text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#164d3d;font-size:13px}

/* 7. Tabs/action bar mobile-safe and reference-like */
body.nk29-ui .nk27-reader-card>.card-header .nav{scroll-snap-type:x proximity;scrollbar-width:none}
body.nk29-ui .nk27-reader-card>.card-header .nav::-webkit-scrollbar{display:none}
body.nk29-ui .nk27-reader-card>.card-header .nav-item{scroll-snap-align:start}
body.nk29-ui .nk27-reader-card>.card-header .nav-link{min-width:max-content;padding-inline:18px!important}
.nk29-reader-actions-dock{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0 13px;padding:7px 8px;border:1px solid #e1eae6;border-radius:11px;background:#f9fcfa}.nk29-reader-actions-dock__status{color:#6e837a;font-size:10px}.nk29-reader-actions-dock__status strong{color:#245948}

/* 8. TOC collapse, resize-width presets, and clearer active path */
.nk29-toc-tools{display:flex;gap:5px;padding:7px 0 5px;border-bottom:1px solid #edf2ef}.nk29-toc-tools button{flex:1;min-height:28px;border:1px solid #dde8e3;border-radius:7px;background:#fff;color:#587369;font-size:9px;cursor:pointer}.nk29-toc-tools button:hover{background:#f1f8f5}.nk29-toc-tools button.is-active{background:#e9f5f0;color:#16503e;border-color:#cee1d9;font-weight:800}
body.nk29-ui.nk29-toc-wide .nk-article-toc{width:min(340px,26vw)!important}body.nk29-ui.nk29-toc-compact .nk-article-toc{width:min(245px,19vw)!important}
body.nk29-ui.nk29-toc-hidden .nk-article-toc{transform:translateX(calc(100% + 28px))!important;opacity:0!important;pointer-events:none!important}.nk29-toc-reopen{position:fixed;right:14px;top:42%;z-index:87;width:34px;height:38px;border:1px solid #d8e5df;border-radius:10px;background:#fff;color:#1b5a46;box-shadow:var(--nk29-shadow);display:none;align-items:center;justify-content:center;cursor:pointer}body.nk29-ui.nk29-toc-hidden .nk29-toc-reopen{display:flex}

/* 9. Footer precision + content max-width harmony */
body.nk29-ui .nk28-site-footer{max-width:none;margin:18px -12px -12px;padding:12px 18px;border-top:1px solid #e9dfd1;background:linear-gradient(90deg,#fcf8f0,#fffdf9 52%,#fcf8f0);color:#718078}
body.nk29-ui .nk28-site-footer span:nth-child(2){flex:1}.nk29-footer-right{margin-left:auto;color:#8a918d;font-size:10px}.nk29-footer-right strong{color:#5d7168}
body.nk29-ui .app-main__inner>.card,body.nk29-ui .app-main__inner>.nk27-reader-card{max-width:var(--nk29-reader-max);margin-left:auto;margin-right:auto}

/* 10. Responsive precision pass */
@media(max-width:1280px){body.nk29-ui .nk26-nav-item{padding-inline:9px}.nk29-popup-filter{margin-bottom:8px}body.nk29-ui .nk26-quickbar__tiles{grid-auto-columns:minmax(68px,1fr)}}
@media(max-width:1024px){body.nk29-ui .nk26-quickbar{top:var(--nk26-header-h,58px)}body.nk29-ui .nk27-reader-card>.card-header{position:relative;top:auto}.nk29-reader-titlebar{display:none}body.nk29-ui .nk-article-toc{transition:transform .2s ease,opacity .2s ease}body.nk29-ui.nk29-toc-hidden .nk29-toc-reopen{display:flex}}
@media(max-width:767px){body.nk29-ui{--nk29-shell-gap:8px}.nk29-sidebar-caption{margin-inline:5px}.nk29-reader-actions-dock{position:sticky;bottom:7px;z-index:36;background:rgba(249,252,250,.96);backdrop-filter:blur(10px)}body.nk29-ui .nk26-quickbar{position:relative;top:auto}.nk29-footer-right{display:none}.nk29-toc-reopen{right:8px;top:auto;bottom:88px}}
@media(prefers-reduced-motion:reduce){body.nk29-ui *,body.nk29-ui *:before,body.nk29-ui *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}


/* ============================================================
   NIKAYA 2026 v30 — Reference Precision II
   10 scoped upgrades based on the approved green/white layout.
   ============================================================ */
:root{--nk30-green:#07614f;--nk30-green-2:#0b705a;--nk30-green-deep:#064c40;--nk30-mint:#edf6f2;--nk30-cream:#fbf7ef;--nk30-line:#dbe8e2;--nk30-gold:#c7954d;--nk30-text:#24483b;--nk30-muted:#71857d;--nk30-shadow:0 10px 30px rgba(27,58,48,.075)}
body.nk30-ui{background:#f7faf8!important;color:var(--nk30-text)}

/* 1. Two-tier header precision + active indicator */
body.nk30-ui .app-header{background:linear-gradient(90deg,#075b49,#0a6954)!important;border-bottom:1px solid rgba(255,255,255,.11)!important;box-shadow:0 7px 22px rgba(18,58,45,.14)!important}
body.nk30-ui .app-header__content{gap:8px!important;min-width:0}
body.nk30-ui .nk26-top-item{position:relative;min-height:40px;border-radius:10px!important}
body.nk30-ui .nk26-top-item.nk30-route-active:after{content:"";position:absolute;left:15px;right:15px;bottom:-5px;height:3px;border-radius:99px;background:#e3bf77}
.nk30-header-status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.08);color:#e8f4f0;font-size:9px;white-space:nowrap}.nk30-header-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#9ed8c2;box-shadow:0 0 0 3px rgba(158,216,194,.13)}

/* 2. Popup section hierarchy */
body.nk30-ui .nk26-popup{border:1px solid var(--nk30-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 18px 48px rgba(20,55,43,.16)!important}
.nk30-popup-title{display:flex;align-items:center;gap:8px;margin:4px 0 9px;padding:0 2px;color:#0a5e4d;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.nk30-popup-title:before{content:"";width:7px;height:7px;border-radius:2px;background:#d2a45d}
.nk30-popup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.nk30-popup-grid>a{min-width:0}
body.nk30-ui .nk26-popup a[href]{border-radius:9px!important;transition:background .14s ease,color .14s ease,transform .14s ease}body.nk30-ui .nk26-popup a[href]:hover{background:#edf6f2!important;color:#075b49!important;transform:translateX(2px)}

/* 3. Shortcut rail: selected state + uniform icon tiles */
body.nk30-ui .nk26-quickbar__tiles{scrollbar-width:none}.nk30-shortcut-active{border-color:#a8cdbc!important;background:#edf6f2!important;box-shadow:inset 0 -2px 0 #c89a54!important}.nk30-shortcut-num{position:absolute;top:5px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#eef5f2;color:#6a8178;font-size:8px;line-height:16px;text-align:center;font-weight:800}body.nk30-ui .nk26-quick-tile{position:relative;min-width:68px!important}

/* 4. Gateway cards: equal rhythm + footer CTA */
body.nk30-ui .nk27-gateway-card{display:flex!important;flex-direction:column!important;min-height:245px!important}.nk30-gateway-body{flex:1}.nk30-gateway-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 2px 0;border-top:1px solid #edf2ef;color:#145f4c;font-size:10px;font-weight:800}.nk30-gateway-foot small{color:#87968f;font-weight:600}.nk30-gateway-foot span:last-child{font-size:15px;color:#8f754d}

/* 5. Sidebar current-context panel */
.nk30-side-context{margin:8px 0 11px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.075);color:#e7f5ef}.nk30-side-context small{display:block;margin-bottom:5px;color:#a8cec0;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.nk30-side-context strong{display:block;font-size:11px;line-height:1.35}.nk30-side-context__path{margin-top:6px;color:#bed9cf;font-size:9px;line-height:1.4}.nk30-side-divider{height:1px;margin:8px 0;background:rgba(255,255,255,.08)}
body.nk30-ui .vertical-nav-menu a.nk30-parent-active{background:rgba(255,255,255,.07)!important}

/* 6. Reader breadcrumb strip */
.nk30-reader-crumbs{display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 10px;padding:8px 11px;border:1px solid #e2ebe7;border-radius:10px;background:#fafcfb;color:#73857e;font-size:9px;overflow:hidden}.nk30-reader-crumbs a{color:#2e6a59;text-decoration:none;white-space:nowrap}.nk30-reader-crumbs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nk30-reader-crumbs i{font-style:normal;color:#afbbb6}

/* 7. Reader action toolbar closer to reference */
.nk30-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}.nk30-reader-toolbar__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nk30-reader-toolbar button{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:0 11px;border:1px solid #dce7e2;border-radius:10px;background:#fff;color:#3d6255;font-size:10px;cursor:pointer}.nk30-reader-toolbar button:hover{background:#edf6f2;border-color:#bfd7cc;color:#075b49}.nk30-reader-toolbar button.is-on{background:#e7f3ee;color:#075b49;border-color:#a9cebf}.nk30-reader-toolbar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}

/* 8. TOC grouped visual hierarchy */
.nk30-toc-group{margin:2px 0 8px}.nk30-toc-group__head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;border-radius:8px;background:#f5faf7;color:#205d4c;font-size:9px;font-weight:850;cursor:pointer}.nk30-toc-group__body{padding-top:3px}.nk30-toc-group.is-collapsed .nk30-toc-group__body{display:none}.nk30-toc-group__head span:last-child{color:#80938b;font-weight:600}

/* 9. Mobile bottom dock */
.nk30-mobile-dock{display:none;position:fixed;z-index:1080;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:52px;padding:5px;border:1px solid rgba(7,96,78,.17);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(21,60,47,.18);backdrop-filter:blur(12px)}.nk30-mobile-dock button,.nk30-mobile-dock a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:#49685d;text-decoration:none;font-size:8px;border-radius:9px}.nk30-mobile-dock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.nk30-mobile-dock .is-primary{background:#e9f4ef;color:#075b49;font-weight:800}

/* 10. Footer polish + visual frame guards */
body.nk30-ui .app-main__inner{max-width:100%;overflow-x:clip}.nk30-footer-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #e3ddd2;border-radius:99px;background:#fffaf3;color:#7d684c;font-size:8px}.nk30-footer-badge:before{content:"❈";color:#aa7a42}.nk30-frame{border-radius:14px!important;box-shadow:var(--nk30-shadow)!important}

@media(max-width:1180px){.nk30-header-status{display:none}.nk30-popup-grid{grid-template-columns:1fr}.nk30-reader-toolbar{align-items:flex-start}}
@media(max-width:991px){.nk30-mobile-dock{display:flex}.nk28-backtop{display:none!important}body.nk30-ui{padding-bottom:68px}.nk30-reader-toolbar{position:relative}.nk30-side-context{margin-left:3px;margin-right:3px}}
@media(max-width:767px){body.nk30-ui .nk27-gateway-card{min-height:0!important}.nk30-reader-crumbs{overflow-x:auto}.nk30-reader-toolbar__group{width:100%}.nk30-reader-toolbar button{flex:1;justify-content:center}.nk30-popup-grid{grid-template-columns:1fr}.nk30-popup-title{margin-top:8px}}


/* ==========================================================
   NIKAYA 2026 v31 — Multi-route Data Compatibility + Important Menus
   Non-destructive: all original Blade/sidebar anchors remain untouched.
   ========================================================== */
body.nk31-ui{--nk31-green:#285f51;--nk31-green-2:#397566;--nk31-mint:#edf6f2;--nk31-brown:#8a6748;--nk31-line:#d8e7e1}
.nk31-important-nav{display:flex;align-items:center;gap:4px;min-width:0}
.header-megamenu>.nk31-important-item>.nav-link{display:flex!important;align-items:center;gap:7px;border-radius:8px;padding:9px 11px!important;white-space:nowrap}
.header-megamenu>.nk31-important-item>.nav-link svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.header-megamenu>.nk31-important-item.is-current>.nav-link,.header-megamenu>.nk31-important-item>.nav-link:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}
.nk31-important-popup{position:absolute;z-index:10080;top:calc(100% + 8px);left:0;width:min(920px,calc(100vw - 32px));max-height:min(72vh,680px);overflow:auto;background:#fff;border:1px solid var(--nk31-line);border-radius:14px;box-shadow:0 20px 48px rgba(25,62,52,.2);padding:14px;display:none;color:#273c36}
.nk31-important-item.is-open>.nk31-important-popup{display:block}
.nk31-popup-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 12px;border-bottom:1px solid #e7efec;margin-bottom:12px}
.nk31-popup-head strong{font-size:16px;color:var(--nk31-green)}.nk31-popup-head small{color:#788b84}
.nk31-popup-search{display:flex;gap:8px;margin:0 0 12px}.nk31-popup-search input{width:100%;height:38px;border:1px solid #dce9e4;border-radius:9px;padding:0 12px;outline:none;background:#fbfdfc}.nk31-popup-search input:focus{border-color:#79a99a;box-shadow:0 0 0 3px rgba(78,139,120,.12)}
.nk31-important-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nk31-important-group{border:1px solid #e1ece8;border-radius:11px;background:#fbfdfc;padding:10px;min-width:0}.nk31-important-group h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--nk31-brown);margin:0 0 7px}.nk31-important-group a{display:flex;align-items:flex-start;gap:7px;padding:7px 8px;border-radius:8px;color:#36574d!important;line-height:1.3;text-decoration:none!important;overflow-wrap:anywhere}.nk31-important-group a:before{content:'›';color:#7b9d92;font-weight:700}.nk31-important-group a:hover,.nk31-important-group a.is-current{background:#edf6f2;color:#215c4b!important}.nk31-important-empty{display:none;padding:16px;text-align:center;color:#74867f}
.nk31-route-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;border:1px solid #dce9e4;background:#f7fbf9;color:#567067;border-radius:999px;padding:3px 8px;margin-left:6px;vertical-align:middle}
.nk31-collection-host{min-width:0}.nk31-collection-item{min-width:0;max-width:100%}.nk31-collection-item img{max-width:100%;height:auto}.nk31-route-search-hit{outline:2px solid rgba(75,135,116,.2);outline-offset:2px}
.nk31-diagnostics{font-size:11px;color:#738780;margin-left:auto;white-space:nowrap}
@media(max-width:1180px){.nk31-important-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.header-megamenu>.nk31-important-item>.nav-link span.nk31-label-long{display:none}}
@media(max-width:767px){.header-megamenu>.nk31-important-item{position:static!important}.nk31-important-popup{position:fixed;left:10px!important;right:10px;width:auto;top:74px;max-height:calc(100vh - 94px)}.nk31-important-groups{grid-template-columns:1fr}.nk31-popup-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* ==========================================================
   NIKAYA 2026 v32 — consolidated top information architecture
   ========================================================== */
.nk32-source-only{display:none!important}
.nk32-caret{font-size:11px;opacity:.8;margin-left:4px}
.nk32-popup .nk26-popup__body{padding:16px 18px 20px}
.nk32-popup-head{border-bottom:1px solid rgba(18,92,73,.10)}
.nk32-popup-head>svg{width:28px;height:28px;stroke:#0b6b57;fill:none;stroke-width:1.7}
.nk32-nikaya-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.nk32-nikaya-main,.nk32-intro-card{min-width:0;border:1px solid rgba(21,95,75,.10);background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(14,74,59,.06)}
.nk32-nikaya-main{padding:10px}.nk32-intro-card{padding:16px;position:sticky;top:0}
.nk32-section-title{display:flex;gap:10px;align-items:center;padding:8px 10px 12px;color:#0b5c4b}
.nk32-section-title svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none}
.nk32-section-title strong{display:block;font-size:14px}.nk32-section-title small{display:block;color:#71857e;margin-top:2px;font-size:11px;font-weight:500}
.nk32-mega-clone{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;max-width:none!important;width:auto!important;background:transparent!important}
.nk32-mega-clone .dropdown-mega-menu,.nk32-mega-clone .grid-menu{box-shadow:none!important;border:0!important;background:transparent!important}
.nk32-mega-clone .row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0!important}
.nk32-mega-clone [class*="col-"]{max-width:none!important;width:auto!important;flex:none!important;padding:8px 10px!important;border-radius:10px;background:#f8fbfa}
.nk32-mega-clone a{display:flex!important;align-items:center;min-height:34px;padding:7px 8px!important;border-radius:8px;color:#245c50!important;text-decoration:none!important}
.nk32-mega-clone a:hover{background:#edf7f3!important;color:#075c49!important}
.nk32-mega-clone h6{color:#9b7240!important;font-size:11px!important;letter-spacing:.04em;margin:4px 0 6px!important}
.nk32-intro-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:10px;background:#edf7f3;color:#075c49!important;font-weight:700;text-decoration:none!important;margin-top:8px}
.nk32-intro-link:hover{background:#e2f2ec}.nk32-intro-link b{font-size:18px}
.nk32-intro-stat{display:flex;align-items:baseline;gap:8px;margin-top:12px;padding:12px;border-top:1px solid #edf1ef;color:#71857e}.nk32-intro-stat strong{font-size:24px;color:#b58b4a}.nk32-intro-stat span{font-size:11px}
.nk32-time-tabs{display:flex;gap:8px;padding:2px 0 14px;border-bottom:1px solid #edf1ef}
.nk32-time-tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #dbe8e3;border-radius:10px;background:#fff;color:#315f55;font-weight:700;cursor:pointer}
.nk32-time-tab svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}.nk32-time-tab:hover{background:#f2f8f5}.nk32-time-tab.is-active{background:#e7f3ee;border-color:#a9ccbd;color:#075c49;box-shadow:inset 0 -2px 0 #b58b4a}
.nk32-time-panels{padding-top:14px}.nk32-time-panel{display:none;min-width:0}.nk32-time-panel.is-active{display:block}
.nk32-time-panel>.popover-custom-content{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;max-width:none!important;width:auto!important;box-shadow:none!important;background:transparent!important}
.nk32-time-panel .dropdown-mega-menu,.nk32-time-panel .grid-menu{box-shadow:none!important;border:0!important;background:transparent!important}
.nk32-time-panel img{max-width:100%!important;height:auto!important;border-radius:10px}
.nk32-time-panel .row{margin-left:-5px!important;margin-right:-5px!important}.nk32-time-panel [class*="col-"]{padding:5px!important}
.nk32-time-panel a{color:#176552!important}.nk32-time-panel .account-item{display:inline-flex;gap:6px;align-items:center;padding:7px 9px;border-radius:8px;text-decoration:none!important}.nk32-time-panel .account-item:hover{background:#edf7f3}
.nk32-empty{padding:24px;border:1px dashed #c7d8d1;border-radius:12px;text-align:center;color:#71857e;background:#fafcfb}
@media (max-width:1199px){.nk32-nikaya-shell{grid-template-columns:1fr}.nk32-intro-card{position:static}.nk32-mega-clone .row{grid-template-columns:1fr}.nk32-popup .nk26-popup__body{padding:12px}}
@media (max-width:767px){.nk32-time-tabs{overflow-x:auto;scrollbar-width:none}.nk32-time-tab{white-space:nowrap}.nk32-time-panel .row{display:block!important}.nk32-time-panel [class*="col-"]{width:100%!important;max-width:100%!important}}


/* ==========================================================
   NIKAYA 2026 v33 — click-only consolidated menu
   ========================================================== */
.nk33-source-only{display:none!important}
.nk33-popup{width:min(1320px,calc(100vw - 34px))!important;max-width:1320px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;top:var(--nk-header-height,64px)!important;max-height:calc(100vh - var(--nk-header-height,64px) - 18px)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
.nk33-head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid #e4ece8;background:linear-gradient(180deg,#fff,#fbfdfc)}
.nk33-head>svg{width:22px;height:22px;stroke:#09624f;fill:none;stroke-width:1.7;flex:0 0 auto}.nk33-head-copy{min-width:0;flex:1}.nk33-head-copy strong{display:block;font-size:16px;color:#084f42}.nk33-head-copy span{display:block;margin-top:2px;font-size:11px;color:#73847e}.nk33-close{width:34px;height:34px;border:1px solid #dce7e2;background:#fff;border-radius:9px;color:#315f55;font-size:20px;line-height:1;cursor:pointer}.nk33-close:hover{background:#f0f7f4}
.nk33-body{padding:14px 16px 18px;overflow:auto;max-height:calc(100vh - var(--nk-header-height,64px) - 78px)}
.nk33-tabs{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;margin-bottom:14px;padding:0 0 13px;border-bottom:1px solid #e8efec}.nk33-tab-wrap{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px;min-width:0}.nk33-tab,.nk33-tab-close{border:1px solid #dbe7e2;background:#fff;color:#315f55;cursor:pointer}.nk33-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:10px;font-weight:750;font-size:13px;padding:9px 12px}.nk33-tab svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.nk33-tab:hover{background:#f5faf8}.nk33-tab.is-active{background:#e9f5f0;border-color:#9bc7b6;color:#075b48;box-shadow:inset 0 -3px 0 #b58b4a}.nk33-tab-close{border-radius:10px;font-size:17px}.nk33-tab-close:hover{background:#fff3ef;color:#8a3d2e;border-color:#efd2c8}
.nk33-panels{min-width:0}.nk33-panel{display:none;min-width:0}.nk33-panel.is-active{display:block}.nk33-empty{padding:26px;border:1px dashed #c8d9d1;border-radius:12px;text-align:center;color:#70847c;background:#fbfdfc}
.nk33-source-clone{display:block!important;position:static!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important}
.nk33-source-clone.dropdown-menu{float:none!important}.nk33-source-clone .dropdown-menu-header{border-radius:10px!important;overflow:hidden!important;margin-bottom:12px!important}.nk33-source-clone .grid-menu,.nk33-source-clone .dropdown-mega-menu{width:100%!important;max-width:none!important;box-shadow:none!important;border:0!important;background:transparent!important}.nk33-source-clone .row{display:flex!important;flex-wrap:wrap!important;margin-left:-6px!important;margin-right:-6px!important}.nk33-source-clone [class*="col-"]{padding:6px!important;min-width:0!important}.nk33-source-clone a{max-width:100%;overflow-wrap:anywhere}.nk33-source-clone img{max-width:100%!important;height:auto!important}.nk33-source-clone .scroll-area-sm,.nk33-source-clone .scrollbar-container{max-height:none!important;height:auto!important;overflow:visible!important}
.nk33-caret{margin-left:2px;font-size:12px;opacity:.75}.nk33-books-button,.nk33-time-button{user-select:none}.nk33-books-button:hover,.nk33-time-button:hover{background:rgba(255,255,255,.08)}
/* The old separate important menu items stay in the DOM as data sources only. */
.header-megamenu .nk31-important-scriptures.nk33-source-only,.header-megamenu .nk31-important-books.nk33-source-only{display:none!important}
@media (max-width:1199px){.nk33-popup{width:min(980px,calc(100vw - 22px))!important}.nk33-tabs{grid-template-columns:repeat(3,minmax(150px,1fr))}.nk33-source-clone [class*="col-xl-"]{flex:0 0 50%!important;max-width:50%!important}}
@media (max-width:767px){.nk33-popup{width:calc(100vw - 12px)!important;top:calc(var(--nk-header-height,64px) + 4px)!important}.nk33-body{padding:10px}.nk33-tabs{display:flex;overflow-x:auto;gap:7px;scrollbar-width:none}.nk33-tab-wrap{min-width:205px}.nk33-source-clone [class*="col-"]{flex:0 0 100%!important;max-width:100%!important}.nk33-head-copy span{display:none}}

/* ==========================================================
   NIKAYA 2026 v34 — Desktop Static Top Shell (layout reset)
   One visual header only. Legacy header remains as hidden data source.
   ========================================================== */
:root{--nk34-top-main:64px;--nk34-top-sub:62px;--nk34-top-total:126px;--nk34-side-w:286px}
body.nk34-shell{--nk34-green:#075f4e;--nk34-green2:#0a6d59;--nk34-line:#dfe9e4;--nk34-paper:#fff;--nk34-soft:#f7faf8}

/* Hide ONLY the legacy visual header after its live menu/search nodes are moved. */
body.nk34-shell>.app-container>.app-header,
body.nk34-shell .app-container>.app-header{position:absolute!important;left:-100000px!important;top:0!important;width:1px!important;height:1px!important;min-height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

.nk34-top-shell{position:sticky;top:0;z-index:12000;width:100%;background:#fff;box-shadow:0 5px 22px rgba(22,64,50,.12)}
.nk34-top-main{height:var(--nk34-top-main);display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(90deg,#075b49 0%,#08705a 55%,#075b49 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}
.nk34-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:205px;text-decoration:none!important;color:#fff!important}
.nk34-brand__logo{width:48px;height:48px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.nk34-brand__logo img{display:block;max-width:44px;max-height:44px;object-fit:contain}
.nk34-brand__copy strong{display:block;font-size:16px;line-height:1.1;font-weight:800;color:#fff}.nk34-brand__copy small{display:block;margin-top:3px;font-size:9px;color:#c9e4da;white-space:nowrap}
.nk34-menu-toggle{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:22px}.nk34-menu-toggle:hover{background:rgba(255,255,255,.15)}
.nk34-primary-host{display:flex;align-items:center;min-width:0;flex:1 1 auto;height:100%;overflow:hidden}
body.nk34-shell .nk34-primary-host .nk26-primary-nav{display:flex!important;align-items:center!important;gap:3px!important;width:100%;height:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;white-space:nowrap}
body.nk34-shell .nk34-primary-host .nk26-primary-nav::-webkit-scrollbar{display:none}
body.nk34-shell .nk34-primary-host .nk26-nav-item{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;height:44px!important;min-width:auto!important;padding:0 12px!important;margin:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#f7fffc!important;font-size:12px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
body.nk34-shell .nk34-primary-host .nk26-nav-item:hover,body.nk34-shell .nk34-primary-host .nk26-nav-item.is-active,body.nk34-shell .nk34-primary-host .nk26-nav-item.is-route-active{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}
body.nk34-shell .nk34-primary-host .nk26-nav-item svg{width:17px!important;height:17px!important;min-width:17px!important;stroke:currentColor!important;fill:none!important}
body.nk34-shell .nk34-primary-host .nk26-nav-label{display:inline!important;max-width:none!important;overflow:visible!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
/* Giới thiệu no longer appears as a standalone top item. */
body.nk34-shell .nk34-primary-host .nk26-nav-item[data-nk34-intro="1"]{display:none!important}

.nk34-top-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.nk34-top-action{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(255,255,255,.075);color:#fff;cursor:pointer;font-size:16px}.nk34-top-action:hover{background:rgba(255,255,255,.16)}

/* The red-box area from the screenshot: moved immediately below the main top menu. */
.nk34-top-sub{height:var(--nk34-top-sub);display:flex;align-items:center;padding:8px 14px;background:#fff;border-bottom:1px solid #e3ece8}
body.nk34-shell .nk34-top-sub>.nk26-quickbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:auto!important;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;max-width:none!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
body.nk34-shell .nk34-top-sub .nk26-quickbar:after{display:none!important}
body.nk34-shell .nk34-top-sub .nk26-quickbar__search{flex:0 1 430px!important;min-width:260px!important;height:42px!important}
body.nk34-shell .nk34-top-sub .nk26-quickbar__tiles{display:flex!important;align-items:center!important;gap:7px!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;height:46px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 1px!important;scrollbar-width:none!important}
body.nk34-shell .nk34-top-sub .nk26-quickbar__tiles::-webkit-scrollbar{display:none}
body.nk34-shell .nk34-top-sub .nk26-quick-tile,body.nk34-shell .nk34-top-sub .nk26-quickbar__tile{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;min-width:92px!important;width:auto!important;height:40px!important;padding:0 12px!important;border:1px solid #e0e9e5!important;border-radius:10px!important;background:#fff!important;color:#31594e!important;font-size:10px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 2px 7px rgba(28,67,53,.035)!important}
body.nk34-shell .nk34-top-sub .nk26-quick-tile:hover,body.nk34-shell .nk34-top-sub .nk26-quickbar__tile:hover{background:#eef6f2!important;border-color:#c6dbd2!important;color:#075b49!important;transform:none!important}
body.nk34-shell .nk34-top-sub .nk26-quick-tile svg,body.nk34-shell .nk34-top-sub .nk26-quickbar__tile svg{width:16px!important;height:16px!important;min-width:16px!important}
body.nk34-shell .nk34-top-sub .nk30-shortcut-num{display:none!important}

/* Popup always anchored below the two-line top shell. */
body.nk34-shell .nk26-popup{position:fixed!important;top:calc(var(--nk34-top-total) + 7px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(1260px,calc(100vw - 34px))!important;max-height:calc(100vh - var(--nk34-top-total) - 24px)!important;z-index:12120!important;border-radius:14px!important;overflow:auto!important}
body.nk34-shell .nk26-popup-backdrop{position:fixed!important;inset:var(--nk34-top-total) 0 0!important;z-index:12100!important;background:rgba(20,45,37,.16)!important}
body.nk34-shell .nk33-popup .nk33-body{max-height:calc(100vh - var(--nk34-top-total) - 110px);overflow:auto}

/* Restore page geometry after removing legacy header from visual flow. */
body.nk34-shell .app-main{padding-top:0!important;margin-top:0!important;min-height:calc(100vh - var(--nk34-top-total))!important}
body.nk34-shell .app-main__outer{padding-top:0!important;margin-top:0!important;min-width:0!important}
body.nk34-shell .app-main__inner{padding-top:14px!important;margin-top:0!important;min-width:0!important;overflow-x:clip!important}
body.nk34-shell .app-sidebar{top:var(--nk34-top-total)!important;height:calc(100vh - var(--nk34-top-total))!important;max-height:calc(100vh - var(--nk34-top-total))!important}
body.nk34-shell.fixed-sidebar .app-main .app-main__outer{padding-left:var(--nk34-side-w)!important}
body.nk34-shell.closed-sidebar.fixed-sidebar .app-main .app-main__outer,body.nk34-shell.closed-sidebar-mobile.fixed-sidebar .app-main .app-main__outer{padding-left:0!important}

/* Suppress legacy header artifacts that used to appear as black/ghost rectangles. */
body.nk34-shell .nk34-top-shell .dropdown-menu:not(.nk26-popup),body.nk34-shell .nk34-top-shell .popover-custom-content{display:none!important}
body.nk34-shell .nk34-top-shell .nk26-popup .dropdown-menu,body.nk34-shell .nk34-top-shell .nk26-popup .popover-custom-content{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important}

/* Desktop-first behavior requested. */
@media (min-width:1200px){body.nk34-shell .nk34-primary-host .nk26-primary-nav{justify-content:flex-start}.nk34-top-actions{padding-left:6px}}
@media (max-width:1199px){:root{--nk34-side-w:260px}.nk34-brand{min-width:170px}.nk34-brand__copy small{display:none}body.nk34-shell .nk34-primary-host .nk26-nav-item{padding:0 9px!important;font-size:11px!important}body.nk34-shell .nk34-top-sub .nk26-quickbar__search{flex-basis:330px!important}.nk34-top-actions .nk34-top-action:nth-child(n+3){display:none}}
@media (max-width:991px){:root{--nk34-top-main:58px;--nk34-top-sub:58px;--nk34-top-total:116px}.nk34-brand{min-width:58px}.nk34-brand__copy{display:none}.nk34-brand__logo{width:42px;height:42px}.nk34-primary-host{overflow-x:auto}.nk34-top-actions{display:none}body.nk34-shell .nk34-primary-host .nk26-nav-item{padding:0 9px!important}.nk34-top-sub{padding:7px 8px}body.nk34-shell .nk34-top-sub .nk26-quickbar__search{flex:0 0 260px!important;min-width:220px!important}body.nk34-shell .app-sidebar{top:0!important;height:100vh!important;max-height:100vh!important}body.nk34-shell.fixed-sidebar .app-main .app-main__outer{padding-left:0!important}}
@media (max-width:767px){:root{--nk34-top-main:56px;--nk34-top-sub:54px;--nk34-top-total:110px}.nk34-top-main{padding:0 7px;gap:5px}.nk34-menu-toggle{width:35px;height:35px}.nk34-brand{min-width:45px}.nk34-brand__logo{width:38px;height:38px;border-radius:8px}.nk34-primary-host .nk26-nav-item .nk26-nav-label{display:none!important}body.nk34-shell .nk34-primary-host .nk26-nav-item{width:38px!important;min-width:38px!important;padding:0!important}.nk34-top-sub{overflow:hidden}body.nk34-shell .nk34-top-sub>.nk26-quickbar{gap:5px!important}body.nk34-shell .nk34-top-sub .nk26-quickbar__search{flex:0 0 210px!important;min-width:190px!important}body.nk34-shell .nk34-top-sub .nk26-quick-tile,body.nk34-shell .nk34-top-sub .nk26-quickbar__tile{min-width:42px!important;width:42px!important;padding:0!important;font-size:0!important}body.nk34-shell .nk34-top-sub .nk26-quick-tile svg,body.nk34-shell .nk34-top-sub .nk26-quickbar__tile svg{width:17px!important;height:17px!important}}

/* ==========================================================
   NIKAYA 2026 v35 — stable PC header typography + complete actions + static footer
   ========================================================== */
body.nk35-ui .nk34-top-shell,body.nk35-ui .nk34-top-shell *{font-family:Arial,"Noto Sans",sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;text-shadow:none!important;-webkit-font-smoothing:antialiased;box-sizing:border-box}
body.nk35-ui .nk34-top-shell{height:var(--nk34-top-total)!important;min-height:var(--nk34-top-total)!important;transform:none!important;scale:1!important;zoom:1!important;transition:box-shadow .18s ease!important}
body.nk35-ui .nk34-top-shell.nk35-scrolled{box-shadow:0 5px 18px rgba(17,58,47,.15)!important}
body.nk35-ui .nk34-top-main{height:var(--nk34-top-main)!important;min-height:var(--nk34-top-main)!important;transform:none!important}
body.nk35-ui .nk34-primary-host .nk26-nav-item{font-size:13px!important;font-weight:700!important;line-height:1!important;height:42px!important;transform:none!important;scale:1!important;filter:none!important}
body.nk35-ui .nk34-primary-host .nk26-nav-label{font-size:13px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;transform:none!important}
body.nk35-ui .nk34-brand__copy strong{font-size:16px!important;font-weight:800!important;line-height:18px!important}body.nk35-ui .nk34-brand__copy small{font-size:10px!important;line-height:12px!important}
body.nk35-ui .nk34-top-sub,body.nk35-ui .nk34-top-sub *{transform:none!important;scale:1!important}
body.nk35-ui .nk34-top-sub .nk26-quick-tile,body.nk35-ui .nk34-top-sub .nk26-quickbar__tile{font-size:11px!important;line-height:1!important;font-weight:700!important}
.nk34-top-actions{gap:7px!important;padding-left:8px!important}.nk35-top-icon{position:relative;width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.nk35-top-icon:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}.nk35-top-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nk35-top-icon.is-settings{border-left:1px solid rgba(255,255,255,.16);border-radius:0;padding-left:12px;width:46px;flex-basis:46px}.nk35-notify-badge{position:absolute;top:2px;right:1px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#e34d43;color:#fff;font-size:9px!important;font-weight:800!important;line-height:15px!important;text-align:center}.nk35-calm .nk35-top-icon.is-calm{background:rgba(255,255,255,.18)}
/* Footer matches the approved reference: thin, calm, optional fixed bottom. */
.nk35-footer{position:relative;z-index:10900;display:grid;grid-template-columns:minmax(270px,1.1fr) minmax(330px,1.25fr) minmax(270px,1fr) auto;align-items:center;gap:18px;width:100%;min-height:46px;padding:7px 22px;border-top:2px solid #d8ad54;background:linear-gradient(90deg,#fffaf1,#fff,#fffaf4);color:#66736f;font-family:Arial,"Noto Sans",sans-serif;font-size:11px;line-height:1.25;box-shadow:0 -2px 12px rgba(69,57,35,.06)}.nk35-footer__brand,.nk35-footer__respect,.nk35-footer__mode{display:flex;align-items:center;gap:9px;min-width:0}.nk35-footer__brand strong{color:#315f53}.nk35-lotus{font-size:25px;color:#b48b3f;line-height:1}.nk35-footer__respect{justify-content:center;border-left:1px solid #eee4d4;border-right:1px solid #eee4d4;padding:0 18px}.nk35-footer__respect>span:first-child{font-size:18px;color:#6b7c77}.nk35-footer__copy{text-align:center;white-space:nowrap}.nk35-footer__mode{justify-content:flex-end;white-space:nowrap}.nk35-footer-toggle{width:39px;height:21px;padding:2px;border:1px solid #c8d5d0;border-radius:12px;background:#dce6e2;cursor:pointer}.nk35-footer-toggle span{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}.nk35-footer-toggle[aria-pressed="true"]{background:#1d6d59}.nk35-footer-toggle[aria-pressed="true"] span{transform:translateX(17px)}body.nk35-footer-static .nk35-footer{position:fixed;left:0;right:0;bottom:0}body.nk35-footer-static:not(.nk35-footer-hidden){padding-bottom:46px}.nk35-footer-hidden .nk35-footer{display:none!important}
.nk35-settings-footer{margin:12px 0;padding:12px;border:1px solid #dce8e3;border-radius:10px;background:#f8fbfa}.nk35-settings-footer__title{margin-bottom:8px;color:#1e5f4f;font-size:12px;font-weight:800}.nk35-settings-footer__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #edf2f0;font-size:12px}.nk35-settings-footer__row button{min-width:48px;padding:4px 9px;border:1px solid #ccdcd5;border-radius:14px;background:#fff;color:#526b63;font-size:11px;cursor:pointer}.nk35-settings-footer__row button.is-on{background:#176a55;border-color:#176a55;color:#fff}
@media (max-width:1250px){.nk35-top-icon.is-user{display:none}.nk34-top-actions{gap:3px!important}.nk35-footer{grid-template-columns:1fr 1fr auto}.nk35-footer__respect{display:none}}
@media (max-width:991px){.nk35-top-icon.is-bell,.nk35-top-icon.is-user{display:none}.nk35-footer{grid-template-columns:1fr auto;padding:7px 12px}.nk35-footer__copy{display:none}.nk35-footer__mode span{display:none}}
@media (max-width:767px){.nk34-top-actions{display:flex!important}.nk35-top-icon{width:32px;height:32px;flex-basis:32px}.nk35-top-icon.is-bell,.nk35-top-icon.is-calm,.nk35-top-icon.is-user{display:none}.nk35-top-icon.is-settings{width:36px;flex-basis:36px;padding-left:5px}.nk35-footer{font-size:10px;min-height:42px}.nk35-footer__brand span:not(.nk35-lotus){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nk35-footer__mode{display:none}body.nk35-footer-static:not(.nk35-footer-hidden){padding-bottom:42px}}


/* ==========================================================
   NIKAYA 2026 v36 — Header interaction restore + sticky contrast hardening
   ========================================================== */
body.nk36-ui .nk34-top-shell{position:sticky!important;top:0!important;z-index:12000!important;background:#fff!important;color:#24483b!important;isolation:isolate;transform:none!important;filter:none!important;opacity:1!important}
body.nk36-ui .nk34-top-shell.nk35-scrolled,body.nk36-ui .nk34-top-shell.is-sticky,body.nk36-ui .nk34-top-shell.scrolled{background:#fff!important;color:#24483b!important;box-shadow:0 7px 24px rgba(15,54,43,.18)!important}
body.nk36-ui .nk34-top-main,body.nk36-ui .nk34-top-shell.nk35-scrolled .nk34-top-main,body.nk36-ui .nk34-top-shell.is-sticky .nk34-top-main,body.nk36-ui .nk34-top-shell.scrolled .nk34-top-main{background:linear-gradient(90deg,#075b49 0%,#08705a 55%,#075b49 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important;opacity:1!important;filter:none!important}
body.nk36-ui .nk34-primary-host,body.nk36-ui .nk34-primary-host .nk26-primary-nav{background:transparent!important;color:#fff!important}
body.nk36-ui .nk34-primary-host .nk26-nav-item,body.nk36-ui .nk34-primary-host .nk26-nav-item:link,body.nk36-ui .nk34-primary-host .nk26-nav-item:visited,body.nk36-ui .nk34-primary-host .nk26-nav-label{color:#f7fffc!important;background-color:transparent!important;text-shadow:none!important;opacity:1!important;filter:none!important}
body.nk36-ui .nk34-primary-host .nk26-nav-item:hover,body.nk36-ui .nk34-primary-host .nk26-nav-item.is-active,body.nk36-ui .nk34-primary-host .nk26-nav-item.is-route-active{background:rgba(255,255,255,.15)!important;color:#fff!important}
body.nk36-ui .nk34-top-main .nk34-brand,body.nk36-ui .nk34-top-main .nk34-brand *,body.nk36-ui .nk34-top-main .nk34-menu-toggle,body.nk36-ui .nk34-top-main .nk35-top-icon{color:#fff!important}
body.nk36-ui .nk34-top-sub,body.nk36-ui .nk34-top-shell.nk35-scrolled .nk34-top-sub,body.nk36-ui .nk34-top-shell.is-sticky .nk34-top-sub{background:#fff!important;color:#31594e!important;border-bottom:1px solid #dce8e3!important;opacity:1!important;filter:none!important}
body.nk36-ui .nk34-top-sub .nk26-quick-tile,body.nk36-ui .nk34-top-sub .nk26-quickbar__tile{background:#fff!important;color:#31594e!important;border-color:#dce8e3!important}
body.nk36-ui .nk34-top-sub .nk26-quick-tile:hover,body.nk36-ui .nk34-top-sub .nk26-quickbar__tile:hover{background:#edf6f2!important;color:#075b49!important}
body.nk36-ui .nk34-top-sub input{background:#fff!important;color:#294b41!important;-webkit-text-fill-color:#294b41!important}
body.nk36-ui .nk34-top-sub input::placeholder{color:#82958d!important;opacity:1!important}

/* Real functional top-right action popovers. */
.nk36-action-popover{position:fixed;z-index:12650;top:calc(var(--nk34-top-total,116px) + 8px);right:14px;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - var(--nk34-top-total,116px) - 22px);display:none;overflow:hidden;border:1px solid #d7e5df;border-radius:16px;background:#fff;color:#314b42;box-shadow:0 22px 58px rgba(20,52,42,.24)}
.nk36-action-popover.is-open{display:flex;flex-direction:column}.nk36-action-popover.is-user{width:min(450px,calc(100vw - 28px))}.nk36-action-popover__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:9px 12px 9px 16px;border-bottom:1px solid #e5eeea;background:linear-gradient(180deg,#fbfdfc,#f4f9f7);color:#155d4b;font-size:13px;font-weight:850}.nk36-action-popover__close{width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#5f786e;font-size:21px;line-height:1;cursor:pointer}.nk36-action-popover__close:hover{background:#e9f3ef;color:#075b49}.nk36-action-popover__body{min-height:0;overflow:auto;padding:10px}.nk36-action-popover__body>.dropdown-menu,.nk36-action-popover__body .nk36-ported-menu{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#314b42!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}.nk36-action-popover .dropdown-menu-header{margin:0 0 10px!important;border-radius:11px!important}.nk36-action-popover .dropdown-menu-header-inner{background:linear-gradient(120deg,#316d5d,#6e5a45)!important}.nk36-action-popover .menu-header-content,.nk36-action-popover .menu-header-content *{color:#fff!important}.nk36-action-popover a{color:#315f53!important}.nk36-action-popover a:hover{color:#075b49!important}.nk36-action-popover .grid-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nk36-action-popover .btn{white-space:normal!important}.nk36-action-popover .vertical-timeline-item.nk36-seen,.nk36-action-popover .list-group-item.nk36-seen,.nk36-action-popover .widget-content.nk36-seen{opacity:.58}.nk36-action-backdrop{position:fixed;z-index:12640;inset:var(--nk34-top-total,116px) 0 0;display:none;background:rgba(21,47,39,.13)}.nk36-action-backdrop.is-open{display:block}
.nk35-top-icon[aria-expanded="true"]{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 -2px 0 #e2ba70}.nk35-top-icon:focus-visible{outline:2px solid #f4d28d!important;outline-offset:2px}.nk35-top-icon.is-bell .nk35-notify-badge:empty{display:none!important}

/* Calm/eye-comfort button now has a visible page effect, not only an active icon. */
body.nk35-calm{--nk-bg:#f5f2e9;--nk-paper:#fffdf8;background:#f5f2e9!important}body.nk35-calm .app-main__inner,body.nk35-calm .nk27-reader-card,body.nk35-calm #content_pro{filter:saturate(.88) contrast(.97)}body.nk35-calm .nk34-top-shell{filter:none!important}

/* Settings must remain interactive even though the legacy header is visually hidden. */
body.nk36-ui .ui-theme-settings{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}body.nk36-ui .ui-theme-settings.settings-open{pointer-events:auto!important}body.nk36-ui .ui-theme-settings .theme-settings__inner{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

@media(max-width:991px){.nk36-action-popover{top:calc(var(--nk34-top-total,116px) + 5px);left:8px;right:8px;width:auto!important;max-height:calc(100dvh - var(--nk34-top-total,116px) - 14px)}.nk36-action-popover .grid-menu{grid-template-columns:1fr!important}.nk36-action-backdrop{inset:var(--nk34-top-total,116px) 0 0}}

/* ==========================================================
   NIKAYA 2026 v37 — Full-width content + legacy chrome cleanup
   Sidebar links remain intact. Content always fills remaining viewport.
   ========================================================== */
:root{--nk37-content-gutter:1%;}
body.nk37-ui .app-sidebar>.app-header__logo,
body.nk37-ui .app-sidebar>.app-header__mobile-menu,
body.nk37-ui .app-sidebar>.app-header__menu{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}

/* Kill the old ArchitectUI footer/header chrome that was leaking Notifications / Footer Menu / Grid Menu into content. */
body.nk37-ui .app-container>.app-header,
body.nk37-ui .app-wrapper-footer,
body.nk37-ui .app-footer,
body.nk37-ui .app-footer__inner,
body.nk37-ui .app-footer-left,
body.nk37-ui .app-footer-right{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important;pointer-events:none!important}
body.nk37-ui .nk21-layout-warning{display:none!important}

/* Keep the real left sidebar, but never reserve extra duplicated space. */
body.nk37-ui .app-main{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
body.nk37-ui .app-container:not(.closed-sidebar):not(.closed-sidebar-mobile) .app-main__outer{
  margin-left:var(--nk34-side-w)!important;
  padding-left:0!important;
  width:calc(100% - var(--nk34-side-w))!important;
  max-width:calc(100% - var(--nk34-side-w))!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.nk37-ui .app-container.closed-sidebar .app-main__outer,
body.nk37-ui .app-container.closed-sidebar-mobile .app-main__outer{
  margin-left:0!important;
  padding-left:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.nk37-ui .app-main__inner{
  width:98%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}
body.nk37-ui .app-main__inner>.container,
body.nk37-ui .app-main__inner>.container-fluid,
body.nk37-ui .app-main__inner>main,
body.nk37-ui .app-main__inner>.row,
body.nk37-ui .app-main__inner>.card,
body.nk37-ui .app-main__inner>.content-block,
body.nk37-ui .app-main__inner>#content_pro{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Prevent older reader/card constraints from shrinking desktop content. */
body.nk37-ui .app-main__inner>.card,
body.nk37-ui .app-main__inner>.nk27-reader-card,
body.nk37-ui .nk27-reader-card,
body.nk37-ui .nk-page-collection,
body.nk37-ui .nk-page-article,
body.nk37-ui .nk-page-reader,
body.nk37-ui #content_pro{max-width:none!important}

/* Sidebar starts directly with its useful navigation controls. */
body.nk37-ui .app-sidebar .scrollbar-sidebar{height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}
body.nk37-ui .app-sidebar__inner{padding-top:10px!important}

/* The new top shell is the only visible shell. */
body.nk37-ui .nk34-top-shell{width:100%!important;max-width:none!important;left:0!important;right:0!important}
body.nk37-ui .nk34-top-main,
body.nk37-ui .nk34-top-sub{width:100%!important;max-width:none!important;box-sizing:border-box!important}

@media(max-width:991px){
 body.nk37-ui .app-container:not(.closed-sidebar):not(.closed-sidebar-mobile) .app-main__outer,
 body.nk37-ui .app-container.closed-sidebar .app-main__outer,
 body.nk37-ui .app-container.closed-sidebar-mobile .app-main__outer{margin-left:0!important;width:100%!important;max-width:100%!important}
 body.nk37-ui .app-main__inner{width:98%!important;padding-left:0!important;padding-right:0!important}
}
@media(max-width:640px){body.nk37-ui .app-main__inner{width:calc(100% - 12px)!important}}
