/* Staff workspace styles */
    .staff-workspace-grid {
      grid-template-columns: minmax(280px, 0.92fr) minmax(320px, 1.08fr);
      align-items: start;
    }
    .staff-role-card {
      border-color: rgba(28,143,132,0.26);
      background:
        linear-gradient(180deg, rgba(28,143,132,0.08), rgba(28,143,132,0.02)),
        var(--panel);
    }
    .staff-role-eyebrow {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .staff-role-meta {
      color: var(--muted);
      line-height: 1.5;
      max-width: 760px;
    }
    .staff-login-panel {
      display: grid;
      gap: 8px;
      margin-top: 16px;
      padding-top: 14px;
      border-top: 1px solid var(--line);
    }
    .staff-login-panel label {
      margin-top: 0;
    }
    .staff-login-panel input {
      margin-top: 0;
    }
    .staff-login-panel .auth-actions {
      grid-template-columns: 1fr;
    }
    .staff-login-panel .auth-actions button {
      width: 100%;
      min-width: 0;
      justify-self: stretch;
      margin-top: 0;
    }
    .staff-login-panel .password-toggle {
      width: auto;
      min-width: 44px;
      justify-self: auto;
      margin-top: 0;
    }
    .staff-link-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 10px;
    }
    .staff-link-grid button {
      margin-top: 0;
      min-height: 44px;
      text-align: left;
      background: var(--panel);
      color: var(--text);
      border: 1px solid var(--line);
      border-radius: 8px;
      font-weight: 700;
    }
    .staff-link-grid button:hover,
    .staff-link-grid button:focus {
      border-color: rgba(28,143,132,0.46);
      color: var(--brand);
      outline: none;
    }
    .staff-task-list {
      display: grid;
      gap: 10px;
      color: var(--muted);
      line-height: 1.48;
    }
    .staff-task-list strong {
      color: var(--text);
    }

@media (max-width: 980px) {
      .staff-workspace-grid,
      .staff-link-grid {
        grid-template-columns: 1fr;
      }
}
