/* qoorum-users — participant settings page (/qoorum/me) */

.qoorum-users-wrap {
    --ku-bg:      #f6f7f8;
    --ku-card:    #ffffff;
    --ku-ink:     #23282d;
    --ku-muted:   #6b7280;
    --ku-line:    #e5e7eb;
    --ku-accent:  #5A8F5A;        /* muted green — matches the backend/vote palette */
    --ku-accent-soft: #ECF3EC;
    --ku-radius:  14px;

    max-width: 720px;
    margin: 2.5rem auto;
    padding: 0 1.25rem 3rem;
    color: var(--ku-ink);
    font-size: 16px;
    line-height: 1.5;
}

.qoorum-users-title {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 0 1.5rem;
}

.qoorum-users-me {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Cards */
.qoorum-users-panel {
    background: var(--ku-card);
    border: 1px solid var(--ku-line);
    border-radius: var(--ku-radius);
    padding: 1.4rem 1.5rem;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04), 0 6px 18px rgba(17, 24, 39, 0.04);
}

.qoorum-users-panel h2 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--ku-line);
}

.qoorum-users-panel h3 {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ku-muted);
    margin: 1.1rem 0 0.4rem;
}

/* Toggles (email prefs + indefinite block) */
.qoorum-users-toggle {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0;
    cursor: pointer;
}
.qoorum-users-toggle input[type="checkbox"] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: var(--ku-accent);
    flex: 0 0 auto;
}

/* Date range */
.qoorum-users-daterange {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0.75rem 0;
}
.qoorum-users-daterange label {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    color: var(--ku-muted);
}
.qoorum-users-panel input[type="date"] {
    border: 1px solid var(--ku-line);
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
    font: inherit;
    color: var(--ku-ink);
    background: var(--ku-bg);
}

/* Poll lists */
.qoorum-users-poll-list {
    list-style: none;
    margin: 0.25rem 0 0.75rem;
    padding: 0;
}
.qoorum-users-poll-list li {
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--ku-line);
}
.qoorum-users-poll-list li:last-child { border-bottom: 0; }
.qoorum-users-poll-list a {
    color: var(--ku-accent);
    text-decoration: none;
}
.qoorum-users-poll-list a:hover { text-decoration: underline; }
.qoorum-users-empty {
    color: var(--ku-muted);
    font-style: italic;
}

/* Buttons */
.qoorum-users-panel button[type="submit"] {
    margin-top: 1rem;
    background: var(--ku-accent);
    color: #fff;
    border: 0;
    border-radius: 999px;
    padding: 0.5rem 1.3rem;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.qoorum-users-panel button[type="submit"]:hover { filter: brightness(0.93); }

/* Status line (availability) */
.qoorum-users-availability > p {
    background: var(--ku-accent-soft);
    border-radius: 8px;
    padding: 0.6rem 0.85rem;
    margin: 0 0 0.5rem;
    font-size: 0.92rem;
}

/* Identify — front-door email sign-in form */
.qoorum-users-identify { max-width: 24rem; margin: 3rem auto; }
.qoorum-users-identify__form { display: flex; flex-direction: column; gap: .75rem; }
.qoorum-users-identify__email,
.qoorum-users-identify__submit { padding: .6rem .8rem; font-size: 1rem; }
.qoorum-users-identify__msg { min-height: 1.2em; }