/* CyberCompany assistant sidebar standard v1.0 */
@font-face {
  font-family: "Lexend";
  src: url("/assets/lexend.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Lexend Giga";
  src: url("/assets/lexend-giga.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
}
body,
button,
input,
select,
textarea {
  font-family: "Lexend", Arial, Helvetica, sans-serif !important;
}
.sales-app,
.hr-app,
.legal-app,
.app-shell,
.main-column,
.main-canvas,
.main-area {
  font-family: "Lexend", Arial, Helvetica, sans-serif !important;
}
:is(h1, h2, .page-title, .page-heading h1, .topbar-title strong, .section-heading h2, .primary-button, .button.primary) {
  font-family: "Lexend Giga", "Lexend", Arial, Helvetica, sans-serif !important;
}

.cc-sidebar-legacy-brand,
.cc-sidebar-legacy-collapse { display: none !important; }

.cc-module-identity-duplicate,
.cc-sidebar-stray-signature { display: none !important; }

/* Shared sidebar typography across every assistant. */
.sidebar,
.sidebar button,
.sidebar a {
  font-family: "Lexend Giga", "Lexend", Arial, Helvetica, sans-serif !important;
}
.sidebar nav button,
.sidebar .nav-item {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}
.sidebar nav button :is(strong, .nav-item-copy),
.sidebar .nav-item :is(strong, .nav-item-copy) {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.sidebar :is(.nav-label, .nav-section, .nav-group-title, .nav-group > p) {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .13em !important;
}

.cc-sidebar-header {
  flex: 0 0 auto;
  padding: 0 0 14px;
  margin: 0 0 12px;
  border-bottom: 1px solid rgba(141,154,177,.16);
}
.cc-sidebar-brand-row {
  min-height: 52px;
  padding: 0 4px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
}
.cc-sidebar-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  border-radius: 11px;
  overflow: hidden;
  text-decoration: none;
}
.cc-sidebar-logo {
  display: block;
  width: 164px;
  max-width: 100%;
  height: 52px;
  object-fit: contain;
  object-position: center;
}
.cc-sidebar-brand-row { justify-items: center; }
.cc-sidebar-brand { width: 100%; justify-content: center; }
.cc-sidebar-mark {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: contain;
  box-shadow: 0 8px 22px rgba(76,29,149,.32);
}
.cc-sidebar-mobile-close {
  display: none;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(141,154,177,.22);
  border-radius: 11px;
  color: #c7cfdf;
  background: rgba(255,255,255,.04);
  font-size: 22px;
}
.cc-sidebar-actions {
  min-height: 40px;
  margin-top: 8px;
  padding: 0 4px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
}
.cc-sidebar-return {
  min-width: 0;
  height: 40px;
  padding: 0 9px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 11px;
  color: #8d9ab1;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: .04em;
  white-space: nowrap;
  overflow: hidden;
  transition: background .18s ease, color .18s ease;
}
.cc-sidebar-return:hover { color: #fff; background: rgba(255,255,255,.06); }
.cc-sidebar-return-arrow { flex: 0 0 auto; color: #a78bfa; font-size: 15px; }
.cc-sidebar-return-label { overflow: hidden; text-overflow: ellipsis; }
.cc-sidebar-toggle {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(141,154,177,.22);
  border-radius: 11px;
  color: #aab4c8;
  background: rgba(255,255,255,.035);
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.cc-sidebar-toggle:hover { color: #fff; border-color: rgba(167,139,250,.48); background: rgba(255,255,255,.07); }
.cc-sidebar-toggle span { font-size: 25px; line-height: 1; transform: translateY(-1px); }

@media (min-width: 1001px) {
  .cc-sidebar-collapsed {
    --sidebar-width: 78px !important;
    --sidebar-w: 78px !important;
    --sidebar-collapsed: 78px !important;
  }
  .cc-sidebar-collapsed .sidebar {
    width: 78px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: hidden !important;
  }
  .cc-sidebar-collapsed .app-main { margin-left: 78px !important; }
  .cc-sidebar-collapsed .main-area { width: calc(100% - 78px) !important; margin-left: 78px !important; }
  .cc-sidebar-collapsed .cc-sidebar-header { padding-bottom: 12px; margin-bottom: 10px; }
  .cc-sidebar-collapsed .cc-sidebar-brand-row { grid-template-columns: 1fr; justify-items: center; padding: 0; }
  .cc-sidebar-collapsed .cc-sidebar-brand { width: 42px; height: 42px; display: grid; place-items: center; }
  .cc-sidebar-collapsed .cc-sidebar-logo { display: none; }
  .cc-sidebar-collapsed .cc-sidebar-mark { display: block; }
  .cc-sidebar-collapsed .cc-sidebar-actions { grid-template-columns: 1fr; justify-items: center; padding: 0; }
  .cc-sidebar-collapsed .cc-sidebar-return { display: none; }
  .cc-sidebar-collapsed :is(.product-badge,.product-name,.assistant-label,.profile-card) { display: none !important; }
  .cc-sidebar-collapsed :is(.nav-group>p,.nav-label,.nav-section,.nav-group-title) {
    height: 1px !important;
    margin: 9px 7px !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    background: rgba(141,154,177,.18);
  }
  .cc-sidebar-collapsed .nav-item {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    justify-content: center !important;
    justify-items: center !important;
    gap: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0 !important;
  }
  .cc-sidebar-collapsed .nav-item :is(.nav-item-copy,.nav-badge,em) { display: none !important; }
  .cc-sidebar-collapsed .sidebar nav button { justify-content: center; gap: 0; font-size: 0; padding-left: 8px; padding-right: 8px; }
  .cc-sidebar-collapsed .sidebar nav button > .cc-nav-copy { display: none !important; }
  .cc-sidebar-collapsed .sidebar nav button > .cc-nav-icon:not(svg) {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 36px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
  .cc-sidebar-collapsed .sidebar nav button > svg.cc-nav-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    flex: 0 0 20px !important;
  }
  .cc-sidebar-collapsed .sidebar :is(.sidebar-bottom,.sidebar-footer) { gap: 6px; }
  .cc-sidebar-collapsed .sidebar-bottom > :not(button),
  .cc-sidebar-collapsed .sidebar-footer :is(strong,small,div),
  .cc-sidebar-collapsed :is(.positive-logo,.platform-label,.demo-label,.sources,.crm-mini,.integration,.powered,.sidebar-powered) {
    display: none !important;
  }
  .cc-sidebar-collapsed :is(.sidebar-action,.sidebar-help) { min-height: 42px; justify-content: center; padding: 8px !important; font-size: 0; }
}

@media (max-width: 760px) {
  .cc-sidebar-toggle { display: none; }
  .cc-sidebar-mobile-close { display: grid; }
  .cc-sidebar-actions { grid-template-columns: 1fr; }
  .cc-sidebar-header { margin-bottom: 10px; }
}

@media (max-width: 1000px) {
  .cc-sidebar-toggle { display: none; }
  .cc-sidebar-mobile-close { display: grid; }
  .cc-sidebar-actions { grid-template-columns: 1fr; }
}

/* Unified CyberCompany assistant switcher */
.sidebar { overflow: visible !important; }
.sidebar > nav {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(141,154,177,.36) transparent;
}
.sidebar > :is(.sidebar-bottom,.sidebar-footer) {
  flex: 0 0 auto;
  margin-top: 0 !important;
}
.cc-sidebar-brand { transition: background .2s ease, transform .2s ease; }
.cc-sidebar-logo,
.cc-sidebar-mark { transition: filter .22s ease, transform .22s ease; }
.cc-sidebar-brand:hover,
.cc-sidebar-brand:focus-visible { background: rgba(255,255,255,.055); transform: translateY(-1px); }
.cc-sidebar-brand:hover .cc-sidebar-logo,
.cc-sidebar-brand:focus-visible .cc-sidebar-logo {
  filter: brightness(1.3) drop-shadow(0 0 9px rgba(253,224,71,.56)) drop-shadow(0 0 21px rgba(234,179,8,.30));
  transform: scale(1.018);
}
.cc-sidebar-brand:hover .cc-sidebar-mark,
.cc-sidebar-brand:focus-visible .cc-sidebar-mark {
  filter: brightness(1.24) drop-shadow(0 0 12px rgba(253,224,71,.72));
  transform: scale(1.045);
}
.cc-sidebar-actions { align-items: stretch; }
.cc-assistant-switcher { position: relative; min-width: 0; }
.cc-assistant-selector {
  width: 100%;
  min-width: 0;
  height: 46px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 16px;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  color: #f8fafc;
  border: 1px solid rgba(234,179,8,.28);
  background: linear-gradient(135deg,rgba(234,179,8,.12),rgba(255,255,255,.035));
}
.cc-assistant-selector:hover,
.cc-assistant-selector[aria-expanded="true"] {
  color: #fff;
  border-color: rgba(253,224,71,.54);
  background: linear-gradient(135deg,rgba(234,179,8,.20),rgba(255,255,255,.06));
  box-shadow: 0 0 0 3px rgba(234,179,8,.07), 0 10px 28px rgba(0,0,0,.22);
}
.cc-selector-mark {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(253,224,71,.42);
  border-radius: 10px;
  color: #fde68a;
  background: linear-gradient(145deg,rgba(250,204,21,.26),rgba(161,98,7,.22));
  box-shadow: inset 0 0 14px rgba(253,224,71,.08);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .05em;
}
.cc-selector-mark img { width: 30px; height: 30px; object-fit: contain; }
.cc-sidebar-return-label { min-width: 0; display: grid; gap: 1px; text-align: center; }
.cc-sidebar-return-label small,
.cc-sidebar-return-label strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-sidebar-return-label small { color: #9aa6ba; font-size: 8px; font-weight: 700; letter-spacing: .04em; }
.cc-sidebar-return-label strong { color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.cc-selector-chevron { color: #fde047; font-size: 14px; transition: transform .18s ease; }
.cc-assistant-selector[aria-expanded="true"] .cc-selector-chevron { transform: rotate(180deg); }
.cc-assistants-menu {
  position: absolute;
  z-index: 260;
  top: calc(100% + 8px);
  left: 0;
  width: min(304px, calc(100vw - 24px));
  max-height: min(560px, 68vh);
  overflow-y: auto;
  padding: 7px;
  border: 1px solid rgba(141,154,177,.22);
  border-radius: 15px;
  background: rgba(8,14,28,.985);
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
  backdrop-filter: blur(22px);
  scrollbar-width: thin;
  scrollbar-color: rgba(234,179,8,.38) transparent;
}
.cc-assistants-menu[hidden] { display: none; }
.cc-assistants-heading {
  padding: 7px 9px 9px;
  color: #75829a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.cc-assistant-option {
  width: 100%;
  min-width: 0;
  min-height: 54px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  color: #d7deeb;
  text-align: left;
  text-decoration: none;
  border: 0;
  border-radius: 11px;
  background: transparent;
  cursor: pointer;
}
.cc-assistant-option:hover { color: #fff; background: rgba(255,255,255,.065); }
.cc-assistant-option.active {
  color: #fff;
  background: linear-gradient(90deg,rgba(234,179,8,.18),rgba(234,179,8,.055));
  box-shadow: inset 2px 0 0 #eab308;
}
.cc-assistant-option:disabled { opacity: .46; cursor: not-allowed; }
.cc-assistant-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb,var(--assistant-color) 64%,transparent);
  border-radius: 11px;
  color: color-mix(in srgb,var(--assistant-color) 78%,white);
  background: color-mix(in srgb,var(--assistant-color) 18%,transparent);
  box-shadow: inset 0 0 16px color-mix(in srgb,var(--assistant-color) 7%,transparent);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .025em;
}
.cc-assistant-avatar img { width: 34px; height: 34px; object-fit: contain; }
.cc-assistant-copy { min-width: 0; display: grid; gap: 3px; }
.cc-assistant-copy strong,
.cc-assistant-copy small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-assistant-copy strong { font-size: 11px; }
.cc-assistant-copy small { color: #7f8ba1; font-size: 9px; }
.cc-assistant-check { color: var(--cc-assistant-color); font-size: 12px; }
.sidebar .nav-group + .nav-group {
  padding-top: 14px;
  border-top: 1px solid rgba(141,154,177,.15);
}

@media (min-width: 1001px) {
  .cc-sidebar-collapsed .cc-assistant-switcher { display: none; }
  .cc-sidebar-collapsed .cc-sidebar-actions { grid-template-columns: 1fr; }
}

@media (max-width: 1000px) {
  .cc-sidebar-logo { width: 174px; }
  .cc-sidebar-actions { grid-template-columns: 1fr; }
  .cc-assistants-menu { width: min(304px, calc(100vw - 28px)); }
}

/* Shared CyberCompany platform rules used by every assistant. */
.cc-sidebar-header { --cc-assistant-color: #8b5cf6; }
.cc-sidebar-logo { width: 178px; height: 58px; }
.cc-sidebar-mark { width: 42px; height: 42px; border-radius: 12px; }
.cc-assistant-selector {
  border-color: color-mix(in srgb, var(--cc-assistant-color) 42%, transparent) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--cc-assistant-color) 15%, transparent), rgba(255,255,255,.035)) !important;
}
.cc-assistant-selector:hover,
.cc-assistant-selector[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--cc-assistant-color) 72%, #fff) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--cc-assistant-color) 26%, transparent), rgba(255,255,255,.065)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cc-assistant-color) 10%, transparent), 0 10px 28px rgba(0,0,0,.22) !important;
}
.cc-selector-mark {
  border-color: color-mix(in srgb, var(--cc-assistant-color) 64%, #fff) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--cc-assistant-color) 36%, transparent), color-mix(in srgb, var(--cc-assistant-color) 22%, #111827)) !important;
  box-shadow: inset 0 0 14px color-mix(in srgb, var(--cc-assistant-color) 16%, transparent) !important;
}

.cc-platform-signature {
  grid-column: 1 / -1;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 46px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 7px 16px 9px;
  color: var(--muted, #73798d);
  background: var(--surface, var(--panel, #fff));
  border-top: 1px solid var(--line, #e5e7eb);
  position: relative;
  z-index: 18;
}
.cc-platform-signature a { min-width: 0; display: flex; align-items: center; color: inherit; text-decoration: none; }
.cc-signature-positive { gap: 7px; }
.cc-signature-positive span { font-size: 7px; letter-spacing: .02em; white-space: nowrap; }
.cc-signature-positive img { width: 94px; height: auto; object-fit: contain; }
.cc-positive-logo-dark { display: none; }
.cc-platform-signature > i { width: 1px; height: 22px; background: var(--line, #dbe1ea); }
.cc-signature-cc-logo { width: 108px; height: 30px; object-fit: contain; filter: brightness(.22); transition: filter .2s ease; }
.cc-signature-cc-logo:hover { filter: brightness(.34) drop-shadow(0 0 9px rgba(139,61,214,.28)); }
.cc-theme-dark .cc-positive-logo-light { display: none; }
.cc-theme-dark .cc-positive-logo-dark { display: block; }
.cc-theme-dark .cc-signature-cc-logo { filter: brightness(1.08); }
.cc-theme-dark .cc-platform-signature { color: var(--muted, #8d9ab1); background: var(--surface, var(--panel, #070d1a)); }

.cc-mobile-bottom-nav { display: none; }
.cc-modern-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

:is(.app-main, .main-column, .main-area, .main-canvas, .content-layout, .content-shell, .content, .page-scroll, .page-content, #viewRoot),
:is(.app-main, .main-column, .main-area, .main-canvas, .content-layout, .content-shell, .content, .page-scroll, .page-content, #viewRoot) > * {
  min-width: 0;
  max-width: 100%;
}
:is(.grid, [class*="-grid"], [class*="-layout"]) { min-width: 0; }
:is(.data-table-wrap, .table-wrap, .kanban, [class*="table-scroll"]) { max-width: 100%; }

.topbar,
.topbar > *,
.topbar-actions,
.top-actions { min-width: 0; }
.topbar-actions,
.top-actions { max-width: 100%; }
.language-toggle,
.language-control,
.topbar .language,
.topbar [class*="language"] { width: auto !important; min-width: 52px !important; max-width: 64px !important; }
.topbar select,
.topbar .role-switcher { color: inherit; border-color: var(--line, rgba(141,154,177,.25)); background-color: var(--panel, var(--surface, #fff)); }

.cc-global-mobile-menu,
.cc-sidebar-scrim { display: none; }

@media (max-width: 860px) {
  .cc-sidebar-logo { width: 188px; height: 62px; }
  .cc-sidebar-mobile-close { width: 46px; height: 46px; border-radius: 13px; font-size: 27px; }
  .cc-assistant-selector { min-height: 52px; grid-template-columns: 40px minmax(0,1fr) 18px; padding: 6px 9px; }
  .cc-selector-mark,
  .cc-selector-mark img { width: 38px; height: 38px; }
  .sidebar {
    position: fixed !important;
    z-index: 110 !important;
    inset: 0 auto 0 0 !important;
    width: min(314px, 86vw) !important;
    max-width: 86vw;
    height: var(--cc-visible-height, 100dvh) !important;
    overflow-x: hidden !important;
    transform: translateX(-101%) !important;
    transition: transform .24s ease !important;
  }
  .sidebar:is(.open, .sidebar-open, .mobile-open),
  .app-shell.mobile-nav-open .sidebar { transform: translateX(0) !important; }
  /* The mobile drawer always exposes the complete labelled navigation. */
  .app-shell .sidebar > nav {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(141,154,177,.36) transparent;
  }
  .app-shell .sidebar :is(.nav-label, .nav-section, .nav-group-title, .nav-group > p) {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: auto !important;
    overflow: visible !important;
    font-size: 11px !important;
  }
  .app-shell .sidebar nav :is(button, .nav-item) {
    min-width: 0 !important;
    min-height: 48px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 11px !important;
    font-size: 14px !important;
    text-align: left !important;
  }
  .app-shell .sidebar nav :is(button, .nav-item) > :is(.cc-nav-copy, span:not(.cc-nav-icon)) {
    min-width: 0;
    display: block !important;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
  }
  .app-shell .sidebar nav :is(button, .nav-item) > :is(.nav-badge, i) {
    display: grid !important;
    flex: 0 0 auto;
  }
  .app-shell .sidebar > :is(.sidebar-bottom, .sidebar-footer) { flex: 0 0 auto; }
  .app-shell { grid-template-columns: minmax(0,1fr) !important; }
  :is(.app-main, .main-area, .main-column) { grid-column: 1 / -1 !important; width: 100% !important; margin-left: 0 !important; }
  .mobile-menu,
  .mobile-menu-button,
  .icon-button.mobile-menu-button,
  button[aria-label="Otvori meni"],
  button[aria-label="Open menu"] {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    display: grid !important;
    place-items: center;
    font-size: 27px !important;
    line-height: 1 !important;
  }
  .mobile-menu svg,
  .mobile-menu-button svg { width: 27px !important; height: 27px !important; }
  .cc-global-mobile-menu {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: grid;
    place-content: center;
    gap: 5px;
    padding: 0;
    border: 1px solid var(--line, rgba(141,154,177,.25));
    border-radius: 12px;
    color: inherit;
    background: var(--panel, var(--surface, rgba(255,255,255,.05)));
  }
  .cc-global-mobile-menu span { width: 24px; height: 2px; display: block; border-radius: 2px; background: currentColor; }
  .cc-sidebar-scrim {
    position: fixed;
    z-index: 105;
    inset: 0;
    border: 0;
    background: rgba(3,7,15,.62);
    backdrop-filter: blur(3px);
  }
  .cc-sidebar-scrim.open { display: block; }
  .topbar-title,
  .topbar-left > div,
  .topbar-center { display: none !important; }
  .topbar { padding-inline: 10px !important; gap: 7px !important; overflow: visible; }
  .topbar-actions,
  .top-actions { margin-left: auto; gap: 5px !important; }
  .global-search { min-width: 0 !important; max-width: min(36vw, 260px) !important; }
  .cc-mobile-bottom-nav {
    position: fixed;
    z-index: 90;
    left: 12px;
    right: 12px;
    bottom: calc(18px + env(safe-area-inset-bottom));
    min-height: 66px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--line, #dbe1ea) 84%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--surface, var(--panel, #fff)) 92%, transparent);
    box-shadow: 0 18px 45px rgba(3,7,15,.32);
    backdrop-filter: blur(18px);
  }
  .cc-mobile-nav-item {
    position: relative;
    min-width: 0;
    min-height: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 3px;
    color: var(--muted, #8d9ab1);
    border: 0;
    border-radius: 14px;
    background: transparent;
  }
  .cc-mobile-nav-item > span { display: grid; place-items: center; }
  .cc-mobile-chat-avatar {
    width: 31px !important;
    height: 31px !important;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--cc-editor-accent, #c2410c) 42%, var(--line, #dbe1ea));
    border-radius: 9px;
    background: color-mix(in srgb, var(--cc-editor-accent, #c2410c) 13%, transparent);
  }
  .cc-mobile-chat-avatar img {
    width: 44px;
    max-width: none;
    height: 35px;
    object-fit: contain;
    object-position: center;
    transform: translate(-8px, -3px);
  }
  .cc-mobile-nav-item small { display: block; max-width: 100%; overflow: hidden; color: inherit; font-size: 10px; font-weight: 700; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
  .cc-mobile-nav-item.active { color: var(--cc-editor-accent, #7c3aed); background: color-mix(in srgb, var(--cc-editor-accent, #7c3aed) 14%, transparent); }
  .cc-mobile-nav-home::after,
  .cc-mobile-nav-chat::before { content: ""; position: absolute; top: 9px; bottom: 9px; width: 1px; background: var(--line, #dbe1ea); }
  .cc-mobile-nav-home::after { right: -1px; }
  .cc-mobile-nav-chat::before { left: -1px; }
  .cc-platform-signature { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  :is(.content-shell, .content, .page-scroll, .page-content, #viewRoot) { overflow-x: clip !important; }
}

@media (max-width: 650px) {
  .global-search,
  .topbar .role-switcher,
  .topbar .voice-control span,
  .topbar .voice-mode-copy,
  .topbar .user-copy,
  .topbar .profile > span,
  .topbar .profile > div,
  .topbar .top-profile span,
  .topbar .ai-button,
  .topbar .portal-entry { display: none !important; }
  .language-toggle,
  .language-control,
  .topbar .language,
  .topbar [class*="language"] { min-width: 48px !important; max-width: 54px !important; height: 38px !important; padding-inline: 6px !important; }
  input,
  textarea,
  select { font-size: 16px !important; }
}

@media (max-width: 760px) {
  html.mobile-keyboard-open,
  html.mobile-keyboard-open body { width: 100%; height: var(--cc-visible-height); min-height: var(--cc-visible-height); overflow-x: hidden !important; }
  html.mobile-keyboard-open :is(.app-shell, .sales-app, .hr-app, .legal-app) { min-height: var(--cc-visible-height); }
  html.mobile-keyboard-open .cc-mobile-bottom-nav { display: none; }
  html.mobile-keyboard-open .cc-platform-signature { padding-bottom: 10px; }
  html.mobile-keyboard-open :is(.content-shell, .content, .page-scroll, .page-content, #viewRoot) { padding-bottom: 18px !important; }
  html.mobile-keyboard-open :is(.modal-root, .modal-layer, .modal-backdrop) { max-height: var(--cc-visible-height); }
}
/* Platform standard: app-rendered dropdowns in the IT color. */
.cc-native-select-source { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
.cc-custom-select { position: relative; min-width: 132px; color: var(--ink,var(--text,#172033)); font-family: "Lexend",Arial,sans-serif; }
.cc-custom-select-trigger { width: 100%; min-height: 40px; padding: 0 34px 0 12px; display: flex; align-items: center; text-align: left; border: 1px solid var(--line,var(--border,#dbe1ea)); border-radius: 11px; color: inherit; background: var(--panel,var(--surface,#fff)); box-shadow: 0 7px 18px rgba(15,23,42,.05); cursor: pointer; }
.cc-custom-select-trigger span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-custom-select-trigger i,.cc-language-trigger i { position: absolute; right: 12px; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); opacity: .55; transition: transform .18s ease; }
.cc-custom-select.open .cc-custom-select-trigger i,.cc-language-standard.open .cc-language-trigger i { transform: translateY(2px) rotate(225deg); }
.cc-custom-select-trigger:hover,.cc-custom-select.open .cc-custom-select-trigger { border-color: color-mix(in srgb,var(--cc-editor-accent,#c2410c) 64%,var(--line,#dbe1ea)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--cc-editor-accent,#c2410c) 10%,transparent),0 12px 28px rgba(15,23,42,.12); }
.cc-custom-select-menu { position: absolute; z-index: 160; top: calc(100% + 7px); left: 0; min-width: 100%; width: max-content; max-width: min(310px,calc(100vw - 28px)); padding: 6px; border: 1px solid var(--line,var(--border,#dbe1ea)); border-radius: 13px; background: color-mix(in srgb,var(--panel,var(--surface,#fff)) 96%,transparent); box-shadow: 0 20px 55px rgba(15,23,42,.2); backdrop-filter: blur(18px); }
.cc-custom-select:not(.open) .cc-custom-select-menu,.cc-language-menu[hidden] { display: none !important; }
.cc-custom-select-menu button { width: 100%; min-height: 38px; padding: 8px 10px; display: block; border: 0; border-radius: 9px; color: var(--muted,#64748b); background: transparent; text-align: left; white-space: nowrap; cursor: pointer; }
.cc-custom-select-menu button:hover,.cc-custom-select-menu button:focus-visible,.cc-custom-select-menu button.active { color: var(--ink,var(--text,#172033)); background: color-mix(in srgb,var(--cc-editor-accent,#c2410c) 12%,transparent); outline: none; }
.cc-role-select { width: min(210px,24vw); }
.portal-form-grid .cc-custom-select { width: 100%; }

.cc-language-standard { position: relative; flex: 0 0 auto; width: 62px !important; min-width: 62px !important; max-width: 62px !important; height: 40px !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; }
.cc-language-trigger { position: relative; width: 100%; height: 40px; padding: 0 24px 0 10px; display: flex; align-items: center; border: 1px solid var(--line,var(--border,#dbe1ea)); border-radius: 11px; color: var(--ink,var(--text,#172033)); background: var(--panel,var(--surface,#fff)); font: 800 11px/1 "Lexend",Arial,sans-serif; cursor: pointer; }
.cc-language-menu { position: absolute; z-index: 170; top: calc(100% + 7px); right: 0; width: 82px; padding: 6px; border: 1px solid var(--line,var(--border,#dbe1ea)); border-radius: 13px; background: color-mix(in srgb,var(--panel,var(--surface,#fff)) 97%,transparent); box-shadow: 0 20px 48px rgba(15,23,42,.22); backdrop-filter: blur(18px); }
.cc-language-menu button { width: 100%; min-height: 36px; border: 0; border-radius: 9px; color: var(--muted,#64748b); background: transparent; font: 800 11px/1 "Lexend",Arial,sans-serif; cursor: pointer; }
.cc-language-menu button:hover,.cc-language-menu button:focus-visible,.cc-language-menu button[aria-selected="true"] { color: var(--ink,var(--text,#172033)); background: color-mix(in srgb,var(--cc-editor-accent,#c2410c) 13%,transparent); outline: none; }
@media (max-width: 650px) {
  .topbar .cc-role-select { display: none !important; }
  .cc-language-standard { width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 40px !important; }
  .cc-language-trigger { height: 40px; padding-left: 8px; }
}