/* Jainam Gold: shared reference palette and website chrome. Loaded last. */
:root {
  --isg-legacy-teal: #151a1b;
  --isg-legacy-deep: #151a1b;
  --isg-legacy-cyan: #d6a33d;
  --isg-legacy-light: #f0ce78;
  --isg-legacy-silver: linear-gradient(180deg, #fff, #d5d5d5);
  --bg: var(--isg-legacy-teal);
  --bg-soft: #f7efdf;
  --panel: #fff;
  --panel-solid: #f7efdf;
  --border: #e6d8bc;
  --border-strong: var(--isg-legacy-cyan);
  --text: #111;
  --muted: #62676b;
  --accent: var(--isg-legacy-teal);
  --accent-strong: var(--isg-legacy-deep);
  --accent2: var(--isg-legacy-cyan);
  --accent3: var(--isg-legacy-cyan);
  --font-main: Arial, Helvetica, sans-serif;
  --font-mono: Arial, Helvetica, sans-serif;
  --header-surface: var(--isg-legacy-teal);
  --footer-surface: var(--isg-legacy-teal);
  --nav-gradient: var(--isg-legacy-teal);
  --brand-field: var(--isg-legacy-teal);
  --brand-field-strong: var(--isg-legacy-deep);
  --focus: var(--isg-legacy-teal);
}
html { min-height: 100%; }
body, body.live-rates-page { background: var(--isg-legacy-teal); font-family: Arial, Helvetica, sans-serif; }
.aurora-field, .scroll-texture { display: none; }
.app-shell { width: 100%; min-height: 100vh; }
.app-main { display: flex; flex-direction: column; min-height: 100vh; margin: 0; }
.app-topbar, .app-topbar.is-scrolled {
  --header-gutter: max(20px, calc((100vw - 1180px) / 2));
  position: sticky !important;
  top: 0;
  height: auto;
  min-height: 0;
  grid-template-rows: 64px 30px;
  background: var(--isg-legacy-teal) !important;
  border-bottom: 2px solid var(--isg-legacy-cyan);
  box-shadow: none;
  z-index: 30;
}
.topbar-wordmark { padding: 0; }
.topbar-wordmark .board-wordmark { display: block; line-height: 0; }
.topbar-wordmark .board-wordmark img { display: block; width: 225px; max-width: 22vw; height: auto; }
.topbar-nav-slot .ma-menu { gap: 1px; }
.topbar-nav-slot .ma-menu-link, .topbar-nav-slot .ma-menu-trigger {
  min-height: 42px; padding: 10px; color: #fff; font-size: 13px; font-weight: 700;
}
.topbar-nav-slot .ma-menu-link:hover, .topbar-nav-slot .ma-menu-trigger:hover,
.topbar-nav-slot .ma-menu-trigger[aria-expanded=true],
.topbar-nav-slot .ma-menu-link[aria-current=page], .topbar-nav-slot .ma-menu-trigger.is-current {
  color: #111; background: var(--isg-legacy-light); box-shadow: none;
}
.topbar-nav-slot .ma-menu-link .glyph .nav-svg,
.topbar-nav-slot .ma-menu-trigger .glyph .nav-svg { filter: brightness(0) invert(1); }
.topbar-nav-slot .ma-menu-link:hover .glyph .nav-svg,
.topbar-nav-slot .ma-menu-trigger:hover .glyph .nav-svg,
.topbar-nav-slot .ma-menu-trigger.is-current .glyph .nav-svg,
.topbar-nav-slot .ma-menu-link[aria-current=page] .glyph .nav-svg { filter: brightness(0); }
.ma-menu .glyph, .foot-menu-svg, .social-svg { animation: none !important; }
.ma-submenu { border: 1px solid var(--isg-legacy-cyan); background: #fff; }
.topbar-nav-slot .ma-submenu .ma-menu-link { color: #121516; }
.topbar-nav-slot .ma-submenu .ma-menu-link .glyph .nav-svg { filter: none; }
.topbar-actions { gap: 8px; }
.topbar-actions .ma-menu-link:not(.auth-login):not(.auth-logout),
.topbar-actions .ma-menu-link, .topbar-actions .pill-btn, .topbar-actions .pill-btn.accent {
  padding: 8px 12px; border: 1px solid var(--isg-legacy-cyan); border-radius: 5px;
  background: #fff; color: #121516; font-size: 12px; font-weight: 700; box-shadow: none;
}
.topbar-actions .ma-menu-link:hover, .topbar-actions .pill-btn:hover, .topbar-actions .pill-btn.accent:hover {
  background: var(--isg-legacy-light); color: #111; border-color: var(--isg-legacy-light);
}
.topbar-actions .nav-svg, .topbar-actions .button-svg { filter: none; }
.app-topbar .ticker {
  height: 30px; background: var(--isg-legacy-light); border: 0; color: #121516;
  display: flex; align-items: center;
}
.app-topbar .ticker-track { color: #121516; font-size: 12px; line-height: 1.3; }
.app-topbar .ticker-chip, .app-topbar .ticker-chip .sym, .app-topbar .ticker-chip .px { color: #121516; font-size: 12px; }
.app-topbar .ticker-chip .dir-up { color: #17693c; }
.app-topbar .ticker-chip .dir-down { color: #8f1515; }
.topbar-toggle { border-color: var(--isg-legacy-cyan); background: transparent; color: #fff; }
.topbar-toggle span, .topbar-toggle span::before, .topbar-toggle span::after { background: #fff; }
.app-sidebar { background: var(--isg-legacy-teal); }
.sidebar-brand { display: block; }
.sidebar-brand .sidebar-logo { display: block; width: 225px; max-width: 100%; height: auto; filter: none; }
.app-content, .home-page {
  width: calc(100% - 40px); max-width: 1180px; margin: 20px auto;
  padding: 22px; border: 2px solid var(--isg-legacy-cyan); border-radius: 5px;
  background: #fff; color: #111;
}
.page-head {
  margin: -22px -22px 22px; padding: 14px 20px; border-bottom: 2px solid var(--isg-legacy-cyan);
  background: var(--isg-legacy-silver); color: #121516;
}
.page-head h1 { margin: 0; color: #121516; font-size: 24px; }
.page-head p { color: #62676b; }
.glass, .bank-card, .message-card, .kyc-form fieldset, .kyc-review {
  background: #fff; border-color: var(--isg-legacy-cyan); border-radius: 5px; box-shadow: none;
}
.panel-title { color: #121516; }
.panel-title .dot { background: var(--isg-legacy-cyan); }
.btn:not(.buy):not(.sell):not(.primary):not(.city-tab), .pill-btn:not(.accent) {
  background: var(--isg-legacy-silver); color: #121516; border-color: var(--isg-legacy-cyan); border-radius: 5px;
}
.btn.primary, .pill-btn.accent { background: var(--isg-legacy-teal); color: #fff; border-color: var(--isg-legacy-teal); box-shadow: none; }
.btn.primary:hover, .pill-btn.accent:hover { background: var(--isg-legacy-deep); }
.segmented { background: #f7efdf; border: 1px solid var(--isg-legacy-cyan); }
.segmented button.active { background: var(--isg-legacy-light); color: #111; }
.field input, .field select, .field textarea { background: #fff; color: #111; border-color: #d8c8a7; border-radius: 5px; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid var(--isg-legacy-teal); outline-offset: 2px; }
.data-table th, .tds-table th, .choice-tds-table th, .rate-table thead th,
.orders-table thead th:last-child, .choice-tds-heading, .bank-head {
  background: var(--isg-legacy-silver); color: #121516; border-color: var(--isg-legacy-cyan);
}
.data-table td, .tds-table td, .choice-tds-table td, .rate-table tbody td { border-color: #e6d8bc; color: #111; }
.choice-tds-table input { border-color: #d8c8a7; }
.choice-formula { color: #121516; background: #fff; border-color: var(--isg-legacy-cyan); }
.choice-total-grid article { border-color: var(--isg-legacy-cyan); }
.choice-total-grid .choice-payable { background: #f7efdf; }
.home-page { padding: 20px 22px 0; }
.home-slider { background: var(--isg-legacy-teal); border-color: var(--isg-legacy-cyan); border-radius: 5px; }
.home-slide h1, .home-slide h2, .home-section h2, .home-section-heading h2 {
  font-family: Arial, Helvetica, sans-serif; font-weight: 700;
}
.home-script { font-family: Arial, Helvetica, sans-serif; font-style: normal; }
.home-slide h1, .home-slide h2, .home-slide-copy > p:not(.home-script), .home-slide .home-script, .home-slide .home-text-link { color: #fff; }
.home-slide .btn.primary { background: var(--isg-legacy-light); color: #111; }
.home-section-nav { background: #f7efdf; border-color: var(--isg-legacy-cyan); }
.home-section-nav a, .home-text-link { color: #121516; }
.app-footer {
  flex-shrink: 0; margin-top: auto; background: var(--isg-legacy-teal); color: #fff;
  border-top: 2px solid var(--isg-legacy-cyan);
}
.footer-grid {
  max-width: 1180px; padding: 14px 20px 10px; gap: 22px;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
}
.footer-brand-col .mark-row .board-wordmark { display: block; padding: 0; border: 0; background: transparent; }
.footer-brand-col .mark-row .board-wordmark img { display: block; width: 220px; max-width: 100%; height: auto; }
.footer-brand-col p { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: #fff; }
.footer-acc summary { padding: 2px 0 8px; color: #fff; font-size: 13px; }
.footer-acc .acc-body { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 12px; padding: 0; font-size: 12px; line-height: 1.35; }
.footer-acc .acc-body a { padding: 2px 0; color: #fff; }
.footer-acc .acc-body a:hover, .footer-acc .acc-body a:focus-visible { color: var(--isg-legacy-light); }
.footer-acc summary::after { color: var(--isg-legacy-light); }
.footer-acc .acc-body a .foot-menu-svg { width: 12px; height: 12px; margin-right: 5px; filter: brightness(0) invert(1); }
.footer-bottom {
  max-width: none; width: 100%; margin: 0; padding: 8px max(20px, calc((100vw - 1140px) / 2));
  border-top: 2px solid var(--isg-legacy-cyan); background: #fff; color: #111; font: 700 12px/1.35 Arial, Helvetica, sans-serif;
}
:focus-visible { outline: 2px solid var(--isg-legacy-cyan); outline-offset: 3px; }

/* The static rate board uses the shared chrome without expanding its rows. */
.site-live-rates .rates-page { flex: 1 0 auto; max-width: 970px; }
.site-live-rates .last-update, .site-live-rates .sample-note { color: #fff; }
@media (min-width: 901px) {
  .site-live-rates .rates-page { flex: 0 0 auto; padding: 12px 0 8px; }
  .site-live-rates .city-tabs { margin: 0 0 8px; }
  .site-live-rates .city-tab.btn { min-height: 38px; padding: 8px 12px; font-size: 17px; }
  .site-live-rates .rates-page .table > :not(caption) > * > * { padding: 5px 12px; }
  .site-live-rates .rates-page .table thead th { height: 34px; font-size: 16px; }
  .site-live-rates .rates-page .table thead .delivery-heading { font-size: 11px; line-height: 1.05; }
  .site-live-rates .commodity-table tbody td { height: 54px; font-size: 17px; }
  .site-live-rates .rates-page .rate-value { font-size: 28px; }
  .site-live-rates .last-update { margin: 8px 0; font-size: 13px; }
  .site-live-rates .market-table tbody td { height: 64px; font-size: 19px; }
  .site-live-rates .rate-range { margin-top: 3px; font-size: 13px; }
  .site-live-rates .sample-note { margin: 6px 0 0; font-size: 10px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
  .topbar-wordmark .board-wordmark img { width: 190px; max-width: none; }
  .topbar-nav-slot .ma-menu-link, .topbar-nav-slot .ma-menu-trigger { padding-inline: 7px; font-size: 12px; }
  .topbar-actions .ma-menu-link, .topbar-actions .pill-btn { padding: 7px 9px; font-size: 11px; }
}
@media (min-width: 901px) and (max-height: 700px) {
  .app-topbar, .app-topbar.is-scrolled { grid-template-rows: 54px 26px; }
  .app-topbar .ticker { height: 26px; }
  .site-live-rates .rates-page { padding: 8px 0 6px; }
  .site-live-rates .city-tabs { margin-bottom: 6px; }
  .site-live-rates .city-tab.btn { min-height: 34px; padding: 6px 12px; font-size: 16px; }
  .site-live-rates .rates-page .table > :not(caption) > * > * { padding: 3px 10px; }
  .site-live-rates .rates-page .table thead th { height: 30px; font-size: 14px; }
  .site-live-rates .commodity-table tbody td { height: 44px; font-size: 15px; }
  .site-live-rates .rates-page .rate-value { font-size: 24px; }
  .site-live-rates .last-update { margin: 6px 0; font-size: 12px; }
  .site-live-rates .market-table tbody td { height: 52px; font-size: 17px; }
  .site-live-rates .rate-range { margin-top: 2px; font-size: 11px; }
  .footer-grid { padding-block: 10px 8px; }
  .footer-bottom { padding-block: 6px; }
}
@media (max-width: 900px) {
  .app-topbar, .app-topbar.is-scrolled {
    --header-gutter: 14px; grid-template-rows: 64px 30px;
  }
  .topbar-wordmark .board-wordmark img { width: min(210px, 46vw); max-width: none; }
  .topbar-actions .pill-btn { padding: 7px 9px; font-size: 11px; }
  .app-sidebar .ma-menu-link, .app-sidebar .ma-menu-trigger { color: #fff; }
  .app-sidebar .ma-menu-link[aria-current=page], .app-sidebar .ma-menu-trigger.is-current { background: var(--isg-legacy-light); color: #111; }
  .app-sidebar .ma-submenu { background: transparent; border: 0; }
  .app-content, .home-page { width: calc(100% - 24px); margin: 12px auto; padding: 18px 14px; }
  .page-head { margin: -18px -14px 18px; padding: 12px 14px; }
  .page-head h1 { font-size: 22px; }
  .footer-grid { gap: 18px; grid-template-columns: 1.25fr 1fr 1fr; }
  .footer-brand-col { grid-column: 1 / -1; }
  .footer-acc .acc-body { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .topbar-wordmark .board-wordmark img { width: min(188px, 46vw); }
  .app-content, .home-page { padding: 16px 12px; }
  .page-head { margin: -16px -12px 16px; }
  .footer-grid { display: block; padding: 18px 16px 12px; }
  .footer-brand-col { margin-bottom: 16px; }
  .footer-brand-col .mark-row .board-wordmark img { width: 230px; }
  .footer-acc { padding: 8px 0; border-bottom: 1px solid var(--isg-legacy-cyan); }
  .footer-acc summary { min-height: 36px; align-items: center; padding: 6px 0; }
  .footer-acc[open] .acc-body { display: grid; grid-template-columns: 1fr 1fr; padding: 4px 0 10px; }
  .footer-acc:not([open]) .acc-body { display: none; }
  .footer-acc .acc-body a { min-height: 36px; }
  .footer-bottom { gap: 5px; padding: 10px 16px; text-align: center; font-size: 11px; }
}
/* Finish shared inheritance from the legacy shell. */
:root { --font-ui: Arial, Helvetica, sans-serif; }
.ma-scroll-texture { display: none; }
@media (min-width: 761px) {
  .app-footer .footer-acc .acc-body { display: grid !important; }
}
@media (min-width: 901px) and (max-height: 700px) {
  .site-live-rates .commodity-table tbody td { height: 42px; }
}
@media (min-width: 901px) and (max-height: 700px) {
  .site-live-rates .rates-page { padding: 6px 0 4px; }
  .site-live-rates .city-tab.btn { min-height: 32px; padding: 5px 12px; font-size: 15px; }
  .site-live-rates .rates-page .table > :not(caption) > * > * { padding: 2px 10px; line-height: 1.15; }
  .site-live-rates .rates-page .table thead th { height: 28px; }
  .site-live-rates .rates-page .table thead .delivery-heading { font-size: 10px; }
  .site-live-rates .commodity-table tbody td { height: 40px; font-size: 14px; }
  .site-live-rates .market-table tbody td { height: 48px; font-size: 16px; }
  .site-live-rates .rates-page .rate-value { font-size: 22px; }
  .site-live-rates .sample-note { margin-top: 4px; }
  .footer-bottom { padding-block: 4px; }
}
@media (max-width: 360px) {
  .app-topbar, .app-topbar.is-scrolled { --header-gutter: 10px; column-gap: 6px; }
  .topbar-wordmark .board-wordmark img { width: min(156px, 43vw); }
  .topbar-actions .pill-btn { padding: 7px; font-size: 10px; }
  .topbar-actions .pill-btn .button-svg { display: none; }
}