/* Reklam bütçesi ve ROAS hesaplayıcı */
.adc-modes { margin-bottom: 26px; }
.adc-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.adc-form legend { padding: 0; margin-bottom: 4px; }
.adc-inline { display: grid; gap: 10px; }
@media (min-width: 520px) { .adc-inline { grid-template-columns: auto minmax(0, 1fr); align-items: center; } }
.seg--sm button { padding: 8px 13px; font-size: 13px; }
.adc-form .seg { justify-self: start; }

.adc-out { display: grid; gap: 18px; align-content: start; min-width: 0; }
.adc-stats { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
.adc-stats .stat strong { font-size: 22px; overflow-wrap: anywhere; }
.stat--good strong { color: #0b7a55; }
.stat--bad strong { color: #c23d0b; }
.adc-empty { padding: 22px; border-radius: 18px; background: var(--sis); color: var(--metin); }
.adc-sum { padding: 16px 18px; border-radius: 16px; background: var(--sis); font-size: 15px; color: var(--grafit); border-left: 4px solid var(--celik); }
.adc-sum.is-good { background: #e9f7f1; border-color: #0e9f6e; }
.adc-sum.is-bad { background: #fdf0ea; border-color: #d9480f; }
.adc-warn { padding: 10px 14px; border-radius: 12px; background: #fff6e0; color: #7a5200; font-size: 14px; font-weight: 500; }

.adc-chart { padding: 18px; border: 1px solid var(--cizgi); border-radius: 18px; }
.adc-chart__title { font: 600 14px/1.3 var(--font-sans); margin-bottom: 14px; }

.adc-stack { display: flex; height: 22px; border-radius: 8px; overflow: hidden; background: var(--sis); }
.adc-stack span { height: 100%; min-width: 3px; }
.adc-stack__cogs { background: #8c96a0; }
.adc-stack__ads { background: var(--kobalt); }
.adc-stack__other { background: var(--amber); }
.adc-stack__profit { background: #0e9f6e; }
.adc-stack__profit.is-loss { background: repeating-linear-gradient(45deg, #d9480f 0 6px, #e8693a 6px 12px); }
.adc-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; font-size: 13px; color: var(--metin); }
.adc-legend li { display: inline-flex; align-items: center; gap: 6px; }
.adc-legend i { width: 12px; height: 12px; border-radius: 3px; }
.adc-legend b { color: var(--grafit); font-weight: 600; }

.adc-gauge { position: relative; height: 18px; margin: 30px 0 34px; border-radius: 999px; background: var(--sis); }
.adc-gauge__bar { position: absolute; left: 0; top: 0; bottom: 0; border-radius: inherit; }
.adc-gauge__bar.is-good { background: #0e9f6e; }
.adc-gauge__bar.is-bad { background: #d9480f; }
.adc-gauge__mark { position: absolute; top: -8px; bottom: -8px; width: 2px; background: var(--grafit); }
.adc-gauge__mark b { position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); font: 600 12px/1 var(--font-sans); white-space: nowrap; }
.adc-gauge__mark--all { background: var(--amber); }
.adc-gauge__mark--all b { top: calc(100% + 4px); bottom: auto; color: #7a5200; }
.adc-gauge__mark.is-end b { left: auto; right: 0; transform: none; }
.adc-gauge__mark.is-start b { left: 0; transform: none; }

.adc-table-wrap { overflow-x: auto; }
.adc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.adc-table th, .adc-table td { padding: 8px 6px; text-align: left; border-bottom: 1px solid var(--cizgi); white-space: nowrap; font-variant-numeric: tabular-nums; }
.adc-table thead th { font-size: 12px; color: var(--celik); font-weight: 600; }
.adc-table td:nth-child(2) { width: 40%; }
.adc-table tr.is-current { background: color-mix(in srgb, var(--c, var(--okyanus)) 8%, #fff); font-weight: 600; }
.adc-hbar { display: block; height: 10px; border-radius: 999px; background: var(--sis); min-width: 60px; }
.adc-hbar i { display: block; height: 100%; border-radius: inherit; background: var(--kobalt); }

.adc-funnel { display: grid; gap: 8px; }
.adc-funnel li { display: grid; gap: 4px; justify-items: center; }
.adc-funnel span { display: block; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--kobalt) 14%, #fff); text-align: center; font-size: 14px; color: var(--grafit); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adc-funnel li:nth-child(2) span { background: color-mix(in srgb, var(--kobalt) 28%, #fff); }
.adc-funnel li:nth-child(3) span { background: var(--kobalt); color: #fff; }
.adc-funnel small { font-size: 12px; color: var(--celik); }
.adc-cta { margin-top: 32px; }