.iao-lm{--iao-accent:#c88a24;--iao-light-bg:#fffaf2;--iao-dark-bg:#121313;--iao-green:#17834e;--iao-red:#d64036;--iao-text:#171717;--iao-muted:#7d766c;--iao-surface:#fff;--iao-line:rgba(145,105,43,.16);font-family:inherit;color:var(--iao-text);width:100%}
.iao-lm,.iao-lm *{box-sizing:border-box}.iao-theme-dark{--iao-text:#f6f0e7;--iao-muted:#aaa39a;--iao-surface:#191b1b;--iao-line:rgba(255,255,255,.10)}
@media(prefers-color-scheme:dark){.iao-theme-auto{--iao-text:#f6f0e7;--iao-muted:#aaa39a;--iao-surface:#191b1b;--iao-line:rgba(255,255,255,.10)}}
.iao-lm__heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.iao-lm__heading>div{display:flex;align-items:center;gap:9px}.iao-lm__heading i{width:8px;height:8px;border-radius:50%;background:var(--iao-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--iao-accent) 14%,transparent)}.iao-lm__updated{font-size:10px;color:var(--iao-muted);font-weight:600;letter-spacing:0}
.iao-lm__viewport{display:flex;width:100%;overflow:hidden;border:1px solid var(--iao-line);border-radius:14px;background:linear-gradient(135deg,#fff 0%,var(--iao-light-bg) 100%);box-shadow:0 13px 34px rgba(90,58,17,.09)}.iao-theme-dark .iao-lm__viewport{background:linear-gradient(135deg,#191b1b 0%,var(--iao-dark-bg) 100%);box-shadow:0 15px 38px rgba(0,0,0,.25)}
@media(prefers-color-scheme:dark){.iao-theme-auto .iao-lm__viewport{background:linear-gradient(135deg,#191b1b 0%,var(--iao-dark-bg) 100%);box-shadow:0 15px 38px rgba(0,0,0,.25)}}
.iao-lm__body{flex:1;min-width:0}.iao-lm__loading,.iao-lm__error{display:grid;place-items:center;min-height:120px;padding:25px;color:var(--iao-muted)}.iao-lm__error{color:var(--iao-red)}.iao-lm__icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:linear-gradient(145deg,#efb54e,var(--iao-accent));color:#fff;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 5px 12px rgba(180,118,24,.2)}.iao-lm__price{font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.03em}.iao-lm__change{font-style:normal;font-weight:800;white-space:nowrap}.iao-lm__change.up{color:var(--iao-green)}.iao-lm__change.down{color:var(--iao-red)}.iao-lm__change.same{color:var(--iao-muted)}.iao-lm__spark{width:72px;height:32px;overflow:visible}.iao-lm__spark polyline{fill:none;stroke:var(--iao-green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.iao-lm__spark.down polyline{stroke:var(--iao-red)}.iao-lm__spark.same polyline{stroke:var(--iao-muted)}.iao-lm__all{width:126px;flex:0 0 126px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-left:1px solid var(--iao-line);color:var(--iao-accent)!important;text-decoration:none!important;font-size:10px;font-weight:850;text-align:center;background:rgba(255,255,255,.22)}.iao-lm__all b{font-size:17px;transition:transform .2s}.iao-lm__all:hover b{transform:translateX(4px)}
/* Premium yatay */
.iao-lm--premium .iao-lm__body{display:grid;grid-template-columns:repeat(var(--iao-count,5),minmax(145px,1fr))}.iao-lm--premium .iao-lm__item{position:relative;padding:20px 18px 16px;min-height:132px}.iao-lm--premium .iao-lm__item:not(:last-child)::after{content:"";position:absolute;top:17px;right:0;bottom:17px;width:1px;background:var(--iao-line)}.iao-lm--premium .iao-lm__top{display:flex;align-items:center;gap:9px}.iao-lm--premium .iao-lm__top strong{display:block;font-size:11px;text-transform:uppercase}.iao-lm--premium .iao-lm__top small{display:block;margin-top:3px;font-size:9px;color:var(--iao-muted)}.iao-lm--premium .iao-lm__price{margin-top:20px;font-size:clamp(22px,2vw,30px)}.iao-lm--premium .iao-lm__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:12px}.iao-lm--premium .iao-lm__change{font-size:13px}
/* Kare kartlar */
.iao-lm--cards .iao-lm__viewport{padding:14px;gap:12px}.iao-lm--cards .iao-lm__body{display:grid;grid-template-columns:repeat(var(--iao-count,5),minmax(160px,1fr));gap:12px}.iao-lm--cards .iao-lm__item{position:relative;min-height:185px;padding:17px;border:1px solid var(--iao-line);border-radius:13px;background:color-mix(in srgb,var(--iao-surface) 82%,transparent);box-shadow:0 8px 22px rgba(80,55,18,.06);transition:transform .2s,box-shadow .2s}.iao-lm--cards .iao-lm__item:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(80,55,18,.12)}.iao-lm--cards .iao-lm__card-head{display:flex;align-items:center;justify-content:space-between}.iao-lm--cards .iao-lm__change{font-size:12px}.iao-lm--cards .iao-lm__name{display:block;margin-top:21px;font-size:14px}.iao-lm--cards .iao-lm__code{display:block;margin-top:4px;color:var(--iao-muted);font-size:10px}.iao-lm--cards .iao-lm__price{margin-top:19px;font-size:27px}.iao-lm--cards .iao-lm__spark{position:absolute;right:14px;bottom:13px}.iao-lm--cards .iao-lm__all{border:1px solid var(--iao-line);border-radius:13px}
/* Ticker */
.iao-lm--ticker .iao-lm__viewport{border-radius:0;min-height:48px}.iao-lm--ticker .iao-lm__body{overflow:hidden;white-space:nowrap}.iao-lm__ticker-track{display:flex;width:max-content;animation:iaoTicker var(--iao-speed,32s) linear infinite}.iao-lm--ticker:hover .iao-lm__ticker-track{animation-play-state:paused}.iao-lm__ticker-item{display:inline-flex;align-items:center;gap:9px;padding:11px 25px;border-right:1px solid var(--iao-line);font-size:12px}.iao-lm__ticker-item strong{text-transform:uppercase;font-size:11px}.iao-lm__ticker-item b{font-size:15px}.iao-lm__ticker-item em{font-size:11px}@keyframes iaoTicker{to{transform:translateX(-50%)}}
@media(max-width:1050px){.iao-lm--premium .iao-lm__viewport,.iao-lm--cards .iao-lm__viewport{overflow-x:auto}.iao-lm--premium .iao-lm__body{display:flex;min-width:max-content}.iao-lm--premium .iao-lm__item{width:205px;flex:0 0 205px}.iao-lm--cards .iao-lm__body{display:flex;min-width:max-content}.iao-lm--cards .iao-lm__item{width:190px;flex:0 0 190px}.iao-lm__all{position:sticky;right:0;background:color-mix(in srgb,var(--iao-surface) 94%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}
@media(max-width:767px){.iao-lm__heading{font-size:10px}.iao-lm__viewport{border-radius:11px}.iao-lm--premium .iao-lm__item{width:185px;flex-basis:185px;padding:17px 14px}.iao-lm--cards .iao-lm__viewport{padding:10px}.iao-lm--cards .iao-lm__item{width:175px;flex-basis:175px;min-height:175px}.iao-lm__all{width:105px;flex-basis:105px;font-size:9px}.iao-lm__ticker-item{padding:10px 18px}}
.iao-lm__spark-line{fill:none;stroke:currentColor;stroke-width:1.7;vector-effect:non-scaling-stroke}.iao-lm__spark-area{stroke:none;opacity:.16}.iao-lm__spark.up{color:#159447}.iao-lm__spark.up .iao-lm__spark-area{fill:#159447}.iao-lm__spark.down{color:#d94242}.iao-lm__spark.down .iao-lm__spark-area{fill:#d94242}.iao-lm__spark.same{color:#999}.iao-lm__spark.same .iao-lm__spark-area{fill:#999}.iao-lm--no-chart-shadow .iao-lm__spark-area{display:none}


/* v0.4.2 — ticker edge-to-edge */
.iao-lm--ticker{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.iao-lm--ticker .iao-lm__viewport,
.iao-lm--ticker .iao-lm__body{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
}
.iao-lm--ticker .iao-lm__ticker-track{
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:767px){
  .iao-lm--ticker{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }
  .iao-lm--ticker .iao-lm__viewport{
    border-radius:0 !important;
  }
  .iao-lm--ticker .iao-lm__ticker-item{
    padding-left:14px;
    padding-right:14px;
  }
}


/* v0.4.3 — Premium 5'li sayfa slider */
.iao-lm--premium .iao-lm__body{overflow:hidden}
.iao-lm__slider{width:100%;overflow:hidden}
.iao-lm__slider-track{display:flex;width:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.iao-lm__slide{flex:0 0 100%;display:grid;grid-template-columns:repeat(var(--iao-page-count,5),minmax(0,1fr));min-width:100%}
.iao-lm__slide .iao-lm__item{min-width:0}
.iao-lm__slide .iao-lm__item:not(:last-child)::after{content:"";position:absolute;top:17px;right:0;bottom:17px;width:1px;background:var(--iao-line)}
.iao-lm__slider-nav{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:5}
.iao-lm--premium .iao-lm__viewport{position:relative;padding-bottom:20px}
.iao-lm__slider-arrow{width:24px;height:24px;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--iao-accent) 12%,#fff);color:var(--iao-accent);font-size:18px;line-height:1;cursor:pointer;padding:0}
.iao-lm__slider-arrow:disabled{opacity:.3;cursor:default}
.iao-lm__dots{display:flex;align-items:center;gap:5px}
.iao-lm__dot{width:6px;height:6px;border:0;border-radius:999px;background:color-mix(in srgb,var(--iao-accent) 25%,transparent);padding:0;cursor:pointer;transition:.2s}
.iao-lm__dot.is-active{width:18px;background:var(--iao-accent)}
@media(max-width:1050px){
 .iao-lm--premium .iao-lm__viewport{overflow:hidden}
 .iao-lm--premium .iao-lm__body{display:block;min-width:0}
 .iao-lm--premium .iao-lm__slide{grid-template-columns:repeat(var(--iao-page-count,2),minmax(0,1fr))}
 .iao-lm--premium .iao-lm__slide .iao-lm__item{width:auto;flex:auto}
}
@media(max-width:767px){
 .iao-lm--premium .iao-lm__slide{grid-template-columns:1fr}
 .iao-lm--premium .iao-lm__slide .iao-lm__item{width:100%;min-height:132px}
}

/* ONS is USD/oz; subtitle indicates XAU/USD. */


/* v0.4.5 — Premium slider width fix */
.iao-lm--premium[data-slider="yes"] .iao-lm__body{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden !important;
}
.iao-lm--premium[data-slider="yes"] .iao-lm__slider{
  display:block;
  width:100% !important;
  min-width:0 !important;
}
.iao-lm--premium[data-slider="yes"] .iao-lm__slider-track{
  width:100% !important;
  min-width:0 !important;
}
.iao-lm--premium[data-slider="yes"] .iao-lm__slide{
  width:100% !important;
  min-width:100% !important;
}
.iao-lm--premium[data-slider="yes"] .iao-lm__slide .iao-lm__item{
  box-sizing:border-box;
  width:auto !important;
  max-width:none !important;
}

/* Ticker animation is never recreated on normal price refreshes. */
.iao-lm__ticker-price,
.iao-lm__ticker-change{
  transition:color .18s ease;
}


/* v0.4.6 — Harem tarzı canlı fiyat flash */
.iao-lm__price,
.iao-lm__ticker-price{
  transition:color .28s ease, background-color .28s ease;
  border-radius:4px;
}
.iao-price-flash-up{
  color:#159447 !important;
  background:rgba(21,148,71,.08);
  animation:iaoPriceFlashUp .65s ease-out 1;
}
.iao-price-flash-down{
  color:#d94242 !important;
  background:rgba(217,66,66,.08);
  animation:iaoPriceFlashDown .65s ease-out 1;
}
@keyframes iaoPriceFlashUp{
  0%{color:#159447;background:rgba(21,148,71,.18)}
  100%{color:inherit;background:transparent}
}
@keyframes iaoPriceFlashDown{
  0%{color:#d94242;background:rgba(217,66,66,.18)}
  100%{color:inherit;background:transparent}
}

/* v0.4.8: SignalR live updates; existing flash styles apply to pushed prices. */


/* v0.4.9 — Tablet / Telefon ekran içi görünüm */
.iao-device-overlay-host{position:relative!important}
.iao-lm--device{
  width:100%;
  max-width:100%;
  color:#f8f5ee;
}
.iao-lm--device .iao-lm__viewport{
  display:block;
  overflow:hidden;
  border:1px solid rgba(210,164,74,.20);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,18,18,.86),rgba(8,8,8,.92));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.iao-lm--device .iao-lm__body{display:block!important;width:100%;overflow:hidden}
.iao-lm__device-ui{width:100%;font-variant-numeric:tabular-nums}
.iao-lm__device-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.iao-lm__device-tabs span{
  padding:10px 5px;
  text-align:center;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  color:#a8a8a8;
}
.iao-lm__device-tabs span.is-active{
  color:#d9a742;
  background:linear-gradient(180deg,rgba(207,154,49,.15),rgba(207,154,49,.04));
  box-shadow:inset 0 -2px 0 #d9a742;
}
.iao-lm__device-head,.iao-lm__device-row{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) .82fr .82fr .72fr;
  align-items:center;
  column-gap:6px;
}
.iao-lm__device-head{
  padding:8px 10px 6px;
  font-size:8px;
  color:#8f8f8f;
  text-align:right;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.iao-lm__device-head span:first-child{text-align:left}
.iao-lm__device-row{
  min-height:54px;
  padding:7px 10px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.iao-lm__device-row:last-child{border-bottom:0}
.iao-lm__device-name{display:flex;align-items:center;gap:7px;min-width:0}
.iao-lm__device-name .iao-lm__icon{width:22px;height:22px;flex:0 0 22px;font-size:9px;box-shadow:none}
.iao-lm__device-name span{min-width:0}
.iao-lm__device-name strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  color:#f3f1eb;
}
.iao-lm__device-name small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7f8589;
  font-size:7px;
}
.iao-lm__device-buy,.iao-lm__device-price{
  text-align:right;
  font-size:11px;
  font-weight:800;
  color:#f4f1e9;
  letter-spacing:-.02em;
}
.iao-lm--device .iao-lm__change{
  text-align:right;
  font-size:9px;
}
.iao-lm--device[data-overlay="yes"]{
  position:absolute!important;
  z-index:15;
  top:var(--iao-d-top);
  right:var(--iao-d-right);
  left:var(--iao-d-left);
  width:var(--iao-d-width)!important;
  margin:0!important;
}
.iao-lm--device[data-overlay="yes"] .iao-lm__viewport{
  width:100%;
  max-height:min(54vh,560px);
}
.iao-lm--device .iao-lm__loading,.iao-lm--device .iao-lm__error{
  min-height:120px;
  padding:12px;
  font-size:10px;
}
@media(max-width:767px){
  .iao-lm--device[data-overlay="yes"]{
    top:var(--iao-m-top);
    right:var(--iao-m-right);
    left:var(--iao-m-left);
    width:var(--iao-m-width)!important;
  }
  .iao-lm--device .iao-lm__viewport{border-radius:11px}
  .iao-lm__device-tabs span{padding:8px 3px;font-size:8px}
  .iao-lm__device-head{padding:6px 7px 5px;font-size:6.5px;column-gap:3px}
  .iao-lm__device-row{min-height:44px;padding:5px 7px;column-gap:3px}
  .iao-lm__device-name{gap:5px}
  .iao-lm__device-name .iao-lm__icon{width:18px;height:18px;flex-basis:18px;font-size:7px}
  .iao-lm__device-name strong{font-size:8px}
  .iao-lm__device-name small{font-size:6px}
  .iao-lm__device-buy,.iao-lm__device-price{font-size:9px}
  .iao-lm--device .iao-lm__change{font-size:7px}
}


/* v0.5.0 — Device UI refinement */
.iao-lm--device .iao-lm__viewport{
  border-color:#26231d !important;
  background:linear-gradient(180deg,rgba(17,17,17,.93),rgba(8,8,8,.97)) !important;
}
.iao-lm__device-tabs{
  border-bottom:1px solid #24211c !important;
  background:rgba(5,5,5,.35);
}
.iao-lm__device-tab{
  appearance:none;
  border:0;
  border-right:1px solid #24211c;
  border-radius:0;
  margin:0;
  padding:10px 6px;
  background:transparent;
  color:#9d9b97;
  font:inherit;
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.iao-lm__device-tab:last-child{border-right:0}
.iao-lm__device-tab:hover{color:#d9b45f;background:rgba(204,154,50,.06)}
.iao-lm__device-tab.is-active{
  color:#e2b64e;
  background:linear-gradient(180deg,rgba(205,155,51,.16),rgba(205,155,51,.035));
  box-shadow:inset 0 -2px 0 #d8a637;
}
.iao-lm__device-head,
.iao-lm__device-row{
  grid-template-columns:minmax(0,1.6fr) .78fr .78fr .68fr;
  column-gap:7px;
}
.iao-lm__device-head{
  padding:7px 10px 5px;
  color:#77736b;
  border-bottom:1px solid #24211c !important;
}
.iao-lm__device-row{
  min-height:46px !important;
  padding:5px 10px !important;
  border-bottom:1px solid #23211d !important;
  transition:background .18s ease;
}
.iao-lm__device-row:hover{background:rgba(218,170,70,.035)}
.iao-lm__device-row[hidden]{display:none!important}
.iao-lm__device-name{
  gap:8px !important;
  align-items:center;
}
.iao-lm__device-label{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1.05;
}
.iao-lm__device-name strong{
  font-size:10px !important;
  line-height:1.05;
  margin:0;
}
.iao-lm__device-name small{
  font-size:6.5px !important;
  line-height:1;
  margin-top:2px !important;
  color:#77736b !important;
}
.iao-lm__device-buy,
.iao-lm__device-price{
  font-size:10.5px !important;
  line-height:1;
}
.iao-lm--device .iao-lm__change{
  font-size:8.5px !important;
  line-height:1;
}

/* asset icons */
.iao-lm__asset-icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  box-sizing:border-box;
  background:linear-gradient(145deg,#efb94d,#b77712);
  color:#fff9e8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 7px rgba(0,0,0,.28);
}
.iao-lm__asset-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.iao-lm__asset-icon.goldbar svg path:first-child,
.iao-lm__asset-icon.goldbar svg path:last-child{fill:rgba(255,255,255,.16)}
.iao-lm__asset-icon.silver{
  background:linear-gradient(145deg,#e8edf0,#7e8790);
  color:#f9fbfc;
}
.iao-lm__asset-icon.fx{
  font-size:13px;
  font-weight:900;
}
.iao-lm__asset-icon.usd{background:linear-gradient(145deg,#d5a13c,#9f6710)}
.iao-lm__asset-icon.eur{background:linear-gradient(145deg,#d8a744,#95600e)}
.iao-lm__asset-icon.gbp{background:linear-gradient(145deg,#e0b34f,#9a6511)}

@media(max-width:767px){
  .iao-lm__device-tab{padding:8px 3px;font-size:8px}
  .iao-lm__device-head{padding:5px 7px 4px!important;column-gap:3px}
  .iao-lm__device-row{
    min-height:40px!important;
    padding:4px 7px!important;
    column-gap:4px!important;
  }
  .iao-lm__device-name{gap:5px!important}
  .iao-lm__asset-icon{width:20px;height:20px;flex-basis:20px}
  .iao-lm__asset-icon svg{width:12px;height:12px}
  .iao-lm__asset-icon.fx{font-size:10px}
  .iao-lm__device-name strong{font-size:8px!important}
  .iao-lm__device-name small{font-size:5.7px!important;margin-top:1px!important}
  .iao-lm__device-buy,.iao-lm__device-price{font-size:8.5px!important}
  .iao-lm--device .iao-lm__change{font-size:7px!important}
}
