/* NEXO Web — Seletor de empresas P34.6
   Camada isolada, carregada depois do CSS legado.
   Unidades calibradas ao design 1672 × 941; desktop ocupa 100dvh sem scroll de página. */
#app .nxps-selector {
  --u: min(0.055500000vw, 0.098000000dvh);
  --ink: #0a173b;
  --moss: #006d53;
  --green: #098466;
  --muted: #7789a7;
  position:relative;
  isolation:isolate;
  display:flex;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  color:var(--ink);
  background:#fff;
  font-family:Inter, ui-sans-serif, -apple-system, 'Segoe UI', sans-serif;
}
#app .nxps-selector * {box-sizing:border-box}

/* Barra lateral com dimensões independentes da escala do conteúdo.
   Os itens mantêm o mesmo alinhamento ao expandir e recolher. */
#app .nxps-selector {--rail-closed:70px;--rail-open:254px;--rail-gutter:10px}
#app .nxps-selector .nx42-selector-rail {
  position:fixed;z-index:80;inset:0 auto 0 0;
  width:var(--rail-closed) !important;
  padding:16px var(--rail-gutter) 18px !important;
  display:flex;flex-direction:column;align-items:flex-start;
  background:linear-gradient(174deg,#006357 0%,#01453e 47%,#003d38 100%);
  color:#fff;overflow:hidden;
  border-right:1px solid rgba(255,255,255,.12);
  box-shadow:6px 0 24px rgba(6,66,57,.13);
  transition:width .22s cubic-bezier(.2,.75,.2,1),box-shadow .22s ease;
}
#app .nxps-selector .nx42-selector-rail:hover:not(.is-closed),
#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed),
#app .nxps-selector .nx42-selector-rail.is-pinned {
  width:var(--rail-open) !important;
  box-shadow:14px 0 40px rgba(0,33,32,.19);
}
#app .nxps-selector .nx42-rail-logo {
  display:flex;align-items:center;justify-content:flex-start;gap:12px;
  width:50px;height:54px;min-height:54px;flex:0 0 54px;
  padding:6px;margin:0;
  border:1px solid rgba(255,255,255,.10);border-radius:14px;
  background:linear-gradient(150deg,#087869,#014d47);
  box-shadow:0 5px 15px rgba(1,52,48,.18);
  color:#fff;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer;
  transition:width .22s ease,background-color .18s ease;
}
#app .nxps-selector .nx42-rail-logo img {
  width:36px;height:40px;flex:0 0 36px;object-fit:contain;filter:none;
}
#app .nxps-selector .nxps-rail-text {
  opacity:0;visibility:hidden;pointer-events:none;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  flex:1 1 auto;min-width:0;max-width:100%;gap:3px;line-height:1.15;
  transition:opacity .12s ease;
}
#app .nxps-selector .nxps-rail-text strong {
  max-width:100%;font-size:15px;font-weight:800;color:#fff;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#app .nxps-selector .nxps-rail-text small {
  max-width:100%;font-size:10px;font-weight:550;
  color:rgba(255,255,255,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#app .nxps-selector .nx42-selector-rail:hover:not(.is-closed) .nxps-rail-text,
#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed) .nxps-rail-text,
#app .nxps-selector .nx42-selector-rail.is-pinned .nxps-rail-text {
  opacity:1;visibility:visible;pointer-events:auto;transition-delay:.10s;
}
#app .nxps-selector .nx42-selector-rail:hover:not(.is-closed) .nx42-rail-logo,
#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed) .nx42-rail-logo,
#app .nxps-selector .nx42-selector-rail.is-pinned .nx42-rail-logo {
  width:calc(var(--rail-open) - var(--rail-gutter)*2);
}
#app .nxps-selector .nx42-rail-spacer {flex:1 1 auto;min-height:0;width:100%}
#app .nxps-selector .nx42-rail-profile,
#app .nxps-selector .nx42-rail-logout {
  align-self:flex-start;flex:0 0 auto;
  width:50px !important;height:52px;min-height:52px;
  margin:0;padding:5px !important;
  border:1px solid rgba(255,255,255,.16);border-radius:13px;
  color:#fff;background:rgba(255,255,255,.065);
  display:flex;align-items:center;justify-content:flex-start !important;gap:12px;
  text-align:left;white-space:nowrap;overflow:hidden;
  transition:width .22s ease,background-color .18s ease;
}
#app .nxps-selector .nx42-rail-profile{margin-bottom:10px}
#app .nxps-selector .nx42-rail-profile .avatar {
  width:38px;height:38px;flex:0 0 38px;border-radius:50%;
  background:#f1faf6;color:#056d5b;font-size:13px;font-weight:800;
}
#app .nxps-selector .nx42-rail-logout svg {width:21px;height:21px;flex:0 0 21px;margin-left:8px}
#app .nxps-selector .nx42-rail-logout .nxps-rail-text {font-weight:700;font-size:14px}
#app .nxps-selector .nx42-rail-profile:hover,
#app .nxps-selector .nx42-rail-logout:hover {background:rgba(255,255,255,.15)}
#app .nxps-selector .nx42-selector-rail:hover:not(.is-closed) .nx42-rail-profile,
#app .nxps-selector .nx42-selector-rail:hover:not(.is-closed) .nx42-rail-logout,
#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed) .nx42-rail-profile,
#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed) .nx42-rail-logout,
#app .nxps-selector .nx42-selector-rail.is-pinned .nx42-rail-profile,
#app .nxps-selector .nx42-selector-rail.is-pinned .nx42-rail-logout {
  width:calc(var(--rail-open) - var(--rail-gutter)*2) !important;
}
/* Desktop frame — gradiente e folhas pertencem à arte de fundo da referência */
#app .nxps-selector .nx42-selector-workspace {
  margin-left:var(--rail-closed) !important;
  min-height:0;height:100%;width:calc(100% - var(--rail-closed));min-width:0;
  flex:1;display:grid;grid-template-rows:calc(var(--u)*84) minmax(0,1fr) calc(var(--u)*54);
  background:#fcfcfa url('/assets/selector-bg.png?v=97') center center / 100% 100% no-repeat;
}
#app .nxps-selector .nx42-selector-top {
  min-height:0;height:100%;flex:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 calc(var(--u)*26) 0 calc(var(--u)*34);
  background:rgba(255,255,255,.57);border-bottom:1px solid rgba(216,224,232,.75);
  backdrop-filter:blur(4px);overflow:visible;
}
#app .nxps-selector .nx42-selector-wordmark {display:flex;align-items:center;gap:calc(var(--u)*17);flex:none}
#app .nxps-selector .nx42-selector-wordmark-mark {width:calc(var(--u)*40);height:calc(var(--u)*40);object-fit:contain;flex:none}
#app .nxps-selector .nx42-selector-wordmark-text {height:calc(var(--u)*26);width:auto;max-width:none;object-fit:contain;flex:none}
#app .nxps-selector .nx42-selector-wordmark i {height:calc(var(--u)*24);width:1px;background:#cad4e0}
#app .nxps-selector .nx42-selector-wordmark small {font-size:calc(var(--u)*11);letter-spacing:.30em;font-weight:800;color:#233457;margin:0;white-space:nowrap}
#app .nxps-selector .nx42-top-status {display:flex;align-items:center;gap:calc(var(--u)*16)}
#app .nxps-selector .nx42-sync-chip {
  height:calc(var(--u)*54);padding:0 calc(var(--u)*16);
  border:1px solid #cde9dd;border-radius:calc(var(--u)*17);
  background:rgba(232,250,241,.88);color:#0a7658;
  display:flex;align-items:center;gap:calc(var(--u)*12);box-shadow:none;
}
#app .nxps-selector .nx42-sync-chip>i {width:calc(var(--u)*15);height:calc(var(--u)*15);background:#0cab66;box-shadow:0 0 0 calc(var(--u)*5) rgba(24,184,111,.12);flex:none}
#app .nxps-selector .nx42-sync-chip span {display:flex;flex-direction:column;gap:calc(var(--u)*4)}
#app .nxps-selector .nx42-sync-chip strong {font-size:calc(var(--u)*13);line-height:1.1;color:#07674e}
#app .nxps-selector .nx42-sync-chip small {font-size:calc(var(--u)*11);color:#65839a;margin:0}
#app .nxps-selector .nx42-icon-btn {width:calc(var(--u)*52);height:calc(var(--u)*52);border-radius:calc(var(--u)*16);background:#fff;color:#091c49;border:1px solid #dae4ec;box-shadow:0 3px 10px rgba(13,40,70,.05)}
#app .nxps-selector .nx42-icon-btn svg {width:calc(var(--u)*22);height:calc(var(--u)*22)}
#app .nxps-selector .nx42-icon-btn b:not(:empty) {width:calc(var(--u)*10);min-width:calc(var(--u)*10);height:calc(var(--u)*10);top:calc(var(--u)*8);right:calc(var(--u)*7);padding:0;border-radius:50%;font-size:0;box-shadow:0 0 0 3px #fff}

/* Conteúdo sem rolagem externa; se houver muitas empresas, apenas esta região rola */
#app .nxps-selector .nx42-selector-content {
  display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u)*480) !important;
  align-items:start;gap:calc(var(--u)*24) !important;
  min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;
  padding:calc(var(--u)*28) calc(var(--u)*24) calc(var(--u)*8) calc(var(--u)*34) !important;
  margin:0;
  scrollbar-width:thin;scrollbar-color:rgba(9,116,90,.24) transparent;
}
#app .nxps-selector .nx42-selector-main {min-width:0;padding-top:calc(var(--u)*8)}
#app .nxps-selector .nx42-selector-copy>span {font-size:calc(var(--u)*14);font-weight:800;letter-spacing:.18em;color:#08775c;line-height:1.2;margin:0 0 calc(var(--u)*8);display:block}
#app .nxps-selector .nx42-selector-copy h1 {font-size:calc(var(--u)*62) !important;line-height:1;letter-spacing:-.064em;font-weight:900;color:#0b1a47;margin:0 0 calc(var(--u)*8) !important;white-space:nowrap}
#app .nxps-selector .nx42-selector-copy h1 em {font-style:normal;color:#0b8667}
#app .nxps-selector .nx42-selector-copy h2 {font-size:calc(var(--u)*30) !important;line-height:1.12;letter-spacing:-.04em;font-weight:500;color:#536887;margin:0 0 calc(var(--u)*10)}
#app .nxps-selector .nx42-selector-copy p {font-size:calc(var(--u)*16) !important;line-height:1.35;color:#7c8ca8;margin:0}
#app .nxps-selector .nx42-selector-controls {display:block;margin:calc(var(--u)*24) 0 calc(var(--u)*28) !important;min-width:0}
#app .nxps-selector .nx42-selector-controls>label {width:100%;max-width:940px;height:calc(var(--u)*57) !important;border:1px solid #d5dee9;border-radius:calc(var(--u)*13);background:rgba(255,255,255,.95);padding:0 calc(var(--u)*16);display:flex;align-items:center;gap:calc(var(--u)*12);box-shadow:none;min-width:0}
#app .nxps-selector .nx42-selector-controls>label svg {width:calc(var(--u)*22);height:calc(var(--u)*22);color:#101b4c;flex:none}
#app .nxps-selector .nx42-selector-controls input {height:100%;min-width:0;outline:0;border:0;background:transparent;color:#162f50;font-size:calc(var(--u)*15)}
#app .nxps-selector .nx42-selector-controls input::placeholder {color:#7c8ba6}
#app .nxps-selector .nx42-sort {display:grid;gap:calc(var(--u)*5);padding-left:calc(var(--u)*22);border-left:1px solid #d4dce6;font-size:calc(var(--u)*14);line-height:1.1;color:#7384a0;min-width:0}
#app .nxps-selector .nx42-sort select {height:calc(var(--u)*50) !important;border:1px solid #d2dce7;border-radius:calc(var(--u)*13);background:#fff;color:#142145;font-size:calc(var(--u)*15);padding:0 calc(var(--u)*12);width:100%;outline:none}
#app .nxps-selector .nx42-company-section h3 {font-size:calc(var(--u)*23);line-height:1.2;color:#091744;letter-spacing:-.045em;margin:0 0 calc(var(--u)*13)}
#app .nxps-selector .nx42-company-grid {display:grid;grid-template-columns:repeat(3, minmax(0,calc(var(--u)*278))) !important;gap:calc(var(--u)*16) !important;align-items:stretch}
#app .nxps-selector .nx42-company-card {
  width:100% !important;min-width:0;min-height:calc(var(--u)*285) !important;height:calc(var(--u)*285);
  display:flex;flex-direction:column;align-items:flex-start;
  position:relative;padding:calc(var(--u)*16) calc(var(--u)*18) calc(var(--u)*12) !important;
  border-radius:calc(var(--u)*16);border:1px solid #e1e8ee;background:rgba(255,255,255,.94);
  box-shadow:0 calc(var(--u)*8) calc(var(--u)*20) rgba(12,39,56,.045);
  text-align:left;color:#071741;gap:0;
  transition:transform .17s,border-color .17s,box-shadow .17s;
}
#app .nxps-selector .nx42-company-card:hover {transform:translateY(calc(var(--u)*-2));border-color:#9cd7c7;box-shadow:0 10px 25px rgba(10,83,70,.1)}
#app .nxps-selector .nx42-company-logo {width:calc(var(--u)*92) !important;height:calc(var(--u)*92) !important;flex:none;object-fit:contain;padding:calc(var(--u)*6);border-radius:calc(var(--u)*13);border:1px solid #e6eaee;background:#fefefe;margin:0 0 calc(var(--u)*11) !important;box-shadow:0 3px 7px rgba(20,39,50,.065)}
#app .nxps-selector .nx42-company-copy {width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
#app .nxps-selector .nx42-company-copy>strong {font-size:calc(var(--u)*20) !important;line-height:1.15;font-weight:850;letter-spacing:-.043em;color:#0c1a44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0}
#app .nxps-selector .nx42-company-copy>small {font-size:max(11px,calc(var(--u)*14));color:#8595ad;line-height:1.3;margin-top:calc(var(--u)*5)}
#app .nxps-selector .nx42-role {margin-top:calc(var(--u)*8) !important;padding:calc(var(--u)*4) calc(var(--u)*10) !important;display:inline-flex;align-items:center;gap:calc(var(--u)*8);width:max-content;max-width:100%;color:#096e57;background:#ddf5e9;border-radius:999px;font-size:calc(var(--u)*12) !important;font-weight:750;line-height:1.3;font-style:normal}
#app .nxps-selector .nx42-role svg {width:calc(var(--u)*16);height:calc(var(--u)*16)}
#app .nxps-selector .nx42-company-action {width:100%;display:flex;align-items:center;gap:calc(var(--u)*12);margin-top:auto;padding-top:calc(var(--u)*8);border-top:1px solid #e6ebef;min-height:calc(var(--u)*44)}
#app .nxps-selector .nx42-company-action strong {font-size:calc(var(--u)*14);font-weight:800;color:#086d56}
#app .nxps-selector .nx42-company-go {width:calc(var(--u)*40);height:calc(var(--u)*40);flex:none;border-radius:50%;background:#e0f5ec;color:#087659;display:grid;place-items:center;font-style:normal}
#app .nxps-selector .nx42-company-go svg {width:calc(var(--u)*21);height:calc(var(--u)*21)}
#app .nxps-selector .nx42-company-add {border:1px dashed #a2e0ce;background:#fbfefc url('/assets/selector-card-bg.png?v=97') center center/cover no-repeat}
#app .nxps-selector .nx42-company-add-icon {width:calc(var(--u)*72);height:calc(var(--u)*72);border-radius:calc(var(--u)*16);background:#d7f7e8;color:#006f58;display:grid;place-items:center;margin:calc(var(--u)*22) 0 calc(var(--u)*16)}
#app .nxps-selector .nx42-company-add-icon svg {width:calc(var(--u)*34);height:calc(var(--u)*34)}
#app .nxps-selector .nx42-company-add-copy>strong {font-size:calc(var(--u)*21) !important;white-space:normal}
#app .nxps-selector .nx42-company-add-copy>small {font-size:calc(var(--u)*14);max-width:calc(var(--u)*190);line-height:1.35}
#app .nxps-selector .nx42-company-add .nx42-company-action {border:0;padding:0;min-height:calc(var(--u)*40);justify-content:flex-end}
#app .nxps-selector .nx42-pending {margin-top:calc(var(--u)*12);display:grid;gap:calc(var(--u)*6);color:#667b97;font-size:calc(var(--u)*12)}
#app .nxps-selector .nx42-empty-note {font-size:calc(var(--u)*13);margin-top:calc(var(--u)*10)}
#app .nxps-selector .nxps-search-empty{margin:calc(var(--u)*14) 0 0;color:#657b91;font-size:max(12px,calc(var(--u)*14));line-height:1.4}
#app .nxps-selector .nxps-search-empty[hidden]{display:none}

/* Right cards */
#app .nxps-selector .nx42-selector-tools {display:grid;grid-template-rows:calc(var(--u)*148) calc(var(--u)*160) calc(var(--u)*228);gap:calc(var(--u)*16);height:auto;align-self:start;min-width:0}
#app .nxps-selector .nx42-tool-card,#app .nxps-selector .nx42-selector-promo {
  width:100%;min-height:0 !important;height:100%;margin:0;
  border-radius:calc(var(--u)*16);border:1px solid #e2e7eb;
  box-shadow:0 calc(var(--u)*8) calc(var(--u)*24) rgba(20,48,67,.045);
  background:rgba(255,255,255,.92);overflow:hidden;position:relative;
}
#app .nxps-selector .nx42-tool-card {display:grid;grid-template-columns:calc(var(--u)*62) minmax(0,1fr) calc(var(--u)*24);align-items:start;gap:calc(var(--u)*15);padding:calc(var(--u)*18) calc(var(--u)*20) !important;text-align:left;color:var(--ink);cursor:pointer}
#app .nxps-selector .nx42-tool-card:before {content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:42%;background:radial-gradient(ellipse at 0% 100%,rgba(221,247,239,.88),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(231,249,241,.86),transparent 60%)}
#app .nxps-selector .nx42-tool-card>* {z-index:1;position:relative}
#app .nxps-selector .nx42-tool-icon {width:calc(var(--u)*58);height:calc(var(--u)*58);border-radius:calc(var(--u)*17);display:grid;place-items:center;background:#e3f8ef;color:#08745a}
#app .nxps-selector .nx42-tool-icon svg {width:calc(var(--u)*30);height:calc(var(--u)*30);stroke-width:1.85}
#app .nxps-selector .nx42-tool-copy {display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#app .nxps-selector .nx42-tool-copy strong {font-size:calc(var(--u)*18) !important;font-weight:800;letter-spacing:-.035em;color:#091943;line-height:1.1;white-space:normal}
#app .nxps-selector .nx42-tool-copy small {font-size:max(12px,calc(var(--u)*14));color:#7586a0;line-height:1.35;margin-top:calc(var(--u)*8)}
#app .nxps-selector .nx42-tool-copy em {font-style:normal;color:#007657;font-size:calc(var(--u)*13);font-weight:800;margin-top:calc(var(--u)*12)}
#app .nxps-selector .nx42-tool-card>b {align-self:center;justify-self:end;color:#061742}
#app .nxps-selector .nx42-tool-card>b svg {width:calc(var(--u)*24);height:calc(var(--u)*24)}
#app .nxps-selector .nx42-selector-promo {padding:0;background:#fff url('/assets/selector-promo-landscape.webp?v=97') center bottom/cover no-repeat}
#app .nxps-selector .nx42-selector-promo::before {display:none}
#app .nxps-selector .nx42-selector-promo::after {content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 31%,rgba(255,255,255,.46) 52%,rgba(255,255,255,0) 78%)}
#app .nxps-selector .nx42-selector-promo-copy {position:absolute;top:calc(var(--u)*30);left:calc(var(--u)*26);z-index:1;max-width:none}
#app .nxps-selector .nx42-selector-promo-copy strong {display:block;font-size:calc(var(--u)*24);font-weight:450;line-height:1.11;letter-spacing:-.025em;color:#355588}
#app .nxps-selector .nx42-selector-promo-copy i {display:block;width:calc(var(--u)*38);height:calc(var(--u)*3);border-radius:999px;background:#12b47a;margin-top:calc(var(--u)*12)}
#app .nxps-selector .nx42-selector-promo-art {display:none}
#app .nxps-selector .nx42-selector-footer {height:100%;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*12);padding:0 calc(var(--u)*30) 0 calc(var(--u)*34) !important;margin:0;border:0;color:#8191a7;font-size:calc(var(--u)*12);background:transparent}
#app .nxps-selector .nx42-selector-footer-brand {display:flex;align-items:center;gap:calc(var(--u)*16);min-width:0}
#app .nxps-selector .nx42-selector-footer-brand img {width:auto;height:calc(var(--u)*21)}
#app .nxps-selector .nx42-selector-footer-brand i {width:1px;height:calc(var(--u)*22);background:#c9d3de;flex:none}
#app .nxps-selector .nx42-selector-footer-brand small {font-size:calc(var(--u)*12);color:#7f8faa;white-space:nowrap}
#app .nxps-selector button:focus-visible,#app .nxps-selector input:focus-visible,#app .nxps-selector select:focus-visible {outline:2px solid #099a70;outline-offset:2px}

/* Desktop estreito / janela baixa: componentes empilham em vez de extrapolar a tela. */
@media(max-width:1099px), (max-height:580px) {
 #app .nxps-selector {--u:1px;--rail-closed:68px;--rail-open:244px;height:auto;min-height:100dvh;overflow:visible}
 #app .nxps-selector .nx42-selector-rail {width:var(--rail-closed) !important;padding:12px 9px !important}
 #app .nxps-selector .nx42-selector-rail:hover:not(.is-closed),#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed),#app .nxps-selector .nx42-selector-rail.is-pinned {width:var(--rail-open) !important}
 #app .nxps-selector .nx42-selector-workspace {margin-left:var(--rail-closed) !important;width:calc(100% - var(--rail-closed));height:auto;min-height:100dvh;display:flex;flex-direction:column;background-size:cover}
 #app .nxps-selector .nx42-selector-top {height:auto;min-height:78px;padding:14px 20px;gap:14px;flex-wrap:wrap}
 #app .nxps-selector .nx42-selector-content {display:grid;grid-template-columns:1fr !important;overflow:visible;height:auto;padding:22px 20px !important;gap:22px !important}
 #app .nxps-selector .nx42-selector-main {padding-top:0}
 #app .nxps-selector .nx42-selector-copy h1 {font-size:clamp(34px,5.4vw,60px) !important;white-space:normal}
 #app .nxps-selector .nx42-selector-copy h2 {font-size:clamp(19px,3vw,30px) !important}
 #app .nxps-selector .nx42-selector-copy p {font-size:15px !important}
 #app .nxps-selector .nx42-selector-controls {display:block;margin:24px 0 !important}
 #app .nxps-selector .nx42-company-grid {grid-template-columns:repeat(auto-fit,minmax(235px,1fr)) !important}
 #app .nxps-selector .nx42-company-card {height:286px;min-height:286px !important}
 #app .nxps-selector .nx42-selector-tools {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:14px}
 #app .nxps-selector .nx42-tool-card {height:auto;min-height:146px !important}
 #app .nxps-selector .nx42-selector-promo {grid-column:1/-1;height:210px}
 #app .nxps-selector .nx42-selector-footer {padding:18px 20px !important;height:auto}
}
@media(max-width:660px) {
 #app .nxps-selector .nx42-selector-rail{width:54px !important;padding:12px 5px !important}
 #app .nxps-selector .nx42-selector-rail:hover:not(.is-closed),#app .nxps-selector .nx42-selector-rail:focus-within:not(.is-closed),#app .nxps-selector .nx42-selector-rail.is-pinned{width:240px !important}
 #app .nxps-selector .nx42-selector-workspace{margin-left:54px !important;width:calc(100% - 54px)}
 #app .nxps-selector .nx42-rail-logo{width:44px;height:46px;min-height:46px;padding:4px}
 #app .nxps-selector .nx42-rail-logo img{width:34px;height:34px;flex-basis:34px}
 #app .nxps-selector .nx42-rail-profile,#app .nxps-selector .nx42-rail-logout{width:43px !important;height:46px;padding:4px !important}
 #app .nxps-selector .nx42-rail-profile .avatar{width:32px;height:32px;flex-basis:32px;font-size:12px}

 #app .nxps-selector .nx42-selector-top {align-items:flex-start}
 #app .nxps-selector .nx42-selector-wordmark-text {height:22px}
 #app .nxps-selector .nx42-selector-wordmark small,#app .nxps-selector .nx42-selector-wordmark i {display:none}
 #app .nxps-selector .nx42-selector-content {padding:20px 14px !important}
 #app .nxps-selector .nx42-selector-controls {display:block;margin:20px 0 !important}
 #app .nxps-selector .nx42-sort {border:0;padding:0}
 #app .nxps-selector .nx42-company-grid,#app .nxps-selector .nx42-selector-tools {grid-template-columns:1fr !important}
 #app .nxps-selector .nx42-selector-footer {align-items:flex-start;flex-direction:column}
 #app .nxps-selector .nx42-selector-footer-brand small {font-size:11px;white-space:normal}
}