/* V60 — original TrailSurge branding and quiet, recognisable workspace colours.
   Workspace colour identifies navigation only; business statuses and AI keep their own colours. */
:where(body[data-workspace],.ts-workspace-tile[data-workspace],.portal-card[data-workspace]) {
  --workspace-ink:#2867a6;
  --workspace-soft:#e8f1fd;
  --workspace-tint:#f5f8fc;
  --workspace-border:#d4e3f5;
}
[data-workspace="service"] {
  --workspace-ink:#7950a3;
  --workspace-soft:#f1eafa;
  --workspace-tint:#faf7fd;
  --workspace-border:#e3d5f1;
}
[data-workspace="sales"] {
  --workspace-ink:#93601f;
  --workspace-soft:#fff0df;
  --workspace-tint:#fcf9f4;
  --workspace-border:#efddc4;
}
[data-workspace="cycle"] {
  --workspace-ink:#347657;
  --workspace-soft:#e6f3eb;
  --workspace-tint:#f5faf7;
  --workspace-border:#cee6d8;
}
[data-workspace="staff"] {
  --workspace-ink:#706097;
  --workspace-soft:#eeeaf7;
  --workspace-tint:#f8f7fc;
  --workspace-border:#ded7ef;
}
[data-workspace="email"] {
  --workspace-ink:#576a80;
  --workspace-soft:#eaf0f6;
  --workspace-tint:#f7f9fb;
  --workspace-border:#dce4ed;
}
body.ts-premium[data-workspace] {--ts-sidebar:var(--workspace-tint)}
body.ts-premium .ts-side {background:var(--workspace-tint)}

/* The supplied wordmark and brand symbol, rather than a text recreation. */
body.ts-premium .ts-side .ts-brand {
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  height:88px;min-height:88px;padding:13px 9px 10px;gap:7px;
}
body.ts-premium .ts-side .ts-brand img.ts-brand-logo {
  display:block;width:178px;max-width:100%;height:auto;object-fit:contain;
}
body.ts-premium .ts-side .ts-brand>img {
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;
}
body.ts-premium .ts-side .ts-brand img.ts-brand-compact {display:none}
body.ts-premium .ts-side .ts-brand .ts-brand-caption {
  display:block;margin-left:31px;color:#6c7889;font-size:9px;line-height:1.3;
  font-weight:500;letter-spacing:.035em;
}

/* One workspace switcher; the current portal is always named explicitly. */
body.ts-premium .ts-side .ts-workspace-launcher {
  display:block;padding:0;margin:1px 0 23px;border:0;
}
body.ts-premium .ts-side .ts-workspaces-button {
  min-height:42px;padding:10px 11px;gap:9px;background:#fff;
  color:var(--workspace-ink);border:1px solid var(--workspace-border);
  border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #17212f04;
}
body.ts-premium .ts-side .ts-workspaces-button:hover,
body.ts-premium .ts-side .ts-workspaces-button[aria-expanded="true"] {
  background:var(--workspace-soft);border-color:var(--workspace-ink);
}
body.ts-premium .ts-side .ts-workspaces-button>svg {width:18px;height:18px}
body.ts-premium .ts-side .ts-workspaces-chevron {color:var(--workspace-ink);opacity:.7}
body.ts-premium .ts-side .side-link:hover {background:var(--workspace-soft);color:var(--workspace-ink)}
body.ts-premium .ts-side .side-link:is(.active,.is-active,.selected,[aria-current="page"]) {
  background:var(--workspace-soft);color:var(--workspace-ink);font-weight:600;box-shadow:none;
}
body.ts-premium .ts-side .side-link:is(.active,.is-active,.selected,[aria-current="page"])>:is(svg,.ts-icon),
body.ts-premium .ts-side .ts-nav-count {
  background:var(--workspace-soft);color:var(--workspace-ink);
}
body.ts-premium .ts-breadcrumb-icon {
  background:var(--workspace-soft);color:var(--workspace-ink);border-color:var(--workspace-border);
}
body.ts-premium .ts-breadcrumb>a {color:var(--workspace-ink)}

/* These use the same palette as the workspace picker in the supplied reference. */
body.ts-premium .ts-workspace-tile[data-workspace] {border-left:3px solid var(--workspace-border)}
body.ts-premium .ts-workspace-tile[data-workspace]:hover,
body.ts-premium .ts-workspace-tile[data-workspace][aria-current="page"] {
  background:var(--workspace-tint);border-color:var(--workspace-border);
}
body.ts-premium .ts-workspace-tile[data-workspace] .ts-workspace-icon,
body.ts-premium .portal-card[data-workspace] .ts-workspace-icon {
  background:var(--workspace-soft);color:var(--workspace-ink);
}
body.ts-premium .ts-workspace-tile[data-workspace] .ts-workspace-badge {color:var(--workspace-ink)}
body.ts-premium .portal-card[data-workspace]:hover {border-color:var(--workspace-ink)}

@media (min-width:701px) and (max-width:1100px) {
  body.ts-premium .ts-side .ts-brand {align-items:center;padding:15px 0;gap:0}
  body.ts-premium .ts-side .ts-brand img.ts-brand-logo,
  body.ts-premium .ts-side .ts-brand .ts-brand-caption {display:none}
  body.ts-premium .ts-side .ts-brand img.ts-brand-compact {
    display:block;width:42px;max-width:42px;height:42px;
  }
  body.ts-premium .ts-side .ts-workspaces-button {justify-content:center;padding:11px 0}
}
@media (prefers-reduced-motion:no-preference) {
  body.ts-premium .ts-side .ts-workspaces-button,
  body.ts-premium .ts-side .side-link {transition:background-color .14s,border-color .14s,color .14s}
}