/* User avatar chip inside sys-rail (both windows) */
  .sys-rail { position: relative; padding-bottom: 62px !important; }
  .sys-user {
    position: absolute;
    left: 6px; right: 6px;
    bottom: 10px;
    display: flex; align-items: center; gap: 9px;
    padding: 8px 10px;
    border-radius: 8px;
    transition: background 0.2s;
    cursor: default;
  }
  .sys-user:hover { background: rgba(255,255,255,0.045); }
  .sys-user .sys-user-avatar {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4a05a, #b47f38);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--sans);
    font-size: 10px; font-weight: 700;
    letter-spacing: 0.02em;
    flex-shrink: 0;
  }
  .sys-user .sys-user-body { display: flex; flex-direction: column; min-width: 0; }
  .sys-user .sys-user-name {
    font-family: var(--sans);
    font-size: 12px; font-weight: 600;
    color: rgba(255,255,255,0.9);
    line-height: 1.15;
    letter-spacing: -0.005em;
  }
  .sys-user .sys-user-role {
    font-family: var(--sans);
    font-size: 10px; font-weight: 500;
    color: rgba(255,255,255,0.45);
    line-height: 1.15;
    letter-spacing: 0.005em;
    margin-top: 1px;
  }
  .sys-user .sys-user-chev {
    margin-left: auto;
    width: 10px; height: 10px;
    stroke: rgba(255,255,255,0.4);
    stroke-width: 1.5;
    fill: none;
  }


/* block 9a2c5702 */

  /* Rail items without data-mode are decorative — no hover state, default cursor */
  .sys-rail-menu .rmi:not([data-mode]) { cursor: default; }
  .sys-rail-menu .rmi:not([data-mode]):hover {
    background: transparent !important;
    color: var(--sys-text-2) !important;
    border-color: transparent !important;
  }


/* block 43d2cbaa */

  /* Subtle shimmer on thread cards to signal interactivity — stops on first user interaction */
  .sys-rail-list .thread { position: relative; overflow: hidden; }
  .sys-rail-list .thread::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: -80%;
    width: 60%;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(78,143,247,0.09) 45%,
      rgba(42,212,229,0.11) 50%,
      rgba(78,143,247,0.09) 55%,
      transparent 100%
    );
    transform: skewX(-14deg);
    animation: threadShimmer 5.5s ease-in-out infinite;
    pointer-events: none;
  }
  .sys-rail-list.no-shimmer .thread::after { display: none; }
  @keyframes threadShimmer {
    0%   { left: -80%; opacity: 0; }
    10%  { opacity: 1; }
    45%  { left: 130%; opacity: 1; }
    50%  { opacity: 0; }
    100% { left: 130%; opacity: 0; }
  }