/* ปุ่มสลับ GUI template 1 | 2 (components/TemplateSwitch.php) — อยู่ที่ footer ของทั้งสอง template ; โหลดผ่าน AppAsset */
.gs-tplfoot { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gs-tplfoot-lbl { font-size: 12.5px; }
.gs-tplsw { display: inline-flex; border: 1px solid var(--green, #1F6D45); flex-shrink: 0; }
.gs-tplsw a { display: inline-flex; align-items: center; gap: 4px; background: var(--card, #fff); color: var(--green-deep, #123B27) !important;
  font: 600 12px/1 'IBM Plex Mono', monospace; padding: 6px 9px; text-decoration: none !important; border-bottom: 0 !important; }
.gs-tplsw a + a { border-left: 1px solid var(--green, #1F6D45); }
.gs-tplsw a[aria-pressed="true"] { background: var(--green-deep, #123B27); color: #fff !important; }
.gs-tplsw a:focus-visible { outline: 2px solid var(--gold, #A97D2F); outline-offset: 1px; }
.gs-tplsw .tpl-ic { font-size: 13px; }
/* template 2: footer สีเขียวเข้ม (.app-footer ของ BKK) */
.app-footer .gs-tplfoot-lbl { color: rgba(255, 255, 255, .7); }
.app-footer .gs-tplsw { border-color: rgba(255, 255, 255, .45); border-radius: 999px; overflow: hidden; }
.app-footer .gs-tplsw a { background: transparent; color: rgba(255, 255, 255, .85) !important; font-family: inherit; padding: 6px 12px; }
.app-footer .gs-tplsw a + a { border-left-color: rgba(255, 255, 255, .45); }
.app-footer .gs-tplsw a[aria-pressed="true"] { background: #fff; color: #0E281D !important; }