/* ════════════════════════════════════
   Love My Badminton - Shared modal/form styles
   Used by: Default.aspx (List Your Social), admin/Dashboard.aspx (Review)
   Keep this file as the single source of truth for modal/form look and feel.
════════════════════════════════════ */

.lmb-modal-hdr {
    background: linear-gradient(135deg, var(--green-900) 0%, var(--green-700) 60%, var(--green-600) 100%);
    position: relative;
    overflow: hidden;
    padding: 1rem 1.25rem;
}
.lmb-modal-hdr::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 18px 18px;
    pointer-events: none;
}
.lmb-modal-hdr h6 {
    font-family: var(--font, var(--ff-b));
    font-weight: 700;
    font-size: 1rem;
    color: var(--white);
    margin: 0;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}
.lmb-modal-hdr .btn-close { filter: invert(1) brightness(2); opacity: 0.8; position: relative; z-index: 1; }
.lmb-modal-body { padding: 0; }

.lmb-form-wrap { padding: 0.95rem 1.1rem 1.1rem; }
.lmb-section-hdr {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--green-700);
    margin: 0.9rem 0 0.5rem;
}
.lmb-section-hdr:first-child { margin-top: 0; }

.lmb-field { margin-bottom: 0.75rem; }
.lmb-field-label {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--slate-700);
    margin-bottom: 0.35rem;
}
.lmb-field-input {
    width: 100%;
    border: 1.5px solid var(--slate-200);
    border-radius: var(--r-sm, 8px);
    padding: 0.58rem 0.65rem;
    font-size: 0.88rem;
    color: var(--slate-900);
    background: var(--white);
}
.lmb-field-input:focus {
    outline: none;
    border-color: var(--green-600);
    box-shadow: 0 0 0 3px rgba(30,136,229,0.12);
}
.lmb-field-input[readonly] {
    background: var(--slate-100);
    color: var(--slate-500);
}
.lmb-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
}
@media (max-width: 560px) {
    .lmb-field-row { grid-template-columns: 1fr; }
}

.lmb-form-status {
    display: none;
    margin-bottom: 0.75rem;
    border-radius: var(--r-sm, 8px);
    padding: 0.55rem 0.7rem;
    font-size: 0.82rem;
}
.lmb-form-status.err {
    display: block;
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}
.lmb-form-status.ok {
    display: block;
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

/* Pill-style choice buttons (day of week, skill level) */
.ss-day-pill {
    padding: 0.3rem 0.65rem;
    border: 1.5px solid var(--slate-300);
    border-radius: 99px;
    background: #fff;
    color: var(--slate-700);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ss-day-pill.active {
    background: var(--green-700);
    border-color: var(--green-700);
    color: #fff;
}

/* Admin-only: inactive session/venue rows */
.lmb-inactive-row {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
}
.lmb-status-badge {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.lmb-status-badge.lmb-status-inactive {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}
.lmb-status-badge.lmb-status-active {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}