/* Dock shell and notification inbox component styles.
   Uses Omnis semantic tokens only — no hard-coded colors. */

/* ── DockShell ────────────────────────────────────────────── */

.omnis-dock-shell {
  /* Placement and transitions are applied via inline style.
     This class provides reduced-motion override. */
}

@media (prefers-reduced-motion: reduce) {
  .omnis-dock-shell {
    transition: none !important;
  }
}

/* Tab focus indicators */
.omnis-dock-shell__tab:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* Tab hover state */
.omnis-dock-shell__tab:not(:disabled):hover {
  color: var(--text);
}

/* Close button hover/focus */
.omnis-dock-shell__close:hover {
  color: var(--text);
  background: var(--accent-bg);
}

.omnis-dock-shell__close:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* ── NotificationInbox ────────────────────────────────────── */

/* Tab focus indicators */
.omnis-notif-inbox__tab:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* Tab hover state */
.omnis-notif-inbox__tab:hover {
  color: var(--text);
}

/* Mark-all-read button hover/focus */
.omnis-notif-inbox__mark-all:hover {
  background: var(--accent-bg);
  color: var(--accent);
}

.omnis-notif-inbox__mark-all:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* Action button hover/focus */
.omnis-notif-inbox__action-btn:hover {
  background: var(--accent-bg);
  border-color: var(--accent);
}

.omnis-notif-inbox__action-btn:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* Last item has no border */
.omnis-notif-inbox__item:last-child {
  border-block-end: none;
}

/* Forced colors (high-contrast) support */
@media (forced-colors: active) {
  .omnis-notif-inbox__unread-dot {
    border: 2px solid Highlight;
  }
}