/* Transparent lenses: the real content behind each fixed button changes on scroll. */
.workspace-ui .owner-card-drag.is-hold-pending {
  outline: 3px solid #22bdeb;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px #22bdeb25;
}
.workspace-ui .owner-card-drag .samy-avatar { pointer-events: none; }
.workspace-ui .owner-loan-grid.is-reordering { user-select: none; }
.workspace-ui .owner-loan-card.is-grabbed {
  outline: 2px dashed #168ed1;
  outline-offset: -3px;
}
.workspace-ui .owner-floating-add.route-glass-action {
  width: 60px;
  height: 60px;
  min-width: 60px;
  padding: 0;
  bottom: max(16px, env(safe-area-inset-bottom));
  border-radius: 50%;
  border: 1px solid rgb(255 255 255 / .8);
  color: #07355f;
  background:
    radial-gradient(ellipse at 28% 13%, #ffffffb8, #ffffff18 42%, transparent 62%),
    radial-gradient(ellipse at 85% 90%, #00bfff45, transparent 72%),
    linear-gradient(145deg, #12dfff50, #009dff38 48%, #245bff4a);
  -webkit-backdrop-filter: blur(6px) saturate(145%) contrast(108%);
  backdrop-filter: blur(6px) saturate(145%) contrast(108%);
  box-shadow:
    inset 0 2px 2px #fffffff2,
    inset 2px 0 3px #ffffffa6,
    inset -2px -3px 4px #55708066,
    0 0 0 1px #5272862b,
    0 5px 10px #10304d24,
    0 12px 26px #10304d26;
  overflow: hidden;
  isolation: isolate;
  touch-action: manipulation;
  transition: transform .2s ease, box-shadow .2s ease;
}
.workspace-ui .route-glass-action.owner-add-client { left: 14px; right: auto; }
.workspace-ui .route-glass-action:not(.owner-add-client) { right: 14px; left: auto; }
.workspace-ui .route-glass-action::before,
.workspace-ui .route-glass-action::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}
.workspace-ui .route-glass-action::before {
  inset: 3px;
  border-top: 1px solid #ffffffeb;
  border-bottom: 1px solid #84eaffdf;
  box-shadow: inset 0 -2px 5px #00bfff80, inset 2px 0 4px #d5f9ffad;
  animation: route-water-rim 6s ease-in-out infinite;
}
.workspace-ui .route-glass-action::after {
  inset: -24%;
  background:
    radial-gradient(ellipse at 20% 25%, #c8faffc9, #00dcff80 35%, transparent 72%),
    radial-gradient(ellipse at 80% 78%, #087dff8c, #00bfff66 42%, transparent 78%),
    linear-gradient(120deg, #00c8ff26 15%, #70eaff70 35%, #ffffffa3 45%, #00aaff52 62%, #137dff38);
  opacity: .58;
  transform: translate(-7%, -4%) rotate(-18deg) scale(1.06);
  animation: route-water-reflection 5.8s ease-in-out infinite;
}
.workspace-ui .route-glass-action:not(.owner-add-client)::after { animation-delay: -2.9s; }
.workspace-ui .route-glass-action:not(.owner-add-client)::before { animation-delay: -3s; }
@keyframes route-water-reflection {
  0%, 100% { transform: translate(-7%, -4%) rotate(-18deg) scale(1.06); opacity: .48; }
  35% { transform: translate(5%, 3%) rotate(18deg) scale(1.12, .94); opacity: .84; }
  70% { transform: translate(-2%, 7%) rotate(43deg) scale(.96, 1.1); opacity: .65; }
}
@keyframes route-water-rim {
  0%, 100% { opacity: .65; transform: rotate(-12deg); }
  50% { opacity: 1; transform: rotate(35deg); }
}
.workspace-ui .route-glass-action svg {
  position: relative;
  z-index: 1;
  width: 29px;
  height: 29px;
  stroke-width: 2;
  filter: drop-shadow(0 1px 1px #ffffffed);
}
@media (hover: hover) {
  .workspace-ui .route-glass-action:hover { transform: translateY(-2px); }
}
.workspace-ui .route-glass-action:active { transform: scale(.94); }
.workspace-ui .route-glass-action:focus-visible { outline: 3px solid #1262bd; outline-offset: 4px; }
@supports not ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))) {
  .workspace-ui .route-glass-action { background: #c4ecffed; }
}
@media (prefers-reduced-motion: reduce) {
  .workspace-ui .route-glass-action,
  .workspace-ui .route-glass-action::before,
  .workspace-ui .route-glass-action::after { transition: none; animation: none; }
}
@media (forced-colors: active) {
  .workspace-ui .route-glass-action { background: ButtonFace; color: ButtonText; border: 2px solid ButtonText; }
  .workspace-ui .route-glass-action::before,
  .workspace-ui .route-glass-action::after { display: none; }
}

/* The workspace header no longer carries a duplicated brand logo. */
.workspace-ui .office-shell .office-header.office-header--without-brand {
  grid-template-columns: minmax(0,1fr) auto 48px;
}
.workspace-ui .office-header--without-brand .office-header-title {
  grid-column: 1;
  text-align: left;
}
.workspace-ui .office-header--without-brand .workspace-identity { grid-column: 2; }
.workspace-ui .office-header--without-brand .owner-menu-button { grid-column: 3; }
@media (max-width: 760px) {
  .workspace-ui .office-shell .office-header.office-header--without-brand {
    grid-template-columns: 40px minmax(0,1fr) 40px;
  }
  .workspace-ui .office-header--without-brand::before {
    content: "";
    grid-column: 1;
  }
  .workspace-ui .office-header--without-brand .office-header-title {
    display: block;
    grid-column: 2;
    text-align: center;
    font-size: 15px !important;
  }
  .workspace-ui .office-header--without-brand .workspace-identity { display: none; }
  .workspace-ui .office-header--without-brand .owner-menu-button { grid-column: 3; }
}