:root {
    --card-radius: 18px;
    --brand: #36c2a5;
    --muted: #6b7280;
    /* slate-500 */
    --line: #edf2f7;
    /* light border */
}

body {
    background: #f7fafc;
}

.page-wrap {
    max-width: 1200px;
}

.topbar {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: var(--card-radius);
    padding: .75rem;
}

.btn-rounded {
    border-radius: 999px;
    padding: .45rem 1rem;
    font-weight: 600;
}

.btn-confirm {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
}

.btn-confirm:hover {
    filter: brightness(0.95);
    color: #fff;
}

.btn-cancel {
    background: #fdecec;
    border-color: #f8d7da;
    color: #d42a3a;
}

.btn-cancel:hover {
    background: #fbd5d9;
    color: #c01f2f;
}

.card-soft {
    border: 1px solid var(--line);
    border-radius: var(--card-radius);
    background: #ffffff;
}

.section-title {
    font-weight: 700;
    font-size: 1.05rem;
    color: #0f172a;
    margin-bottom: .35rem;
}

.table-sm td,
.table-sm th {
    padding: .55rem .75rem;
    vertical-align: middle;
}

.table> :not(caption)>*>* {
    border-bottom-color: #f1f5f9;
}

.tfoot-strong td {
    font-weight: 800;
    color: #0f172a;
}

.muted {
    color: var(--muted);
}

.ghost-box {
    border: 2px dashed #e5e7eb;
    border-radius: 14px;
    text-align: center;
    color: var(--muted);
    padding: 2.5rem 1rem;
    font-size: .95rem;
    background: #fafafa;
}

.pill-btn {
    border-radius: 999px;
    font-weight: 600;
    font-size: .9rem;
}

.kv-list .row+.row {
    border-top: 1px dashed #edf2f7;
}

.kv-label {
    color: var(--muted);
    font-size: .9rem;
}

.kv-value {
    font-weight: 600;
}

@media (max-width: 576px) {
    .btn-group-top {
        gap: .5rem !important;
    }
}


/* #top_menu a[href="/event"],
.o_extra_menu_items a[href="/event"],
#top_menu a[href="/shop"],
.o_extra_menu_items a[href="/shop"]
#top_menu a[href="/slides"],
.o_extra_menu_items a[href="/slides"]
#top_menu a[href="/blog/2"],
.o_extra_menu_items a[href="/blog/2"]
#top_menu a[href="/blog/3"],
.o_extra_menu_items a[href="/blog/3"]
{
    display: none !important; 
} */