/* Shared existing button, icon and header variants. */

.btn-gradient:where(.arttime-gradient-pill) {
    background:linear-gradient(135deg,#22d3ee,#2563eb);
    color:#fff;
    border:0;
    border-radius:999px;
    padding-inline:22px;
    box-shadow:0 10px 26px rgba(37,99,235,.32);
    font-weight:600;
}

.btn-gradient:hover:where(.arttime-gradient-hover-white) {
    filter:brightness(1.03);
    color:#fff;
}

.toggle-btn.btn-success:where(.arttime-status-button) {
    background:#16a34a !important;
    color:#fff !important;
    border-color:#16a34a !important;
}

.toggle-btn.btn-outline-secondary:where(.arttime-status-button) {
    background:transparent !important;
    color:#334155 !important;
    border-color:#cbd5e1 !important;
}

.header-icon:where(.arttime-header-icon-compact) {
    width:40px;
    height:40px;
    background:#fff;
    border-radius:999px;
    border:1px solid #e5e7eb;
    box-shadow:0 4px 14px rgba(15,23,42,.12);
    color:#2563eb;
    font-size:1.2rem;
}

.btn-soft-secondary:where(.arttime-back-button) {
    background:#f9fafb;
    border-radius:999px;
    border:1px solid #e5e7eb;
    color:#374151;
    font-weight:500;
}

.btn-soft-secondary:hover:where(.arttime-back-button) {
    background:#f3f4f6;
    color:#111827;
}

.header-icon:where(.arttime-header-icon-language) {
    width: 40px;
    height: 40px;
    background:#ffffff;
    border:1px solid #e5e7eb;
    box-shadow:0 4px 14px rgba(15,23,42,.12);
    color:#2563eb;
    font-size:1.2rem;
}

.btn-gradient:where(.arttime-gradient-flat) {
    background:linear-gradient(135deg,#22d3ee,#2563eb);
    color:#fff;
    border:0;
    box-shadow:0 8px 24px rgba(37,99,235,.28);
}

.header-icon:where(.arttime-header-icon-large) {
    width:40px;
    height:40px;
    background:#fff;
    border-radius:999px;
    border:1px solid #e5e7eb;
    box-shadow:0 4px 14px rgba(15,23,42,.12);
    color:#2563eb;
    font-size:1.3rem;
}

.glow-header:where(.arttime-header-glow) {
    background:linear-gradient(120deg, rgba(34,211,238,.16), rgba(37,99,235,.12)), var(--card);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.btn-gradient:where(.arttime-gradient-simple) {
    background:linear-gradient(135deg,#22d3ee,#2563eb);
    color:#fff;
    border:0;
}

.btn-gradient:hover:where(.arttime-gradient-hover-bright) {
    filter:brightness(1.04);
}

.btn-gradient:hover:where(.arttime-gradient-hover-filter) {
    filter:brightness(1.03);
}

.glow-header:where(.arttime-header-soft) {
    background:linear-gradient(120deg, rgba(34,211,238,.12), rgba(37,99,235,.10)), var(--card);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.btn-gradient:where(.arttime-gradient-padded) {
    background:linear-gradient(135deg,#22d3ee,#2563eb);
    color:#fff;
    border:0;
    border-radius:999px;
    padding:10px 18px;
    box-shadow:0 10px 26px rgba(37,99,235,.32);
    font-weight:600;
}

.btn-gradient:hover:where(.arttime-gradient-hover-extra) {
    filter:brightness(1.05);
    color:#fff;
}

.fp-category-delete-head-v102,
.fp-photo-delete-head-v104,
.fp-member-delete-head-v105 {
    display:flex;
    align-items:center;
    gap:13px;
    padding:20px 20px 12px;
}

.fp-category-delete-actions-v102 .btn,
.fp-photo-delete-actions-v104 .btn,
.fp-member-delete-actions-v105 .btn {
    min-height:43px;
    border-radius:13px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px!important;
    font-weight:900!important;
}