.metric-dialog{background:var(--zemin-l100);width:min(100%,720px);min-width:0;max-height:min(84vh,760px);box-shadow:0 18px 54px var(--cizgi-vurgu-l10-a44);border-radius:12px;flex-direction:column;padding:20px 24px;display:flex}.metric-dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.metric-dialog-head h2{color:var(--metin-vurgu-l20);letter-spacing:-.02em;margin:3px 0 0;font-size:18px}.metric-caption{color:var(--metin-sessiz);margin:6px 0 0;font-size:12px;line-height:1.5}.metric-headline{align-items:baseline;gap:12px;margin:16px 0 0;display:flex}.metric-headline strong{color:var(--metin-vurgu-l20);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.metric-headline span{color:var(--metin-sessiz);font-size:12px}.metric-breakdown{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.metric-chip{border:1px solid var(--cizgi-l90);background:var(--zemin-l97b);border-radius:8px;gap:2px;padding:8px 12px;display:grid}.metric-chip small{color:var(--metin-sessiz);font-size:12px}.metric-chip b{color:var(--metin-vurgu-l28);font-variant-numeric:tabular-nums;font-size:13px}.metric-chip.tone-warning{border-color:var(--cizgi-uyari-l87);background:var(--zemin-l97d)}.metric-chip.tone-warning b{color:var(--ton-uyari)}.metric-chip.tone-positive{border-color:var(--cizgi-l90b);background:var(--zemin-l98)}.metric-chip.tone-positive b{color:var(--metin-basari-l49)}.metric-table{border:1px solid var(--cizgi-l93);border-radius:8px;margin-top:16px;overflow:auto}.metric-table table{width:100%}.metric-table th{z-index:1;position:sticky;top:0}.metric-table tbody tr{cursor:default}.metric-table tbody tr.is-warning td{background:var(--zemin-l99)}.metric-empty{color:var(--metin-sessiz);margin:18px 0 4px;font-size:12px}.metric-more{color:var(--metin-sessiz);margin:11px 0 0;font-size:12px}@media (width<=760px){.metric-dialog{max-height:88vh;padding:16px}.metric-headline strong{font-size:25px}}button.metric{text-align:left;width:100%;font:inherit;transition:box-shadow .12s,border-color .12s,transform .12s;display:block}button.metric.is-clickable:hover{border-color:var(--cizgi-vurgu-l84);box-shadow:0 6px 18px var(--cizgi-vurgu-l32-a16);transform:translateY(-1px)}button.metric.is-clickable:focus-visible{outline:2px solid var(--cizgi-vurgu-l61);outline-offset:2px}.metric-open{color:var(--metin-l75);opacity:0;font-size:12px;font-style:normal;transition:opacity .12s,color .12s;position:absolute;bottom:13px;right:14px}button.metric.is-clickable:hover .metric-open{opacity:1;color:var(--metin-vurgu-l43)}.metric-dialog tbody tr.opens-record{cursor:pointer}.metric-dialog tbody tr.opens-record:hover{background:var(--zemin-l97)}.metric-dialog tbody tr.opens-record:focus-visible{outline:2px solid var(--cizgi-vurgu-l44);outline-offset:-2px}.metric-dialog th.metric-open{width:18px}.metric-dialog td.metric-open{width:18px;color:var(--metin-l76);text-align:right;padding-left:0;padding-right:12px}.metric-dialog tbody tr.opens-record:hover td.metric-open{color:var(--metin-vurgu-l46b)}