/* 2026-08-25 brand and surface overrides
   The current product structure is preserved. This layer only consolidates the
   reference blue, layered borders and restrained glass material across the web UI.
*/
:root {
  --slm-brand: #3b82ff !important;
  --slm-brand-deep: #1d4ed8 !important;
  --slm-brand-soft: #eff6ff !important;
  --slm-brand-wash: rgba(59, 130, 255, .08) !important;
  --slm-line: rgba(43, 84, 135, .16) !important;
  --slm-line-soft: rgba(43, 84, 135, .09) !important;
  --slm-shadow-float: 0 20px 54px rgba(24, 63, 118, .14) !important;
  --slm-refine-blue: #3b82ff;
  --slm-refine-blue-deep: #2563eb;
  --slm-refine-border: #d5e4fa;
  --slm-refine-border-strong: #b9d2f5;
}

body,
.app,
.app.view-today,
.app.view-clients,
.app.view-task {
  background: #f7f9fc !important;
}

button,
input,
textarea {
  font-family: inherit;
}

button {
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 721px) {
  :root {
    --web-brand: #3b82ff;
    --web-brand-deep: #1d4ed8;
    --web-brand-soft: #eff6ff;
    --web-brand-wash: #f3f7ff;
    --web-brand-wash-hover: #f8fbff;
    --web-focus-line: #9fc1f4;
    --web-focus-wash: rgba(59, 130, 255, .16);
    --web-line: #dce7f5;
    --web-line-soft: #eaf0f7;
    --web-line-strong: #b9d2f5;
  }

  .app .sidebar {
    border-right-color: #d9e5f3 !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .86) !important;
  }

  .side-nav-item {
    border: 1px solid transparent !important;
  }

  .side-nav-item:hover {
    border-color: #e0eaf7 !important;
    background: #f8fbff !important;
    color: var(--slm-brand-deep) !important;
  }

  .side-nav-item.is-on {
    border-color: #d7e7fb !important;
    background: linear-gradient(135deg, #eef5ff 0%, #e7f1ff 100%) !important;
    color: var(--slm-brand-deep) !important;
    box-shadow: inset 3px 0 0 var(--slm-refine-blue), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
  }

  .workspace-page-head h1,
  .workspace-landing.is-today .workspace-copy h1 {
    letter-spacing: -.028em !important;
  }

  .workspace-ai-brief,
  .workspace-worklist,
  .workspace-detail-rail,
  .workspace-command,
  .workspace-file-card,
  .workspace-knowledge-workspace {
    border-color: var(--web-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84) !important;
  }

  .workspace-ai-brief {
    background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)) !important;
  }

  .workspace-ai-mark {
    border: 1px solid #d5e4fa !important;
    background: #eff6ff !important;
    color: var(--slm-brand-deep) !important;
  }

  .workspace-command {
    border-color: #d2e1f4 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(250, 252, 255, .96)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 14px 34px rgba(36, 75, 132, .06) !important;
  }

  .workspace-command:focus-within {
    border-color: #9fc1f4 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .96), 0 16px 36px rgba(36, 75, 132, .08) !important;
  }

  .workspace-command .slm-tool-btn,
  .workspace-command .slm-mode-btn {
    border-color: #d5e4fa !important;
    background: rgba(255, 255, 255, .84) !important;
    color: #4a5b73 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }

  .workspace-command .slm-tool-btn:hover,
  .workspace-command .slm-mode-btn:hover {
    border-color: #a9c8f5 !important;
    background: #f4f8ff !important;
    color: var(--slm-brand-deep) !important;
  }

  .workspace-command .slm-send,
  .workspace-action-primary,
  .workspace-rail-primary,
  .workspace-work-row.is-primary .workspace-row-action {
    border-color: rgba(37, 99, 235, .32) !important;
    background: linear-gradient(135deg, #2563eb 0%, #3b82ff 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(59, 130, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
  }

  /* Voice entry: calm circular control, not a glossy square decoration. */
  .workspace-command .slm-send {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255, 255, 255, .56) !important;
    border-radius: 50% !important;
    background: #2f76ea !important;
    background-image: none !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .2), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  }

  .workspace-command .slm-send:hover {
    background: #2563eb !important;
    background-image: none !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .24), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
    transform: translateY(-1px) !important;
  }

  .workspace-command .slm-send:active {
    transform: translateY(0) scale(.96) !important;
  }

  .workspace-command .slm-send.is-mute {
    border-color: #dce7f5 !important;
    background: #eef3fa !important;
    color: #7a8798 !important;
    box-shadow: none !important;
  }

  .workspace-action-primary:hover,
  .workspace-rail-primary:hover,
  .workspace-work-row.is-primary .workspace-row-action:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .28), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
  }

  .workspace-action-primary:active,
  .workspace-rail-primary:active,
  .workspace-work-row.is-primary .workspace-row-action:active {
    transform: translateY(0) scale(.98) !important;
  }

  .workspace-prompt-card {
    border-color: #d6e3f3 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82) !important;
  }

  .workspace-prompt-card:hover,
  .workspace-prompt-card:focus-visible {
    border-color: #a9c8f5 !important;
    background: #f3f8ff !important;
    color: var(--slm-brand-deep) !important;
  }

  .workspace-row-kicker b,
  .workspace-row-signal {
    border-color: #d5e4fa !important;
    background: #eff6ff !important;
    color: var(--slm-brand-deep) !important;
  }

  .workspace-row-action:not(.is-primary),
  .workspace-action-ghost {
    border-color: #d5e4fa !important;
    background: rgba(255, 255, 255, .82) !important;
    color: var(--slm-brand-deep) !important;
  }

  .workspace-row-action:not(.is-primary):hover,
  .workspace-action-ghost:hover {
    border-color: #a9c8f5 !important;
    background: #f3f8ff !important;
  }

  .workspace-kb-backdrop {
    background: rgba(20, 42, 74, .18) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  .workspace-kb-drawer {
    border-color: rgba(210, 227, 250, .96) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(117, 169, 255, .22), transparent 36%),
      linear-gradient(150deg, rgba(255, 255, 255, .93), rgba(247, 251, 255, .82)) !important;
    box-shadow: 0 26px 84px rgba(20, 58, 112, .19), inset 0 1px 0 rgba(255, 255, 255, .94), inset 0 0 0 1px rgba(255, 255, 255, .32) !important;
  }

  .workspace-kb-close {
    border-color: #d9e5f3 !important;
    background: rgba(255, 255, 255, .72) !important;
    color: #63738b !important;
  }

  .workspace-kb-close:hover,
  .workspace-kb-close:focus-visible {
    border-color: #a9c8f5 !important;
    background: #f3f8ff !important;
    color: var(--slm-brand-deep) !important;
  }

  .workspace-action-primary {
    border-radius: 999px !important;
  }

  .workspace-kb-chipline span {
    border-color: #cfe0fa !important;
    background: #eff6ff !important;
    color: var(--slm-brand-deep) !important;
  }

  button:focus-visible,
  textarea:focus-visible,
  input:focus-visible {
    outline-color: var(--slm-refine-blue) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 255, .15) !important;
  }
}

@media (max-width: 720px) {
  .workspace-command {
    border-color: #d2e1f4 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(250, 252, 255, .96)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 12px 30px rgba(36, 75, 132, .06) !important;
  }

  .workspace-command .slm-send {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255, 255, 255, .56) !important;
    border-radius: 50% !important;
    background: #2f76ea !important;
    background-image: none !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .2), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  }

  .workspace-command .slm-send:hover {
    background: #2563eb !important;
    background-image: none !important;
    transform: translateY(-1px) !important;
  }

  .workspace-command .slm-send:active {
    transform: translateY(0) scale(.96) !important;
  }

  .workspace-command .slm-send.is-mute {
    border-color: #dce7f5 !important;
    background: #eef3fa !important;
    color: #7a8798 !important;
    box-shadow: none !important;
  }

  .workspace-prompt-card {
    border-color: #d6e3f3 !important;
    background: rgba(255, 255, 255, .86) !important;
  }
}

/* ai237: quiet task framing and a compact home command composer. */
.workspace-landing.is-today .workspace-work-row.workspace-home-focus-card {
  position: relative;
  border: 1px solid rgba(78, 112, 153, .16) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(252, 254, 255, .84)),
    rgba(255, 255, 255, .86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 0 0 1px rgba(255, 255, 255, .34) !important;
  transition:
    border-color 180ms cubic-bezier(.16, 1, .3, 1),
    background-color 180ms cubic-bezier(.16, 1, .3, 1) !important;
}

.workspace-landing.is-today .workspace-work-row.workspace-home-focus-card:hover {
  border-color: rgba(56, 103, 161, .23) !important;
}

.workspace-landing.is-today .workspace-home-focus-intelligence {
  border-color: rgba(72, 119, 174, .1) !important;
  background:
    linear-gradient(112deg, rgba(239, 247, 255, .68) 0%, rgba(248, 251, 255, .6) 62%, rgba(255, 255, 255, .5) 100%) !important;
}

.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action {
  border: 1px solid rgba(0, 94, 196, .18) !important;
  background:
    linear-gradient(180deg, rgba(235, 246, 255, .98), rgba(218, 237, 255, .94)) !important;
  color: #075cac !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action:hover {
  border-color: rgba(0, 94, 196, .28) !important;
  background:
    linear-gradient(180deg, rgba(226, 241, 255, 1), rgba(206, 230, 253, .98)) !important;
  color: #004f9f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94) !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(0, 110, 230, .12),
    inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action:active {
  transform: translateY(0) scale(.98) !important;
}

@media (min-width: 721px) {
  .app.view-today:not(.has-canvas) .dock.is-home-dock {
    width: min(720px, calc(100vw - 300px)) !important;
  }

  .dock.is-home-dock .workspace-command {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 16px 12px !important;
    border: 1px solid rgba(88, 122, 163, .17) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(249, 252, 255, .91)),
      rgba(255, 255, 255, .9) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .98),
      0 12px 28px rgba(36, 75, 132, .055) !important;
  }

  .dock.is-home-dock .workspace-command:focus-within {
    border-color: rgba(0, 110, 230, .3) !important;
    box-shadow:
      0 0 0 3px rgba(0, 110, 230, .09),
      inset 0 1px 0 rgba(255, 255, 255, .98),
      0 14px 30px rgba(36, 75, 132, .065) !important;
  }

  .dock.is-home-dock .workspace-command textarea {
    min-height: 38px !important;
    height: 38px !important;
    max-height: 84px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .dock.is-home-dock .workspace-command .slm-command-bar {
    min-height: 40px !important;
    margin-top: 6px !important;
  }

  .dock.is-home-dock .workspace-command .workspace-upload-btn,
  .dock.is-home-dock .workspace-command .slm-send {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
  }

  .dock.is-home-dock .workspace-command .slm-send {
    border-color: rgba(255, 255, 255, .68) !important;
    background: #4d8fe8 !important;
    background-image: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .34),
      0 6px 14px rgba(34, 105, 192, .12) !important;
  }

  .dock.is-home-dock .workspace-command .slm-send:hover {
    background: #3f83df !important;
    background-image: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .32),
      0 8px 16px rgba(34, 105, 192, .15) !important;
  }
}

@media (max-width: 720px) {
  .dock.is-home-dock .workspace-command {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px !important;
    border-color: rgba(88, 122, 163, .18) !important;
    border-radius: 16px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .98),
      0 10px 24px rgba(36, 75, 132, .05) !important;
  }

  .dock.is-home-dock .workspace-command textarea {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 88px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .dock.is-home-dock .workspace-command .slm-command-bar {
    min-height: 40px !important;
    margin-top: 6px !important;
  }

  .dock.is-home-dock .workspace-command .workspace-upload-btn,
  .dock.is-home-dock .workspace-command .slm-send {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
  }

  .dock.is-home-dock .workspace-command .slm-send {
    background: #4d8fe8 !important;
    background-image: none !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .34),
      0 6px 14px rgba(34, 105, 192, .12) !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .workspace-kb-drawer {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .workspace-kb-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Final specificity lock for the home composer voice control. */
.workspace-landing.is-today .workspace-command .slm-send,
.workspace-command .slm-send {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  border: 1px solid rgba(255, 255, 255, .56) !important;
  border-radius: 50% !important;
  background: #2f76ea !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .2), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

.workspace-landing.is-today .workspace-command .slm-send:hover,
.workspace-command .slm-send:hover {
  background: #2563eb !important;
  background-image: none !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, .24), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  transform: translateY(-1px) !important;
}

.workspace-landing.is-today .workspace-command .slm-send:active,
.workspace-command .slm-send:active {
  transform: translateY(0) scale(.96) !important;
}

.workspace-landing.is-today .workspace-command .slm-send.is-mute,
.workspace-command .slm-send.is-mute {
  border-color: #dce7f5 !important;
  background: #eef3fa !important;
  color: #7a8798 !important;
  box-shadow: none !important;
}

/* Keep the single live work item aligned with the fixed composer. This is a
   layout correction only; the existing component surface and tokens remain
   unchanged. */
.workspace-landing.is-today .workspace-current-event {
  width: min(760px, 100%) !important;
  max-width: 100% !important;
  justify-self: center !important;
}

@media (max-width: 720px) {
  .workspace-landing.is-today .workspace-current-event {
    width: 100% !important;
  }
}

/* The fixed composer keeps the model switch available alongside upload and
   voice input. Some legacy homepage cascades hid it; expose the control here
   without changing the surrounding component language. */
.workspace-command .workspace-model-wrap {
  position: relative;
  display: flex !important;
  min-width: 0;
}

.workspace-command .workspace-model-trigger {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 40px !important;
  max-width: 180px;
  padding: 0 12px !important;
  overflow: hidden;
  white-space: nowrap;
}

.workspace-command .workspace-model-trigger span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .workspace-command .workspace-model-trigger {
    max-width: 116px;
    min-height: 40px !important;
    padding-inline: 9px !important;
    gap: 5px;
    font-size: 11.5px !important;
  }
}

/* Home focus hierarchy: a semantic state tag replaces the old section label. */
.workspace-current-event .workspace-worklist-head > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.workspace-current-event .workspace-focus-status {
  min-height: 24px;
  display: inline-flex !important;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(0, 110, 230, .16);
  border-radius: 999px;
  background: rgba(237, 246, 255, .86);
  color: var(--slm-brand-deep, #0058c7) !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  line-height: 1;
  white-space: nowrap;
}

.workspace-current-event .workspace-focus-count {
  color: var(--slm-muted, #7a8798) !important;
  font-size: 11px !important;
  font-style: normal;
  white-space: nowrap;
}

.workspace-current-event .workspace-focus-switch {
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(0, 110, 230, .14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .62) !important;
  color: var(--slm-brand-deep, #0058c7) !important;
  font-size: 11px !important;
  font-weight: 640 !important;
  white-space: nowrap;
}

.workspace-current-event .workspace-focus-switch:hover,
.workspace-current-event .workspace-focus-switch:focus-visible {
  border-color: rgba(0, 110, 230, .28) !important;
  background: rgba(239, 247, 255, .9) !important;
}

.workspace-work-row .workspace-row-kicker .workspace-row-signal {
  min-height: 21px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0 7px;
  border: 1px solid rgba(0, 110, 230, .13);
  border-radius: 999px;
  background: rgba(247, 251, 255, .9);
  color: var(--slm-brand-deep, #0058c7);
  font-size: 10.5px;
  font-weight: 620;
  line-height: 1;
  white-space: nowrap;
}

.workspace-work-row-home-focus .workspace-row-kicker > i {
  display: none !important;
}

/* One initials-avatar language for work items. Photos remain available in
   account/profile surfaces, while operational cards stay privacy-safe. */
.workspace-work-row .workspace-event-visual.workspace-text-avatar,
.workspace-work-row.tone-danger .workspace-event-visual.workspace-text-avatar,
.workspace-work-row.tone-warn .workspace-event-visual.workspace-text-avatar,
.workspace-work-row.tone-safe .workspace-event-visual.workspace-text-avatar {
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  border-color: rgba(0, 110, 230, .16);
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .96), transparent 42%),
    linear-gradient(145deg, #edf5ff, #dfeeff);
  color: #2465ae;
  font-size: 17px;
  font-weight: 720;
  letter-spacing: .02em;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

@media (max-width: 720px) {
  .workspace-current-event .workspace-focus-count {
    display: none !important;
  }

  .workspace-current-event .workspace-focus-status {
    min-height: 22px;
    padding-inline: 8px;
    font-size: 10.5px !important;
  }

  .workspace-current-event .workspace-focus-switch {
    min-height: 26px !important;
    padding-inline: 8px !important;
  }

  .workspace-work-row .workspace-row-kicker .workspace-row-signal {
    min-height: 20px;
    padding-inline: 6px;
    font-size: 10px;
  }
}

/* ai237 final control lock: the voice action stays clear without overpowering
   the work item above it. */
.dock.is-home-dock .workspace-command .slm-send,
.dock.is-home-dock .workspace-command .slm-send.is-voice {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  border-color: rgba(255, 255, 255, .68) !important;
  background: #4d8fe8 !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .34),
    0 6px 14px rgba(34, 105, 192, .12) !important;
}

.dock.is-home-dock .workspace-command .slm-send:hover,
.dock.is-home-dock .workspace-command .slm-send.is-voice:hover {
  background: #3f83df !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .32),
    0 8px 16px rgba(34, 105, 192, .15) !important;
}

/* ai238 shared elevated material: the priority work item now uses the same
   cold-white surface, precise blue edge and action hierarchy as the knowledge
   detail drawer. The shape still follows each component's semantic token. */
:root {
  --slm-elevated-edge: rgba(210, 227, 250, .96);
  --slm-elevated-edge-hover: rgba(170, 205, 246, .98);
  --slm-elevated-surface:
    radial-gradient(circle at 100% 0%, rgba(117, 169, 255, .14), transparent 38%),
    linear-gradient(150deg, rgba(255, 255, 255, .94), rgba(247, 251, 255, .84));
  --slm-primary-action:
    linear-gradient(135deg, #3274dc 0%, #2a67cb 100%);
  --slm-primary-action-hover:
    linear-gradient(135deg, #2f6fd7 0%, #245fbe 100%);
}

.workspace-landing.is-today .workspace-work-row.workspace-home-focus-card {
  border-color: var(--slm-elevated-edge) !important;
  background: var(--slm-elevated-surface) !important;
  box-shadow:
    0 16px 42px rgba(20, 58, 112, .06),
    inset 0 1px 0 rgba(255, 255, 255, .96),
    inset 0 0 0 1px rgba(255, 255, 255, .34) !important;
}

/* The drawer remains the stronger floating expression of the same material;
   the in-page card deliberately uses a quieter shadow. */
.workspace-kb-drawer {
  border-color: var(--slm-elevated-edge) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(117, 169, 255, .22), transparent 36%),
    linear-gradient(150deg, rgba(255, 255, 255, .93), rgba(247, 251, 255, .82)) !important;
  box-shadow:
    0 26px 84px rgba(20, 58, 112, .19),
    inset 0 1px 0 rgba(255, 255, 255, .94),
    inset 0 0 0 1px rgba(255, 255, 255, .32) !important;
}

.workspace-landing.is-today .workspace-work-row.workspace-home-focus-card:hover {
  border-color: var(--slm-elevated-edge-hover) !important;
  box-shadow:
    0 18px 46px rgba(20, 58, 112, .075),
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 0 0 1px rgba(255, 255, 255, .38) !important;
}

.workspace-landing.is-today .workspace-home-focus-intelligence {
  border-color: rgba(30, 73, 125, .07) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(247, 251, 255, .52)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74) !important;
}

.workspace-action-primary,
.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action {
  min-height: 40px !important;
  border: 1px solid rgba(33, 97, 195, .3) !important;
  border-radius: 999px !important;
  background: var(--slm-primary-action) !important;
  color: #fff !important;
  box-shadow:
    0 8px 18px rgba(32, 91, 181, .14),
    inset 0 1px 0 rgba(255, 255, 255, .3) !important;
  filter: none !important;
}

.workspace-action-primary:hover,
.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action:hover {
  border-color: rgba(29, 84, 169, .38) !important;
  background: var(--slm-primary-action-hover) !important;
  color: #fff !important;
  box-shadow:
    0 10px 22px rgba(32, 91, 181, .18),
    inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

.workspace-action-primary:focus-visible,
.workspace-landing.is-today .workspace-home-focus-actions .workspace-row-action:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(45, 111, 211, .15),
    0 8px 18px rgba(32, 91, 181, .14),
    inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}

.workspace-action-ghost,
.workspace-landing.is-today .workspace-home-focus-actions .workspace-home-focus-switch {
  min-height: 40px !important;
  border: 1px solid var(--slm-elevated-edge) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .74) !important;
  color: #31587f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

.workspace-action-ghost:hover,
.workspace-landing.is-today .workspace-home-focus-actions .workspace-home-focus-switch:hover {
  border-color: var(--slm-elevated-edge-hover) !important;
  background: rgba(245, 250, 255, .96) !important;
  color: #165a9d !important;
}

/* Mobile functional QA: preserve the frozen component appearance while
   expanding interactive hit areas to the product's 40px minimum. */
@media (max-width: 720px) {
  .workspace-landing.is-today .workspace-prompt-card:nth-child(n),
  .workspace-pro-service button,
  .workspace-pro-service input,
  .app.has-canvas .canvas-pane .icon-close {
    min-width: 40px !important;
    min-height: 40px !important;
  }

  .app.has-canvas .canvas-pane .icon-close {
    width: 40px;
    height: 40px;
  }
}