/* IQDump General UI Kit
   Restyling para dashboard, banco de soluciones, preferencias y layout general.
   SVG alpha: todos los iconos son transparentes y usan currentColor.
*/

:root{
  --iqlab-bg:#f4f8fb;
  --iqlab-surface:#ffffff;
  --iqlab-surface-2:#f8fbfd;
  --iqlab-line:#dbe7ef;
  --iqlab-line-strong:#b9d2e2;
  --iqlab-text:#102033;
  --iqlab-muted:#687b8f;
  --iqlab-soft:#eef7f6;
  --iqlab-primary:#00a887;
  --iqlab-primary-2:#008c83;
  --iqlab-primary-dark:#006a62;
  --iqlab-blue:#2563eb;
  --iqlab-blue-soft:#eaf2ff;
  --iqlab-green:#13a66f;
  --iqlab-green-soft:#e8f8f1;
  --iqlab-red:#dc2626;
  --iqlab-red-soft:#ffecec;
  --iqlab-orange:#f59e0b;
  --iqlab-orange-soft:#fff5db;
  --iqlab-purple:#7c3aed;
  --iqlab-purple-soft:#f1eaff;
  --iqlab-dark:#061424;
  --iqlab-dark-2:#0a2035;
  --iqlab-radius-xs:7px;
  --iqlab-radius-sm:10px;
  --iqlab-radius-md:14px;
  --iqlab-radius-lg:20px;
  --iqlab-radius-xl:26px;
  --iqlab-shadow-sm:0 5px 16px rgba(16,32,51,.06);
  --iqlab-shadow-md:0 14px 40px rgba(16,32,51,.10);
  --iqlab-shadow-lg:0 22px 70px rgba(6,20,36,.18);
  --iqlab-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:radial-gradient(circle at top right,rgba(0,168,135,.08),transparent 30%),var(--iqlab-bg);
  color:var(--iqlab-text);
  font-family:var(--iqlab-font);
}

/* Desktop density: equivalent to using browser zoom at 80%.
   Keep the density out of document dimensions to avoid false page scrollbars. */
@media (min-width:900px){
  html{
    background:var(--iqlab-bg);
    overflow-x:hidden;
  }
  body{
    zoom:.8;
    width:auto;
    min-height:100vh;
    overflow-x:hidden;
  }
}

.iqlab-app{
  min-height:100vh;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  transition:grid-template-columns .22s ease;
}

.iqlab-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  background:
    radial-gradient(circle at 20% 0%,rgba(0,168,135,.22),transparent 34%),
    linear-gradient(180deg,#06182a 0%,#061424 100%);
  color:#eaf7ff;
  padding:24px 20px;
  display:flex;
  flex-direction:column;
  gap:22px;
  box-shadow:8px 0 28px rgba(6,20,36,.16);
  z-index:10;
  transition:width .22s ease,padding .22s ease;
  overflow:hidden;
}

.iqlab-sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.iqlab-logo{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:30px;
  font-weight:900;
  letter-spacing:-.04em;
  min-width:0;
  color:#eaf7ff;
  text-decoration:none;
}

.iqlab-logo img,
.iqlab-logo svg{
  width:48px;
  height:48px;
}

.iqlab-logo .accent{color:var(--iqlab-primary)}

.iqlab-logo > span{
  min-width:0;
  white-space:nowrap;
  transition:opacity .16s ease,transform .16s ease;
}

.iqlab-sidebar-toggle{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#dff7f1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.iqlab-sidebar-toggle:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(111,245,207,.42);
}

.iqlab-sidebar-toggle .iqlab-mask-icon{
  width:18px;
  height:18px;
  transform:rotate(90deg);
}

.iqlab-nav{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.iqlab-nav-link{
  min-height:46px;
  border-radius:var(--iqlab-radius-sm);
  color:#d8e8f2;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px;
  font-weight:750;
  position:relative;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.iqlab-nav-link .iqlab-mask-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
}

.iqlab-nav-link span:not(.iqlab-mask-icon){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transition:opacity .14s ease,transform .14s ease;
}

.iqlab-nav-link:hover{
  background:rgba(255,255,255,.08);
  color:white;
  transform:translateX(2px);
}

.iqlab-nav-link.is-active{
  background:linear-gradient(135deg,var(--iqlab-primary),var(--iqlab-primary-dark));
  color:white;
  box-shadow:0 10px 24px rgba(0,168,135,.24);
}

.iqlab-nav-link.is-active::before{
  content:"";
  position:absolute;
  left:7px;
  top:50%;
  width:5px;
  height:22px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  transform:translateY(-50%);
}

.iqlab-sidebar-user{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
}

.iqlab-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid rgba(0,168,135,.7);
}

.iqlab-user-meta{
  min-width:0;
  flex:1;
}

.iqlab-user-name{
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.iqlab-user-email{
  color:#a9becd;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.iqlab-status-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--iqlab-primary);
  display:inline-block;
  margin-right:7px;
}

.iqlab-main{
  min-width:0;
  padding:28px 32px;
}

.iqlab-topbar{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.iqlab-page-title h1{
  margin:0;
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.iqlab-page-title p{
  margin:7px 0 0;
  color:var(--iqlab-muted);
  font-size:15px;
}

.iqlab-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.iqlab-icon-btn{
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid var(--iqlab-line);
  background:var(--iqlab-surface);
  color:var(--iqlab-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--iqlab-shadow-sm);
  cursor:pointer;
}

.iqlab-btn{
  min-height:42px;
  border-radius:var(--iqlab-radius-sm);
  border:1px solid var(--iqlab-line);
  background:var(--iqlab-surface);
  color:var(--iqlab-text);
  padding:0 16px;
  font-weight:850;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-shadow:var(--iqlab-shadow-sm);
  cursor:pointer;
}

.iqlab-btn-primary{
  color:white;
  border-color:var(--iqlab-primary-dark);
  background:linear-gradient(135deg,var(--iqlab-primary),var(--iqlab-primary-dark));
}

.iqlab-btn-ghost{
  color:white;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  box-shadow:none;
}

.iqlab-hero{
  border-radius:var(--iqlab-radius-lg);
  background:
    radial-gradient(circle at 75% 40%,rgba(0,168,135,.30),transparent 28%),
    linear-gradient(135deg,#0a3047 0%,#061424 100%);
  color:white;
  min-height:250px;
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,600px);
  align-items:center;
  gap:28px;
  box-shadow:var(--iqlab-shadow-lg);
  overflow:hidden;
  position:relative;
}

.iqlab-hero.iqlab-hero--with-carousel{
  grid-template-columns:minmax(340px,.78fr) minmax(560px,1.22fr);
  min-height:330px;
}

.iqlab-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:22px 22px;
  opacity:.22;
  pointer-events:none;
}

.iqlab-hero > *{position:relative;z-index:1}

.iqlab-eyebrow{
  color:#6ff5cf;
  text-transform:uppercase;
  font-weight:900;
  font-size:13px;
  letter-spacing:.06em;
  margin-bottom:14px;
}

.iqlab-hero h2{
  margin:0;
  font-size:42px;
  line-height:1.1;
  letter-spacing:-.045em;
}

.iqlab-hero h2 .accent{color:#25d49f}

.iqlab-hero p{
  color:#cfe0ea;
  font-size:16px;
  line-height:1.55;
  max-width:560px;
}

.iqlab-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.iqlab-carousel-card{
  min-height:200px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(90deg,rgba(6,20,36,.86),rgba(6,20,36,.35)),
    radial-gradient(circle at 78% 50%,rgba(0,168,135,.35),transparent 38%);
  border-radius:var(--iqlab-radius-md);
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

.iqlab-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:6px 10px;
  font-weight:850;
  font-size:12px;
  width:max-content;
}

.iqlab-pill-green{background:var(--iqlab-green-soft);color:#08734b}
.iqlab-pill-blue{background:var(--iqlab-blue-soft);color:#1d4ed8}
.iqlab-pill-purple{background:var(--iqlab-purple-soft);color:#6d28d9}
.iqlab-pill-red{background:var(--iqlab-red-soft);color:#991b1b}
.iqlab-pill-dark{background:rgba(255,255,255,.10);color:white;border:1px solid rgba(255,255,255,.14)}

.iqlab-metrics-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.iqlab-metric-card{
  background:var(--iqlab-surface);
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  padding:20px;
  min-height:118px;
  box-shadow:var(--iqlab-shadow-sm);
  display:flex;
  align-items:center;
  gap:16px;
  position:relative;
}

.iqlab-metric-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--iqlab-green-soft);
  color:var(--iqlab-primary-dark);
}

.iqlab-metric-label{
  color:var(--iqlab-muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.iqlab-metric-value{
  font-size:25px;
  font-weight:950;
  margin-top:4px;
  letter-spacing:-.03em;
}

.iqlab-metric-sub{
  color:var(--iqlab-muted);
  font-size:13px;
  margin-top:4px;
}

.iqlab-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);
  gap:18px;
  margin-top:18px;
}

.iqlab-card{
  background:var(--iqlab-surface);
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  box-shadow:var(--iqlab-shadow-sm);
  padding:18px;
}

.iqlab-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.iqlab-card-title{
  font-size:18px;
  font-weight:950;
  letter-spacing:-.02em;
  margin:0;
}

.iqlab-recent-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.iqlab-recent-item{
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  padding:14px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 140px 160px 44px;
  gap:14px;
  align-items:center;
  background:var(--iqlab-surface);
}

.iqlab-item-title{
  font-weight:950;
  line-height:1.3;
}

.iqlab-item-sub{
  color:var(--iqlab-muted);
  margin-top:4px;
  font-size:13px;
}

.iqlab-score{
  border-radius:var(--iqlab-radius-sm);
  background:var(--iqlab-surface-2);
  padding:9px 12px;
  font-weight:900;
}

.iqlab-score strong{
  color:var(--iqlab-primary-dark);
  font-size:19px;
  display:block;
}

.iqlab-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.iqlab-feature-card{
  min-height:150px;
  background:var(--iqlab-surface);
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  box-shadow:var(--iqlab-shadow-sm);
  padding:18px;
}

.iqlab-feature-icon{
  color:var(--iqlab-primary-dark);
  margin-bottom:14px;
}

.iqlab-feature-card h3{
  margin:0 0 8px;
  font-size:16px;
}

.iqlab-feature-card p{
  margin:0;
  color:var(--iqlab-muted);
  line-height:1.45;
}

/* Banco de soluciones */
.iqlab-bank-hero{
  min-height:168px;
  border-radius:var(--iqlab-radius-lg);
  padding:28px 30px;
  color:white;
  background:
    linear-gradient(90deg,rgba(6,20,36,.96),rgba(6,20,36,.68),rgba(6,20,36,.2)),
    radial-gradient(circle at 82% 50%,rgba(0,168,135,.35),transparent 34%),
    linear-gradient(135deg,#09243b,#061424);
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:var(--iqlab-shadow-lg);
}

.iqlab-filter-panel{
  margin-top:14px;
  background:var(--iqlab-surface);
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  padding:14px 16px;
  box-shadow:var(--iqlab-shadow-sm);
  display:grid;
  grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(118px,1fr)) auto auto;
  gap:10px;
  align-items:end;
}

.iqlab-field label{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--iqlab-muted);
  font-weight:950;
  margin-bottom:7px;
}

.iqlab-input,
.iqlab-select{
  width:100%;
  min-height:42px;
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-sm);
  background:var(--iqlab-surface);
  color:var(--iqlab-text);
  padding:0 12px;
  font:inherit;
  outline:none;
}

.iqlab-input:focus,
.iqlab-select:focus{
  border-color:var(--iqlab-primary);
  box-shadow:0 0 0 4px rgba(0,168,135,.12);
}

.iqlab-table-card{
  margin-top:14px;
  background:var(--iqlab-surface);
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  box-shadow:var(--iqlab-shadow-sm);
  overflow:hidden;
}

.iqlab-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.iqlab-table th{
  text-align:left;
  color:#43566a;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  background:var(--iqlab-surface-2);
  padding:13px 12px;
  border-bottom:1px solid var(--iqlab-line);
}

.iqlab-table td{
  padding:14px 12px;
  border-bottom:1px solid var(--iqlab-line);
  vertical-align:middle;
}

.iqlab-table tr:last-child td{border-bottom:0}

.iqlab-solution-cell{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.iqlab-solution-title{
  font-weight:950;
  line-height:1.25;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.iqlab-solution-code{
  color:var(--iqlab-primary-dark);
  font-size:12px;
  font-weight:850;
  margin-top:3px;
}

.iqlab-brand-cell{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.iqlab-brand-logo{
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid var(--iqlab-line);
}

.iqlab-solutions-table-card{
  overflow:hidden;
}

.iqlab-solutions-table{
  table-layout:fixed;
}

.iqlab-solutions-table .iqlab-col-solution{width:17%}
.iqlab-solutions-table .iqlab-col-brand{width:10%}
.iqlab-solutions-table .iqlab-col-system{width:11%}
.iqlab-solutions-table .iqlab-col-memory{width:11%}
.iqlab-solutions-table .iqlab-col-functional{width:12%}
.iqlab-solutions-table .iqlab-col-actions{width:14%}
.iqlab-solutions-table .iqlab-col-extracts{width:9%}
.iqlab-solutions-table .iqlab-col-state{width:8%}
.iqlab-solutions-table .iqlab-col-version{width:56px}
.iqlab-solutions-table .iqlab-col-open{width:54px}

.iqlab-solutions-table th,
.iqlab-solutions-table td{
  overflow:hidden;
}

.iqlab-solutions-table .iqlab-solution-type-icon{
  width:20px;
  height:20px;
}

.iqlab-solutions-table .iqlab-brand-logo{
  width:34px;
  height:34px;
  flex:0 0 34px;
}

.iqlab-solutions-table .iqlab-brand-cell > div,
.iqlab-solutions-table .iqlab-solution-cell > div{
  min-width:0;
}

.iqlab-solutions-table .iqlab-solution-code,
.iqlab-solutions-table .iqlab-item-sub,
.iqlab-solutions-table .iqlab-action-summary strong,
.iqlab-solutions-table .iqlab-list-memory strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.iqlab-solutions-table .iqlab-tech-badge{
  max-width:100%;
}

.iqlab-solutions-table .iqlab-tech-badge-row{
  min-width:0;
}

/* Preferencias */
.iqlab-tabs{
  display:flex;
  align-items:center;
  gap:18px;
  border-bottom:1px solid var(--iqlab-line);
  margin:18px 0 22px;
}

.iqlab-tab{
  border:0;
  background:transparent;
  color:var(--iqlab-muted);
  font-weight:900;
  padding:14px 4px;
  border-bottom:3px solid transparent;
  cursor:pointer;
}

.iqlab-tab.is-active{
  color:var(--iqlab-primary-dark);
  border-bottom-color:var(--iqlab-primary);
}

.iqlab-account-grid{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:18px;
}

.iqlab-account-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

.iqlab-profile-card{
  display:flex;
  gap:18px;
  align-items:flex-start;
}

.iqlab-profile-card .iqlab-avatar{
  width:86px;
  height:86px;
}

.iqlab-kv{
  display:grid;
  gap:10px;
}

.iqlab-kv span{
  display:block;
  color:var(--iqlab-muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}

.iqlab-progress{
  height:8px;
  background:#e9eef4;
  border-radius:999px;
  overflow:hidden;
}

.iqlab-progress > span{
  display:block;
  height:100%;
  width:40%;
  background:linear-gradient(90deg,var(--iqlab-primary),var(--iqlab-primary-dark));
}

.iqlab-dropdown{
  position:absolute;
  top:64px;
  right:32px;
  width:320px;
  background:var(--iqlab-surface);
  border:1px solid var(--iqlab-line);
  border-radius:var(--iqlab-radius-md);
  box-shadow:var(--iqlab-shadow-lg);
  padding:14px;
  z-index:20;
}

.iqlab-dropdown-user{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--iqlab-line);
}

.iqlab-dropdown-link{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--iqlab-text);
  text-decoration:none;
  padding:12px;
  border-radius:var(--iqlab-radius-sm);
  font-weight:850;
}

.iqlab-dropdown-link:hover{
  background:var(--iqlab-surface-2);
}

.iqlab-footer{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--iqlab-line);
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:24px;
  color:var(--iqlab-muted);
}

.iqlab-footer h4{
  color:var(--iqlab-text);
  margin:0 0 10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.iqlab-footer a{
  color:var(--iqlab-muted);
  text-decoration:none;
  display:block;
  margin:8px 0;
}

.iqlab-footer-brand{
  font-size:1.75rem;
  font-weight:900;
  letter-spacing:0;
  color:var(--iqlab-text);
  margin-bottom:.75rem;
}

.iqlab-footer-brand span{
  color:var(--iqlab-primary);
}

.iqlab-icon{
  width:20px;
  height:20px;
  display:inline-block;
  color:currentColor;
  flex:0 0 auto;
}

.iqlab-icon-lg{
  width:30px;
  height:30px;
}

/* Uso con mask para recolorear iconos SVG externos */
.iqlab-mask-icon{
  width:20px;
  height:20px;
  display:inline-block;
  background:currentColor;
  mask-position:center;
  mask-size:contain;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
}

/* IQDump integration layer */
.iqlab-app .iqlab-logo{
  color:#eaf7ff;
  text-decoration:none;
}

.iqlab-app .iqlab-sidebar .iqlab-nav-link[aria-disabled="true"]{
  cursor:default;
  opacity:.72;
}

.iqlab-app .iqlab-sidebar .iqlab-nav-link[aria-disabled="true"]:hover{
  background:transparent;
  color:#d8e8f2;
}

.iqlab-sidebar-status{
  color:#cfe0ea;
  font-size:13px;
  font-weight:750;
}

.iqlab-nav-section{
  width:100%;
  margin:8px 0 2px;
  padding:0 12px;
  color:#7ddfd0;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-section{
  height:1px;
  margin:6px 0;
  padding:0;
  overflow:hidden;
  background:rgba(125,223,208,.18);
}

.iqlab-app.is-sidebar-collapsed{
  grid-template-columns:92px minmax(0,1fr);
}

.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered{
  grid-template-columns:260px minmax(0,1fr);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar{
  padding:22px 14px;
  align-items:center;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-head{
  flex-direction:column;
  justify-content:flex-start;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-logo{
  justify-content:center;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-logo img{
  width:46px;
  height:46px;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-logo > span,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link span:not(.iqlab-mask-icon),
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-user-meta,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-status{
  width:0;
  opacity:0;
  transform:translateX(-6px);
  pointer-events:none;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-toggle .iqlab-mask-icon{
  transform:rotate(-90deg);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav{
  width:100%;
  align-items:center;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link{
  width:52px;
  min-height:52px;
  justify-content:center;
  gap:0;
  padding:0;
  border-radius:16px;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link:hover{
  transform:translateY(-1px);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link.is-active::before{
  left:50%;
  top:auto;
  bottom:6px;
  width:20px;
  height:4px;
  transform:translateX(-50%);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-user{
  width:100%;
  justify-content:center;
  padding-top:16px;
}

.iqlab-avatar--initial{
  display:grid;
  place-items:center;
  background:#0f766e;
  color:white;
  font-weight:950;
}

.iqlab-topbar .iqlab-account{
  width:auto;
  justify-items:end;
}

.iqlab-topbar .iqlab-account-trigger{
  width:44px;
  height:44px;
  border-color:rgba(0,168,135,.55);
}

.iqlab-topbar .iqlab-account-menu{
  top:54px;
  right:0;
  left:auto;
}

.iqlab-topbar .iqlab-account-menu::before{
  right:16px;
  left:auto;
}

.iqlab-brand-logo.iqlab-solution-logo{
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
}

.iqlab-brand-logo.iqlab-solution-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
}

.iqlab-table-card{
  overflow:auto;
}

.iqlab-table .iqlab-tech-badge{
  white-space:nowrap;
}

.iqlab-footer__bottom{
  grid-column:1 / -1;
}

.iqlab-solution-detail-header{
  display:grid;
  gap:14px;
  border:1px solid var(--iqlab-line);
  border-radius:16px;
  background:var(--iqlab-surface);
  padding:16px 18px;
  margin-bottom:16px;
  box-shadow:var(--iqlab-shadow-sm);
}

.iqlab-solution-detail-header__nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}

.iqlab-solution-detail-header__body{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(180px,250px);
  gap:14px;
  align-items:center;
}

.iqlab-solution-detail-header h1{
  margin:0;
  color:var(--iqlab-text);
  font-size:22px;
  font-weight:950;
  letter-spacing:-.025em;
}

.iqlab-solution-detail-header p{
  margin:4px 0 0;
  color:#475569;
  font-size:13px;
  font-weight:750;
}

.iqlab-solution-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  color:#64748b;
  font-size:12px;
  font-weight:850;
}

.iqlab-solution-breadcrumbs span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.iqlab-solution-breadcrumbs span:not(:last-child)::after{
  content:"/";
  color:#94a3b8;
}

.iqlab-solution-read-state{
  display:grid;
  gap:2px;
  justify-items:start;
  border:1px solid #bbf7d0;
  border-radius:12px;
  background:#ecfdf5;
  color:#047857;
  padding:11px 13px;
}

.iqlab-solution-read-state strong{
  font-size:14px;
  font-weight:950;
}

.iqlab-solution-read-state small{
  color:#0f766e;
  font-size:11px;
  font-weight:800;
}

/* Sidebar IQDump final: rail colapsado, expansion por hover y texto sin cortes. */
.iqlab-shell.iqlab-app{
  grid-template-columns:260px minmax(0,1fr);
}

.iqlab-shell.iqlab-app.is-sidebar-collapsed{
  grid-template-columns:84px minmax(0,1fr);
}

.iqlab-shell.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered{
  grid-template-columns:84px minmax(0,1fr);
}

.iqlab-app .iqlab-sidebar{
  width:260px;
  align-items:stretch;
  gap:22px;
  overflow:hidden;
  padding:22px 14px;
  border-right:1px solid rgba(125,211,252,.08);
  background:
    radial-gradient(circle at 18% 4%,rgba(0,188,166,.24),transparent 28%),
    linear-gradient(180deg,#061b2d 0%,#031221 100%);
  box-shadow:16px 0 44px rgba(3,18,33,.18);
  transition:width .22s ease,padding .22s ease,box-shadow .22s ease;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar{
  width:84px;
  padding:22px 10px;
  align-items:center;
}

.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered .iqlab-sidebar{
  width:260px;
  box-shadow:24px 0 62px rgba(3,18,33,.26);
}

.iqlab-app .iqlab-sidebar-head{
  display:flex;
  width:100%;
  min-height:54px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-head{
  flex-direction:column;
  justify-content:flex-start;
}

.iqlab-app .iqlab-logo{
  display:flex;
  min-width:0;
  align-items:center;
  gap:10px;
  color:#f4fbff;
  text-decoration:none;
}

.iqlab-app .iqlab-logo img{
  width:48px;
  height:48px;
  flex:0 0 48px;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.20));
}

.iqlab-app .iqlab-logo > span{
  display:inline-block;
  width:auto;
  height:auto;
  min-height:0;
  min-width:0;
  overflow:hidden;
  font-size:30px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.05em;
  white-space:nowrap;
  opacity:1;
  transform:none;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-logo > span{
  width:0;
  opacity:0;
  transform:translateX(-6px);
}

.iqlab-app .iqlab-sidebar-toggle{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(255,255,255,.08);
  color:#c9fff1;
  box-shadow:none;
}

.iqlab-app .iqlab-sidebar-toggle .iqlab-mask-icon{
  display:block;
  width:18px;
  height:18px;
  min-height:0;
  transform:rotate(90deg);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-toggle{
  width:30px;
  height:30px;
  flex-basis:30px;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-toggle .iqlab-mask-icon{
  transform:rotate(-90deg);
}

.iqlab-app .iqlab-nav{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:8px;
}

.iqlab-app .iqlab-nav-link,
.iqlab-app .iqlab-nav > .iqlab-nav-link{
  display:flex;
  width:100%;
  height:48px;
  min-height:48px;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  overflow:hidden;
  border-radius:12px;
  padding:0 12px;
  background:transparent;
  color:#d5e8f2;
  font-weight:820;
  line-height:1.2;
  text-decoration:none;
  transform:none;
  box-shadow:none;
}

.iqlab-app .iqlab-nav-link > .iqlab-mask-icon{
  display:block;
  width:22px;
  height:22px;
  min-height:0;
  flex:0 0 22px;
  color:currentColor;
  background:currentColor;
}

.iqlab-app .iqlab-nav-link > span:not(.iqlab-mask-icon){
  display:block;
  width:auto;
  height:auto;
  min-height:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  opacity:1;
  transform:none;
}

.iqlab-app .iqlab-nav-link:hover{
  background:rgba(255,255,255,.08);
  color:#ffffff;
  transform:translateX(2px);
}

.iqlab-app .iqlab-nav-link.is-active{
  background:linear-gradient(135deg,#00a887,#00836f);
  color:#ffffff;
  box-shadow:0 14px 30px rgba(0,168,135,.24);
}

.iqlab-app .iqlab-nav-link.is-active::before{
  left:8px;
  top:50%;
  width:4px;
  height:22px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  transform:translateY(-50%);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav{
  align-items:center;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav > .iqlab-nav-link{
  width:52px;
  height:52px;
  min-height:52px;
  justify-content:center;
  gap:0;
  padding:0;
  border-radius:14px;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link > span:not(.iqlab-mask-icon){
  width:0;
  opacity:0;
  transform:translateX(-6px);
  pointer-events:none;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link.is-active::before{
  left:8px;
  top:50%;
  width:4px;
  height:24px;
  transform:translateY(-50%);
}

.iqlab-app .iqlab-sidebar-user{
  width:100%;
  gap:10px;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-user{
  justify-content:center;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-user-meta,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-status{
  width:0;
  opacity:0;
  transform:translateX(-6px);
  pointer-events:none;
}

@media (max-width:860px){
  .iqlab-solution-detail-header__body{
    grid-template-columns:1fr;
  }
}

@media (max-width:1280px){
  .iqlab-app{grid-template-columns:220px minmax(0,1fr)}
  .iqlab-hero{grid-template-columns:1fr}
  .iqlab-hero.iqlab-hero--with-carousel{grid-template-columns:1fr}
  .iqlab-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iqlab-content-grid{grid-template-columns:1fr}
  .iqlab-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iqlab-account-grid{grid-template-columns:1fr}
  .iqlab-account-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
  .iqlab-app{grid-template-columns:1fr}
  .iqlab-sidebar{
    position:relative;
    height:auto;
    border-radius:0 0 var(--iqlab-radius-lg) var(--iqlab-radius-lg);
  }
  .iqlab-main{padding:18px}
  .iqlab-topbar{align-items:flex-start;flex-direction:column}
  .iqlab-hero{padding:20px;min-height:auto}
  .iqlab-hero h2{font-size:32px}
  .iqlab-metrics-grid{grid-template-columns:1fr}
  .iqlab-feature-grid{grid-template-columns:1fr}
  .iqlab-recent-item{grid-template-columns:44px minmax(0,1fr);align-items:start}
  .iqlab-recent-item > *:nth-child(n+3){grid-column:2}
  .iqlab-filter-panel{grid-template-columns:1fr}
  .iqlab-table-card{overflow:auto}
  .iqlab-account-cards{grid-template-columns:1fr}
  .iqlab-footer{grid-template-columns:1fr}
  .iqlab-dropdown{left:18px;right:18px;width:auto}
}

/* Overrides finales: el CSS base viejo aplica reglas a `.iqlab-nav span`.
   Esta capa deja al sidebar nuevo como rail real, sin textos cortados ni iconos descentrados. */
.iqlab-shell.iqlab-app{
  grid-template-columns:84px minmax(0,1fr);
}

.iqlab-shell.iqlab-app:not(.is-sidebar-collapsed),
.iqlab-shell.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered{
  grid-template-columns:84px minmax(0,1fr);
}

.iqlab-app .iqlab-sidebar{
  position:sticky;
  top:0;
  width:260px;
  max-width:260px;
  min-height:100dvh;
  height:100dvh;
  min-width:0;
  padding:22px 16px;
  border-right:1px solid rgba(125,211,252,.08);
  background:
    radial-gradient(circle at 22% 0%,rgba(0,168,135,.26),transparent 34%),
    linear-gradient(180deg,#061b2d 0%,#031221 100%);
  box-shadow:18px 0 48px rgba(3,18,33,.20);
  z-index:20;
  overflow:hidden;
}

@media (min-width:861px){
  .iqlab-app .iqlab-sidebar{
    position:fixed;
    top:0;
    left:0;
    height:100dvh;
    min-height:100dvh;
  }

  .iqlab-app .iqlab-main{
    grid-column:2;
  }
}

@media (min-width:900px){
  .iqlab-app .iqlab-sidebar{
    height:125dvh;
    min-height:125dvh;
  }
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar{
  width:84px;
  max-width:84px;
  padding:22px 10px;
}

.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered .iqlab-sidebar{
  width:260px;
  max-width:260px;
  box-shadow:26px 0 64px rgba(3,18,33,.28);
}

.iqlab-app .iqlab-sidebar-head{
  width:100%;
  min-height:54px;
}

.iqlab-app .iqlab-logo{
  min-width:0;
  gap:10px;
}

.iqlab-app .iqlab-logo img{
  width:48px;
  height:48px;
  flex:0 0 48px;
}

.iqlab-app .iqlab-logo > span{
  padding:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:30px;
  line-height:1;
}

.iqlab-app .iqlab-nav{
  width:100%;
  gap:8px;
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding-right:2px;
  scrollbar-width:thin;
  scrollbar-color:rgba(125,223,208,.36) transparent;
}

.iqlab-app .iqlab-nav::-webkit-scrollbar{
  width:7px;
}

.iqlab-app .iqlab-nav::-webkit-scrollbar-track{
  background:transparent;
}

.iqlab-app .iqlab-nav::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(125,223,208,.30);
}

.iqlab-app .iqlab-nav-link,
.iqlab-app .iqlab-nav > .iqlab-nav-link{
  width:100%;
  height:48px;
  min-height:48px;
  padding:0 12px;
  gap:12px;
  overflow:hidden;
}

.iqlab-app button.iqlab-nav-link{
  border:0;
  cursor:pointer;
  text-align:left;
  font:inherit;
}

.iqlab-app .iqlab-nav-group{
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column;
  gap:6px;
}

.iqlab-app .iqlab-nav-group-toggle{
  flex:0 0 auto;
}

.iqlab-app .iqlab-nav-group-toggle .iqlab-nav-caret{
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  flex:0 0 16px;
  margin-left:auto;
  opacity:.76;
  transform:rotate(-90deg);
  transition:transform .16s ease,opacity .16s ease;
}

.iqlab-app .iqlab-nav-group.is-open .iqlab-nav-group-toggle .iqlab-nav-caret{
  opacity:1;
  transform:rotate(0deg);
}

.iqlab-app .iqlab-nav-group-items{
  display:none;
  width:100%;
  min-width:0;
  flex-direction:column;
  gap:6px;
  padding-left:10px;
}

.iqlab-app .iqlab-nav-group.is-open .iqlab-nav-group-items{
  display:flex;
}

.iqlab-app .iqlab-nav-sub-link{
  height:42px;
  min-height:42px;
  padding-left:13px;
  border-left:1px solid rgba(125,223,208,.18);
  border-radius:10px;
  color:#c9dbe7;
  font-size:14px;
}

.iqlab-app .iqlab-nav-sub-link > .iqlab-mask-icon{
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  flex-basis:18px;
}

.iqlab-app .iqlab-nav-link > .iqlab-mask-icon,
.iqlab-app .iqlab-nav-link > span:not(.iqlab-mask-icon){
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
}

.iqlab-app .iqlab-nav-link > .iqlab-mask-icon{
  display:block;
  width:22px;
  height:22px;
  min-width:22px;
  min-height:22px;
  flex:0 0 22px;
  background:currentColor;
}

.iqlab-app .iqlab-nav-link > span:not(.iqlab-mask-icon){
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.iqlab-app .iqlab-nav-group-toggle > .iqlab-nav-caret{
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  flex-basis:16px;
}

.iqlab-app .iqlab-nav-sub-link > .iqlab-mask-icon{
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  flex-basis:18px;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav > .iqlab-nav-link{
  width:52px;
  height:52px;
  min-height:52px;
  justify-content:center;
  padding:0;
  gap:0;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav{
  padding-right:0;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-group{
  align-items:center;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-group-items,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-group-toggle .iqlab-nav-caret{
  display:none;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link > span:not(.iqlab-mask-icon){
  width:0;
  max-width:0;
  opacity:0;
  transform:translateX(-6px);
}

.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered .iqlab-nav-link > span:not(.iqlab-mask-icon),
.iqlab-app:not(.is-sidebar-collapsed) .iqlab-nav-link > span:not(.iqlab-mask-icon){
  width:auto;
  max-width:none;
  opacity:1;
  transform:none;
}

.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-logo > span,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-user-meta,
.iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-status{
  width:0;
  max-width:0;
  opacity:0;
  transform:translateX(-6px);
}

.iqlab-solutions-table .iqlab-col-solution{width:16%}
.iqlab-solutions-table .iqlab-col-brand{width:9%}
.iqlab-solutions-table .iqlab-col-system{width:10%}
.iqlab-solutions-table .iqlab-col-memory{width:10%}
.iqlab-solutions-table .iqlab-col-functional{width:11%}
.iqlab-solutions-table .iqlab-col-actions{width:13%}
.iqlab-solutions-table .iqlab-col-extracts{width:8%}
.iqlab-solutions-table .iqlab-col-state{width:7%}
.iqlab-solutions-table .iqlab-col-version{width:48px}
.iqlab-solutions-table .iqlab-col-open{width:48px}

.iqlab-solutions-table th,
.iqlab-solutions-table td{
  padding-left:10px;
  padding-right:10px;
}

.iqlab-solutions-table .iqlab-tech-badge{
  min-height:24px;
  padding:4px 8px;
  font-size:11px;
}

.iqlab-solutions-table .iqlab-action-summary strong{
  max-width:100%;
}

@media (max-width:860px){
  .iqlab-shell.iqlab-app,
  .iqlab-shell.iqlab-app:not(.is-sidebar-collapsed),
  .iqlab-shell.iqlab-app.is-sidebar-collapsed,
  .iqlab-shell.iqlab-app.is-sidebar-collapsed.is-sidebar-hovered{
    grid-template-columns:1fr;
  }

  .iqlab-app .iqlab-sidebar,
  .iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar,
  .iqlab-app.is-sidebar-collapsed.is-sidebar-hovered .iqlab-sidebar{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:1fr;
    align-items:center;
    gap:12px;
    width:auto;
    max-width:none;
    height:auto;
    min-height:0;
    padding:12px;
    border-radius:0 0 var(--iqlab-radius-lg) var(--iqlab-radius-lg);
    overflow:visible;
  }

  .iqlab-app .iqlab-sidebar-head,
  .iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-sidebar-head{
    min-height:48px;
    flex-direction:row;
    justify-content:space-between;
  }

  .iqlab-app .iqlab-nav,
  .iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav{
    display:flex;
    width:100%;
    min-height:0;
    flex:0 0 auto;
    flex-direction:row;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 4px;
  }

  .iqlab-app .iqlab-nav-link,
  .iqlab-app .iqlab-nav > .iqlab-nav-link,
  .iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav-link,
  .iqlab-app.is-sidebar-collapsed:not(.is-sidebar-hovered) .iqlab-nav > .iqlab-nav-link{
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    flex:0 0 48px;
    justify-content:center;
    padding:0;
    gap:0;
  }

  .iqlab-app .iqlab-nav-link > span:not(.iqlab-mask-icon),
  .iqlab-app .iqlab-user-meta,
  .iqlab-app .iqlab-sidebar-status{
    width:0;
    max-width:0;
    opacity:0;
    transform:translateX(-6px);
    pointer-events:none;
  }
}