/* FleetLume UI v5 — inner-page alignment, colored iconography, and responsive polish */
:root{
  --v5-blue:#1768f2;
  --v5-blue-2:#0b52d0;
  --v5-indigo:#6d4ce8;
  --v5-violet:#8b5cf6;
  --v5-cyan:#089bbd;
  --v5-teal:#0f9f8f;
  --v5-green:#149654;
  --v5-amber:#e78a0b;
  --v5-orange:#ea6f11;
  --v5-red:#dc3d54;
  --v5-pink:#d9468d;
  --v5-ink:#0a1735;
  --v5-text:#2c3b58;
  --v5-muted:#75839a;
  --v5-line:#e1e8f2;
  --v5-soft:#f4f7fc;
  --v5-card:#ffffff;
  --v5-radius:18px;
  --v5-radius-lg:24px;
  --v5-shadow:0 12px 34px rgba(26,50,91,.075),0 1px 2px rgba(18,39,75,.035);
  --v5-shadow-hover:0 18px 42px rgba(26,50,91,.12),0 2px 4px rgba(18,39,75,.04);
}

body.ui-v5{
  --ui-bg:#f3f6fb;
  --ui-surface-soft:#f7f9fd;
  color:var(--v5-ink);
}
body.ui-v5 .main-content{
  background:
    radial-gradient(circle at 93% -5%,rgba(38,113,245,.11),transparent 27%),
    radial-gradient(circle at 48% 0,rgba(109,76,232,.045),transparent 23%),
    linear-gradient(180deg,#f8faff 0,#f3f6fb 310px);
}
body.ui-v5 .page-content{
  width:min(100%,1540px);
  padding:24px clamp(18px,2.4vw,36px) 50px;
}
body.ui-v5 .page-content>*{min-width:0;max-width:100%}
body.ui-v5 .content-grid>*,body.ui-v5 .form-grid>*,body.ui-v5 .stats-grid>*,body.ui-v5 .two-col>*,body.ui-v5 .three-col>*{min-width:0}

/* Page titles become a consistent inner-page banner. */
body.ui-v5 .page-heading:not(.dashboard-welcome){
  position:relative;
  isolation:isolate;
  min-height:112px;
  align-items:center;
  margin:0 0 18px;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid rgba(215,226,241,.95);
  border-radius:var(--v5-radius-lg);
  background:
    linear-gradient(112deg,rgba(255,255,255,.98),rgba(248,251,255,.96)),
    #fff;
  box-shadow:var(--v5-shadow);
}
body.ui-v5 .page-heading:not(.dashboard-welcome)::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-40px;
  top:-85px;
  width:300px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(41,112,243,.13),rgba(86,88,231,.04) 50%,transparent 72%);
}
body.ui-v5 .page-heading .ui-heading-copy{
  min-width:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:15px;
}
body.ui-v5 .page-heading .ui-heading-text{min-width:0}
body.ui-v5 .page-heading .ui-heading-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:var(--tone,#1768f2);
  background:var(--tone-bg,#eaf2ff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 9px 22px color-mix(in srgb,var(--tone,#1768f2) 16%,transparent);
}
body.ui-v5 .page-heading .ui-heading-icon svg{width:25px;height:25px}
body.ui-v5 .page-heading h1{font-size:clamp(25px,2vw,32px);line-height:1.12}
body.ui-v5 .page-heading p:not(.eyebrow){max-width:880px;font-size:12.5px;line-height:1.62}
body.ui-v5 .page-heading .eyebrow{margin-bottom:3px}
body.ui-v5 .page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}

/* Icon tones */
body.ui-v5 .tone-blue{--tone:#1768f2;--tone-bg:#eaf2ff}
body.ui-v5 .tone-indigo{--tone:#6248dc;--tone-bg:#eeebff}
body.ui-v5 .tone-violet{--tone:#8154e8;--tone-bg:#f1ecff}
body.ui-v5 .tone-cyan{--tone:#0798b9;--tone-bg:#e6f8fc}
body.ui-v5 .tone-teal{--tone:#0b9486;--tone-bg:#e7f8f5}
body.ui-v5 .tone-green{--tone:#139653;--tone-bg:#e8f8ef}
body.ui-v5 .tone-amber{--tone:#d98208;--tone-bg:#fff5de}
body.ui-v5 .tone-orange{--tone:#e66b0d;--tone-bg:#fff0e3}
body.ui-v5 .tone-red{--tone:#d83b50;--tone-bg:#ffebee}
body.ui-v5 .tone-pink{--tone:#ce3c82;--tone-bg:#ffebf5}

/* Panels and section headers */
body.ui-v5 .panel,
body.ui-v5 .card,
body.ui-v5 .form-section{
  border-color:var(--v5-line);
  border-radius:var(--v5-radius);
  background:rgba(255,255,255,.97);
  box-shadow:var(--v5-shadow);
}
body.ui-v5 .panel{padding:20px}
body.ui-v5 .panel:hover{border-color:#d4deeb}
body.ui-v5 .panel-header{
  min-height:50px;
  align-items:flex-start;
  margin-bottom:17px;
}
body.ui-v5 .panel-header>.ui-section-copy,
body.ui-v5 .form-section-head>.ui-section-copy,
body.ui-v5 .section-title-row>.ui-section-copy{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
}
body.ui-v5 .ui-section-text{min-width:0}
body.ui-v5 .ui-section-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:13px;
  color:var(--tone,#1768f2);
  background:var(--tone-bg,#eaf2ff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
}
body.ui-v5 .ui-section-icon svg{width:20px;height:20px}
body.ui-v5 .panel-header h2,body.ui-v5 .form-section-head h3,body.ui-v5 .section-title-row h3{font-size:16px;line-height:1.25}
body.ui-v5 .panel-header p,body.ui-v5 .form-section-head p{font-size:10.5px;line-height:1.55}
body.ui-v5 .section-title-row{margin:8px 0 15px}
body.ui-v5 .soft-separator{margin:25px 0;border-color:#e8edf5}

/* Colored statistics */
body.ui-v5 .stats-grid{gap:13px}
body.ui-v5 .stat-card{
  min-height:118px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:13px;
  align-items:center;
  padding:16px;
  border:1px solid var(--v5-line);
  border-radius:17px;
}
body.ui-v5 .stat-card::after{background:color-mix(in srgb,var(--tone,#1768f2) 7%,transparent)}
body.ui-v5 .stat-card .ui-stat-icon{
  grid-row:1/3;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--tone,#1768f2);
  background:var(--tone-bg,#eaf2ff);
}
body.ui-v5 .stat-card .ui-stat-icon svg{width:22px;height:22px}
body.ui-v5 .stat-card>span{align-self:end;font-size:10px}
body.ui-v5 .stat-card>strong{align-self:start;margin:2px 0 0;font-size:26px}
body.ui-v5 .stat-card>small{grid-column:2;align-self:start;margin-top:-13px;font-size:8.5px}
body.ui-v5 .stat-card.highlight{display:block}
body.ui-v5 .stat-card.highlight .ui-stat-icon{display:none}
body.ui-v5 .stat-card.highlight>small{margin-top:0}

/* Forms */
body.ui-v5 .form-stack{gap:15px}
body.ui-v5 .form-grid{gap:14px 15px}
body.ui-v5 .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ui-v5 .form-grid.three{grid-template-columns:repeat(3,minmax(190px,1fr))}
body.ui-v5 .form-grid.four{grid-template-columns:repeat(4,minmax(160px,1fr))}
body.ui-v5 label>span,body.ui-v5 .field-title{
  color:#41506b;
  font-size:10.5px;
  font-weight:760;
  letter-spacing:.005em;
}
body.ui-v5 input:not([type=checkbox]):not([type=radio]),
body.ui-v5 select,
body.ui-v5 textarea{
  width:100%;
  max-width:100%;
  min-height:45px;
  padding:10px 12px;
  border:1px solid #dce4ef;
  border-radius:12px;
  background:#fff;
  color:var(--v5-ink);
  box-shadow:0 1px 2px rgba(22,42,76,.025);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.ui-v5 textarea{min-height:104px;resize:vertical;line-height:1.55}
body.ui-v5 input:hover,body.ui-v5 select:hover,body.ui-v5 textarea:hover{border-color:#c9d5e6}
body.ui-v5 input:focus,body.ui-v5 select:focus,body.ui-v5 textarea:focus{
  border-color:#8ab4fb;
  background:#fff;
  outline:0;
  box-shadow:0 0 0 4px rgba(23,104,242,.09);
}
body.ui-v5 input[type=file]{padding:7px;background:#f9fbfe}
body.ui-v5 input[type=file]::file-selector-button{
  min-height:32px;
  margin-right:10px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:#eaf2ff;
  color:#135bd7;
  font-weight:750;
  cursor:pointer;
}
body.ui-v5 .toggle-option{
  min-height:45px;
  align-items:center!important;
  padding:10px 12px;
  border-color:#dce4ef;
  background:#f9fbfe;
}
body.ui-v5 .toggle-option:hover{border-color:#b9ccea;background:#f5f8ff}
body.ui-v5 .toggle-option input[type=checkbox],body.ui-v5 .toggle-option input[type=radio]{width:18px;height:18px;accent-color:var(--v5-blue)}
body.ui-v5 .form-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  padding-top:5px;
}
body.ui-v5 .sticky-form-actions{
  position:sticky;
  z-index:15;
  bottom:12px;
  width:max-content;
  max-width:100%;
  margin:18px 0 0 auto;
  padding:8px;
  border:1px solid rgba(218,227,239,.92);
  border-radius:15px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 38px rgba(20,43,84,.15);
  backdrop-filter:blur(16px);
}
body.ui-v5 .form-section{
  padding:18px;
  margin-bottom:14px;
}

/* Buttons */
body.ui-v5 .btn{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 14px;
  border-radius:11px;
  font-size:10.5px;
  font-weight:780;
  letter-spacing:.005em;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
body.ui-v5 .btn:hover{transform:translateY(-1px)}
body.ui-v5 .btn-primary{border-color:#1768f2;background:linear-gradient(135deg,#2474f4,#0d55d9);box-shadow:0 8px 18px rgba(23,104,242,.2)}
body.ui-v5 .btn-primary:hover{box-shadow:0 11px 24px rgba(23,104,242,.27)}
body.ui-v5 .btn-light{border-color:#dbe4ef;background:#fff;color:#34435f}
body.ui-v5 .btn-light:hover{border-color:#bfcde0;background:#f8faff}
body.ui-v5 .btn-sm{min-height:34px;padding:6px 10px;font-size:9.5px}
body.ui-v5 .ui-button-icon{width:17px;height:17px;display:grid;place-items:center}
body.ui-v5 .ui-button-icon svg{width:15px;height:15px}

/* Tables */
body.ui-v5 .table-wrap{
  border-color:#e2e8f1;
  border-radius:15px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body.ui-v5 .table-wrap table{min-width:720px}
body.ui-v5 .table-wrap th{
  padding:11px 13px;
  background:#f6f8fc;
  color:#67758d;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.075em;
}
body.ui-v5 .table-wrap td{padding:12px 13px;color:#35445f;font-size:10.5px}
body.ui-v5 .table-wrap tbody tr{transition:background .13s ease,box-shadow .13s ease}
body.ui-v5 .table-wrap tbody tr:hover{background:#f8faff}
body.ui-v5 .table-actions,body.ui-v5 .action-row{gap:7px}
body.ui-v5 .badge{border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.01em}

/* AI workspace: balanced columns rather than an artificially stretched card. */
body.ui-v5 .ai-heading{--tone:#6d4ce8;--tone-bg:#f0ebff}
body.ui-v5 .ai-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);
  align-items:start;
  gap:16px;
  margin-bottom:18px;
}
body.ui-v5 .ai-side-stack{min-width:0;display:grid;gap:16px;align-content:start}
body.ui-v5 .ai-card{min-width:0;height:auto!important;align-self:start}
body.ui-v5 .ai-assistant-card{grid-row:auto!important;min-height:0!important}
body.ui-v5 .ai-card .form-stack{margin-top:2px}
body.ui-v5 .ai-card .ai-submit{width:100%;margin-top:2px}
body.ui-v5 .ai-prompt-chips{display:flex;gap:7px;flex-wrap:wrap}
body.ui-v5 .ai-prompt-chips button{
  min-height:32px;
  padding:6px 10px;
  border:1px solid #d9e3f1;
  border-radius:999px;
  background:#f8faff;
  color:#47618c;
  font-size:9px;
  cursor:pointer;
}
body.ui-v5 .ai-prompt-chips button:hover{border-color:#adc5ee;background:#eef4ff;color:#175edc}
body.ui-v5 .ai-file-drop{
  padding:13px;
  border:1.5px dashed #a8c3ed;
  border-radius:14px;
  background:linear-gradient(180deg,#f9fbff,#f4f8ff);
}
body.ui-v5 .ai-file-drop small{line-height:1.5}
body.ui-v5 .ai-settings-panel summary{padding:1px;align-items:center}
body.ui-v5 .ai-settings-panel summary>div{min-width:0}
body.ui-v5 .ai-status{min-height:34px;padding:7px 11px}
body.ui-v5 .ai-usage-panel{overflow:hidden}
body.ui-v5 .ai-safety-note{display:flex;align-items:flex-start;gap:10px;border-color:#f1dba9;background:#fffaf0;color:#85550b}

/* Load, accounting, HOS, fuel, border and portal grids */
body.ui-v5 .two-col{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}
body.ui-v5 .three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.ui-v5 .content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ui-v5 .content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ui-v5 .mini-card,body.ui-v5 .choice-card,body.ui-v5 .permission-card,body.ui-v5 .load-card,body.ui-v5 .mobile-record-card{
  border-color:#e0e7f1;
  border-radius:14px;
  box-shadow:0 4px 15px rgba(20,43,84,.045);
}
body.ui-v5 .mini-card:hover,body.ui-v5 .load-card:hover,body.ui-v5 .mobile-record-card:hover{box-shadow:var(--v5-shadow-hover)}
body.ui-v5 .filter-bar,body.ui-v5 .toolbar{
  gap:9px;
  padding:11px;
  border-radius:15px;
  background:rgba(255,255,255,.96);
}
body.ui-v5 .hos-driver-grid,body.ui-v5 .carrier-grid,body.ui-v5 .record-grid{gap:14px}
body.ui-v5 .hos-driver-card,body.ui-v5 .automation-rule-card,body.ui-v5 .hos-edit-card{
  border-color:#e0e7f1;
  border-radius:16px;
  box-shadow:0 5px 17px rgba(20,43,84,.05);
}
body.ui-v5 .notice{border-radius:14px}
body.ui-v5 .empty{
  min-height:90px;
  display:grid;
  place-items:center;
  padding:22px;
  border:1px dashed #cad7e8;
  border-radius:14px;
  background:#f9fbfe;
  color:#7b889d;
  text-align:center;
}

/* Colored sidebar icons */
body.ui-v5 .nav-item,body.ui-v5 .nav-section>summary{gap:9px}
body.ui-v5 .nav-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border-radius:9px;
  color:#9fb5d4;
  background:rgba(255,255,255,.045);
  transition:.15s ease;
}
body.ui-v5 .nav-icon svg{width:15px!important;height:15px!important}
body.ui-v5 .nav-item:hover .nav-icon,body.ui-v5 .nav-section>summary:hover .nav-icon{color:#fff;background:rgba(255,255,255,.1)}
body.ui-v5 .nav-item.active .nav-icon{color:#1768f2;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.14)}
body.ui-v5 .nav-icon-fuel{color:#63d2a6;background:rgba(35,187,132,.12)}
body.ui-v5 .nav-icon-book{color:#a89bff;background:rgba(128,101,244,.13)}
body.ui-v5 .nav-icon-border{color:#ffbd73;background:rgba(238,134,30,.12)}
body.ui-v5 .nav-icon-money,body.ui-v5 .nav-icon-invoice{color:#6fe098;background:rgba(36,192,94,.11)}
body.ui-v5 .nav-icon-spark{color:#c0a5ff;background:rgba(146,91,239,.14)}
body.ui-v5 .nav-icon-wrench{color:#ff9c7c;background:rgba(232,99,57,.12)}
body.ui-v5 .nav-icon-map{color:#62d8ea;background:rgba(17,175,202,.12)}
body.ui-v5 .nav-icon-people{color:#8db6ff;background:rgba(70,126,232,.12)}
body.ui-v5 .nav-icon-truck,body.ui-v5 .nav-icon-trailer,body.ui-v5 .nav-icon-loads{color:#73c5ff;background:rgba(34,150,229,.12)}
body.ui-v5 .nav-section>summary .nav-icon{width:24px;height:24px;flex-basis:24px}
body.ui-v5 .nav-section>summary .nav-icon svg{width:13px!important;height:13px!important}

/* Topbar refinements */
body.ui-v5 .topbar-v4,body.ui-v5 .topbar-v3{min-height:70px;background:rgba(249,251,255,.91)}
body.ui-v5 .topbar-title h1{font-size:18px}
body.ui-v5 .command-trigger{border-radius:13px;box-shadow:0 4px 14px rgba(20,43,84,.035)}
body.ui-v5 .notification-button{color:#4e5d77}
body.ui-v5 .profile-menu summary{border-radius:13px}

/* Responsive audit */
@media(max-width:1280px){
  body.ui-v5 .form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui-v5 .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui-v5 .content-grid.three,body.ui-v5 .three-col{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui-v5 .ai-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)}
}
@media(max-width:1020px){
  body.ui-v5 .page-content{padding-inline:20px}
  body.ui-v5 .ai-grid,body.ui-v5 .two-col{grid-template-columns:1fr}
  body.ui-v5 .ai-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui-v5 .content-grid.three,body.ui-v5 .three-col{grid-template-columns:1fr}
  body.ui-v5 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  body.ui-v5 .page-content{padding:13px 12px 100px}
  body.ui-v5 .page-heading:not(.dashboard-welcome){
    min-height:0;
    display:block;
    margin-bottom:13px;
    padding:16px;
    border-radius:18px;
  }
  body.ui-v5 .page-heading .ui-heading-copy{grid-template-columns:43px minmax(0,1fr);gap:11px}
  body.ui-v5 .page-heading .ui-heading-icon{width:43px;height:43px;border-radius:13px}
  body.ui-v5 .page-heading .ui-heading-icon svg{width:21px;height:21px}
  body.ui-v5 .page-heading h1{font-size:22px}
  body.ui-v5 .page-heading p:not(.eyebrow){font-size:10.5px;line-height:1.52}
  body.ui-v5 .page-heading .page-actions{display:flex;gap:8px;margin-top:13px}
  body.ui-v5 .page-heading .page-actions>*{flex:1;width:auto;min-width:0}
  body.ui-v5 .panel,body.ui-v5 .form-section{padding:14px;border-radius:16px}
  body.ui-v5 .panel-header{margin-bottom:13px}
  body.ui-v5 .panel-header>.ui-section-copy,body.ui-v5 .form-section-head>.ui-section-copy,body.ui-v5 .section-title-row>.ui-section-copy{grid-template-columns:36px minmax(0,1fr);gap:9px}
  body.ui-v5 .ui-section-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  body.ui-v5 .ui-section-icon svg{width:17px;height:17px}
  body.ui-v5 .form-grid.two,body.ui-v5 .form-grid.three,body.ui-v5 .form-grid.four,body.ui-v5 .content-grid.two,body.ui-v5 .ai-side-stack{grid-template-columns:1fr!important}
  body.ui-v5 .sticky-form-actions{position:static;width:100%;margin-top:14px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  body.ui-v5 .sticky-form-actions .btn,body.ui-v5 .form-actions .btn{flex:1;min-width:120px}
  body.ui-v5 .table-wrap:not(.dashboard-table-wrap) table[data-responsive-ready]:not(.invoice-table):not(.dashboard-load-table) tr{padding:11px 12px;border-radius:14px;box-shadow:0 7px 20px rgba(20,43,84,.055)}
  body.ui-v5 .table-wrap:not(.dashboard-table-wrap) table[data-responsive-ready]:not(.invoice-table):not(.dashboard-load-table) td{grid-template-columns:minmax(88px,34%) minmax(0,1fr);gap:9px;text-align:right!important}
  body.ui-v5 .ai-safety-note{display:grid}
  body.ui-v5 .filter-bar,body.ui-v5 .toolbar{padding:10px}
}
@media(max-width:520px){
  body.ui-v5 .stats-grid,body.ui-v5 .compact-stats{grid-template-columns:1fr!important}
  body.ui-v5 .stat-card{min-height:90px;grid-template-columns:42px minmax(0,1fr);padding:13px}
  body.ui-v5 .stat-card .ui-stat-icon{width:42px;height:42px}
  body.ui-v5 .stat-card>strong{font-size:23px}
  body.ui-v5 .page-heading .page-actions{display:grid;grid-template-columns:1fr}
  body.ui-v5 .btn{width:100%}
  body.ui-v5 .panel-header>.btn,body.ui-v5 .panel-header>.action-row{width:100%}
  body.ui-v5 .panel-header>.action-row .btn{flex:1}
  body.ui-v5 .form-actions{display:grid;grid-template-columns:1fr;width:100%}
  body.ui-v5 .form-actions .btn{width:100%}
}

@media print{
  body.ui-v5 .ui-heading-icon,body.ui-v5 .ui-section-icon,body.ui-v5 .ui-stat-icon{box-shadow:none!important}
  body.ui-v5 .page-heading:not(.dashboard-welcome){padding:0 0 10px;border:0;box-shadow:none;background:#fff}
  body.ui-v5 .panel,body.ui-v5 .card,body.ui-v5 .form-section{box-shadow:none!important}
}
body.ui-v5.sidebar-collapsed .nav-item>.nav-icon,
body.ui-v5.sidebar-collapsed .nav-section>summary>.nav-icon{display:grid!important}
body.ui-v5.sidebar-collapsed .nav-item>.nav-label,
body.ui-v5.sidebar-collapsed .nav-section>summary>.nav-label{display:none!important}
@media(max-width:1100px){
  body.ui-v5.sidebar-collapsed .nav-item>.nav-label,
  body.ui-v5.sidebar-collapsed .nav-section>summary>.nav-label{display:block!important}
  body.ui-v5.sidebar-collapsed .nav-item>.nav-icon,
  body.ui-v5.sidebar-collapsed .nav-section>summary>.nav-icon{display:grid!important}
}
