/* =========================================================
   ANLIKDOVIZ - KOMPAKT SERIT SECENEGI + KUTU KONTRAST FIX
   ========================================================= */
#preview-v1 .currency-block .currency-name,
#preview-v1 .currency-block p {
    color: var(--ad-preview-name, #2f3e46) !important;
}
#preview-v1 .currency-block p span {
    color: var(--ad-preview-value, #CC3300) !important;
}

.compact-style-selector {
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 22px;
    border: 1px solid rgba(230,126,34,.15);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(9,15,27,.24);
}
.compact-style-selector > .bilgi { margin: 0; }
.compact-style-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
    padding: 14px;
}
.compact-style-btn {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
    padding: 11px 12px;
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 11px;
    background: rgba(15,23,42,.58);
    color: #dbe5f2;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.compact-style-btn:hover { border-color: rgba(230,126,34,.5); transform: translateY(-1px); }
.compact-style-btn.active {
    border-color: #e67e22;
    background: rgba(230,126,34,.10);
    box-shadow: 0 0 0 2px rgba(230,126,34,.08);
}
.compact-style-btn > span { min-width:0; display:flex; flex-direction:column; gap:2px; }
.compact-style-btn strong { color: inherit; font-size: 13px; line-height: 1.2; }
.compact-style-btn small { color: #8fa0b5; font-size: 10px; line-height: 1.25; }
.compact-style-swatch {
    flex: 0 0 64px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 6px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
}
.compact-style-swatch b { width: 14px; height: 8px; border-radius: 999px; display:block; opacity:.95; }
.compact-style-swatch.is-midnight { background: linear-gradient(135deg,#0b1324,#16253f); }
.compact-style-swatch.is-midnight b { background:#60a5fa; }.compact-style-swatch.is-midnight b:nth-child(2){background:#f59e0b}.compact-style-swatch.is-midnight b:nth-child(3){background:#22c55e}
.compact-style-swatch.is-terminal { background:#070a0d; border-color:#223028; }
.compact-style-swatch.is-terminal b { background:#65d68a; height:2px; border-radius:0; }.compact-style-swatch.is-terminal b:nth-child(2){background:#f0b35d}.compact-style-swatch.is-terminal b:nth-child(3){background:#7dd3fc}
.compact-style-swatch.is-paper { background:#f8fafc; border-color:#d7dee8; }
.compact-style-swatch.is-paper b { background:#23344a; }.compact-style-swatch.is-paper b:nth-child(2){background:#d97706}.compact-style-swatch.is-paper b:nth-child(3){background:#15976a}
.compact-style-swatch.is-signal { background:linear-gradient(180deg,#182234,#101827); border-top:2px solid #e67e22; }
.compact-style-swatch.is-signal b { background:#e67e22; }.compact-style-swatch.is-signal b:nth-child(2){background:#f8fafc}.compact-style-swatch.is-signal b:nth-child(3){background:#38bdf8}

.compact-brand-option {
    margin: 0 14px 14px;
    padding: 12px 13px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 11px;
    background: rgba(15,23,42,.42);
    color: #dbe5f2;
    cursor: pointer;
    user-select: none;
}
.compact-brand-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.compact-brand-check {
    width: 34px;
    height: 20px;
    flex: 0 0 34px;
    border-radius: 999px;
    background: #334155;
    position: relative;
    transition: background .18s ease;
}
.compact-brand-check::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background: #f8fafc;
    transition: transform .18s ease;
}
.compact-brand-option input:checked + .compact-brand-check { background: #e67e22; }
.compact-brand-option input:checked + .compact-brand-check::after { transform: translateX(14px); }
.compact-brand-copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.compact-brand-copy strong { font-size: 12px; line-height: 1.25; color: inherit; }
.compact-brand-copy small { font-size: 10px; line-height: 1.35; color: #8fa0b5; }
.compact-brand-option:focus-within { outline: 2px solid rgba(230,126,34,.55); outline-offset: 2px; }

.preview-content--compact {
    min-height: 190px;
    padding: 28px 18px;
}
#exchanges-v7 { line-height: 0; }
#exchanges-v7 iframe { display:block; height:72px !important; border-radius:12px; background:transparent; }

html[data-theme="light"] .compact-style-selector {
    background: rgba(255,255,255,.28);
    border-color: rgba(74,59,41,.14);
}
html[data-theme="light"] .compact-style-btn {
    background: rgba(255,255,255,.48);
    border-color: rgba(74,59,41,.16);
    color: #263447;
}
html[data-theme="light"] .compact-style-btn small { color:#65717e; }
html[data-theme="light"] .compact-style-btn.active {
    border-color:#b85f12;
    background:rgba(184,95,18,.09);
}
html[data-theme="light"] .compact-brand-option {
    background: rgba(255,255,255,.42);
    border-color: rgba(74,59,41,.16);
    color: #263447;
}
html[data-theme="light"] .compact-brand-copy small { color:#65717e; }

@media (max-width: 768px) {
    .compact-style-selector { margin-left:16px; margin-right:16px; }
    .compact-style-grid { grid-template-columns:1fr; }
    .preview-content--compact { min-height:150px; padding:20px 10px; }
}
