/* V27 — 20% narrower scrollable sidebar, 35% denser internals, FAQ knowledge center */
.sidebar{
  width:218px!important;
  padding:14px 11px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(145,190,240,.5) transparent
}
.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:rgba(145,190,240,.46);border-radius:999px}
.sidebar.collapsed{width:60px!important;padding:10px 6px!important}
.main-content{margin-left:254px!important;width:calc(100% - 254px)!important}
.sidebar.collapsed~.main-content{margin-left:94px!important;width:calc(100% - 94px)!important}

.sidebar .brand-wrap{min-height:40px!important;gap:7px!important}
.sidebar .brand-mark{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important;font-size:14px!important}
.sidebar .brand-text{min-width:120px!important}.sidebar .brand-text strong{font-size:14px!important}.sidebar .brand-text span{font-size:7px!important}
.sidebar .sidebar-toggle{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:9px!important;font-size:10px!important}
.sidebar .side-nav{margin-top:15px!important;gap:4px!important}
.sidebar .nav-item{min-height:34px!important;border-radius:10px!important;padding:7px 8px!important;gap:8px!important;font-size:9px!important}
.sidebar .nav-item i{width:17px!important;font-size:12px!important}.sidebar .count-pill{font-size:6.5px!important;padding:2px 5px!important}
.sidebar .nav-divider{margin:6px 3px!important}
.sidebar .side-card{padding:10px!important;border-radius:12px!important;margin-top:10px!important}
.sidebar .side-card-icon{width:27px!important;height:27px!important;border-radius:8px!important;margin-bottom:7px!important;font-size:11px!important}
.sidebar .side-card strong{font-size:9px!important}.sidebar .side-card p{font-size:7.5px!important;line-height:1.45!important;margin:5px 0 8px!important}
.sidebar .side-card .btn{padding:7px 8px!important;font-size:7px!important;border-radius:8px!important}
.sidebar .sidebar-footer{margin-top:10px!important;padding-top:9px!important}.sidebar .support-row{font-size:7.5px!important;margin:5px 2px!important;gap:6px!important}
.sidebar.collapsed .brand-wrap{gap:6px!important}.sidebar.collapsed .brand-mark{width:34px!important;height:34px!important;min-width:34px!important}
.sidebar.collapsed .nav-item{width:38px!important;height:38px!important;min-height:38px!important;border-radius:11px!important}.sidebar.collapsed .nav-item i{font-size:13px!important}
.sidebar.collapsed .sidebar-toggle{width:28px!important;height:28px!important}
.sidebar.collapsed .nav-item:hover span{left:47px!important;font-size:8px!important;padding:6px 8px!important}

.faq-dialog{width:min(1180px,calc(100vw - 34px));height:min(86vh,860px);display:flex;flex-direction:column;overflow:hidden;border-radius:24px}
.faq-head{display:flex;gap:14px;align-items:center;padding:23px 26px 16px;border-bottom:1px solid var(--line)}
.faq-head-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#e7f2ff,#d7e9ff);color:#1769d2;display:grid;place-items:center;font-size:19px}
.faq-head h2{font:800 24px "Plus Jakarta Sans";margin:4px 0}.faq-head p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.5}
.faq-toolbar{padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-2);border-bottom:1px solid var(--line)}
.faq-search{height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:0 11px;width:min(520px,70%)}.faq-search i{color:#71859b}.faq-search input{border:0;outline:0;background:transparent;width:100%;font-size:9px;color:var(--text)}
#faqCount{font-size:8px;font-weight:800;color:#61758b;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 8px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 11px;padding:17px 26px;overflow-y:auto;align-content:start;scrollbar-width:thin}
.faq-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;align-self:start}
.faq-q{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px 13px;font-size:9px;font-weight:800;cursor:pointer}.faq-q i{color:#1769d2;transition:.18s}
.faq-a{display:none;padding:0 13px 13px}.faq-a p{margin:0;color:var(--muted);font-size:8.5px;line-height:1.65}.faq-card.open{border-color:#b7d2f2;box-shadow:0 8px 20px rgba(23,105,210,.06)}.faq-card.open .faq-a{display:block}.faq-card.open .faq-q i{transform:rotate(45deg)}
.faq-support{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 26px;border-top:1px solid var(--line);background:linear-gradient(90deg,#f7fbff,#f4f8fd)}.faq-support strong{display:block;font-size:9px}.faq-support span{display:block;font-size:8px;color:#6f8399;margin-top:3px}.faq-support .btn{text-decoration:none;white-space:nowrap;font-size:8px;padding:9px 11px}

@media(max-width:900px){
 .sidebar{width:218px!important}
 .main-content,.sidebar.collapsed~.main-content{margin-left:0!important;width:100%!important}
 .faq-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 .faq-dialog{height:92vh}.faq-head{padding:18px}.faq-head-icon{display:none}.faq-head h2{font-size:20px}.faq-toolbar{padding:10px 18px}.faq-search{width:100%}.faq-grid{padding:13px 18px}.faq-support{padding:12px 18px;align-items:flex-start;flex-direction:column}
}