﻿.settings-users-row {
      cursor: pointer;
      transition: background .14s ease;
    }
    .settings-users-row:hover {
      background: #f8fafc;
    }
    .settings-users-edit-btn {
      width: 44px;
      height: 44px;
      min-width: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border-radius: 999px;
    }

    @media (max-width: 680px) {
      .settings-users-table thead {
        display: none;
      }

      .settings-users-table,
      .settings-users-table tbody,
      .settings-users-table tr,
      .settings-users-table td {
        display: block;
        width: 100%;
      }

      .settings-users-table tr {
        padding: .8rem;
        border-bottom: 1px solid #eef2f7;
      }

      .settings-users-table td {
        border-bottom: 0;
        padding: .3rem 0;
        text-align: left !important;
        overflow-wrap: anywhere;
      }

      .settings-users-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .1rem;
        color: #94a3b8;
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
      }

      .settings-users-edit-btn {
        width: 100%;
        border-radius: .75rem;
      }
    }

    /* Match the quiet, linen table treatment used by the guests book. */
    .settings-users-table-card {
      overflow: hidden;
      border: 1px solid var(--bm-border, #d8d2c4);
      border-radius: .75rem;
      background: var(--bm-linen, #f7f3ea);
    }
    .settings-users-table { width: 100%; min-width: 58rem; margin: 0; border-collapse: collapse; color: var(--bm-ink, #1f2a24); }
    .settings-users-table > :not(caption) > * > * { padding: .9rem 1.25rem; border-bottom-color: var(--bm-border, #d8d2c4); background: transparent; color: inherit; font-size: .88rem; vertical-align: middle; }
    .settings-users-table th { background: rgba(231, 226, 214, .55) !important; color: var(--bm-muted, #6f766f) !important; font-size: .72rem !important; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
    .settings-users-table tr:last-child td { border-bottom: 0; }
    .settings-users-row { cursor: pointer; transition: background-color 150ms ease; }
    .settings-users-row:hover { background: rgba(125, 135, 126, .09); }
    .settings-users-row:focus-visible { outline: 2px solid var(--bm-green, #2f3d34); outline-offset: -2px; }
    .settings-users-table .fw-semibold { color: var(--bm-green, #2f3d34); font-weight: 600 !important; }
    .settings-users-table .text-muted { color: var(--bm-muted, #6f766f) !important; }
    .settings-users-table .badge { border: 1px solid var(--bm-border, #d8d2c4); border-radius: 999px; padding: .28rem .55rem; font-size: .72rem; font-weight: 600; }
    .settings-users-table .badge.text-bg-light, .settings-users-table .badge.text-bg-secondary { background: rgba(231, 226, 214, .72) !important; color: var(--bm-muted, #6f766f) !important; }
    .settings-users-table .badge.text-bg-success { border-color: rgba(47, 61, 52, .25); background: rgba(47, 61, 52, .12) !important; color: var(--bm-green, #2f3d34) !important; }
    .settings-users-edit-btn { width: 2.35rem; height: 2.35rem; min-width: 2.35rem; border-radius: .45rem; }

    @media (max-width: 680px) {
      .settings-users-table { min-width: 0; }
      .settings-users-table tr { padding: .8rem 1rem; border-bottom-color: var(--bm-border, #d8d2c4); }
      .settings-users-table > :not(caption) > * > td { border-bottom: 0; padding: .28rem 0; text-align: left !important; overflow-wrap: anywhere; }
      .settings-users-table td::before { color: var(--bm-muted, #6f766f); font-weight: 500; letter-spacing: .07em; }
      .settings-users-edit-btn { width: 100%; border-radius: .45rem; }
    }
