.aismartbase-widget-inline { display: flex; gap: 35px; }
.aismartbase-widget-inline .aismartbase-sidebar { flex: 3; padding: 30px 0px 0px 0px; background: #FFF; border-right:none; width:30%; }
.aismartbase-widget-inline .aismartbase-content { flex: 7; padding: 20px; background: #fff; width:70%; }

@media (max-width: 1024px) {
  .aismartbase-widget-inline .aismartbase-sidebar { display: none; }
  .aismartbase-widget-inline .aismartbase-content { width:100%; padding:60px 0px 0px 0px; }
}

@media (max-width: 768px) {
	.aismartbase-widget-inline .aismartbase-sidebar { display:none; }
	.aismartbase-widget-inline .aismartbase-content { width:100%; padding:60px 0px 0px 0px; }
	.aismartbase-widget-inline .aismartbase-single-page { flex-direction: column; }
	.aismartbase-widget-inline .aismartbase-sidebar, .aismartbase-content { flex: 1 !important; }
}
/*********************************************
 AIKB Sidebar  Full TOC Redesign (Independent)
*********************************************/
.aismartbase-widget-inline .aismartbase-inline-sidebar { position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #a1a1a1 #f0f0f0; }
.aismartbase-widget-inline .aismartbase-inline-sidebar::-webkit-scrollbar { width: 8px; }
.aismartbase-widget-inline .aismartbase-inline-sidebar::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 4px; }
.aismartbase-widget-inline .aismartbase-inline-sidebar::-webkit-scrollbar-thumb { background-color: #a1a1a1; border-radius: 4px; border: 2px solid #f0f0f0; }
.aismartbase-widget-inline .aismartbase-inline-sidebar::-webkit-scrollbar-thumb:hover { background-color: #7a7a7a; }
.aismartbase-widget-inline .aismartbase-inline-sidebar ul.aikb-toc-subtree { padding-left: 13px !important; border-left: 1px dotted #CCCCCC; }
.aismartbase-widget-inline .aismartbase-inline-sidebar > ul.aikb-toc > li > ul.aikb-toc-subtree { border-left: none; padding-left: 0px !important; }
.aismartbase-widget-inline .aismartbase-inline-sidebar .aikb-toc .aikb-ajax-article-link { padding: 6px 0px; }
.aismartbase-widget-inline .aismartbase-inline-sidebar .aikb-toc .aikb-ajax-article-link:hover { background: none !important; }
.aismartbase-widget-inline .aikb-toc { list-style: none; margin: 0; padding: 0; line-height: 1.6; }
.aismartbase-widget-inline .aikb-toc li { position: relative; margin: 4px 0; transition: all 0.2s ease-in-out; border-radius: 2px; padding-left: 4px; }
.aismartbase-widget-inline .aikb-toc .category_name { display: block; font-weight: 600; color: #000; cursor: pointer; border-radius: 5px; }
.aismartbase-widget-inline .aikb-toc .aikb-ajax-article-link { display: block; text-decoration: none; color: #374151; padding: 6px 12px; border-radius: 6px; transition: all 0.2s; line-height: 1.4; }
.aismartbase-widget-inline .aikb-toc .aikb-ajax-article-link:hover { background: #f0f9ff; color: #0c4a6e; transform: translateX(4px); }
.aismartbase-widget-inline .aikb-toc .active > .category_name, .aikb-toc .aikb-article a.active { font-weight: 700; color: #1e40af; background: #dbeafe; box-shadow: 0 2px 6px rgba(30, 64, 175, 0.2); }
.aismartbase-widget-inline .aikb-toc .aikb-subtree { list-style: none; padding-left: 18px; margin-top: 4px; border-left: 2px dashed #cbd5e1; transition: all 0.3s ease; }
.aismartbase-widget-inline .aikb-toc .aikb-subtree li:hover > .aikb-ajax-article-link { background: #eef2ff; color: #4338ca; }
.aismartbase-widget-inline .aikb-toc-root, .aikb-toc-subtree { list-style: none; margin: 0; padding: 0; }
.aismartbase-widget-inline .aikb-toc-title { display: flex; justify-content: space-between; align-items: center; background: #4f46e5; color: #fff; padding: 8px 12px; border-radius: 6px; cursor: pointer; user-select: none; margin-bottom: 2px; transition: background 0.3s; }
.aismartbase-widget-inline .aikb-toc-title:hover { background: #4338ca; }
.aismartbase-widget-inline .aikb-toc-subtree { padding-left: 18px; margin-top: 2px; }
.aismartbase-widget-inline .aikb-toc-subtree .aikb-toc-title { background: #f7f7f7; color: #111; border-radius: 0;  padding: 10px 15px; font-weight: 500; }
.aismartbase-widget-inline .toggle-icon { font-weight: bold; margin-left: 8px; }

/* ICONS */
.aismartbase-widget-inline .aikb-icon{ display:inline-flex; align-items:center; margin-right:6px; opacity:.85; }
.aismartbase-widget-inline .aikb-toc-root > .aikb-toc-item > .aikb-toc-title{  background: #e7faff; font-weight: 600; border-bottom: 1px solid #b0e0ed;
    border-radius: 0px; padding: 10px 17px; }
.aismartbase-widget-inline .article_name{ display:flex; align-items:center; }
.aismartbase-widget-inline .category_name{ display:flex; align-items:center; }
.aismartbase-widget-inline .aikb-chevron{ transition:transform .25s ease; opacity:.8; }
.aismartbase-widget-inline .aikb-toc li{ padding-left:0px; }
.aismartbase-widget-inline .aikb-toc-title{ gap:6px; }
.aismartbase-widget-inline .aikb-toc-subtree{ border-left:1px dashed #d1d5db; padding-left:16px; }
.aismartbase-widget-inline .article_title{ position:relative; }
.aismartbase-widget-inline .aikb-toc-title:hover .article_title{ color:#3366ff; }
.aismartbase-widget-inline .aikb-toc-title:hover .aikb-icon { color: #3366ff; }
.aismartbase-widget-inline .aikb-article-content{ margin-bottom: 125px;}
.aismartbase-widget-inline .aikb-content {  padding: 0px; }

/* subtle hover effect */
.aismartbase-widget-inline .aikb-toc-title:hover .article_title::after{width:100%;}
.aismartbase-inline-sidebar .aikb-toc-article.active-article > .aikb-toc-title .article_title::after { width: 100%; }
.aismartbase-inline-sidebar .aikb-toc-article.active-article > .aikb-toc-title .article_title,
.aismartbase-inline-sidebar .aikb-toc-article.active-article > .aikb-toc-title .aikb-icon { color: #3366ff; font-weight: 700; }

.aikb-permalink { margin-left: 8px; font-size: 0.85em; text-decoration: none; color: #888; }
.aikb-permalink:hover { color: #1e40af; }
.aismartbase-widget-inline .inline_post_title { border-bottom: 3px solid #e9e9e97a; padding-bottom: 20px; margin-bottom: 30px; font-size: 2rem; display: flex; align-items: center; justify-content: space-between; font-weight: 700; padding-top: 0px; margin-top: 0px; }
.aismartbase-widget-inline .inline_post_title .aikb-permalink { font-size: 12px; font-weight: 400;  }
.aismartbase-widget-inline .article_title{transition:all .25s ease;}
.aismartbase-widget-inline .aikb-toc-article > .aikb-toc-title:hover{background:#eef2ff;color:#4338ca;}
.aismartbase-widget-inline .aikb-toc-article > .aikb-toc-title:hover .aikb-icon{color:#4f46e5;opacity:1;}
.aismartbase-widget-inline .aikb-toc-article.active-article{background:linear-gradient(90deg,#e0e7ff,#eef2ff);border-left:3px solid #4f46e5;}
.aismartbase-widget-inline .aikb-toc-article.active-article .article_title{color:#1e3a8a;font-weight:600;}
.aismartbase-widget-inline .aikb-toc-subtree{border-left:1px solid #e2e8f0;padding-left:16px;margin-left:0;}
.aismartbase-widget-inline .aikb-icon{opacity:.75;transition:.25s;}
.aismartbase-widget-inline .aikb-chevron{transition:transform .25s ease;opacity:.7;}

/* Root Record Progress Bar Background */
.aismartbase-widget-inline .root-record-title { position: relative; overflow: hidden; }
.aismartbase-widget-inline .root-record-title .record-progress-bar { position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: linear-gradient(90deg, #4f46e5, #3366ff); opacity: 0.12; z-index: 0; transition: width 0.15s ease; }
.aismartbase-widget-inline .root-record-title .article_name { position: relative; z-index: 2; }

.aismartbase-widget-inline li.aikb-toc-article.has-children ul.aikb-toc-subtree li.aikb-toc-article,
.aismartbase-widget-inline li.aikb-toc-article.has-children ul.aikb-toc-subtree li.aikb-toc-article > .aikb-toc-title:hover { background: none!important; border-left:none!important; transform: none;  }
.aismartbase-widget-inline li.aikb-toc-article.has-children ul.aikb-toc-subtree li.aikb-toc-article > .aikb-toc-title  { background: none !important; padding: 3px 15px 3px 6px !important; margin-left:-2px; font-size: 14px; }


.aismartbase-widget-inline li.aikb-toc-article.has-children .child-arrow-icon  { margin-left: -2px; }
.aismartbase-widget-inline ul.aikb-toc-subtree.first-nested-ul { padding:10px 0px;  }
.aismartbase-widget-inline ul.aikb-toc-subtree.first-nested-ul ul { border-left:none; padding-left: 16px !important;}



/* =============================== Mobile Sidebar Toggle Button ================================= */
.aismartbase-sidebar-toggle { display: none; position: fixed; top: 120px; left: 0; z-index: 99999; background: #4f46e5; color: #fff; border: none; width: 50px; height: 50px; border-radius: 0px 12px 12px 0px; cursor: pointer; box-shadow: 4px 6px 18px rgba(0,0,0,0.25); align-items: center; justify-content: center; padding: 0; transition: left 0.3s ease; }
/* Overlay */
.aismartbase-sidebar-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 99997; }
.aismartbase-sidebar-overlay.active { display: block; }
/* =============================== Tablet & Mobile Sidebar ================================= */
@media (max-width: 1024px) {
	/* Show toggle button */
	.aismartbase-sidebar-toggle { display: flex; }
	/* FULL HEIGHT SIDEBAR */
	.aismartbase-widget-inline .aismartbase-inline-sidebar { display: block !important; position: fixed !important; top: 0 !important; left: -340px; width: 320px; height: 100vh !important; max-height: 100vh !important; overflow-y: auto; background: #fff !important; z-index: 99998; padding: 25px 10px 0px 10px !important; box-shadow: 6px 0px 25px rgba(0,0,0,0.18); transition: left 0.3s ease; }
	/* Sidebar visible */
	.aismartbase-widget-inline.sidebar-open .aismartbase-inline-sidebar { left: 0; }
	/* When sidebar opens, button moves with sidebar */
	.aismartbase-widget-inline.sidebar-open .aismartbase-sidebar-toggle { left: 320px; }
	/* Content full width */
	.aismartbase-widget-inline .aismartbase-content { width: 100% !important; padding: 60px 0px 0px 0px; }
	/* IMPORTANT: Always show ROOT submenu (fix blank sidebar issue) */
	.aismartbase-widget-inline .aismartbase-inline-sidebar > ul.aikb-toc-root > li > ul.aikb-toc-subtree { display: block !important; }
	/* Ensure text visible */
	.aismartbase-widget-inline .aismartbase-inline-sidebar .aikb-toc-title, .aismartbase-widget-inline .aismartbase-inline-sidebar .article_title, .aismartbase-widget-inline .aismartbase-inline-sidebar .category_name { color: #111 !important; }
	/* Fix root title spacing */
	.aismartbase-widget-inline .aikb-toc-root > .aikb-toc-item > .aikb-toc-title { margin: 0px 0px 10px 0px !important; border-radius: 0px !important; }
}



/* =============================== Sidebar Search (Independent + Clean) ============================== */
.aismartbase-widget-inline .aismartbase-inline-search { top: 0; z-index: 9999; padding: 0px 0px 25px 0px; border-bottom: 1px solid #e5e7eb; font-family: inherit; }
.aismartbase-widget-inline .aismartbase-inline-search *, .aismartbase-widget-inline .aismartbase-inline-search *::before, .aismartbase-widget-inline .aismartbase-inline-search *::after { box-sizing: border-box; }
.aismartbase-widget-inline .aismartbase-inline-search-wrap { position: relative; width: 100%; }
.aismartbase-widget-inline .aismartbase-inline-search input.aismartbase-search-input { width: 100%; padding: 11px 38px 11px 12px; border: 1px solid #d1d5db; border-radius: 10px; outline: none; font-size: 14px; font-weight: 500; color: #111827; background: #fff; transition: all 0.2s ease; line-height: 1.4; }
.aismartbase-widget-inline .aismartbase-inline-search input.aismartbase-search-input:focus { border-color: #4f46e5; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12); }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-clear { position: absolute; right: 10px; top: 38%; transform: translateY(-50%); border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-clear-icon { display: block; width: 16px; height: 16px; pointer-events: none; color: #9ca3af; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-clear:hover { color: #111827; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-clear svg { display: block; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-clear:hover { fill: #111827; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-count { font-size: 13px; font-weight: 600; color: #4b5563; line-height: 1; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-nav { display: flex; align-items: center; gap: 10px; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-nav button { border: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; cursor: pointer; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; transition: color 0.2s ease; transition: transform 0.2s ease; min-height: 2px; }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-nav button:hover { color: #4f46e5; transform: translateY(-1px); }
.aismartbase-widget-inline .aismartbase-inline-search .aismartbase-search-nav button svg { display: block; }
.aismartbase-widget-inline .aismartbase-highlight { background: #fff3a3; padding: 2px 3px; border-radius: 4px; font-weight: 700; }
.aismartbase-widget-inline .aismartbase-highlight.active-highlight { background: #4f46e5; color: #fff; }