/**
 * หน้าแรกโหมดพื้นหลังอวกาศ (html.space-bg-mode:not(.hs-day)): เปลี่ยนแผงขาวทุกส่วนเป็น "กระจกเข้ม" ให้เข้ากับธีมโลก/อวกาศ
 * - ใช้เฉพาะตอนเปิดพื้นหลังทั้งหน้า (ธีมอื่นของหน้าแรกไม่ได้รับผล) และเฉพาะ "กลางคืน" (ไม่มี class hs-day)
 *   กลางวัน 06:00-18:00 เวลาไทย: pages/home.php ใส่ html.hs-day → กลับเป็นแผงขาวเดิมของ space-earth.css
 * - โทนเดียวกับส่วนสถิตินักศึกษา (includes/level_stats_section.php แบบ space)
 * - ย้อนกลับ: ลบบรรทัด <link> ของไฟล์นี้ใน pages/home.php หรือใช้ C:\inetpub\backups\acad\snapshot-home-20260929\restore.cmd
 */
html.space-bg-mode:not(.hs-day) {
    --hs-text: #e8eeff;
    --hs-muted: rgba(232, 238, 255, .62);
    --hs-line: rgba(160, 190, 255, .14);
    --hs-card: rgba(255, 255, 255, .045);
    --hs-card-hover: rgba(255, 255, 255, .08);
    --hs-gold: #ffd54a;
    --hs-gold-grad: linear-gradient(135deg, #ffe28a, #ffab40);
    --hs-cyan: #4fc3f7;
}

/* ---------- แผงหลักของแต่ละส่วน: กระจกเข้ม + เส้นเรืองแสงขอบบน ---------- */
html.space-bg-mode:not(.hs-day) .academic-calendar-section > .container,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section > .container,
html.space-bg-mode:not(.hs-day) .news-section-wrapper > .container,
html.space-bg-mode:not(.hs-day) #documents-section > .container,
html.space-bg-mode:not(.hs-day) #activity-gallery-section > .container {
    position: relative;
    overflow: hidden;
    color: var(--hs-text);
    background: linear-gradient(160deg, rgba(16, 30, 72, .88), rgba(5, 11, 32, .92));
    border: 1px solid rgba(160, 190, 255, .16);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
html.space-bg-mode:not(.hs-day) .academic-calendar-section > .container::before,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section > .container::before,
html.space-bg-mode:not(.hs-day) .news-section-wrapper > .container::before,
html.space-bg-mode:not(.hs-day) #documents-section > .container::before,
html.space-bg-mode:not(.hs-day) #activity-gallery-section > .container::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 213, 74, .6), rgba(79, 195, 247, .6), transparent);
    pointer-events: none;
}

/* ตัวอักษรทั่วไปในแผง */
html.space-bg-mode:not(.hs-day) :is(.academic-calendar-section, #meeting-calendar-section, .news-section-wrapper, #documents-section, #activity-gallery-section) :is(h1, h2, h3, h4, h5, h6, .text-dark) { color: #fff !important; }
html.space-bg-mode:not(.hs-day) :is(.academic-calendar-section, #meeting-calendar-section, .news-section-wrapper, #documents-section, #activity-gallery-section) .text-muted { color: var(--hs-muted) !important; }
html.space-bg-mode:not(.hs-day) :is(.academic-calendar-section, #meeting-calendar-section, .news-section-wrapper, #documents-section, #activity-gallery-section) .text-primary { color: var(--hs-cyan) !important; }

/* หัวข้อส่วน: ไอคอนทอง ลิงก์ "ดูทั้งหมด" สีทอง เส้นคั่นจาง */
html.space-bg-mode:not(.hs-day) .npu-section-header { border-color: var(--hs-line) !important; }
html.space-bg-mode:not(.hs-day) .npu-section-header h2 { color: #fff !important; text-shadow: 0 4px 20px rgba(79, 195, 247, .3); }
html.space-bg-mode:not(.hs-day) .npu-section-header .section-icon { background: var(--hs-gold-grad) !important; color: #1a1300 !important; box-shadow: 0 0 18px rgba(255, 171, 64, .45); }
html.space-bg-mode:not(.hs-day) .npu-section-header .section-icon i { color: #1a1300 !important; }
html.space-bg-mode:not(.hs-day) .section-more-link { color: var(--hs-gold) !important; }
html.space-bg-mode:not(.hs-day) .section-more-link:hover { color: #fff !important; }

/* การ์ดย่อยทุกแบบ: พื้นโปร่งจาง + ขอบเรือง */
html.space-bg-mode:not(.hs-day) .cal-card,
html.space-bg-mode:not(.hs-day) .premium-news-card,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .bg-white,
html.space-bg-mode:not(.hs-day) .upcoming-glass-card,
html.space-bg-mode:not(.hs-day) #documents-section .card {
    background: var(--hs-card) !important;
    border: 1px solid var(--hs-line) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25) !important;
    color: var(--hs-text);
}
html.space-bg-mode:not(.hs-day) .cal-card:hover,
html.space-bg-mode:not(.hs-day) .premium-news-card:hover,
html.space-bg-mode:not(.hs-day) .upcoming-glass-card:hover {
    background: var(--hs-card-hover) !important;
    border-color: rgba(255, 213, 74, .4) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 213, 74, .15) !important;
}

/* ---------- ปฏิทินการศึกษา ---------- */
html.space-bg-mode:not(.hs-day) .cal-card-title { color: #fff !important; }
html.space-bg-mode:not(.hs-day) .cal-card-subtitle, html.space-bg-mode:not(.hs-day) .cal-card-desc { color: var(--hs-muted) !important; }
html.space-bg-mode:not(.hs-day) .cal-card-btn { background: var(--hs-gold-grad) !important; color: #1a1300 !important; border: 0 !important; box-shadow: 0 6px 18px rgba(255, 171, 64, .3) !important; }

/* ---------- ปฏิทินการประชุม (FullCalendar) ---------- */
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc {
    --fc-border-color: var(--hs-line);
    --fc-page-bg-color: transparent;
    --fc-neutral-bg-color: rgba(255, 255, 255, .04);
    --fc-today-bg-color: rgba(255, 213, 74, .1);
    --fc-list-event-hover-bg-color: rgba(255, 255, 255, .06);
    color: var(--hs-text);
}
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-toolbar-title,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-col-header-cell-cushion,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-daygrid-day-number,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-list-day-text,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-list-day-side-text { color: var(--hs-text) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-col-header-cell { background: rgba(255, 255, 255, .03) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-day-other .fc-daygrid-day-number { color: rgba(232, 238, 255, .3) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-day-other { background: rgba(0, 0, 0, .12) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-list-day-cushion { background: rgba(255, 255, 255, .05) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-button-primary {
    background: rgba(79, 195, 247, .12) !important; border-color: rgba(79, 195, 247, .35) !important; color: #fff !important; box-shadow: none !important;
}
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-button-primary:not(:disabled).fc-button-active,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-button-primary:not(:disabled):hover { background: var(--hs-cyan) !important; border-color: var(--hs-cyan) !important; color: #06122e !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .fc-button-primary:disabled { opacity: .45; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .btn-outline-primary { color: var(--hs-cyan) !important; border-color: rgba(79, 195, 247, .5) !important; background: transparent !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .btn-outline-primary:hover { background: rgba(79, 195, 247, .15) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .dropdown-menu { background: #0d1a40 !important; border: 1px solid var(--hs-line) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .dropdown-item { color: var(--hs-text) !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .dropdown-item:hover { background: rgba(255, 255, 255, .08) !important; }
html.space-bg-mode:not(.hs-day) .upcoming-sidebar { color: var(--hs-text); }
html.space-bg-mode:not(.hs-day) .upcoming-sidebar :is(h5, h6, strong, .fw-bold) { color: #fff !important; }
html.space-bg-mode:not(.hs-day) .upcoming-sidebar hr, html.space-bg-mode:not(.hs-day) .upcoming-sidebar .border-bottom { border-color: var(--hs-line) !important; opacity: 1; }
html.space-bg-mode:not(.hs-day) .upcoming-sidebar a { color: var(--hs-gold) !important; }
html.space-bg-mode:not(.hs-day) .upcoming-glass-card i.fa-chevron-right { color: var(--hs-muted) !important; }
html.space-bg-mode:not(.hs-day) .upcoming-glass-card .event-title { color: #fff !important; }
html.space-bg-mode:not(.hs-day) .upcoming-glass-card .event-time { color: var(--hs-muted) !important; }
/* ปุ่มบนแถบเครื่องมือปฏิทิน (FullCalendar ใช้ธีม Bootstrap = .btn-primary) */
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .btn-primary {
    background: rgba(79, 195, 247, .12) !important; border: 1px solid rgba(79, 195, 247, .35) !important; color: #fff !important; box-shadow: none !important;
}
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .btn-primary:hover:not(:disabled),
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .btn-primary.active { background: var(--hs-cyan) !important; border-color: var(--hs-cyan) !important; color: #06122e !important; }
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .btn-primary:disabled { opacity: .45; }

/* ---------- ข่าวประชาสัมพันธ์ ---------- */
html.space-bg-mode:not(.hs-day) .premium-news-body { background: transparent !important; }
html.space-bg-mode:not(.hs-day) .premium-news-date-badge { background: rgba(8, 16, 40, .78) !important; color: #fff !important; border: 1px solid rgba(255, 213, 74, .35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html.space-bg-mode:not(.hs-day) .premium-news-date-badge i { color: var(--hs-gold) !important; }
html.space-bg-mode:not(.hs-day) .premium-news-readmore { color: var(--hs-gold) !important; }

/* ---------- เอกสารดาวน์โหลด ---------- */
html.space-bg-mode:not(.hs-day) #documents-section .input-group { background: rgba(255, 255, 255, .06) !important; border-color: rgba(160, 190, 255, .25) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .input-group-text,
html.space-bg-mode:not(.hs-day) #documents-section .form-control { background: transparent !important; color: #fff !important; }
html.space-bg-mode:not(.hs-day) #documents-section .input-group-text { color: var(--hs-muted) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .form-control::placeholder { color: rgba(232, 238, 255, .45); }
html.space-bg-mode:not(.hs-day) #documents-section .nav-pills .nav-link { background: rgba(255, 255, 255, .06) !important; color: var(--hs-text) !important; border: 1px solid var(--hs-line) !important; box-shadow: none !important; }
html.space-bg-mode:not(.hs-day) #documents-section .nav-pills .nav-link:hover { background: rgba(255, 255, 255, .1) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .nav-pills .nav-link.active { background: var(--hs-gold-grad) !important; color: #1a1300 !important; border-color: transparent !important; box-shadow: 0 6px 18px rgba(255, 171, 64, .3) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .table {
    --bs-table-bg: transparent; --bs-table-color: var(--hs-text); --bs-table-hover-bg: rgba(255, 255, 255, .05); --bs-table-hover-color: #fff;
    --bs-table-striped-bg: rgba(255, 255, 255, .02); --bs-border-color: var(--hs-line); color: var(--hs-text);
}
html.space-bg-mode:not(.hs-day) #documents-section .table > :not(caption) > * > * { background-color: transparent !important; color: inherit; border-color: var(--hs-line) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .table thead th { color: var(--hs-gold) !important; background: rgba(255, 255, 255, .04) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .table thead { border-bottom: 2px solid rgba(255, 213, 74, .5) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .table a:not(.btn) { color: #fff !important; }
html.space-bg-mode:not(.hs-day) #documents-section .table a:not(.btn):hover { color: var(--hs-gold) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .badge.bg-light { background: rgba(255, 255, 255, .08) !important; color: var(--hs-text) !important; border-color: var(--hs-line) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .btn-outline-primary { color: var(--hs-cyan) !important; border-color: rgba(79, 195, 247, .5) !important; background: transparent !important; }
html.space-bg-mode:not(.hs-day) #documents-section .btn-outline-primary:hover { background: rgba(79, 195, 247, .15) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .page-link { background: rgba(255, 255, 255, .05) !important; color: var(--hs-text) !important; border-color: var(--hs-line) !important; }
html.space-bg-mode:not(.hs-day) #documents-section .page-item.active .page-link { background: var(--hs-gold-grad) !important; color: #1a1300 !important; border-color: transparent !important; }
html.space-bg-mode:not(.hs-day) #documents-section .page-item.disabled .page-link { opacity: .4; }

/* ---------- การ์ดทางลัด (ใต้แบนเนอร์): ครึ่งล่างขาว → เข้ม ---------- */
html.space-bg-mode:not(.hs-day) .quick-link-card-new { background: rgba(8, 16, 42, .92) !important; border: 1px solid rgba(160, 190, 255, .18) !important; }
html.space-bg-mode:not(.hs-day) .quick-link-body { background: transparent !important; }
html.space-bg-mode:not(.hs-day) .quick-link-body h5 { color: #fff !important; }
html.space-bg-mode:not(.hs-day) .quick-link-body small { color: var(--hs-muted) !important; }
html.space-bg-mode:not(.hs-day) .quick-link-footer { background: transparent !important; }

/* ภาพกิจกรรม: ขอบภาพเรืองจาง ๆ */
html.space-bg-mode:not(.hs-day) #activity-gallery-section img { outline: 1px solid rgba(160, 190, 255, .12); }

/* =====================================================================
   ปุ่มทั้งหน้าแรก (กลางวัน + กลางคืน) — ชุดเดียวกันทั้งหมด (2026-09-29)
   หลัก = แคปซูลทองไล่เฉด ตัวเข้ม | รอง = กลางวันขอบน้ำเงิน / กลางคืนกระจก | ที่เลือกอยู่ = ทอง
   ชี้เมาส์: เปลี่ยนสี/เรืองแสงเล็กน้อยเท่านั้น ไม่เด้ง ไม่ขยาย (ไม่ลายตา)
   ===================================================================== */
html.space-bg-mode {
    --hb-gold: linear-gradient(135deg, #ffe28a 0%, #ffc94a 45%, #ffab40 100%);
    --hb-ink: #1a1300;
}
/* ---------- ปุ่มหลัก ---------- */
html.space-bg-mode #documents-section .doc-btn.btn-warning,
html.space-bg-mode #documents-section .input-group .btn-primary,
html.space-bg-mode .academic-calendar-section .cal-card-btn,
html.space-bg-mode .btn-view-all {
    background: var(--hb-gold) !important;
    color: var(--hb-ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(255, 171, 64, .28) !important;
    transform: none !important;
    animation: none !important;
    transition: filter .15s ease, box-shadow .15s ease !important;
}
html.space-bg-mode #documents-section .doc-btn.btn-warning:hover,
html.space-bg-mode #documents-section .input-group .btn-primary:hover,
html.space-bg-mode .academic-calendar-section .cal-card-btn:hover,
html.space-bg-mode .btn-view-all:hover {
    filter: brightness(1.06);
    box-shadow: 0 6px 20px rgba(255, 171, 64, .45) !important;
    color: var(--hb-ink) !important;
}
html.space-bg-mode .btn-view-all .btn-view-all-text { color: var(--hb-ink) !important; }
html.space-bg-mode .btn-view-all .btn-view-all-icon { background: rgba(26, 19, 0, .12) !important; color: var(--hb-ink) !important; transform: none !important; }
html.space-bg-mode .btn-view-all::before, html.space-bg-mode .btn-view-all::after { display: none !important; }
html.space-bg-mode #documents-section .input-group .btn-primary { border-radius: 0 999px 999px 0 !important; padding-left: 1.4rem; padding-right: 1.4rem; }

/* ---------- ปุ่มรอง: กลางวัน (ขอบน้ำเงิน พื้นขาว) ---------- */
html.space-bg-mode.hs-day #documents-section .doc-btn.btn-outline-primary,
html.space-bg-mode.hs-day #meeting-calendar-section .dropdown-toggle,
html.space-bg-mode.hs-day #meeting-calendar-section .fc .btn-primary,
html.space-bg-mode.hs-day #documents-section .nav-pills .nav-link,
html.space-bg-mode.hs-day #documents-section .page-link {
    background: #fff !important;
    color: #003366 !important;
    border: 1.5px solid rgba(0, 51, 102, .2) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}
html.space-bg-mode.hs-day #documents-section .doc-btn.btn-outline-primary:hover,
html.space-bg-mode.hs-day #meeting-calendar-section .dropdown-toggle:hover,
html.space-bg-mode.hs-day #meeting-calendar-section .fc .btn-primary:hover:not(:disabled),
html.space-bg-mode.hs-day #documents-section .nav-pills .nav-link:hover,
html.space-bg-mode.hs-day #documents-section .page-link:hover {
    background: #eef4fb !important;
    border-color: #003366 !important;
    color: #003366 !important;
}
/* กรอบโฟกัสคีย์บอร์ด (WCAG 2.4.7) — box-shadow ของ Bootstrap ถูก !important ด้านบนปิดไว้ จึงใช้ outline แทน */
html.space-bg-mode #documents-section .doc-btn:focus-visible,
html.space-bg-mode #meeting-calendar-section .dropdown-toggle:focus-visible,
html.space-bg-mode #meeting-calendar-section .fc .btn-primary:focus-visible,
html.space-bg-mode #documents-section .nav-pills .nav-link:focus-visible,
html.space-bg-mode #documents-section .page-link:focus-visible,
html.space-bg-mode #documents-section .input-group .btn-primary:focus-visible,
html.space-bg-mode .academic-calendar-section .cal-card-btn:focus-visible,
html.space-bg-mode .btn-view-all:focus-visible {
    outline: 3px solid #ffd54a !important;
    outline-offset: 2px;
}
html.space-bg-mode.hs-day #documents-section .doc-btn:focus-visible,
html.space-bg-mode.hs-day #meeting-calendar-section .dropdown-toggle:focus-visible,
html.space-bg-mode.hs-day #meeting-calendar-section .fc .btn-primary:focus-visible,
html.space-bg-mode.hs-day #documents-section .nav-pills .nav-link:focus-visible,
html.space-bg-mode.hs-day #documents-section .page-link:focus-visible {
    outline-color: #003366 !important;
}
/* ---------- ปุ่มรอง: กลางคืน (กระจก) ---------- */
html.space-bg-mode:not(.hs-day) #documents-section .doc-btn.btn-outline-primary,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .dropdown-toggle,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .btn-primary,
html.space-bg-mode:not(.hs-day) #documents-section .nav-pills .nav-link,
html.space-bg-mode:not(.hs-day) #documents-section .page-link {
    background: rgba(255, 255, 255, .06) !important;
    color: #e8eeff !important;
    border: 1px solid rgba(160, 190, 255, .3) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}
html.space-bg-mode:not(.hs-day) #documents-section .doc-btn.btn-outline-primary:hover,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .dropdown-toggle:hover,
html.space-bg-mode:not(.hs-day) #meeting-calendar-section .fc .btn-primary:hover:not(:disabled),
html.space-bg-mode:not(.hs-day) #documents-section .nav-pills .nav-link:hover,
html.space-bg-mode:not(.hs-day) #documents-section .page-link:hover {
    background: rgba(79, 195, 247, .14) !important;
    border-color: #4fc3f7 !important;
    color: #fff !important;
}
/* ---------- ที่เลือกอยู่ = ทอง (ทั้งสองโหมด) ---------- */
html.space-bg-mode #documents-section .nav-pills .nav-link.active,
html.space-bg-mode #documents-section .page-item.active .page-link,
html.space-bg-mode #meeting-calendar-section .fc .btn-primary.active,
html.space-bg-mode #meeting-calendar-section .fc .btn-primary:not(:disabled):active {
    background: var(--hb-gold) !important;
    color: var(--hb-ink) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(255, 171, 64, .3) !important;
}
html.space-bg-mode #meeting-calendar-section .fc .btn-primary:disabled { opacity: .45 !important; }
/* รูปทรง */
html.space-bg-mode #documents-section .doc-btn,
html.space-bg-mode #documents-section .nav-pills .nav-link,
html.space-bg-mode #meeting-calendar-section .dropdown-toggle { border-radius: 999px !important; }
html.space-bg-mode #meeting-calendar-section .fc .btn-group { gap: 4px; }
html.space-bg-mode #meeting-calendar-section .fc .btn { border-radius: 10px !important; font-weight: 700; }
html.space-bg-mode #documents-section .pagination { gap: 6px; }
html.space-bg-mode #documents-section .page-link { border-radius: 10px !important; min-width: 38px; text-align: center; }
html.space-bg-mode #documents-section .page-item.disabled .page-link { opacity: .4; }

/* ---------- แถบ "ดูเพิ่มเติม" ใต้การ์ดทางลัด: เรียบ + เส้นสีประจำการ์ด + ลูกศรทอง ---------- */
html.space-bg-mode .quick-link-footer [class*="btn-gradient-"] {
    border-radius: 12px !important;
    transition: background-color .15s ease, border-color .15s ease !important;
}
html.space-bg-mode .quick-link-footer [class*="btn-gradient-"]::before,
html.space-bg-mode .quick-link-footer [class*="btn-gradient-"]::after { display: none !important; }
html.space-bg-mode .quick-link-footer .btn-gradient-blue { border-left: 3px solid #3b82f6 !important; }
html.space-bg-mode .quick-link-footer .btn-gradient-red { border-left: 3px solid #ef4444 !important; }
html.space-bg-mode .quick-link-footer .btn-gradient-yellow { border-left: 3px solid #f59e0b !important; }
html.space-bg-mode .quick-link-footer .btn-gradient-green { border-left: 3px solid #10b981 !important; }
html.space-bg-mode.hs-day .quick-link-footer [class*="btn-gradient-"] { background: #f1f5fb !important; color: #003366 !important; }
/* style.css บังคับ span ในปุ่มเป็นสีขาว (!important) → ต้องตั้งที่ span ด้วย ไม่งั้นตัวอักษรขาวบนพื้นอ่อน */
html.space-bg-mode.hs-day .quick-link-footer [class*="btn-gradient-"] span { color: #003366 !important; }
html.space-bg-mode.hs-day .quick-link-footer [class*="btn-gradient-"] i { color: #f59e0b !important; }
html.space-bg-mode:not(.hs-day) .quick-link-footer [class*="btn-gradient-"] { background: rgba(255, 255, 255, .07) !important; color: #fff !important; }
html.space-bg-mode:not(.hs-day) .quick-link-footer [class*="btn-gradient-"] i { color: #ffd54a !important; }
html.space-bg-mode .quick-link-card-new:hover .quick-link-footer [class*="btn-gradient-"] { filter: brightness(1.04); }