/* EDSPIRE SCHOOL MANAGEMENT SYSTEM V18.2.1
   Complete UI/UX polish for PRIVATE CLIENT TESTING.
   Presentation-only overrides. No finance/admission/payroll business rules. */

:root{
  --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-7:32px;
  --ui-radius-sm:8px;--ui-radius:12px;--ui-radius-lg:16px;
  --ui-navy:#103b72;--ui-navy-dark:#0c2f5c;--ui-ink:#172033;--ui-muted:#64748b;--ui-line:#dde5ee;--ui-soft:#f7f9fc;
  --ui-success:#15845e;--ui-danger:#b42318;--ui-warning:#b7791f;--ui-info:#2563eb;
  --ui-shadow:0 6px 20px rgba(18,48,82,.055);
}

/* ---------- App shell ---------- */
/* Topbar layout authority moved to v18_2_1_advanced_dashboard_ui.css. */
.main-area{min-width:0}
.content{padding:22px 22px 28px!important;max-width:1800px!important}

/* ---------- Typography / hierarchy ---------- */
.workflow-breadcrumbs{margin-bottom:10px!important;font-size:12.5px!important;min-height:20px}
.workflow-page-head,.directory-head,.v7-page-head{margin-bottom:16px!important}
.workflow-page-head h1,.directory-head h2,.v7-page-head h1{font-size:25px!important;line-height:1.18!important;letter-spacing:-.25px;color:var(--ui-ink)!important}
.workflow-page-head p,.directory-head p,.v7-page-head p{max-width:820px;color:var(--ui-muted)!important;line-height:1.55}
.panel>h2,.panel>h3,.card>h3,.panel-header h3{line-height:1.3}
.panel>h3{font-size:15px!important;margin-bottom:12px!important}.panel>h2{font-size:18px!important}
.muted,small{line-height:1.45}

/* ---------- Cards / panels ---------- */
.card,.panel,.dashboard-panel,.dash-kpi,.staff-kpi,.fee-dashboard-primary>a,.fee-dashboard-secondary>div{
  border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important;background:#fff;
}
.panel{padding:18px!important;margin-top:14px!important}.card{padding:16px!important}
.panel-header{min-height:28px;margin-bottom:12px!important}.panel-header>a{font-weight:700;font-size:12px}
.cards,.grid2,.grid3,.dash-kpi-grid,.staff-kpi-grid,.fee-dashboard-primary,.fee-dashboard-secondary{gap:12px!important}
.empty-state,.report-empty-state{border:1px dashed #cbd5e1;border-radius:var(--ui-radius);background:#fbfcfe;padding:28px 18px!important;color:var(--ui-muted)!important}

/* ---------- Buttons / focus / forms ---------- */
.btn,.quick-link,.quick-add{border-radius:8px!important;min-height:36px!important;font-weight:700!important;box-shadow:none!important}
.btn:focus-visible,.quick-link:focus-visible,.nav-link:focus-visible,.nav-group-title:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{
  outline:3px solid rgba(37,99,235,.22)!important;outline-offset:2px!important;
}
input,select,textarea{min-height:40px;border-color:#d5dee9!important;border-radius:8px!important;background:#fff!important;padding:9px 11px!important}
textarea{min-height:90px;resize:vertical}.field label,label{font-size:11px!important;line-height:1.25!important;text-transform:none!important;letter-spacing:.02em!important;color:#53657a!important;margin-bottom:6px!important}
.field small{display:block;margin-top:5px;color:#77889b}.req{color:var(--ui-danger)}
.form-grid{gap:14px!important}.panel form>h3{margin-top:22px!important;padding-top:18px;border-top:1px solid #e7edf4}.panel form>h3:first-child{margin-top:0!important;padding-top:0;border-top:0}
.panel form>hr{border:0;border-top:1px solid #e7edf4;margin:22px 0 16px}
.toolbar{gap:8px!important}.toolbar .btn+ .btn{margin-left:0}
.filter-box,.report-control-panel{background:#f8fafc!important;border:1px solid #dfe7f0!important;box-shadow:none!important}

/* ---------- Tables ---------- */
.table-wrap{border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#fff;overflow:auto;overscroll-behavior:contain}
table{border-collapse:separate!important;border-spacing:0!important;width:100%}
th,td{padding:10px 11px!important;vertical-align:middle!important}
th{font-size:10.5px!important;letter-spacing:.025em!important;text-transform:none!important;background:#f4f7fb!important;color:#53657a!important;top:0;z-index:2}
td{font-size:12.5px!important;color:#334155!important}tbody tr:hover td{background:#f8fbff!important}
td.money,td.num,.money,.num{font-variant-numeric:tabular-nums;text-align:right!important}
.data-table thead th{background:var(--ui-navy)!important;color:#fff!important}.data-table tbody tr:nth-child(even) td{background:#fbfcfe}
.status-pill,.badge,.fee-status{font-weight:800!important;border-radius:999px!important;white-space:nowrap}
.pager{gap:5px!important;flex-wrap:wrap}.pager a{min-width:32px;text-align:center}.pager a.active{background:var(--ui-navy);color:#fff;border-color:var(--ui-navy)}

/* ---------- Sidebar ---------- */
.sidebar{scrollbar-width:thin}.sidebar-caption{margin-top:17px!important;margin-bottom:6px!important;letter-spacing:1.25px!important}.nav-link,.nav-group-title{min-height:40px!important;border-radius:8px!important}.nav-sub{padding-left:42px!important}.nav-sub a{font-size:12.5px!important;line-height:1.3;padding:7px 9px!important}.nav-link.active,.nav-group.open>.nav-group-title{box-shadow:inset 3px 0 0 rgba(255,255,255,.88)}

/* ---------- Executive / role dashboards ---------- */
.executive-head{margin-bottom:12px!important}.dash-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dash-kpi{padding:15px!important;min-height:112px;display:flex;flex-direction:column;justify-content:center}.dash-kpi .label{text-transform:none!important;letter-spacing:.01em!important}.dash-kpi .value{font-size:24px!important}.dash-kpi.primary,.dash-kpi.warning,.dash-kpi.danger,.dash-kpi.success{border-top:1px solid var(--ui-line)!important;position:relative}.dash-kpi.primary:before,.dash-kpi.warning:before,.dash-kpi.danger:before,.dash-kpi.success:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--ui-navy)}
.dash-kpi.success:before{background:var(--ui-success)}.dash-kpi.warning:before{background:var(--ui-warning)}.dash-kpi.danger:before{background:var(--ui-danger)}
.dashboard-two-col{gap:14px!important}.quick-action-grid a,.dash-action-grid a{border-radius:10px!important;min-height:50px!important;justify-content:space-between!important;padding:12px 14px!important;background:#fff!important}
.attention-item{border-radius:9px!important}.attention-item:focus-visible{outline-offset:1px!important}
.staff-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.staff-kpi{padding:14px 15px!important;min-height:92px;position:relative}.staff-kpi strong,.staff-kpi .value{font-size:23px!important;display:block}.staff-kpi span,.staff-kpi .label{color:var(--ui-muted);font-size:12px}.staff-kpi:nth-child(4):before,.staff-kpi:nth-child(5):before,.staff-kpi:nth-child(6):before,.staff-kpi:nth-child(7):before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0}.staff-kpi:nth-child(4):before{background:var(--ui-success)}.staff-kpi:nth-child(5):before{background:var(--ui-danger)}.staff-kpi:nth-child(6):before{background:var(--ui-warning)}.staff-kpi:nth-child(7):before{background:var(--ui-info)}

/* ---------- Fee dashboard / pay fee ---------- */
.fee-dashboard-primary{grid-template-columns:repeat(4,minmax(0,1fr))!important}.fee-dashboard-primary>a,.fee-dashboard-secondary>div{padding:15px!important;text-decoration:none;color:inherit;min-height:100px}.fee-dashboard-primary>a>span,.fee-dashboard-secondary>div>span{display:block;color:var(--ui-muted);font-size:12px;font-weight:700}.fee-dashboard-primary>a>strong,.fee-dashboard-secondary>div>strong{display:block;font-size:22px;margin:6px 0 2px;color:var(--ui-ink);font-variant-numeric:tabular-nums}.fee-dashboard-secondary>div>strong{font-size:19px}.fee-dashboard-primary>a:hover{border-color:#aebed0!important;background:#fbfdff}
.fee-summary-grid.compact{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}.fee-summary-grid.compact .card{min-height:78px!important;padding:11px 12px!important}.fee-summary-grid.compact .card .kpi,.fee-summary-grid.compact .card strong{font-size:20px!important}.fee-simple-filter,.fee-primary-filter{gap:9px!important}.fee-result-table{min-width:1180px}.fee-result-table th{position:sticky;top:0;z-index:3}.fee-result-table td{vertical-align:top!important}.row-more-menu{box-shadow:0 12px 30px rgba(15,23,42,.15)!important}
.challan-steps span{min-height:52px!important}.challan-steps span.active{border-color:var(--ui-navy)!important;background:#f5f8fc!important}.challan-steps span.completed{border-color:#b8ddcd!important;color:#16654b}.challan-steps span.completed b{background:var(--ui-success)!important;color:#fff!important}.voucher-select-table tr.is-generated{opacity:.68;background:#f8fafc}.selection-counter{font-weight:800!important}

/* ---------- Student directory/profile ---------- */
.profile-head{padding:4px 0 12px}.profile-head img{width:104px!important;height:104px!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(15,23,42,.08)}
body.route-student-profile .panel>.profile-head+ .toolbar{padding-bottom:12px;border-bottom:1px solid #e7edf4}
body.route-student-profile .panel h3{margin-top:16px}.person-cell{min-width:180px}

/* Student profile tabbed detail workflow */
.student-profile-hero{display:flex!important;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.student-profile-hero .profile-head{flex:1 1 420px}.profile-head-copy h2{margin:1px 0 4px!important;font-size:23px!important}.profile-eyebrow{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#718096}.profile-status-row{display:flex;align-items:center;gap:9px;margin-top:7px}.profile-context-actions{margin:0!important;justify-content:flex-end;flex:1 1 420px}
.profile-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 0;padding:6px;background:#eef3f8;border:1px solid #dde6ef;border-radius:12px}.profile-tabs button{border:0;background:transparent;color:#52657a;font-weight:750;padding:9px 12px;border-radius:8px;cursor:pointer}.profile-tabs button:hover{background:#fff;color:#173f70}.profile-tabs button.active{background:#fff;color:#103b72;box-shadow:0 1px 5px rgba(18,48,82,.08)}.profile-tab-panel{animation:profilePanelIn .14s ease-out}.profile-tab-panel[hidden]{display:none!important}.profile-section-grid{align-items:start}.profile-info-table th{width:165px!important;position:static!important;background:#fbfcfe!important}.profile-info-table td{white-space:normal!important}.profile-info-table .wrap-cell{min-width:220px}.profile-contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.profile-contact-card{border:1px solid #e3eaf2;border-radius:10px;padding:12px;background:#fbfcfe}.profile-contact-card strong,.profile-contact-card span,.profile-contact-card small{display:block}.profile-contact-card span{margin-top:3px;color:#52657a}.profile-contact-card small{margin-top:7px;color:#718096}.history-list{display:grid;gap:8px}.history-list>div{padding:10px 12px;border:1px solid #e6edf4;border-radius:9px;background:#fbfcfe}.history-list b,.history-list span{display:block}.history-list span{margin-top:3px;color:#64748b;font-size:12px}.empty-state.compact{padding:18px!important}
@keyframes profilePanelIn{from{opacity:.55;transform:translateY(2px)}to{opacity:1;transform:none}}

/* Users: management list first, editor on demand */
.user-list-panel .panel-header{align-items:flex-start}.user-list-panel .panel-header .toolbar{margin:0!important;justify-content:flex-end}.user-editor-panel{padding:0!important;overflow:hidden}.user-editor-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;cursor:pointer;background:#fbfcfe;border-bottom:1px solid transparent}.user-editor-panel>summary::-webkit-details-marker{display:none}.user-editor-panel[open]>summary{border-bottom-color:#e5ebf2}.user-editor-panel>summary span:first-child b,.user-editor-panel>summary span:first-child small{display:block}.user-editor-panel>summary span:first-child b{color:#20364e;font-size:14px}.user-editor-panel>summary span:first-child small{margin-top:2px;color:#718096;font-size:11px}.user-editor-chevron{font-size:18px;color:#718096;transition:.15s}.user-editor-panel[open] .user-editor-chevron{transform:rotate(180deg)}.user-editor-body{padding:16px 17px}.user-editor-actions{margin:14px 0 0!important}

/* ---------- Settings / QA / management ---------- */
body.route-settings .panel form>h3{font-size:16px!important;color:#173f70!important}.branding-preview{border:1px solid #e1e8f0;border-radius:12px;padding:12px;background:#fbfcfe}
body.route-v18-2-1-qa .panel,body.route-v18-2-qa .panel{overflow:hidden}
body.route-v18-2-1-qa .badge,body.route-v18-2-qa .badge{min-width:62px;text-align:center}

/* ---------- Report screen controls ---------- */
body.report-page .content{padding-top:18px!important}.report-control-panel{margin:0 0 12px!important;padding:14px!important}.report-action-toolbar{margin:10px 0 0!important;justify-content:flex-end}.report-student-filter-grid{grid-template-columns:repeat(5,minmax(120px,1fr))!important}.report-filter-summary{box-shadow:none!important}

/* Student Detailed Report: screen view */
body.route-student-reports-v16 .report-print-area{min-width:0}
.student-detailed-report-panel{padding:0!important;overflow:hidden}.student-detailed-table-wrap{border:0!important;border-radius:0!important}
.student-detailed-report-table{min-width:1540px!important;table-layout:fixed!important}
.student-detailed-report-table th,.student-detailed-report-table td{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}
.student-detailed-report-table .identifier,.student-detailed-report-table .phone,.student-detailed-report-table .date-cell{white-space:nowrap!important;overflow-wrap:normal!important}
.student-detailed-report-table .contact-stack b,.student-detailed-report-table .contact-stack small,.student-detailed-report-table .date-age-cell span,.student-detailed-report-table .date-age-cell small,.student-detailed-report-table .class-stack b,.student-detailed-report-table .class-stack small{display:block}
.student-detailed-report-table small{font-size:10.5px;color:#64748b;margin-top:2px}
.student-detailed-report-table th:nth-child(1){width:105px}.student-detailed-report-table th:nth-child(2){width:95px}.student-detailed-report-table th:nth-child(3){width:135px}.student-detailed-report-table th:nth-child(4),.student-detailed-report-table th:nth-child(5){width:145px}.student-detailed-report-table th:nth-child(6){width:105px}.student-detailed-report-table th:nth-child(7){width:68px}.student-detailed-report-table th:nth-child(8){width:105px}.student-detailed-report-table th:nth-child(9){width:120px}.student-detailed-report-table th:nth-child(10){width:105px}.student-detailed-report-table th:nth-child(11){width:58px}.student-detailed-report-table th:nth-child(12){width:105px}.student-detailed-report-table th:nth-child(13){width:110px}.student-detailed-report-table th:nth-child(14){width:140px}.student-detailed-report-table th:nth-child(15){width:82px}

/* ---------- Salary slip screen/print polish without calculation changes ---------- */
body.route-salary-slip .salary-slip{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
body.route-salary-slip .salary-header{padding-bottom:12px!important;margin-bottom:14px!important}
body.route-salary-slip .salary-slip table{font-size:12.5px!important}

/* ---------- Responsive ---------- */
@media(max-width:1280px){
  .dash-kpi-grid,.staff-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-student-filter-grid{grid-template-columns:repeat(3,minmax(120px,1fr))!important}
}
@media(max-width:900px){
  .content{padding:16px 12px 24px!important}.fee-dashboard-primary,.fee-dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fee-summary-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .report-student-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workflow-page-head h1,.directory-head h2,.v7-page-head h1{font-size:22px!important}
}
@media(max-width:620px){
  .student-profile-hero{display:block!important}.profile-context-actions{justify-content:flex-start!important;margin-top:12px!important}.profile-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.profile-tabs button{white-space:nowrap!important}.profile-info-table th{width:125px!important}.user-list-panel .panel-header{display:block!important}.user-list-panel .panel-header .toolbar{justify-content:flex-start!important;margin-top:10px!important}

  .content{padding:14px 10px 22px!important}.panel{padding:13px!important}.workflow-page-head,.directory-head{display:block!important}.workflow-page-actions,.directory-actions{justify-content:flex-start!important;margin-top:10px}
  .dash-kpi-grid,.staff-kpi-grid,.fee-dashboard-primary,.fee-dashboard-secondary{grid-template-columns:1fr!important}.fee-summary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fee-summary-grid.compact .card{min-height:72px!important}
  .quick-action-grid,.dash-action-grid{grid-template-columns:1fr 1fr!important}.report-student-filter-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}
  th,td{font-size:12px!important}.btn{min-height:38px!important}.profile-head{align-items:flex-start!important}.profile-head img{width:82px!important;height:82px!important}
}
@media(max-width:390px){.quick-action-grid,.dash-action-grid{grid-template-columns:1fr!important}.avatar{width:32px!important;height:32px!important}}

/* ---------- Print / PDF ---------- */
@media print{
  .topbar,.sidebar,.mobile-overlay,.app-footer,.workflow-breadcrumbs,.workflow-page-head,.report-control-panel,.report-action-toolbar,.no-print{display:none!important}
  body.report-page .content{padding:0!important}.report-print-area{margin:0!important}
  body.route-student-reports-v16{font-family:Arial,"Segoe UI",sans-serif!important}
  body.route-student-reports-v16 .report-print-area{page:reportLandscape!important;width:100%!important}
  body.route-student-reports-v16 .student-detailed-report-panel{overflow:visible!important}
  body.route-student-reports-v16 .student-detailed-table-wrap{overflow:visible!important}
  body.route-student-reports-v16 .student-detailed-report-table{min-width:0!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
  body.route-student-reports-v16 .student-detailed-report-table thead{display:table-header-group!important}
  body.route-student-reports-v16 .student-detailed-report-table tr{break-inside:avoid!important;page-break-inside:avoid!important}
  body.route-student-reports-v16 .student-detailed-report-table th{font-size:6.4pt!important;padding:.8mm .55mm!important;line-height:1.05!important;white-space:normal!important}
  body.route-student-reports-v16 .student-detailed-report-table td{font-size:7pt!important;padding:.78mm .55mm!important;line-height:1.13!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.route-student-reports-v16 .student-detailed-report-table small{font-size:6.2pt!important;color:#444!important;line-height:1.05!important}
  body.route-student-reports-v16 .student-detailed-report-table .identifier,body.route-student-reports-v16 .student-detailed-report-table .phone,body.route-student-reports-v16 .student-detailed-report-table .date-cell{white-space:nowrap!important;overflow-wrap:normal!important}
  body.route-student-reports-v16 .student-detailed-report-table th:nth-child(1){width:6.5%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(2){width:5.9%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(3){width:8.3%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(4),body.route-student-reports-v16 .student-detailed-report-table th:nth-child(5){width:8.9%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(6){width:6.5%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(7){width:4.2%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(8){width:6.5%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(9){width:7.4%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(10){width:6.5%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(11){width:3.6%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(12){width:6.5%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(13){width:6.8%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(14){width:8.6%!important}body.route-student-reports-v16 .student-detailed-report-table th:nth-child(15){width:5.1%!important}
  body.route-student-reports-v16 .report-letterhead-grid{grid-template-columns:20mm minmax(0,1fr) 36mm!important}
  body.route-student-reports-v16 .report-brand-right img{width:36mm!important;max-width:36mm!important;max-height:16mm!important}
  body.route-student-reports-v16 .report-filter-summary{font-size:6pt!important}
  body.route-student-reports-v16 .report-summary-doc{margin:1.5mm 0 2mm!important}
  body.route-student-reports-v16 .report-footer{margin-top:2mm!important}

  body.route-salary-slip .salary-slip{max-width:none!important;width:100%!important;transform:none!important}
  body.route-salary-slip .salary-header{min-height:24mm!important;padding-bottom:4mm!important;margin-bottom:4mm!important}
  body.route-salary-slip .salary-slip{font-size:9.5pt!important}.salary-signatures{margin-top:12mm!important}
}

/* ---------- Desktop sidebar collapse ---------- */
.sidebar-collapse-btn{margin-left:auto;width:30px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.07);color:#dceafa;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.15s}
.sidebar-collapse-btn:hover{background:rgba(255,255,255,.14);color:#fff}
@media(min-width:851px){
  body.sidebar-collapsed .app-shell{grid-template-columns:76px minmax(0,1fr)!important}
  body.sidebar-collapsed .sidebar{padding-inline:9px!important}
  body.sidebar-collapsed .brand{justify-content:center;padding-inline:0!important}
  body.sidebar-collapsed .brand-logo{width:42px!important;height:42px!important}
  body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .sidebar-caption,body.sidebar-collapsed .sidebar-footer,body.sidebar-collapsed .nav-link>span:not(.nav-icon),body.sidebar-collapsed .nav-group-title b,body.sidebar-collapsed .nav-sub{display:none!important}
  body.sidebar-collapsed .brand .sidebar-collapse-btn{position:absolute;right:-7px;bottom:-15px;width:25px;height:25px;background:#174c82;border-color:#2e679f;transform:rotate(180deg);z-index:3}
  body.sidebar-collapsed .nav-link,body.sidebar-collapsed .nav-group-title{justify-content:center!important;padding:9px!important;min-height:44px!important}
  body.sidebar-collapsed .nav-group-title>span:first-child{display:flex!important;justify-content:center!important;gap:0!important;font-size:0!important}
  body.sidebar-collapsed .nav-group-title .nav-icon{font-size:15px!important}
  body.sidebar-collapsed .nav-icon{margin:0!important}
}
@media(max-width:850px){.sidebar-collapse-btn{display:none!important}}