:root{

--amlm-bg:#0b1220;
--amlm-card:#0f172a;
--amlm-border:#1e293b;

--amlm-text:#f8fafc;
--amlm-muted:#94a3b8;

--amlm-green:#10b981;
--amlm-red:#ef4444;

--amlm-gold:#fbbf24;
--amlm-silver:#cbd5e1;
--amlm-platinum:#67e8f9;

}


/* WRAPPER */

.amlm-wrap{

background:var(--amlm-bg);

border:1px solid var(--amlm-border);

border-radius:10px;

padding:10px;

font-family:system-ui;

color:var(--amlm-text);

overflow:hidden;

}


/* STATUS */

.amlm-status{

display:flex;

align-items:center;

gap:6px;

font-size:11px;

color:var(--amlm-muted);

margin-bottom:6px;

}

.amlm-dot{

width:6px;
height:6px;
border-radius:50%;
background:#64748b;

}

.amlm-status.live .amlm-dot{

background:var(--amlm-green);

box-shadow:0 0 4px var(--amlm-green);

}


/* GRID */

.amlm-grid{

display:flex;

flex-direction:column;

gap:6px;

}


/* CARD */

.amlm-card{

display:flex;

align-items:center;

justify-content:space-between;

gap:10px;

background:var(--amlm-card);

border:1px solid var(--amlm-border);

border-radius:8px;

padding:7px 10px;

transition:.2s;

overflow:hidden;

}

.amlm-card:hover{

background:#111827;

}


/* METAL */

.amlm-metal{

display:flex;

flex-direction:column;

min-width:70px;

}

.amlm-metal-name{

font-size:12px;

font-weight:700;

}

.is-gold .amlm-metal-name{color:var(--amlm-gold);}
.is-silver .amlm-metal-name{color:var(--amlm-silver);}
.is-platinum .amlm-metal-name{color:var(--amlm-platinum);}

.amlm-metal-code{

font-size:10px;

color:var(--amlm-muted);

}


/* PRICES */

.amlm-prices{

display:flex;

gap:14px;

flex:1;

min-width:0;

}


/* PRICE BOX */

.amlm-price-box{

display:flex;

flex-direction:column;

font-size:11px;

min-width:0;

}

.amlm-label{

font-size:9px;

color:var(--amlm-muted);

}

.amlm-val-wrap{

display:flex;

align-items:center;

gap:4px;

direction:ltr;

}

.amlm-number{

font-size:13px;

font-weight:700;

white-space:nowrap;

}

.amlm-arrow{

font-size:10px;

}

.amlm-arrow.up{color:var(--amlm-green);}
.amlm-arrow.down{color:var(--amlm-red);}


/* SPARKLINE */

.amlm-spark{

width:60px;
height:20px;

flex-shrink:0;

opacity:.9;

}


/* FLASH */

.flash-up{

animation:flashUp .5s ease;

}

.flash-down{

animation:flashDown .5s ease;

}

@keyframes flashUp{

50%{color:var(--amlm-green)}

}

@keyframes flashDown{

50%{color:var(--amlm-red)}

}


/* MOBILE */

@media(max-width:640px){

.amlm-spark{

display:none;

}

}

.amlm-chart-wrap{
height:26px;
margin:4px 0 2px;
}

.amlm-spark{
width:100%;
height:26px;
}


@media (max-width:640px){

/* الكارد يصبح عمودي */

.amlm-card{

flex-direction:column;

align-items:stretch;

gap:8px;

padding:10px;

}


/* اسم المعدن */

.amlm-card-top{

display:flex;

justify-content:space-between;

font-size:14px;

}


/* الشارت */

.amlm-chart-wrap{

height:28px;

margin-top:2px;

margin-bottom:4px;

}

.amlm-spark{

height:28px;

}


/* الصف */

.amlm-row{

flex-direction:column;

align-items:flex-start;

gap:4px;

}


/* العملة */

.amlm-curr{

font-size:11px;

opacity:.8;

}


/* الأسعار */

.amlm-prices{

display:flex;

width:100%;

justify-content:space-between;

gap:10px;

}


/* صندوق السعر */

.amlm-price-box{

flex:1;

background:rgba(255,255,255,.03);

padding:6px 8px;

border-radius:6px;

}


/* النص */

.amlm-label{

font-size:10px;

}

.amlm-number{

font-size:14px;

font-weight:700;

}


/* الأسهم */

.amlm-arrow{

font-size:11px;

}

}


.is-palladium .amlm-metal-name{color:#f472b6;}
.is-copper .amlm-metal-name{color:#f97316;}