/*
 * Local utility layer replacing the former Tailwind CDN usage.
 * It contains the Tailwind-style classes currently used by the PHP views.
 */
.relative {
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.border {
    border-width: 1px;
    border-style: solid;
}

.border-emerald-200 {
    border-color: #a7f3d0;
}

.bg-white\/95 {
    background: rgb(255 255 255 / 95%);
}

.shadow-sm,
.shadow-soft {
    box-shadow: 0 8px 20px rgb(17 48 30 / 8%);
}

.ring-1 {
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%);
}

.ring-emerald-100 {
    box-shadow: 0 0 0 1px #d1fae5;
}