/* OMNIA_GLOSSY_R3_BEGIN: route-local Appearance palette; shell has sibling tokens. */
html.ms-theme-dark [data-omnia-visual-scope="suite"],
html.ms-theme-dark #dashboardView[data-omnia-visual-scope="suite"],
html.ms-theme-dark :is(.ms-sidebar, .ms-topbar, .ms-astra-conversation, .ms-appearance-root) {
  --ms-bg-app: #050e20;
  --ms-bg-sidebar: #08162e;
  --ms-surface-primary: #102b50;
  --ms-surface-secondary: #1a3b63;
  --ms-surface-tertiary: #244e7b;
  --ms-text-primary: #f3f8ff;
  --ms-text-secondary: #d0e2f6;
  --ms-text-muted: #b2c9e4;
  --ms-border-color: #3d709f;
  --ms-accent: #36baff;
  --ms-accent-soft: #174f86;
  --ms-gloss: linear-gradient(145deg,rgba(75,157,255,.24),transparent 58%), linear-gradient(180deg,rgba(166,220,255,.12),transparent 36%);
  --ms-shadow: 0 10px 24px rgba(0,5,18,.38), inset 0 1px rgba(161,218,255,.28);
  --ms-luminous: #51c7ff;
  --ms-glow: 0 0 18px rgba(41,173,255,.32);
  --ms-icon-filter: saturate(1.12) brightness(1.08) drop-shadow(0 2px 4px rgba(59,169,255,.28));
}
html.ms-theme-light [data-omnia-visual-scope="suite"],
html.ms-theme-light #dashboardView[data-omnia-visual-scope="suite"],
html.ms-theme-light :is(.ms-sidebar, .ms-topbar, .ms-astra-conversation, .ms-appearance-root) {
  --ms-bg-app: #f1f6fc;
  --ms-bg-sidebar: #edf4fd;
  --ms-surface-primary: #ffffff;
  --ms-surface-secondary: #f3f8ff;
  --ms-surface-tertiary: #e6f0fc;
  --ms-text-primary: #142d48;
  --ms-text-secondary: #425d79;
  --ms-text-muted: #536c88;
  --ms-border-color: #bad1e9;
  --ms-accent: #076cd6;
  --ms-accent-soft: #e0efff;
  --ms-gloss: linear-gradient(160deg,rgba(255,255,255,.95),rgba(216,235,255,.2) 65%);
  --ms-shadow: 0 6px 20px rgba(38,87,141,.10), inset 0 1px rgba(255,255,255,.95);
  --ms-luminous: #258cec;
  --ms-glow: 0 0 14px rgba(25,120,225,.17);
  --ms-icon-filter: drop-shadow(0 1px 2px rgba(28,77,130,.18));
}
[data-omnia-visual-scope="suite"], :is(.ms-sidebar, .ms-topbar, .ms-astra-conversation, .ms-appearance-root) {
  --ms-input-background: var(--ms-surface-secondary);
  --ms-table-row: var(--ms-surface-primary);
  --ms-modal-background: var(--ms-surface-primary);
  --ms-bg: var(--ms-bg-app);
  --ms-surface: var(--ms-surface-primary);
  --ms-surface-subtle: var(--ms-surface-secondary);
  --ms-text: var(--ms-text-primary);
  --ms-border: var(--ms-border-color);
  --ms-primary: var(--ms-accent);
  --surface: var(--ms-surface-primary);
  --text: var(--ms-text-primary);
  --muted: var(--ms-text-secondary);
  --border: var(--ms-border-color);
  --primary: var(--ms-accent);
  --ms-pipeline-text: #f3f8ff;
  --ms-pipeline-secondary: #c0d3e8;
  --omnia-icon-perceived-sidebar-main: 22px;
  --omnia-icon-perceived-sidebar-sub: 18px;
  --omnia-icon-perceived-topbar: 20px;
  --omnia-icon-perceived-kpi: 32px;
  --omnia-icon-perceived-quick-action: 32px;
  --omnia-icon-perceived-widget-header: 24px;
  --omnia-icon-perceived-widget-library: 40px;
  --omnia-icon-perceived-travel: 40px;
  --omnia-icon-perceived-button: 18px;
  --omnia-icon-perceived-status: 16px;
  --ms-accent-cyan: #22bdeb;
  --ms-accent-green: #26bc7b;
  --ms-accent-violet: #9676ff;
  --ms-accent-orange: #f59d38;
  --ms-accent-yellow: #ecc84a;
  --ms-accent-red: #ed6477;
  /* R5.0.1 semantic icon palette; identical identity in both themes. */
  --ms-icon-company: #238eff;
  --ms-icon-contact: var(--ms-accent-violet);
  --ms-icon-opportunity: var(--ms-accent-green);
  --ms-icon-offer: var(--ms-accent-orange);
  --ms-icon-activity: #e65ba8;
  --ms-icon-email: #22d3ce;
  --ms-icon-document: #687bff;
  --ms-icon-report: #2eaa94;
  --ms-icon-neutral: #99a8ba;
  --ms-focus: var(--ms-luminous);
  --ms-hover: var(--ms-surface-tertiary);
  --ms-selected: var(--ms-accent-soft);
  --ms-disabled: var(--ms-text-muted);
  --omnia-space-1: 4px;
  --omnia-space-2: 8px;
  --omnia-space-3: 12px;
  --omnia-space-4: 16px;
  --omnia-space-6: 24px;
  --omnia-space-8: 32px;
}
/* R4 shell canvas uses a paint-only token, never inherited theme aliases. */
html.ms-theme-dark .ms-shell {--ms-shell-canvas:#050e20;}
html.ms-theme-light .ms-shell {--ms-shell-canvas:#f1f6fc;}
/* OMNIA_GLOSSY_R3_END */
/* ==========================================================
   MASTER SUITE FOUNDATION V3-009F
   APPEARANCE SETTINGS
   ========================================================== */

.ms-appearance-root{
  position:fixed;
  inset:0;

  z-index:5000;

  pointer-events:none
}

.ms-appearance-backdrop{
  position:absolute;
  inset:0;

  background:
    rgba(21,26,42,.26);

  backdrop-filter:
    blur(2px);

  pointer-events:auto
}

.ms-appearance-root.is-settings-route .ms-appearance-backdrop{
  display:none
}

.ms-appearance-drawer{
  position:absolute;

  top:0;
  right:0;
  bottom:0;

  width:min(
    410px,
    calc(100vw - 24px)
  );

  overflow:auto;

  padding:22px;

  box-sizing:border-box;

  background:
    var(
      --ms-surface-primary,
      #fff
    );

  color:
    var(
      --ms-text-primary,
      #20283a
    );

  border-left:
    1px solid
    var(
      --ms-border-color,
      #e6e8ef
    );

  box-shadow:
    -16px 0 40px
    rgba(22,28,46,.12);

  pointer-events:auto
}

.ms-appearance-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:18px;

  padding-bottom:18px;

  border-bottom:
    1px solid
    var(
      --ms-border-color,
      #e6e8ef
    )
}

.ms-appearance-eyebrow{
  display:block;

  margin-bottom:5px;

  color:
    var(
      --ms-text-muted,
      #9098aa
    );

  font-size:11px !important;
  font-weight:800;

  letter-spacing:.11em
}

.ms-appearance-header h2{
  margin:0;

  font-size:20px
}

.ms-appearance-header p{
  margin:7px 0 0;

  color:
    var(
      --ms-text-secondary,
      #6f788d
    );

  font-size:13px
}

.ms-appearance-close{
  width:36px;
  height:36px;

  flex:0 0 36px;

  border:
    1px solid
    var(
      --ms-border-color,
      #e4e7ee
    );

  border-radius:10px;

  background:
    var(
      --ms-surface-secondary,
      #f9faff
    );

  color:inherit;

  cursor:pointer
}

.ms-appearance-section{
  padding:20px 0;

  border-bottom:
    1px solid
    var(
      --ms-border-color,
      #e6e8ef
    )
}

.ms-appearance-section h3{
  margin:0 0 12px;

  font-size:14px
}

.ms-appearance-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between
}

.ms-appearance-section-heading strong{
  color:
    var(
      --ms-accent,
      #6257e8
    );

  font-size:13px
}

.ms-appearance-theme-selector{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:10px
}

.ms-appearance-theme-selector button{
  min-height:72px;

  display:flex;
  align-items:center;

  gap:10px;

  padding:10px;

  border:
    1px solid
    var(
      --ms-border-color,
      #e4e7ee
    );

  border-radius:12px;

  background:
    var(
      --ms-surface-secondary,
      #fafbfe
    );

  color:inherit;

  cursor:pointer
}

.ms-appearance-theme-selector button.active{
  border-color:
    var(
      --ms-accent,
      #6257e8
    );

  box-shadow:
    inset 0 0 0 1px
    var(
      --ms-accent,
      #6257e8
    )
}

.ms-appearance-theme-preview{
  width:50px;
  height:42px;

  flex:0 0 50px;

  border-radius:8px;

  border:
    1px solid
    rgba(80,88,110,.18)
}

.ms-appearance-theme-preview.light{
  background:
    linear-gradient(
      90deg,
      #f3f5fb 0 27%,
      #ffffff 27%
    )
}

.ms-appearance-theme-preview.dark{
  background:
    linear-gradient(
      90deg,
      #111827 0 27%,
      #1c2434 27%
    )
}

.ms-appearance-theme-preview.navy-glossy{
  background:linear-gradient(145deg,#183b70 0 30%,#245a9f 30% 68%,#347bd1 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 12px rgba(18,62,115,.22)
}

.ms-appearance-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px}.ms-appearance-actions button{border:1px solid var(--ms-border-color,#e4e7ee);border-radius:10px;padding:10px 13px;background:var(--ms-surface-secondary,#fafbfe);color:inherit;font-weight:750;cursor:pointer}.ms-appearance-actions button.primary{border-color:var(--ms-accent,#6257e8);background:var(--ms-accent,#6257e8);color:#fff}

.ms-appearance-font-levels{
  display:grid;

  grid-template-columns:
    repeat(
      5,
      minmax(0,1fr)
    );

  gap:6px
}

.ms-appearance-font-levels button{
  min-width:0;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  gap:4px;

  padding:10px 3px;

  border:
    1px solid
    var(
      --ms-border-color,
      #e5e7ef
    );

  border-radius:9px;

  background:
    var(
      --ms-surface-secondary,
      #fafbfe
    );

  color:inherit;

  cursor:pointer
}

.ms-appearance-font-levels button strong{
  font-size:12px
}

.ms-appearance-font-levels button span{
  max-width:100%;

  overflow:hidden;
  text-overflow:ellipsis;

  color:
    var(
      --ms-text-secondary,
      #747e93
    );

  font-size:10px !important
}

.ms-appearance-font-levels button.active{
  border-color:
    var(
      --ms-accent,
      #6257e8
    );

  background:
    color-mix(
      in srgb,
      var(--ms-accent,#6257e8)
      8%,
      var(--ms-surface-primary,#fff)
    )
}

.ms-appearance-preview{
  display:flex;
  flex-direction:column;

  gap:6px;

  padding:14px;

  border:
    1px solid
    var(
      --ms-border-color,
      #e5e7ef
    );

  border-radius:10px;

  background:
    var(
      --ms-surface-secondary,
      #fafbfe
    )
}

.ms-appearance-preview strong{
  font-size:
    calc(
      16px *
      var(--ms-font-scale,1)
    ) !important;

  line-height:1.25
}

.ms-appearance-preview span{
  color:
    var(
      --ms-text-secondary,
      #737d92
    );

  font-size:
    calc(
      13px *
      var(--ms-font-scale,1)
    ) !important;

  line-height:1.4
}


/* ==========================================================
   INITIAL DARK FOUNDATION
   ========================================================== */

/*
 * This is intentionally a FOUNDATION, not the final polished
 * dark visual language.
 *
 * One global class controls the Suite:
 * html.ms-theme-dark
 */

html.ms-theme-dark{

  color-scheme:dark;

  --ms-bg-app:#151922;
  --ms-bg-sidebar:#1a202b;

  --ms-surface-primary:#202631;
  --ms-surface-secondary:#272e3a;
  --ms-surface-tertiary:#2e3643;

  --ms-text-primary:#f1f4fa;
  --ms-text-secondary:#b2bbca;
  --ms-text-muted:#8792a7;

  --ms-border-color:#3a4351;

  --ms-accent:#8074ff;
  --ms-accent-soft:#29284b;

  --ms-shadow:
    0 8px 24px
    rgba(5,8,14,.28);

  --ms-bg:var(--ms-bg-app);
  --ms-surface:var(--ms-surface-primary);
  --ms-surface-subtle:var(--ms-surface-secondary);
  --ms-text:var(--ms-text-primary);
  --ms-border:var(--ms-border-color);
}

html.ms-theme-light{
  color-scheme:light;
  --ms-bg-app:#f5f6fb;--ms-bg-sidebar:#f2f2ff;
  --ms-surface-primary:#fff;--ms-surface-secondary:#fafbfe;--ms-surface-tertiary:#f5f7fb;
  --ms-text-primary:#20293d;--ms-text-secondary:#69748a;--ms-text-muted:#9099ac;
  --ms-border-color:#e5e8ef;--ms-accent:#6257e8;--ms-accent-soft:#efedff;
  --ms-shadow:0 8px 24px rgba(30,36,58,.06);
  --ms-bg:var(--ms-bg-app);--ms-surface:var(--ms-surface-primary);--ms-surface-subtle:var(--ms-surface-secondary);--ms-text:var(--ms-text-primary);--ms-border:var(--ms-border-color)
}

html.ms-theme-navy-glossy{
  color-scheme:dark;
  --ms-bg-app:#102b50;--ms-bg-sidebar:#12345f;
  --ms-surface-primary:#173d6d;--ms-surface-secondary:#1d4b82;--ms-surface-tertiary:#255b98;
  --ms-surface-gloss:linear-gradient(145deg,rgba(42,105,174,.96),rgba(22,61,108,.98));
  --ms-text-primary:#f5f9ff;--ms-text-secondary:#c5d8ee;--ms-text-muted:#95b4d6;
  --ms-border-color:rgba(151,196,238,.28);--ms-border-strong:rgba(169,211,249,.46);
  --ms-accent:#4d9cff;--ms-accent-hover:#70b0ff;--ms-accent-soft:rgba(77,156,255,.18);
  --ms-shadow:0 12px 30px rgba(4,24,50,.28);--ms-glow:0 0 0 1px rgba(115,181,247,.10);
  --ms-bg:var(--ms-bg-app);--ms-surface:var(--ms-surface-primary);--ms-surface-subtle:var(--ms-surface-secondary);--ms-text:var(--ms-text-primary);--ms-border:var(--ms-border-color)
}

html.ms-theme-navy-glossy body,html.ms-theme-navy-glossy :is(main,.ms-main,.ms-content,.ms-page,.ms-workspace){background:linear-gradient(150deg,#102b50,#143862 58%,#173f6e);color:var(--ms-text-primary)}
html.ms-theme-navy-glossy :is(.ms-sidebar,aside.ms-sidebar){background:linear-gradient(180deg,#173f70,#102f57);border-color:var(--ms-border-color);color:var(--ms-text-primary);box-shadow:inset -1px 0 rgba(255,255,255,.08)}
html.ms-theme-navy-glossy :is(.ms-topbar,header.ms-topbar){background:linear-gradient(105deg,rgba(34,84,143,.98),rgba(23,61,108,.98));border-color:var(--ms-border-color);color:var(--ms-text-primary);box-shadow:inset 0 1px rgba(255,255,255,.12),var(--ms-shadow)}
html.ms-theme-navy-glossy :is(.ms-card,.ms-company-panel,.ms-v3-company-extended,.ms-v3-detail-section,.ms-canonical-toolbar,.ms-explorer-card,.ms-settings-card,.ms-opportunity-stage,.ms-opportunity-entry,.ms-canonical-confirm){background:var(--ms-surface-gloss);border-color:var(--ms-border-color);color:var(--ms-text-primary);box-shadow:inset 0 1px rgba(255,255,255,.13),var(--ms-shadow),var(--ms-glow)}
html.ms-theme-navy-glossy :is(input,select,textarea){background:rgba(18,52,92,.88);border-color:var(--ms-border-color);color:var(--ms-text-primary)}
html.ms-theme-navy-glossy :is(th,td){border-color:var(--ms-border-color);color:var(--ms-text-primary)}
html.ms-theme-navy-glossy :is(.ms-muted,.ms-meta,.ms-secondary-text,.ms-v3-detail-label){color:var(--ms-text-secondary)}


html.ms-theme-dark body{
  background:
    var(--ms-bg-app);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  main,
  .ms-main,
  .ms-content,
  .ms-page,
  .ms-workspace
){
  background:
    var(--ms-bg-app);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  .ms-sidebar,
  aside.ms-sidebar
){
  background:
    var(--ms-bg-sidebar);

  border-color:
    var(--ms-border-color);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  .ms-topbar,
  header.ms-topbar
){
  background:
    var(--ms-surface-primary);

  border-color:
    var(--ms-border-color);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  .ms-card,
  .ms-company-panel,
  .ms-v3-company-extended,
  .ms-v3-detail-section,
  table,
  .ms-explorer,
  .ms-table
){
  background:
    var(--ms-surface-primary);

  border-color:
    var(--ms-border-color);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  input,
  select,
  textarea
){
  background:
    var(--ms-surface-secondary);

  border-color:
    var(--ms-border-color);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  button
){
  border-color:
    var(--ms-border-color)
}


html.ms-theme-dark
:is(
  th,
  td
){
  border-color:
    var(--ms-border-color);

  color:
    var(--ms-text-primary)
}


html.ms-theme-dark
:is(
  .ms-muted,
  .ms-meta,
  .ms-secondary-text,
  .ms-v3-detail-label
){
  color:
    var(--ms-text-secondary)
}


html.ms-theme-dark
:is(
  .ms-v3-detail-value
){
  color:
    var(--ms-text-primary)
}


@media(max-width:700px){

  .ms-appearance-drawer{
    width:100%
  }

}