/* PharmaSync v95.20j — Pharmacy Owner desktop app polish.
   Presentation-only layer. Fine-pointer desktop only; mobile/tablet and app logic are untouched. */

@media (min-width:821px) and (hover:hover) and (pointer:fine) {
  html[data-ps-role="owner"] {
    --ps-owner-app-max-v95-20j: 1320px;
    --ps-owner-card-radius-v95-20j: 18px;
    --ps-owner-soft-shadow-v95-20j: 0 7px 22px rgba(15, 35, 64, .075);
    --ps-owner-hover-shadow-v95-20j: 0 11px 30px rgba(15, 35, 64, .11);
    --ps-owner-focus-v95-20j: rgba(37, 99, 235, .22);
  }

  /* Keep the app shell spacious, but stop it from stretching like a full-width website. */
  html[data-ps-role="owner"] [data-ps-owner-employee-shell-v95-1] {
    width: min(calc(100vw - 32px), var(--ps-owner-app-max-v95-20j)) !important;
    max-width: var(--ps-owner-app-max-v95-20j) !important;
    min-width: 0 !important;
    box-shadow: 0 0 34px rgba(15, 35, 64, .11) !important;
  }

  /* Desktop sidebar: keep native structure and active-state colors, add app-like spacing/rhythm. */
  html[data-ps-role="owner"] #ps-desktop-sidebar-tabs-scroll-v94-426 > [role="button"] {
    margin: 2px 10px !important;
    border-radius: 12px !important;
    transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
  }
  html[data-ps-role="owner"] #ps-desktop-sidebar-tabs-scroll-v94-426 > [role="button"]:hover {
    transform: translateX(0) translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 35, 64, .055);
  }

  /* Welcome / identity surface. */
  html[data-ps-role="owner"] [data-testid="ps-welcome-card-v94-269"] {
    border-radius: var(--ps-owner-card-radius-v95-20j) !important;
    box-shadow: var(--ps-owner-soft-shadow-v95-20j) !important;
  }

  /* Four primary owner metrics: consistent spacing and restrained elevation. */
  html[data-ps-role="owner"] [data-ps-owner-summary-grid-v95-1] {
    gap: 12px !important;
  }
  html[data-ps-role="owner"] [data-ps-owner-summary-item-v95-1],
  html[data-ps-role="owner"] [data-ps-owner-summary-item-v95-1] > * {
    min-width: 0 !important;
    border-radius: 16px !important;
  }
  html[data-ps-role="owner"] [data-ps-owner-summary-item-v95-1] > * {
    box-shadow: 0 5px 17px rgba(15, 35, 64, .06) !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
  }
  html[data-ps-role="owner"] [data-ps-owner-summary-item-v95-1]:hover > * {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(15, 35, 64, .09) !important;
  }

  /* Attendance recap uses the same visual rhythm as the primary metrics. */
  html[data-ps-role="owner"] #ps-owner-attendance-recap-v94-271 .ps-att-recap-grid {
    gap: 10px !important;
  }
  html[data-ps-role="owner"] #ps-owner-attendance-recap-v94-271 .ps-att-recap-card {
    border-radius: 15px !important;
    box-shadow: 0 5px 17px rgba(15, 35, 64, .055) !important;
  }

  /* Owner dashboard helper surfaces: one consistent card family without redesigning content. */
  html[data-ps-role="owner"] :is(
    #ps-owner-today-alerts-card-v94-267,
    #ps-owner-quick-setup-v94-474,
    #ps-owner-plan-dashboard-v94-42
  ) {
    border-radius: var(--ps-owner-card-radius-v95-20j) !important;
    box-shadow: var(--ps-owner-soft-shadow-v95-20j) !important;
  }
  html[data-ps-role="owner"] #ps-owner-quick-setup-v94-474 .ps-oqs-list {
    gap: 10px !important;
  }
  html[data-ps-role="owner"] #ps-owner-quick-setup-v94-474 .ps-oqs-step,
  html[data-ps-role="owner"] #ps-owner-plan-dashboard-v94-42 .ps-pd-box {
    border-radius: 12px !important;
  }

  /* Employee cards already have strong styling; normalize their density with the dashboard. */
  html[data-ps-role="owner"] #ps-employee-control-center-list-v94-214 .ps-ecl-grid,
  html[data-ps-role="owner"] #ps-employee-control-center-dom-v94-252 .ps-ecl-grid,
  html[data-ps-role="owner"] #ps-employee-control-center-dom-v94-258 .ps-ecl-grid,
  html[data-ps-role="owner"] #ps-employee-control-center-dom-v94-289 .ps-ecl-grid {
    gap: 12px !important;
  }

  /* Consistent keyboard-focus treatment makes the web app feel like an intentional application. */
  html[data-ps-role="owner"] #root :is(button,[role="button"],input,select,textarea):focus-visible {
    outline: 3px solid var(--ps-owner-focus-v95-20j) !important;
    outline-offset: 2px !important;
  }

  /* Subtle desktop scrollbar treatment; does not alter scrolling behavior. */
  html[data-ps-role="owner"] #root * {
    scrollbar-width: thin;
    scrollbar-color: rgba(100,116,139,.45) transparent;
  }
  html[data-ps-role="owner"] #root *::-webkit-scrollbar { width: 8px; height: 8px; }
  html[data-ps-role="owner"] #root *::-webkit-scrollbar-track { background: transparent; }
  html[data-ps-role="owner"] #root *::-webkit-scrollbar-thumb {
    background: rgba(100,116,139,.34);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  html[data-ps-role="owner"] #root *::-webkit-scrollbar-thumb:hover { background: rgba(71,85,105,.48); background-clip: padding-box; }
}

/* Dark mode keeps the same geometry, but avoids light-mode elevation halos. */
@media (min-width:821px) and (hover:hover) and (pointer:fine) {
  html[data-ps-role="owner"][data-ps-owner-theme="dark"] [data-ps-owner-employee-shell-v95-1],
  html[data-ps-role="owner"][data-ps-ui-theme="dark"] [data-ps-owner-employee-shell-v95-1] {
    box-shadow: 0 0 34px rgba(0,0,0,.24) !important;
  }
  html[data-ps-role="owner"][data-ps-owner-theme="dark"] [data-testid="ps-welcome-card-v94-269"],
  html[data-ps-role="owner"][data-ps-ui-theme="dark"] [data-testid="ps-welcome-card-v94-269"],
  html[data-ps-role="owner"][data-ps-owner-theme="dark"] [data-ps-owner-summary-item-v95-1] > *,
  html[data-ps-role="owner"][data-ps-ui-theme="dark"] [data-ps-owner-summary-item-v95-1] > *,
  html[data-ps-role="owner"][data-ps-owner-theme="dark"] #ps-owner-attendance-recap-v94-271 .ps-att-recap-card,
  html[data-ps-role="owner"][data-ps-ui-theme="dark"] #ps-owner-attendance-recap-v94-271 .ps-att-recap-card,
  html[data-ps-role="owner"][data-ps-owner-theme="dark"] :is(#ps-owner-today-alerts-card-v94-267,#ps-owner-quick-setup-v94-474,#ps-owner-plan-dashboard-v94-42),
  html[data-ps-role="owner"][data-ps-ui-theme="dark"] :is(#ps-owner-today-alerts-card-v94-267,#ps-owner-quick-setup-v94-474,#ps-owner-plan-dashboard-v94-42) {
    box-shadow: 0 5px 18px rgba(0,0,0,.12) !important;
  }
}

/* 821–1199px desktop keeps the existing responsive shell width; only larger PCs get the 1320px app cap. */
@media (min-width:821px) and (max-width:1199px) and (hover:hover) and (pointer:fine) {
  html[data-ps-role="owner"] [data-ps-owner-employee-shell-v95-1] {
    width: 100vw !important;
    max-width: 100vw !important;
    box-shadow: none !important;
  }
}