/* Ölçüler ve renkler Operasyon Özeti'nin canli-* bileşenlerinden gelir. */
/* Görsel dil Operasyon Özeti'nden; genişlikler mevcut kart sayısına göre satırı doldurur. */
.canli-nabiz-seridi.operasyon-aile-metrikleri { grid-template-columns: repeat(var(--operasyon-gosterge-adedi,4),minmax(0,1fr)); }
.operasyon-aile-metrikleri[data-gosterge-adedi="3"] { --operasyon-gosterge-adedi: 3; }
.operasyon-aile-metrikleri[data-gosterge-adedi="6"] { --operasyon-gosterge-adedi: 6; }
.operasyon-aile-metrikleri > article { grid-column: auto; }
@media(max-width:1100px) {
 .canli-nabiz-seridi.operasyon-aile-metrikleri { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .canli-nabiz-seridi.operasyon-aile-metrikleri:is([data-gosterge-adedi="3"],[data-gosterge-adedi="6"]) { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
 .canli-nabiz-seridi.operasyon-aile-metrikleri,
 .canli-nabiz-seridi.operasyon-aile-metrikleri:is([data-gosterge-adedi="3"],[data-gosterge-adedi="6"]) { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .operasyon-aile-metrikleri > article:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media(max-width:520px) {
 .canli-nabiz-seridi.operasyon-aile-metrikleri,
 .canli-nabiz-seridi.operasyon-aile-metrikleri:is([data-gosterge-adedi="3"],[data-gosterge-adedi="6"]) { grid-template-columns: minmax(0,1fr); }
}
.operasyon-aile-metrikleri > article[data-risk="true"] strong { color: var(--kirmizi); }
.canli-pano-karti.operasyon-aile-karti { min-width: 0; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: 0 12px 28px color-mix(in srgb,var(--lacivert) 7%,transparent); }
.canli-pano-karti.operasyon-aile-karti > header { min-height: 61px; gap: 12px; padding: 12px 15px; border-bottom: 1px solid var(--cizgi); }
.canli-pano-karti.operasyon-aile-karti > header h2 { margin: 0; color: var(--metin); font-size: 16px; line-height: 1.2; }
.canli-pano-karti.operasyon-aile-karti > header p { margin: 5px 0 0; color: var(--metin-soluk); font-size: 12px; line-height: 1.35; }
.operasyon-aile-karti .dijital-kanal-karti { min-width: 0; grid-template-columns: 38px minmax(160px,1fr) auto minmax(260px,1fr); gap: 12px; padding: 15px; }
.operasyon-aile-karti .dijital-kanal-ikonu { border-radius: 11px; }
.operasyon-aile-karti .dijital-kanal-karti small,
.operasyon-aile-karti .dijital-kanal-karti p,
.operasyon-aile-karti .dijital-kanal-karti dt { color: var(--metin-soluk); font-size: 11px; }
.operasyon-aile-karti .dijital-kanal-karti dd { font-size: 12px; }
.operasyon-aile-karti .dijital-kanal-durum { font-size: 10px; }
.operasyon-aile-karti .dijital-kanal-islemleri { grid-column: 2 / -1; flex-wrap: wrap; }
.operasyon-aile-karti .dijital-kanal-islemleri button { font-size: 11px; }
@media(max-width:1050px) {
 .operasyon-aile-karti .dijital-kanal-karti { grid-template-columns: 38px minmax(0,1fr) auto; }
 .operasyon-aile-karti .dijital-kanal-karti dl { grid-column: 2 / -1; }
}
@media(max-width:520px) {
 .operasyon-aile-karti .dijital-kanal-karti { grid-template-columns: 38px minmax(0,1fr); }
 .operasyon-aile-karti .dijital-kanal-durum { grid-column: 2; justify-self: start; }
 .operasyon-aile-karti .dijital-kanal-karti dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .operasyon-aile-karti .dijital-kanal-karti dl > div:last-child { grid-column: 1 / -1; }
 .operasyon-aile-karti .dijital-kanal-islemleri { justify-content: flex-start; }
}