/* ──────────────────────────────────────────────────────────────
   ORGANISER PANEL
   Styles for the Club Organiser Hub / Admin Panel views
   ────────────────────────────────────────────────────────────── */

/* Pending hero card */
#organiser-pending-card {
    background: linear-gradient(135deg, rgba(249,115,22,0.08) 0%, rgba(15,23,42,0.6) 100%);
    border: 1px solid rgba(249,115,22,0.22);
    border-radius: 16px;
    padding: 16px 16px 16px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}
#organiser-pending-card:hover {
    border-color: rgba(249,115,22,0.45);
    background: linear-gradient(135deg, rgba(249,115,22,0.13) 0%, rgba(15,23,42,0.7) 100%);
}

/* Shared section label */
.op-section-label {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2.5px;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 2px;
}

/* Shared 2-col grid */
.op-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

/* Shared tile */
.op-tile {
    border-radius: 14px;
    padding: 0;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    display: block;
    transition: border-color 0.2s, background 0.2s;
    border-width: 1px;
    border-style: solid;
}
.op-tile-header { padding: 7px 11px; border-bottom-width: 1px; border-bottom-style: solid; background: rgba(255,255,255,0.03); border-bottom-color: rgba(255,255,255,0.07); }
.op-tile-header span { font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }
.op-tile-body   { padding: 12px 12px; }
.op-tile-icon   { font-size: 26px; margin-bottom: 9px; }
.op-tile-title  { font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 700; color: white; margin-bottom: 3px; }
.op-tile-sub    { font-size: 9px; color: rgba(255, 255, 255, 0.65); margin-bottom: 11px; line-height: 1.4; }
.op-tile-cta    { font-size: 9px; font-weight: 800; letter-spacing: 0.5px; }

/* ── Organiser mode: hide legacy admin grid & dev-only sections ─────────────
   Applied when body[data-organiser-mode] is set (organiser tier or picklepath
   club owners who clicked CLUB ORGANISER). The new Organiser Panel replaces them. */
body[data-organiser-mode] #admin-legacy-grid,
body[data-organiser-mode] #admin-pulse-vision {
    display: none !important;
}