/* Site-wide appearance follows the supplied IGM ivory / gold board. */
:root {
  --bg:#fffdf8; --bg-soft:#f7f2e7; --panel:#fff; --panel-solid:#f3eee3;
  --hover:#eee4cb; --hero-end:#eaddba; --border:#dedbd4; --border-strong:#c5a357;
  --text:#242424; --muted:#606060; --accent:#91600a; --accent-strong:#775007;
  --accent2:#bd8617; --accent3:#bd8617; --up:#166534; --down:#991b1b;
  --wine:var(--text); --pink-border:var(--border); --font-mono:"Segoe UI",Arial,sans-serif;
  --igm-gold:#bd8617; --igm-gold-dark:#91600a; --igm-ivory:#fffdf8;
  --igm-text:#242424; --igm-muted:#606060; --igm-line:#dedbd4;
  --up-bg:#dcfce7; --down-bg:#fee2e2; --up-border:#86efac; --down-border:#fecaca;
  color-scheme:light;
}
html[data-theme="dark"] {
  --bg:#171716; --bg-soft:#22211e; --panel:#20201e; --panel-solid:#29271f;
  --hover:#393226; --hero-end:#3b3220; --border:#454138; --border-strong:#9d8241;
  --text:#f2efe7; --muted:#c0bbad; --accent:#e5be64; --accent-strong:#f2ce7d;
  --accent2:#d4a934; --accent3:#d4a934; --up:#b5f0c8; --down:#ffc2c2;
  --igm-gold:#d4a934; --igm-gold-dark:#e5be64; --igm-ivory:#20201e;
  --igm-text:#f2efe7; --igm-muted:#c0bbad; --igm-line:#454138;
  --up-bg:#17402a; --down-bg:#522323; --up-border:#306f46; --down-border:#8a4141;
  color-scheme:dark;
}
body {background:var(--bg);color:var(--text);overflow-x:clip;overflow-y:visible}
/* Native scrolling with a persistent, theme-colored page scrollbar. */
html {
  overflow-y:scroll;scrollbar-gutter:stable;
  scroll-padding-top:calc(var(--igm-header-height,56px) + 12px);
}
html,.table-scroll,.igm-navigation {scrollbar-width:thin;scrollbar-color:var(--igm-gold-dark) var(--bg-soft)}
::-webkit-scrollbar {width:10px;height:10px;background:var(--bg-soft)}
::-webkit-scrollbar-thumb {background:var(--igm-gold-dark);border:2px solid var(--bg-soft);border-radius:8px}
::-webkit-scrollbar-thumb:hover {background:var(--accent-strong)}
html.igm-header-scrolled .app-topbar {box-shadow:0 4px 12px #00000024}
/* Decorative logo watermarks never intercept links, forms or table rows. */
.app-main::after {
  content:"";position:fixed;inset:0;z-index:8;pointer-events:none;
  background:url('../assets/brand/igm-logo.svg') center/ min(65vw,500px) auto no-repeat;opacity:.07;
}
html[data-theme="dark"] .app-main::after {opacity:.1}
.igm-live-page .app-main::after {content:none}
.igm-rates-table-stage {position:relative;isolation:isolate}
.igm-rates-table-stage>.rates-table {position:relative;z-index:0}
.igm-table-watermark {
  position:absolute;left:50%;top:50%;width:min(60%,440px);height:80%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;
  object-fit:contain;opacity:.12;
}
.igm-table-watermark[hidden] {display:none}
html[data-theme="dark"] .igm-table-watermark {opacity:.16}
.aurora-field {background:var(--bg)}
.app-sidebar {background:var(--bg) url('../assets/textures/igm-header-waves.svg') center/100% 100% no-repeat;border-color:var(--border)}
html[data-theme="dark"] .app-sidebar {background-image:linear-gradient(#171716eb,#171716eb),url('../assets/textures/igm-header-waves.svg')}
.app-topbar {background:var(--panel-solid);border-color:var(--border)}
.app-footer {
  --text:#291b06; --muted:#39290e; --accent:#332008; --border:#75541366;
  background:linear-gradient(110deg,#c49b36,#b58a28 58%,#c49b36);color:var(--text);border-color:var(--border);
}
.app-footer .footer-brand-col p,.app-footer .footer-bottom {color:var(--muted)}
.app-footer .acc-body a,.app-footer .footer-acc summary,.app-footer .footer-social a {color:var(--text)}
.app-footer .footer-acc summary::after {color:var(--text)}
.app-footer .acc-body a:hover {text-decoration:underline}
.app-footer .reference-logo {filter:brightness(.24)}
.glass,.message-card,.bank-card,.choice-tds-card,.commodity-shell {background:var(--panel);border-color:var(--border);color:var(--text)}
.field input,.field select,.field textarea,.choice-tds-table input,dialog {background:var(--panel);color:var(--text);border-color:var(--border)}
.field input::placeholder,.field textarea::placeholder {color:var(--muted)}
/* Utility headings and bounded panels share the page's center line. */
.app-content>.page-head {flex-direction:column;align-items:center;justify-content:center;text-align:center}
.app-content>.page-head>div {max-width:100%}
.app-content>.copy>h1,.app-content .kyc-review h2 {text-align:center}
.app-content .panel-title {justify-content:center;text-align:center}
.app-content .kyc-form,.app-content .kyc-review {margin-inline:auto}
.app-content .kyc-form legend {margin-inline:auto;text-align:center}
.app-content .choice-tds-heading {flex-direction:column;align-items:center;justify-content:center;text-align:center}
.igm-order-panel {width:100%;max-width:560px;margin-inline:auto}
.igm-order-panel .field>span,.igm-order-panel .field input,.igm-order-panel .field select {text-align:center}
.igm-order-panel .field select {text-align-last:center}
.igm-order-panel .field textarea {min-height:76px;text-align:left;line-height:1.5}
.trades-table .trade-comment {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;text-transform:none;letter-spacing:normal}
.trades-table .trade-comment-label {color:var(--text);font-weight:600}
.igm-order-panel .segmented {display:flex;justify-content:center}
.igm-order-panel .segmented button {flex:1}
.igm-order-page>.calculation-help {max-width:560px;margin-inline:auto;text-align:center}
.igm-menu-link,.igm-menu-trigger {color:var(--muted)}
.igm-menu-link:hover,.igm-menu-trigger:hover,.igm-menu-trigger[aria-expanded="true"],.igm-submenu .igm-menu-link[aria-current="page"] {background:var(--hover);color:var(--accent)}
.igm-menu-link[aria-current="page"],.igm-menu-trigger.is-current {color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
.igm-menu-account .igm-menu-link,.btn.primary,.pill-btn.accent {background:var(--accent);color:#fff}
html[data-theme="dark"] .igm-menu-account .igm-menu-link,html[data-theme="dark"] .btn.primary,html[data-theme="dark"] .pill-btn.accent {color:#211a0b}
.igm-menu-account .igm-menu-link:hover,.btn.primary:hover,.pill-btn.accent:hover {background:var(--accent-strong)}
.sidebar-brand-link {max-width:170px}
.reference-logo {display:block;background:none;width:100%;height:auto;max-width:310px;aspect-ratio:420/154;object-fit:contain}
.reference-logo::before,.reference-mark::before {content:none}
.reference-mark {display:block;background:none;width:80px;height:auto;aspect-ratio:256/118;object-fit:contain;margin:0}
.mobile-brand {width:80px;height:auto;flex-basis:80px;align-self:center}
.footer-brand-col .reference-logo {width:245px}
.app-sidebar .sidebar-brand {grid-column:1/-1;grid-row:1;justify-content:center;padding:6px 0;min-height:74px}
.app-sidebar .sidebar-brand-link {width:170px}
@media(min-width:901px) {
  .app-sidebar {position:sticky;top:0}
  .app-topbar {position:sticky;top:var(--igm-header-offset,114px)}
  .igm-menu>li:not(.igm-menu-account)>.igm-menu-link, .igm-menu>li>.igm-menu-trigger {
    min-height:38px;
    padding-block:10px;
  }
}
.theme-toggle {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:36px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);color:var(--text);font:600 12px "Segoe UI",sans-serif;cursor:pointer}
.theme-toggle svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover {background:var(--hover)}
.theme-toggle:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.feed-status {background:var(--up-bg);color:var(--up);border-color:var(--up-border)}
.feed-status.feed-error {background:var(--down-bg);color:var(--down);border-color:var(--down-border)}
.data-table th,.rate-table thead th,.bank-card .bank-head {background:var(--panel-solid);color:var(--accent)}
.data-table td,.rate-table td,.choice-tds-table td {border-color:var(--border)}
.order-actions-cell,.orders-table tbody tr:nth-child(even) .order-actions-cell {background:var(--panel)!important}
.orders-table thead th:last-child,.choice-tds-table th {background:var(--accent);color:#fff}
html[data-theme="dark"] .orders-table thead th:last-child,html[data-theme="dark"] .choice-tds-table th {color:#211a0b}
.choice-total-grid article,.choice-formula,.choice-tds-table input[readonly] {background:var(--bg-soft);border-color:var(--border);color:var(--text)}
.choice-total-grid strong,.choice-row-amount {color:var(--text)}
.table-scroll::before {background:var(--bg-soft);color:var(--muted)}
.summary-card,.summary-card.silver,.summary-card.fx {background:var(--panel);border-color:var(--border-strong)}
.home-slider {background:linear-gradient(115deg,var(--panel) 20%,var(--bg-soft) 70%,var(--hero-end))}
.home-section-nav {background:var(--bg)}
.home-bullion,.home-visit,.trade-strip,.closing-banner,.bullion-hero {background:var(--panel-solid);border-color:var(--border)}
.home-page,.home-service-links small,.home-section-nav a {color:var(--muted)}
.home-script,.home-text-link,.home-slider-controls,.home-steps a,.home-service-links>a {color:var(--accent)}
.home-slide h1,.home-slide h2,.home-section h2,.home-steps h3 {color:var(--accent-strong)}
/* Compact live board retains the supplied three-card and three-column structure. */
.igm-live-page {font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
.igm-live-page .live-rates-page {max-width:calc(100% - 28px);flex:1}
.live-rates-page {border-color:var(--border)}
.live-rates-page .metal-tabs,.live-rates-page .rates-table {background:var(--panel)}
.live-rates-page .metal-tabs td {color:var(--text)}
.live-rates-page .metal-tabs td.active {color:var(--igm-gold)}
.live-rates-page .metal-tabs button {display:block;width:100%;min-height:44px;padding:6px 0;background:none;border:0;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}
.live-rates-page .rate-card {background:var(--panel);border-color:var(--igm-gold);border-collapse:separate;border-spacing:0}
.live-rates-page .rate-label,.live-rates-page .rate-value,.live-rates-page .product-name,.live-rates-page .buy-price,.live-rates-page .sell-price {color:var(--text)}
.live-rates-page .product-row[data-product-link] {cursor:pointer}
.live-rates-page .product-row[data-product-link]:hover>td,.live-rates-page .product-row[data-product-link]:focus-within>td {background:var(--hover)}
.live-rates-page a.product-name {text-decoration:none}
.live-rates-page a.product-name:hover {text-decoration:underline}
.live-rates-page a.product-name:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.live-rates-page .rate-range,.live-rates-page .update-time {color:var(--muted)}
.live-rates-page .column-row th {padding:8px 14px;background:linear-gradient(#efefef,#e4e4e4);color:#444;font-size:16px;font-weight:800;letter-spacing:.5px;text-align:left}
.live-rates-page .column-row th:not(:first-child) {text-align:center}
html[data-theme="dark"] .live-rates-page .column-row th {background:var(--panel-solid);color:var(--text)}
.live-rates-page .igm-rate-pill {display:inline-flex;align-items:center;justify-content:center;min-height:1.25em;max-width:100%;padding:2px 8px;border-radius:999px;color:inherit;white-space:nowrap;font:inherit;font-variant-numeric:tabular-nums;line-height:1.15}
.live-rates-page .product-row .igm-rate-pill {padding-block:0}
.live-rates-page .igm-rate-pill.is-up,.order-rate-pill.is-up,.reference-live .rate-quote.is-up,.reference-live .summary-rate-quote.is-up {background:var(--up-bg);color:var(--up);border-color:var(--up-border)}
.live-rates-page .igm-rate-pill.is-down,.order-rate-pill.is-down,.reference-live .rate-quote.is-down,.reference-live .summary-rate-quote.is-down {background:var(--down-bg);color:var(--down);border-color:var(--down-border)}
.order-rate-pill.is-neutral,.reference-live .rate-quote.is-neutral,.reference-live .summary-rate-quote.is-neutral {color:var(--text)}
.igm-feed-status {margin:0;padding:2px 14px 5px;font:11px/1.4 "Segoe UI",sans-serif;color:var(--muted)}
[data-market-status],[data-position-status],#accountStatus:empty {display:none}
.igm-feed-status.feed-error {color:var(--down)}
.igm-feed-status + .igm-feed-status {padding-top:0;font-size:11px}
.live-rates-page .igm-position-pill {display:inline-block;margin-top:3px;padding:2px 6px;border-radius:10px;font:600 11px/1.3 "Segoe UI",Arial,sans-serif;white-space:nowrap}
.live-rates-page .igm-position-pill[hidden] {display:none}
.live-rates-page .igm-position-pill.is-long {background:var(--up-bg);color:var(--up)}
.live-rates-page .igm-position-pill.is-short {background:var(--down-bg);color:var(--down)}
.live-rates-page .rate-range {white-space:normal}
.live-rates-page .low-high {white-space:normal}
/* theme2.jpeg: black board, pale gold quotes and bronze table headings. */
html[data-theme="dark"] .igm-live-page .live-rates-page {
  --panel:#090908; --panel-solid:#382a11; --hover:#211b0f;
  --text:#f5f3ed; --muted:#dad7ce; --accent:#f2d578;
  --igm-ivory:#090908; --igm-gold:#ecd16e; --igm-gold-dark:#f2d578;
  --igm-text:#f5f3ed; --igm-muted:#dad7ce; --igm-line:#987b36;
  background:var(--panel);border-color:var(--igm-line);
}
html[data-theme="dark"] .igm-live-page .rate-card {
  background:linear-gradient(160deg,#191609,#090908 58%);border-color:var(--igm-gold);box-shadow:none;
}
html[data-theme="dark"] .igm-live-page .rate-value,
html[data-theme="dark"] .igm-live-page .buy-price,
html[data-theme="dark"] .igm-live-page .sell-price {color:var(--igm-gold)}
html[data-theme="dark"] .igm-live-page .metal-tabs .active::after {
  background:linear-gradient(90deg,#bd943b,#f6e295,#bd943b);
}
html[data-theme="dark"] .igm-live-page .column-row {
  background:linear-gradient(110deg,#493614,#32260f 55%,#493614);
}
html[data-theme="dark"] .igm-live-page .column-row th {
  background:transparent;color:var(--igm-gold);border-bottom:1px solid var(--igm-line);
}
/* Reference board surfaces share the website appearance. */
.reference-live .section-card,.reference-live .market-card,.reference-live .rates-table {background:var(--panel);border-color:var(--border)}
.reference-live .label-text strong,.reference-live .market-name,.reference-live .market-value,.reference-live .rate-product,.reference-live .date-time {color:var(--text)}
.reference-live .label-text small,.reference-live .market-range {color:var(--muted)}
.reference-live .pink-button,.reference-live .round-icon {background:var(--accent);color:#fff}
.reference-live .column-pill {background:var(--panel-solid);color:var(--text)}
.reference-live .rates-table th {background:var(--panel-solid);color:var(--text)}
.reference-live .trade-product {background:var(--bg-soft);border-color:var(--border);color:var(--text)}
.reference-live {--wine:var(--text);--wine-dark:var(--accent-strong);--pink-border:var(--border);--green:var(--up)}
.reference-live .rates-table tbody td {background:var(--panel);border-color:var(--border)}
.reference-live .rates-table tbody tr[data-product-link]:hover td {background:var(--hover)}
.reference-live .market-change.is-up {color:var(--up)}
.reference-live .market-change.is-down {color:var(--down)}
.reference-live .pink-button:hover {background:var(--accent-strong)}
html[data-theme="dark"] .reference-live .pink-button {color:#211a0b}
html[data-theme="dark"] .reference-live .metal-art {mix-blend-mode:normal}
html[data-theme="dark"] .reference-live .round-icon .rupee {color:#211a0b}
.reference-page .app-topbar {height:45px}
@media(max-width:900px){
  .app-topbar,.reference-page .app-topbar {height:56px;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;background:var(--bg) url('../assets/textures/igm-header-waves.svg') center/100% 100% no-repeat}
  .app-topbar .topbar-toggle,.app-topbar .theme-toggle {grid-column:1;grid-row:1;justify-self:start}
  .app-topbar .theme-toggle:not(.igm-motion-toggle) {margin-left:44px;min-width:44px;min-height:40px;padding:7px}
  .app-topbar .theme-toggle span {display:none}
  .app-topbar .mobile-brand {grid-column:2;grid-row:1;justify-self:center}
  .app-topbar .topbar-actions {display:contents}
  .app-topbar .igm-motion-toggle {grid-column:3;grid-row:1;justify-self:end;margin-right:48px;min-width:40px;min-height:40px;padding:7px}
  .app-topbar .topbar-actions .pill-btn {grid-column:3;grid-row:1;justify-self:end;justify-content:center;width:44px;min-height:40px;padding:7px}
  .app-topbar .topbar-actions .pill-btn .igm-link-label,.app-topbar .ticker {display:none}
  html[data-theme="dark"] .app-topbar {background-image:linear-gradient(#171716eb,#171716eb),url('../assets/textures/igm-header-waves.svg')}
  .app-sidebar .sidebar-brand-link {width:210px;max-width:210px}
  .app-sidebar .sidebar-brand {min-height:88px;padding:8px 0}
}
.igm-reference-banner {display:flex;align-items:center;gap:30px;padding:22px;background:var(--panel-solid);border-radius:14px}
.igm-reference-banner>img {width:42%;height:auto;object-fit:contain}
.igm-reference-banner h1 {margin:0 0 10px;color:var(--accent);font-size:28px}
.igm-reference-banner p {margin:0;color:var(--muted);font-size:14px;line-height:1.6}
@media (max-width:990px) {
  .igm-live-page .live-rates-page {width:970px;margin:12px auto}
}
@media (max-width:600px) {
  .igm-reference-banner {gap:14px;padding:16px}
  .igm-reference-banner h1 {font-size:20px}
  .igm-reference-banner p {font-size:12px}
  .theme-toggle {min-height:40px;padding:7px}
  .theme-toggle span {display:none}
  .topbar-actions {gap:6px}
  .topbar-actions .pill-btn {padding:7px 8px}
  .igm-live-page .live-rates-page {max-width:calc(100% - 16px);margin:8px auto}
  .live-rates-page .metal-tabs td {font-size:16px;padding:0 6px}
  .live-rates-page .metal-tabs .active::after {left:12px;right:12px;height:3px}
  .live-rates-page .summary-table {width:100%;margin:8px 0;border-spacing:4px 0}
  .live-rates-page .rate-card {height:90px;border-radius:10px}
  .live-rates-page .rate-card td {padding-inline:3px}
  .live-rates-page .rate-label {font-size:clamp(11px,3vw,15px);overflow-wrap:anywhere}
  .live-rates-page .rate-value {font-size:clamp(17px,4.8vw,24px)}
  .live-rates-page .rate-range {font-size:10px;line-height:1.3}
  .live-rates-page .igm-rate-pill {padding:2px 4px}
  .live-rates-page .rates-table col:nth-child(1) {width:44%!important}
  .live-rates-page .rates-table col:nth-child(2) {width:28%!important}
  .live-rates-page .rates-table col:nth-child(3) {width:28%!important}
  .live-rates-page .column-row th {padding:7px 6px;font-size:13px}
  .live-rates-page .product-row>td {padding:2px 6px}
  .live-rates-page .product-name {font-size:14px;line-height:1.2;overflow-wrap:anywhere}
  .live-rates-page .update-time {font-size:10px}
  .live-rates-page .buy-price,.live-rates-page .sell-price {font-size:20px}
  .live-rates-page .low-high {font-size:12px;line-height:1.3}
  .live-rates-page .company-notice td {font-size:12px}
  .live-rates-page .account-notice td {font-size:11px}
  .igm-feed-status {padding-inline:6px;font-size:10px}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}}
@media(max-width:360px) {
  .igm-live-page .live-rates-page {max-width:calc(100% - 8px)}
}
.igm-registration-details {margin:16px 0;display:grid;gap:10px;font-size:14px}
.igm-registration-details div {display:flex;flex-wrap:wrap;gap:6px 14px}
.igm-registration-details dt {min-width:100px;color:var(--muted)}
.igm-registration-details dd {margin:0;color:var(--text);font-weight:600;overflow-wrap:anywhere}
.igm-business-locations {margin:16px 0;color:var(--text);font-size:14px;line-height:1.7}
.igm-business-locations summary {cursor:pointer;color:var(--accent);font-weight:600}
.igm-business-locations ul {margin:12px 0;padding-left:20px}
.igm-business-locations li+li {margin-top:10px}