@import url("theme-ubJO46d.css");

/* Keep form styles for /login (admin access), shared with theme */
.shell--narrow {
    width: min(720px, calc(100% - 40px));
    margin: 48px auto 80px;
}

.card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.06));
    border: 1px solid rgba(122, 90, 46, 0.26);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 22px;
    backdrop-filter: blur(8px);
}
.card + .card { margin-top: 18px; }
.card--hero { padding: 26px; }

.h2 {
    margin: 0 0 14px;
    font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
    letter-spacing: 0.02em;
}

.form { display: grid; gap: 12px; }
.field { display: grid; gap: 6px; }
.field__label { color: var(--text-muted); font-size: 13px; }
.field__input, .field__textarea, .field__select {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(8, 14, 22, 0.55);
    color: var(--text-main);
    padding: 12px 12px;
    outline: none;
}

.btn {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 11px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-main);
    cursor: pointer;
}
.btn--primary {
    background: linear-gradient(180deg, rgba(244, 221, 159, 0.95), rgba(229, 192, 106, 0.95));
    border-color: rgba(229, 192, 106, 0.55);
    color: #1a1406;
    font-weight: 700;
}
.btn:hover { filter: brightness(1.04); }

.icon {
    width: 18px;
    height: 18px;
    display: block;
}

.iconbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-main);
    cursor: pointer;
    text-decoration: none;
}
.iconbtn:hover {
    filter: brightness(1.05);
    box-shadow: 0 0 0 2px rgba(242, 193, 78, 0.12), 0 10px 22px rgba(8, 19, 31, 0.35);
}
.iconbtn--primary {
    background: linear-gradient(180deg, rgba(244, 221, 159, 0.95), rgba(229, 192, 106, 0.95));
    border-color: rgba(229, 192, 106, 0.55);
    color: #1a1406;
}
.iconbtn--danger {
    border-color: rgba(255, 107, 107, 0.35);
    background: rgba(255, 107, 107, 0.10);
}
.iconbtn--danger:hover {
    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.12), 0 10px 22px rgba(8, 19, 31, 0.35);
}

.alert {
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    margin-bottom: 14px;
}
.alert--danger {
    border-color: rgba(255, 107, 107, 0.5);
    background: rgba(255, 107, 107, 0.12);
}

@media (max-width: 560px) {
    .shell--narrow { margin: 28px auto 56px; }
    .card { padding: 18px; }
}