/* ============================================================
   🔵 עיצוב אחיד לכל האתר: "תכלת וכסף" (כיוון אבן ירושלים)
   12.10.2026

   עד היום עמוד הבית היה בתכלת וכסף (home-theme-techelet.css, רק כש-body.home-mode)
   ושאר הטאבים בעץ וזהב כהה, כך שההדר והתפריט קפצו בין שני עיצובים. הקובץ הזה:

   1) ההדר, התפריט הראשי והרקע: גלובליים, בכל הטאבים, כולל הנהלת חשבונות.
   2) רכיבי התוכן (פאנלים, טפסים, כפתורים, טבלאות, לשוניות ניהול, התראות):
      רק כש-body נושא את הקלאס tk-page ולא home-mode. router.js מוסיף tk-page
      בכל טאב חוץ מהנהלת חשבונות, שיש לו עיצוב משלו. עמוד הבית נשאר כמו שאושר.
   3) התאמות סלולר (עד 768 פיקסל): תפריט קומפקטי, הדר בלי חפיפת לוגו,
      לשוניות ניהול קומפקטיות, טבלאות עם גלילה אופקית, הפניה לאפליקציה.

   נטען אחרי styles.css, banner-styles.css, banner-editor.css ולפני
   home-theme-techelet.css ו-readability.css.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:ital,wght@0,400;0,500;0,700;1,400&display=swap');

/* ---------- טוקנים ---------- */
:root {
    --hm-bg: #eef2f4;
    --hm-bg-deep: #dde6ea;
    --hm-panel: #f9fbfc;
    --hm-panel-deep: #e8eef1;
    --hm-ink: #16232c;
    --hm-ink-soft: #45606f;
    --hm-accent: #14416b;
    --hm-accent-deep: #0d2c49;
    --hm-accent-light: #3f6f96;
    --hm-silver: #93a3ac;
    --hm-silver-light: #cfd8dd;
    --hm-silver-dark: #6d7d85;
    --hm-border: rgba(20, 65, 107, 0.18);
    --hm-serif: 'Frank Ruhl Libre', 'Heebo', serif;
    --tk-danger: #b42318;
    --tk-danger-deep: #912018;
    --tk-ok: #1f7a45;
    --tk-ok-deep: #17613a;
    --tk-shadow: 0 2px 12px rgba(20, 65, 107, 0.08);
}

/* ============================================================
   1) מעטפת גלובלית: רקע, הדר, תפריט ראשי
   ============================================================ */
body {
    background: linear-gradient(135deg, var(--hm-bg) 0%, var(--hm-bg-deep) 50%, var(--hm-bg) 100%) !important;
    color: var(--hm-ink);
}

body::before {
    background-image:
        repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(20, 65, 107, 0.02) 2px, rgba(20, 65, 107, 0.02) 4px),
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(20, 65, 107, 0.02) 2px, rgba(20, 65, 107, 0.02) 4px);
    opacity: 0.5;
}

#home-bg-overlay {
    background: radial-gradient(circle at 20% 80%, rgba(20, 65, 107, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(147, 163, 172, 0.06) 0%, transparent 50%);
}

body .header {
    padding: 44px 20px 30px;
    background: linear-gradient(180deg, var(--hm-accent-deep) 0%, var(--hm-accent) 75%, var(--hm-accent) 100%);
    border-bottom: 1px solid var(--hm-silver);
    box-shadow: 0 4px 20px rgba(13, 44, 73, 0.2);
}

body .header::before {
    background: linear-gradient(90deg, transparent, var(--hm-silver-light) 30%, var(--hm-silver-light) 70%, transparent);
    box-shadow: none;
    opacity: 0.5;
    height: 1px;
}

/* בלי הכוכב המהבהב */
body .header::after {
    content: none;
}

body .header h1 {
    font-family: var(--hm-serif);
    font-weight: 700;
    font-size: clamp(24px, 4vw, 38px);
    letter-spacing: 0.5px;
    background: none;
    -webkit-text-fill-color: unset;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

body #headerSubtitle {
    font-family: var(--hm-serif);
    font-style: italic;
    font-weight: 400;
    color: var(--hm-silver-light);
    font-size: 15px;
    letter-spacing: 0.3px;
    text-shadow: none;
}

body .main-tabs {
    background: transparent;
    padding: 22px 0;
}

body .main-tab {
    background: var(--hm-panel);
    color: var(--hm-accent);
    border: 1px solid var(--hm-border);
    border-radius: 999px;
    box-shadow: none;
    font-weight: 600;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

body .main-tab::before {
    display: none;
}

body .main-tab:hover {
    background: #ffffff;
    border-color: var(--hm-accent);
    color: var(--hm-accent-deep);
    transform: none;
    box-shadow: none;
}

body .main-tab.active {
    background: var(--hm-accent);
    color: #ffffff;
    border-color: var(--hm-accent);
    box-shadow: 0 4px 14px rgba(13, 44, 73, 0.25);
    font-weight: 700;
}

body .main-tab.active::after {
    content: none;
}

body .main-tab:focus-visible {
    outline: 3px solid var(--hm-accent-light);
    outline-offset: 2px;
}

/* ============================================================
   2) רכיבי תוכן בטאבים (לא עמוד הבית, לא הנהלת חשבונות)
   ============================================================ */

/* טיפוגרפיה בסיסית על רקע בהיר */
body.tk-page:not(.home-mode) #app-content h1,
body.tk-page:not(.home-mode) #app-content h2,
body.tk-page:not(.home-mode) #app-content h3,
body.tk-page:not(.home-mode) #app-content h4,
body.tk-page:not(.home-mode) #app-content h5,
body.tk-page:not(.home-mode) #app-content h6 {
    color: var(--hm-accent);
    text-shadow: none;
    font-family: var(--hm-serif);
}

body.tk-page:not(.home-mode) #app-content p {
    color: var(--hm-ink-soft);
}

body.tk-page:not(.home-mode) #app-content a:not(.btn):not(.contact-chip):not(.whatsapp-button):not(.nav-button):not(.dn-btn) {
    color: var(--hm-accent);
}

body.tk-page:not(.home-mode) #app-content a:not(.btn):not(.dn-btn):hover {
    color: var(--hm-accent-deep);
    text-shadow: none;
}

/* פאנל ראשי: ניהול, צור קשר, גלריה */
body.tk-page:not(.home-mode) .admin-section,
body.tk-page:not(.home-mode) .contact-section {
    background: var(--hm-panel);
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: var(--tk-shadow);
    color: var(--hm-ink);
}

body.tk-page:not(.home-mode) .admin-section > h2,
body.tk-page:not(.home-mode) .contact-section > h2 {
    font-weight: 700;
    border-bottom: 1px solid var(--hm-border);
    padding-bottom: 12px;
}

/* כרטיסים */
body.tk-page:not(.home-mode) .card {
    background: #ffffff;
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: var(--tk-shadow);
    color: var(--hm-ink);
}

body.tk-page:not(.home-mode) .card::before {
    display: none;
}

body.tk-page:not(.home-mode) .card:hover {
    transform: none;
    border-color: var(--hm-accent-light);
    box-shadow: 0 4px 18px rgba(20, 65, 107, 0.14);
}

body.tk-page:not(.home-mode) .list-item {
    background: var(--hm-panel-deep);
    border: 1px solid var(--hm-border);
    border-radius: 6px;
    color: var(--hm-ink);
}

body.tk-page:not(.home-mode) .list-item:hover {
    background: #ffffff;
    border-color: var(--hm-accent);
}

/* טפסים */
body.tk-page:not(.home-mode) .form-group label,
body.tk-page:not(.home-mode) .admin-section label {
    color: var(--hm-accent);
    text-shadow: none;
}

body.tk-page:not(.home-mode) .form-group input,
body.tk-page:not(.home-mode) .form-group select,
body.tk-page:not(.home-mode) .form-group textarea,
body.tk-page:not(.home-mode) .contact-wrap .form-group input[type="text"],
body.tk-page:not(.home-mode) .contact-wrap .form-group input[type="tel"],
body.tk-page:not(.home-mode) .contact-wrap .form-group input[type="email"],
body.tk-page:not(.home-mode) .contact-wrap .form-group select,
body.tk-page:not(.home-mode) .contact-wrap .form-group textarea {
    background: #ffffff;
    color: var(--hm-ink);
    border: 1px solid var(--hm-silver);
    border-radius: 6px;
    box-shadow: none;
}

body.tk-page:not(.home-mode) .form-group input[type="color"] {
    padding: 2px;
}

body.tk-page:not(.home-mode) .form-group input:focus,
body.tk-page:not(.home-mode) .form-group select:focus,
body.tk-page:not(.home-mode) .form-group textarea:focus {
    outline: none;
    border-color: var(--hm-accent);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(20, 65, 107, 0.18);
}

body.tk-page:not(.home-mode) input::placeholder,
body.tk-page:not(.home-mode) textarea::placeholder {
    color: var(--hm-silver-dark);
    opacity: 1;
}

body.tk-page:not(.home-mode) .checkbox-item {
    color: var(--hm-ink);
}

body.tk-page:not(.home-mode) .contact-help {
    color: var(--hm-ink-soft);
}

/* כפתורים */
body.tk-page:not(.home-mode) .btn {
    background: var(--hm-accent);
    color: #ffffff;
    border: 1px solid var(--hm-accent);
    border-radius: 6px;
    box-shadow: none;
    font-weight: 700;
    transition: background .2s ease, border-color .2s ease;
}

body.tk-page:not(.home-mode) .btn::before {
    display: none;
}

body.tk-page:not(.home-mode) .btn:hover {
    background: var(--hm-accent-deep);
    border-color: var(--hm-accent-deep);
    transform: none;
    box-shadow: none;
}

body.tk-page:not(.home-mode) .btn:focus-visible {
    outline: 3px solid var(--hm-accent-light);
    outline-offset: 2px;
}

body.tk-page:not(.home-mode) .btn-danger {
    background: var(--tk-danger);
    border-color: var(--tk-danger);
    color: #ffffff;
}

body.tk-page:not(.home-mode) .btn-danger:hover {
    background: var(--tk-danger-deep);
    border-color: var(--tk-danger-deep);
}

body.tk-page:not(.home-mode) .btn-success {
    background: var(--tk-ok);
    border-color: var(--tk-ok);
    color: #ffffff;
}

body.tk-page:not(.home-mode) .btn-success:hover {
    background: var(--tk-ok-deep);
    border-color: var(--tk-ok-deep);
}

body.tk-page:not(.home-mode) .btn[disabled],
body.tk-page:not(.home-mode) .btn:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* לשוניות משנה בניהול */
body.tk-page:not(.home-mode) .admin-tab {
    background: #ffffff;
    color: var(--hm-accent);
    border: 1px solid var(--hm-border);
    border-radius: 999px;
    box-shadow: none;
    font-weight: 600;
    padding: 8px 16px;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

body.tk-page:not(.home-mode) .admin-tab:hover {
    background: var(--hm-panel-deep);
    border-color: var(--hm-accent);
    transform: none;
    box-shadow: none;
}

body.tk-page:not(.home-mode) .admin-tab.active {
    background: var(--hm-accent);
    color: #ffffff;
    border-color: var(--hm-accent);
    font-weight: 700;
}

/* טבלאות */
body.tk-page:not(.home-mode) table {
    background: #ffffff;
    border: 1px solid var(--hm-border);
    border-radius: 6px;
    box-shadow: none;
}

body.tk-page:not(.home-mode) th {
    background: var(--hm-panel-deep);
    color: var(--hm-accent);
    border-bottom: 2px solid var(--hm-accent);
}

body.tk-page:not(.home-mode) td {
    color: var(--hm-ink);
    border-bottom: 1px solid var(--hm-border);
}

body.tk-page:not(.home-mode) tr:hover {
    background: rgba(20, 65, 107, 0.05);
}

/* התראות, טעינה, שגיאות */
body.tk-page:not(.home-mode) .alert-success { background: #e7f4ec; border-color: var(--tk-ok); color: #14532d; }
body.tk-page:not(.home-mode) .alert-error   { background: #fdeceb; border-color: var(--tk-danger); color: #7a1a12; }
body.tk-page:not(.home-mode) .alert-info    { background: #e6eff7; border-color: var(--hm-accent); color: var(--hm-accent-deep); }
body.tk-page:not(.home-mode) .alert-warning { background: #fff6dc; border-color: #b7791f; color: #6b4a0f; }

body.tk-page:not(.home-mode) .loading { color: var(--hm-ink-soft); }
body.tk-page:not(.home-mode) .loading::after { color: var(--hm-accent); }
body.tk-page:not(.home-mode) .error { color: var(--tk-danger); }

/* התחברות לניהול */
body.tk-page:not(.home-mode) .login-form {
    background: #ffffff;
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: var(--tk-shadow);
}

body.tk-page:not(.home-mode) .login-form h2 {
    color: var(--hm-accent);
}

/* ---------- אודותינו: מגילה → פאנל תכלת ---------- */
body.tk-page:not(.home-mode) .about-parchment {
    background-image: none;
    background-color: var(--hm-panel);
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: var(--tk-shadow);
}

body.tk-page:not(.home-mode) .about-parchment::before,
body.tk-page:not(.home-mode) .about-parchment::after {
    display: none;
}

body.tk-page:not(.home-mode) .about-title,
body.tk-page:not(.home-mode) .about-section-title {
    color: var(--hm-accent);
    border-bottom-color: var(--hm-silver);
    text-shadow: none;
}

body.tk-page:not(.home-mode) .about-text,
body.tk-page:not(.home-mode) .management-item,
body.tk-page:not(.home-mode) .contact-item {
    color: var(--hm-ink);
}

body.tk-page:not(.home-mode) .about-highlight {
    color: var(--hm-accent-deep);
}

body.tk-page:not(.home-mode) .management-item {
    background: rgba(20, 65, 107, 0.05);
    border-right-color: var(--hm-accent);
}

/* בתוך "אודותינו" המחלקה contact-section מתנגשת עם הפאנל הגלובלי; כאן היא רק קבוצה */
body.tk-page:not(.home-mode) .about-parchment .contact-section {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
}

body.tk-page:not(.home-mode) .about-parchment .contact-item {
    background: rgba(20, 65, 107, 0.05);
    flex-wrap: wrap;
}

body.tk-page:not(.home-mode) .about-parchment .contact-item:hover {
    background: rgba(20, 65, 107, 0.1);
}

body.tk-page:not(.home-mode) .contact-label {
    color: var(--hm-accent);
}

body.tk-page:not(.home-mode) .contact-link {
    color: var(--hm-ink);
    border-bottom-color: var(--hm-accent);
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.tk-page:not(.home-mode) .contact-link:hover {
    color: var(--hm-accent);
}

body.tk-page:not(.home-mode) .whatsapp-button {
    max-width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    background: #1f8a4c;
    color: #ffffff;
}

body.tk-page:not(.home-mode) .whatsapp-button:hover {
    background: #17713d;
}

body.tk-page:not(.home-mode) .nav-button {
    color: var(--hm-accent);
    background: #ffffff;
    border-color: var(--hm-accent);
}

body.tk-page:not(.home-mode) .nav-button:hover {
    background: var(--hm-panel-deep);
    box-shadow: none;
    transform: none;
}

/* ---------- צור קשר ---------- */
body.tk-page:not(.home-mode) #contactDetails {
    border-color: var(--hm-border);
}

body.tk-page:not(.home-mode) .contact-chip {
    background: #e6eff7;
    color: var(--hm-accent);
    border-color: var(--hm-silver-light);
}

body.tk-page:not(.home-mode) .contact-chip-wa {
    background: #e7f4ec;
    color: #14532d;
    border-color: #9fd3b4;
}

/* ---------- גלריה ---------- */
body.tk-page:not(.home-mode) .gal-title,
body.tk-page:not(.home-mode) .gal-back {
    color: var(--hm-accent);
}

body.tk-page:not(.home-mode) .gal-back:hover {
    background: var(--hm-panel-deep);
}

body.tk-page:not(.home-mode) .gal-album,
body.tk-page:not(.home-mode) .gal-thumb {
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: var(--tk-shadow);
}

/* ---------- תרומה: אותו אקסנט כמו כל האתר ---------- */
body.tk-page:not(.home-mode) #donate-root {
    --dn-ink: var(--hm-accent-deep);
    --dn-acc: var(--hm-accent);
    background: var(--hm-panel);
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: var(--tk-shadow);
}

/* ---------- חלון בחירת תמונה (בכל טאבי הניהול) ---------- */
body.tk-page:not(.home-mode) #galleryPickerModal {
    background: rgba(13, 44, 73, 0.72);
}

body.tk-page:not(.home-mode) .gp-content {
    background: var(--hm-panel);
    border: 1px solid var(--hm-border);
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(13, 44, 73, 0.4);
    color: var(--hm-ink);
}

body.tk-page:not(.home-mode) .gp-header {
    border-bottom: 1px solid var(--hm-border);
    background: var(--hm-panel-deep);
}

body.tk-page:not(.home-mode) .gp-header h3 {
    color: var(--hm-accent);
}

/* ---------- הודעה צפה ---------- */
body.tk-page:not(.home-mode) .notification {
    background: #ffffff;
    color: var(--hm-ink);
    border: 1px solid var(--hm-accent);
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(13, 44, 73, 0.25);
}

/* ---------- סרגל גלילה ---------- */
::-webkit-scrollbar-track {
    background: var(--hm-bg-deep);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--hm-accent-light), var(--hm-accent));
    border: 2px solid var(--hm-bg-deep);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--hm-accent), var(--hm-accent-deep));
}

/* ---------- הפניה לאפליקציה (מופיע רק בסלולר בטאב הנהלת חשבונות) ---------- */
.mobile-app-hint {
    display: none;
}

/* ============================================================
   3) סלולר (עד 768 פיקסל)
   ============================================================ */

/* שלט: כפתורים וכותרות באינדיגו/סגול בסגנון inline מתיישרים לתכלת */
body.tk-page[data-tab="signage"] #app-content [style*="background: linear-gradient(135deg, #6366f1"],
body.tk-page[data-tab="signage"] #app-content [style*="background:#6366f1"],
body.tk-page[data-tab="signage"] #app-content [style*="background: #6366f1"] {
    background: linear-gradient(135deg, var(--hm-accent) 0%, var(--hm-accent-deep) 100%) !important;
}
body.tk-page[data-tab="signage"] #app-content [style*="linear-gradient(135deg, #667eea"] {
    background: linear-gradient(135deg, var(--hm-accent) 0%, var(--hm-accent-deep) 100%) !important;
    box-shadow: var(--tk-shadow) !important;
}

@media (max-width: 768px) {
    .container {
        padding-inline: 12px;
    }

    /* הדר קומפקטי: לוגואים קטנים בצדדים והכותרת באמצע בלי חפיפה */
    body .header {
        padding: 14px 58px 12px;
        margin-bottom: 8px;
    }

    body .header h1 {
        font-size: 19px;
        line-height: 1.25;
        margin-bottom: 4px;
    }

    body #headerSubtitle {
        font-size: 13px;
        margin: 0;
    }

    #headerLogoLeft,
    #headerLogoRight {
        height: 44px !important;
        width: 44px !important;
        left: 8px !important;
    }

    #headerLogoRight {
        left: auto !important;
        right: 8px !important;
    }

    /* תפריט ראשי: לחצנים קטנים בשורות במקום עמודה ארוכה */
    body .main-tabs {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        padding: 8px 0 10px;
        margin-bottom: 10px;
    }

    body .main-tab {
        width: auto;
        flex: 0 0 auto;
        padding: 8px 14px;
        font-size: 14px;
        min-height: 38px;
        line-height: 1.2;
    }

    /* לשוניות משנה בניהול: אותו עיקרון */
    body .admin-tabs {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 14px;
    }

    body .admin-tab,
    body.tk-page:not(.home-mode) .admin-tab {
        width: auto;
        flex: 0 0 auto;
        padding: 7px 12px;
        font-size: 13px;
        min-height: 36px;
    }

    /* פאנלים: פחות ריפוד */
    body.tk-page:not(.home-mode) .admin-section,
    body.tk-page:not(.home-mode) .contact-section {
        padding: 16px 12px;
        margin-top: 8px;
    }

    body.tk-page:not(.home-mode) .about-parchment {
        padding: 24px 16px;
    }

    body.tk-page:not(.home-mode) .about-title {
        margin-bottom: 28px;
        padding-bottom: 14px;
    }

    body.tk-page:not(.home-mode) .about-section-title {
        margin: 32px 0 20px;
    }

    body.tk-page:not(.home-mode) .contact-label {
        min-width: 0;
    }

    body.tk-page:not(.home-mode) .contact-item {
        padding: 14px 16px;
        font-size: 1.1em;
    }

    body.tk-page:not(.home-mode) .whatsapp-button {
        width: 100%;
        font-size: 1em;
        padding: 12px 14px;
    }

    /* טבלאות ניהול: גלילה אופקית בתוך הטבלה ולא בכל הדף */
    body.tk-page:not(.home-mode) .admin-content table,
    body.tk-page:not(.home-mode) .admin-section table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.tk-page:not(.home-mode) .admin-content {
        overflow-x: hidden;
    }

    /* הנהלת חשבונות באתר היא ממשק מחשב: מכילים את הגלישה בתוכו ומפנים לאפליקציה */
    body[data-tab="accounting"] #app-content,
    body[data-tab="npo"] #app-content {
        overflow-x: auto;
        max-width: 100%;
    }

    body[data-tab="accounting"] .mobile-app-hint {
        display: block;
        margin: 0 0 10px;
        padding: 12px 14px;
        background: #e6eff7;
        border: 1px solid var(--hm-border);
        border-radius: 8px;
        color: var(--hm-ink);
        font-size: 14px;
        line-height: 1.6;
    }

    body[data-tab="accounting"] .mobile-app-hint a {
        display: inline-block;
        margin-top: 6px;
        padding: 8px 16px;
        border-radius: 999px;
        background: var(--hm-accent);
        color: #ffffff;
        font-weight: 700;
        text-decoration: none;
    }
}

@media (max-width: 380px) {
    body .header {
        padding-inline: 52px;
    }

    #headerLogoLeft,
    #headerLogoRight {
        height: 38px !important;
        width: 38px !important;
    }

    body .main-tab {
        padding: 7px 11px;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .main-tab,
    body.tk-page:not(.home-mode) .btn,
    body.tk-page:not(.home-mode) .admin-tab {
        transition: none;
    }
}
/* צבעי inline ישנים בממשקי הניהול: אפור בהיר מדי, זהב על רקע בהיר, כפתורים בטורקיז/אינדיגו */
body.tk-page:not(.home-mode) #app-content [style*="color: #999"],
body.tk-page:not(.home-mode) #app-content [style*="color:#999"] {
    color: #5b6b75 !important;
}
body.tk-page:not(.home-mode) #app-content h4[style*="#c9a227"],
body.tk-page:not(.home-mode) #app-content h3[style*="#c9a227"] {
    color: var(--hm-accent) !important;
}
body.tk-page:not(.home-mode) #app-content .btn[style*="color:#b91c1c"] {
    background: #ffffff;
    color: var(--tk-danger);
    border: 1px solid var(--tk-danger);
}
body.tk-page:not(.home-mode) #app-content .btn[style*="color:#b91c1c"]:hover {
    background: #fdecea;
}