/* ====================================================
   飞鹰管理系统 · 全局美化样式 v2.0
   深度美化: 渐变/毛玻璃/卡片/动画
   ==================================================== */

/* ---------- 0. CSS 变量 ---------- */
:root {
  --fy-primary: #4f46e5;
  --fy-primary-light: #818cf8;
  --fy-primary-dark: #3730a3;
  --fy-primary-bg: rgba(79,70,229,0.08);
  --fy-success: #10b981;
  --fy-success-light: #34d399;
  --fy-warn: #f59e0b;
  --fy-warn-light: #fbbf24;
  --fy-danger: #ef4444;
  --fy-danger-light: #f87171;
  --fy-glass: rgba(255,255,255,0.55);
  --fy-glass-heavy: rgba(255,255,255,0.78);
  --fy-glass-border: rgba(255,255,255,0.45);
  --fy-shadow: 0 4px 24px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.03);
  --fy-shadow-lg: 0 10px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.03);
  --fy-shadow-glow: 0 0 20px rgba(79,70,229,0.15);
  --fy-radius: 14px;
  --fy-radius-sm: 10px;
  --fy-text: #1e293b;
  --fy-text2: #475569;
  --fy-text3: #94a3b8;
  --fy-divider: rgba(0,0,0,0.05);
}

/* ---------- 1. 全局基础 ---------- */
* { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.15s, opacity 0.2s !important; }
input, textarea, [contenteditable] { transition: none !important; }

html, body {
  background: linear-gradient(160deg, #eef2ff 0%, #f0fdf4 30%, #fefce8 60%, #fdf2f8 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

/* 大光晕背景装饰 */
body::before {
  content: ''; position: fixed; top: -30%; right: -20%; z-index: -2;
  width: 60vw; height: 60vw; border-radius: 50%;
  background: radial-gradient(circle, rgba(79,70,229,0.06) 0%, transparent 60%);
  pointer-events: none;
}
body::after {
  content: ''; position: fixed; bottom: -20%; left: -15%; z-index: -2;
  width: 50vw; height: 50vw; border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.05) 0%, transparent 60%);
  pointer-events: none;
}

/* 自定义滚动条 */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(79,70,229,0.18); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(79,70,229,0.35); }

/* 隐藏音频 */
audio { display: none !important; }

/* ---------- 2. 布局 ---------- */
.n-layout, .n-layout-content { background: transparent !important; }

/* ---------- 3. 侧边栏 ---------- */
.n-layout-sider,
.n-layout-sider .n-layout-sider-scroll-container {
  background: var(--fy-glass-heavy) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border-right: 1px solid var(--fy-glass-border) !important;
  box-shadow: 4px 0 30px rgba(0,0,0,0.04) !important;
}

/* 侧栏 Logo */
.n-layout-sider h2,
.n-layout-sider .logo-text {
  background: linear-gradient(135deg, var(--fy-primary), var(--fy-primary-light)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  padding: 20px 0 !important;
  text-align: center !important;
}

/* 侧栏菜单项 */
.n-menu.n-menu--vertical { background: transparent !important; }
.n-menu-item,
.n-menu .n-menu-item {
  border-radius: var(--fy-radius-sm) !important;
  margin: 4px 12px !important;
  padding: 0 12px !important;
  font-weight: 500 !important;
  color: var(--fy-text2) !important;
}
.n-menu-item:hover,
.n-menu .n-menu-item:hover {
  background: var(--fy-primary-bg) !important;
  color: var(--fy-primary) !important;
}
.n-menu-item.n-menu-item--selected,
.n-menu .n-menu-item.n-menu-item--selected {
  background: linear-gradient(135deg, var(--fy-primary), var(--fy-primary-light)) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(79,70,229,0.25) !important;
}
.n-menu-item.n-menu-item--selected .n-menu-item-content,
.n-menu-item.n-menu-item--selected .n-menu-item-content__icon,
.n-menu-item.n-menu-item--selected .n-icon {
  color: #fff !important;
}

/* 菜单图标 */
.n-menu-item-content__icon {
  border-radius: 8px !important;
  padding: 3px !important;
}

/* ---------- 4. 顶栏 ---------- */
.n-layout-header {
  background: var(--fy-glass) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  border-bottom: 1px solid var(--fy-glass-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.03) !important;
}

/* ---------- 5. 平台标签栏 ---------- */
#fy-platform-tabs {
  background: var(--fy-glass-heavy) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid var(--fy-glass-border) !important;
  border-radius: var(--fy-radius) !important;
  padding: 10px 14px !important;
  box-shadow: var(--fy-shadow) !important;
  margin-bottom: 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
#fy-platform-tabs button {
  border-radius: 22px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border: 1.5px solid rgba(79,70,229,0.15) !important;
  background: rgba(255,255,255,0.65) !important;
  color: var(--fy-text2) !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}
#fy-platform-tabs button:hover {
  background: var(--fy-primary-bg) !important;
  border-color: var(--fy-primary) !important;
  color: var(--fy-primary) !important;
  box-shadow: 0 2px 10px rgba(79,70,229,0.12) !important;
}

/* ---------- 6. NaiveUI 数据表格 ---------- */
.n-data-table { border-radius: var(--fy-radius) !important; overflow: hidden !important; }

.n-data-table-wrapper { border-radius: var(--fy-radius) !important; }

/* 表头 - 蓝紫渐变 */
.n-data-table .n-data-table-thead { background: linear-gradient(135deg, var(--fy-primary) 0%, #6366f1 50%, var(--fy-primary-light) 100%) !important; }
.n-data-table .n-data-table-th {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  border-bottom: none !important;
  padding: 14px 12px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}
.n-data-table-th__title { color: #fff !important; }
.n-data-table-th .n-data-table-sorter { color: rgba(255,255,255,0.7) !important; }

/* 表格行 */
.n-data-table .n-data-table-tr {
  background: rgba(255,255,255,0.5) !important;
}
.n-data-table .n-data-table-tr:nth-child(even) {
  background: rgba(248,250,252,0.6) !important;
}
.n-data-table .n-data-table-tr:hover {
  background: rgba(79,70,229,0.05) !important;
}
.n-data-table .n-data-table-td {
  border-bottom: 1px solid var(--fy-divider) !important;
  padding: 12px !important;
  font-size: 13px !important;
  color: var(--fy-text) !important;
}

/* ---------- 7. NaiveUI 按钮 ---------- */
.n-button {
  border-radius: var(--fy-radius-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}
.n-button:not(.n-button--text-type):not(.n-button--quaternary-type) {
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}
.n-button:hover:not([disabled]) {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
}

.n-button--primary-type:not(.n-button--ghost-type) {
  background: linear-gradient(135deg, var(--fy-primary), var(--fy-primary-light)) !important;
  border-color: transparent !important;
}
.n-button--success-type:not(.n-button--ghost-type) {
  background: linear-gradient(135deg, var(--fy-success), var(--fy-success-light)) !important;
  border-color: transparent !important;
}
.n-button--error-type:not(.n-button--ghost-type) {
  background: linear-gradient(135deg, var(--fy-danger), var(--fy-danger-light)) !important;
  border-color: transparent !important;
}
.n-button--warning-type:not(.n-button--ghost-type) {
  background: linear-gradient(135deg, var(--fy-warn), var(--fy-warn-light)) !important;
  border-color: transparent !important;
}

/* ---------- 8. NaiveUI 输入框 ---------- */
.n-input, .n-input-wrapper {
  border-radius: var(--fy-radius-sm) !important;
}
.n-input {
  background: rgba(255,255,255,0.7) !important;
  border: 1.5px solid rgba(0,0,0,0.08) !important;
}
.n-input:focus-within,
.n-input--focus {
  border-color: var(--fy-primary) !important;
  box-shadow: 0 0 0 3px rgba(79,70,229,0.1) !important;
  background: #fff !important;
}

/* ---------- 9. NaiveUI 卡片 ---------- */
.n-card {
  background: var(--fy-glass-heavy) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid var(--fy-glass-border) !important;
  border-radius: var(--fy-radius) !important;
  box-shadow: var(--fy-shadow) !important;
}

/* ---------- 10. NaiveUI Tab 页签 ---------- */
.n-tabs .n-tabs-tab {
  border-radius: var(--fy-radius-sm) var(--fy-radius-sm) 0 0 !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
}
.n-tabs .n-tabs-tab--active {
  color: var(--fy-primary) !important;
}
.n-tabs .n-tab-pane {
  padding: 16px 0 !important;
}

/* NaiveUI Tab Bar (下划线) */
.n-tabs .n-tabs-bar {
  background: var(--fy-primary) !important;
}

/* ---------- 11. NaiveUI 开关 ---------- */
.n-switch.n-switch--active .n-switch__rail {
  background: var(--fy-primary) !important;
}

/* ---------- 12. NaiveUI 分页 ---------- */
.n-pagination .n-pagination-item--active {
  background: var(--fy-primary) !important;
  border-color: var(--fy-primary) !important;
  color: #fff !important;
}

/* ---------- 13. NaiveUI Tag ---------- */
.n-tag {
  border-radius: 20px !important;
  font-weight: 500 !important;
}

/* ---------- 14. NaiveUI 头像 ---------- */
.n-avatar {
  border-radius: var(--fy-radius-sm) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
  border: 2px solid rgba(255,255,255,0.8) !important;
}
.n-avatar:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
  transform: scale(1.05);
}

/* ---------- 15. NaiveUI Select ---------- */
.n-base-selection {
  border-radius: var(--fy-radius-sm) !important;
}

/* ---------- 16. NaiveUI Modal/Dialog ---------- */
.n-modal, .n-dialog {
  border-radius: var(--fy-radius) !important;
  box-shadow: var(--fy-shadow-lg) !important;
}

/* ---------- 17. NaiveUI Message/Notification ---------- */
.n-message { border-radius: var(--fy-radius-sm) !important; }
.n-notification { border-radius: var(--fy-radius) !important; }

/* ---------- 18. 搜索栏容器 ---------- */
.n-space { gap: 10px !important; }

/* ---------- 19. 面包屑 ---------- */
.n-breadcrumb {
  font-size: 13px !important;
  color: var(--fy-text3) !important;
}

/* ---------- 20. 控制页右侧按钮美化 ---------- */
/* 这些按钮有 inline style: border: 1px solid rgb(255,140,0) */
/* beautify.js 会用 JS 覆盖 */

/* ---------- 21. 底部 App 圆钮 ---------- */
button[style*="border-radius: 50%"],
button[style*="border-radius:50%"] {
  box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
  transition: all 0.25s ease !important;
}
button[style*="border-radius: 50%"]:hover,
button[style*="border-radius:50%"]:hover {
  transform: scale(1.15) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important;
}

/* ---------- 22. 页面进入动画 ---------- */
@keyframes fySlideUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.n-layout-content > .n-layout-scroll-container > div {
  animation: fySlideUp 0.35s ease-out !important;
}

/* ---------- 23. 加载器主色 ---------- */
.first-loading-wrap .core {
  background: var(--fy-primary) !important;
}
.orbit { border-color: rgba(79,70,229,0.2) !important; }
.orbit::before { background: var(--fy-primary) !important; }

/* ---------- 24. 状态指示器美化 ---------- */
span[style*="color: green"], span[style*="color: rgb(0, 128, 0)"],
span[style*="color:green"] {
  background: rgba(16,185,129,0.1) !important;
  padding: 3px 10px !important;
  border-radius: 16px !important;
  font-weight: 500 !important;
}
span[style*="color: red"], span[style*="color: rgb(255, 0, 0)"],
span[style*="color:red"] {
  background: rgba(239,68,68,0.1) !important;
  padding: 3px 10px !important;
  border-radius: 16px !important;
  font-weight: 500 !important;
}

/* ---------- 25. 登录页特效 ---------- */
.view-account {
  min-height: 100vh !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.view-account-header {
  display: none !important;
}
.view-account-container {
  background: rgba(255,255,255,0.72) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  box-shadow: 0 12px 48px rgba(79,70,229,0.12), 0 2px 8px rgba(0,0,0,0.04) !important;
  padding: 48px 44px !important;
  min-width: 380px !important;
}

@keyframes fyGradientBG {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ---------- 26. 响应式 ---------- */
@media (max-width: 768px) {
  #fy-platform-tabs button { font-size: 11px !important; padding: 4px 10px !important; }
  .n-data-table .n-data-table-td { padding: 8px 6px !important; font-size: 12px !important; }
}


/* ===============================================
   27. 搜索筛选区域全面美化
   =============================================== */

/* 搜索区域外层卡片 */
.n-form[data-fy-search="1"] {
  position: relative;
}

.n-form[data-fy-search="1"] .n-grid {
  gap: 12px 16px !important;
  align-items: center;
}

/* 每个表单项 */
.n-form .n-form-item {
  margin-bottom: 0 !important;
}

/* 标签文字 */
.n-form .n-form-item-label {
  width: auto !important;
  min-width: unset !important;
}
.n-form .n-form-item-label__text {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  letter-spacing: 0.3px;
}

/* 所有输入框统一风格 */
.n-form .n-input,
#fy-id-search .n-form-item-blank > div {
  border-radius: 10px !important;
  border: 1.5px solid rgba(148, 163, 184, 0.25) !important;
  background: rgba(255,255,255,0.85) !important;
  height: 38px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.n-form .n-input:hover,
#fy-id-search .n-form-item-blank > div:hover {
  border-color: rgba(99, 102, 241, 0.35) !important;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08) !important;
}
.n-form .n-input:focus-within,
.n-form .n-input--focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12), 0 2px 8px rgba(99, 102, 241, 0.08) !important;
  background: #fff !important;
}

/* 国家下拉按钮 */
.fy-country-display {
  border-radius: 10px !important;
  border: 1.5px solid rgba(148, 163, 184, 0.25) !important;
  background: rgba(255,255,255,0.85) !important;
  height: 38px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  padding: 0 14px !important;
  font-size: 13.5px !important;
}
.fy-country-display:hover {
  border-color: rgba(99, 102, 241, 0.35) !important;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08) !important;
}

/* 国家面板美化 */
#fy-country-panel {
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.15) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(99,102,241,0.06) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  overflow: hidden !important;
}

/* 按钮区域 */
.n-form .n-form-item:last-child .n-form-item-blank {
  gap: 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

/* 查询按钮 */
.n-form button[type="submit"],
.n-form .n-button--primary-type {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0 22px !important;
  height: 38px !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.5px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important;
  transition: all 0.25s ease !important;
}
.n-form button[type="submit"]:hover,
.n-form .n-button--primary-type:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45) !important;
}

/* 重置按钮 */
.n-form .n-button--default-type {
  background: rgba(255,255,255,0.8) !important;
  border: 1.5px solid rgba(148, 163, 184, 0.3) !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  height: 38px !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  transition: all 0.25s ease !important;
}
.n-form .n-button--default-type:hover {
  border-color: #6366f1 !important;
  color: #4f46e5 !important;
  background: rgba(99, 102, 241, 0.05) !important;
}

/* "按国家下发" 按钮特殊样式 */
#fy-dispatch-btn, .fy-dispatch-btn {
  background: linear-gradient(135deg, #f97316 0%, #ef4444 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0 18px !important;
  height: 38px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
#fy-dispatch-btn:hover, .fy-dispatch-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4) !important;
}

/* 展开/收起按钮 */
.n-form .n-button--text-type {
  color: #6366f1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.n-form .n-button--text-type:hover {
  color: #4f46e5 !important;
}


/* ===============================================
   28. 搜索标签图标 (CSS only, Vue-safe)
   =============================================== */
.n-form .n-form-item-label__text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* 设备ID 标签 - injected by id-search.js, target via parent */
#fy-id-search .n-form-item-label__text::before {
  content: '\1F4F1';
  font-size: 14px;
}

/* 备注 */
.n-form-item-label__text[data-fy-icon="remark"]::before,
.n-form .n-form-item:nth-child(2) .n-form-item-label__text::before {
  content: '\1F4DD';
  font-size: 14px;
}

/* 型号 */
.n-form .n-form-item:nth-child(4) .n-form-item-label__text::before {
  content: '\1F4BB';
  font-size: 14px;
}


/* ===============================================
   29. 按钮字体可读性增强
   =============================================== */

/* --- 全局: 所有带颜色背景的按钮 --- */
.n-button--primary-type:not(.n-button--ghost-type),
.n-button--success-type:not(.n-button--ghost-type),
.n-button--error-type:not(.n-button--ghost-type),
.n-button--warning-type:not(.n-button--ghost-type),
.n-button--info-type:not(.n-button--ghost-type) {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.n-button--primary-type:not(.n-button--ghost-type) .n-button__content,
.n-button--success-type:not(.n-button--ghost-type) .n-button__content,
.n-button--error-type:not(.n-button--ghost-type) .n-button__content,
.n-button--warning-type:not(.n-button--ghost-type) .n-button__content,
.n-button--info-type:not(.n-button--ghost-type) .n-button__content {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

/* --- 搜索区: 查询按钮 --- */
.n-form .n-button--primary-type {
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;
}

/* --- 搜索区: 按国家下发按钮 --- */
#fy-dispatch-btn, .fy-dispatch-btn {
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;
}

/* --- 搜索区: 重置按钮 --- */
.n-form .n-button--default-type {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #475569 !important;
  letter-spacing: 0.5px !important;
}

/* --- 搜索区: 展开/收起按钮 --- */
.n-form .n-button--text-type {
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* --- 表格操作按钮 (控制/下发/删除) --- */
.n-data-table .n-button {
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 1px !important;
  min-width: 56px !important;
  padding: 0 12px !important;
}
.n-data-table .n-button:not(.n-button--text-type) {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.n-data-table .n-button .n-button__content {
  color: #fff !important;
  font-weight: 700 !important;
}


/* ===============================================
   30. 按国家下发按钮 (#_fy_country_btn)
   =============================================== */
#_fy_country_btn {
  background: linear-gradient(135deg, #f97316 0%, #ef4444 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0 18px !important;
  height: 38px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.3) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
  transition: all 0.25s ease !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
  line-height: 38px !important;
}
#_fy_country_btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
}
#_fy_country_btn svg {
  stroke: #fff !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2)) !important;
}