/* v0.5.12 ABD Şirketleri sayfası (custom-abd-sirketleri.hbs). Yalnızca bu şablonda yüklenir. */
.co-head{margin-bottom:18px}
.co-lede{margin:6px 0 0;font-size:16px;color:var(--secondary);max-width:760px}
.co-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:10px}
.co-idx button{padding:7px 12px;font-size:13px}
.co-idx button[aria-pressed="true"],.co-chip[aria-pressed="true"]{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.co-sel select,.co-per select{appearance:none;-webkit-appearance:none;height:36px;padding:0 32px 0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238C8798' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--text);font:500 13.5px/1 var(--f-body);cursor:pointer}
.co-sel select:focus-visible,.co-per select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.co-cols{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.co-cols-l{font-size:13px;color:var(--muted)}
.co-chip{border:1px dashed var(--line);background:var(--bg);color:var(--secondary);border-radius:999px;padding:6px 11px;font:600 12.5px/1 var(--f-body);cursor:pointer}
.co-chip[aria-pressed="true"]{border-style:solid;border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.co-chip[aria-pressed="false"]::before{content:"+ "}
.co-chip[aria-pressed="true"]::after{content:" ×"}
.co-sort-m{display:none}
.co-count{margin:4px 0 10px;font-size:13px;color:var(--muted)}
.co-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}
.co-table{width:100%;border-collapse:collapse;font-size:14.5px}
.co-table th{font:700 11.5px/1 var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);text-align:left;padding:12px 12px;border-bottom:1px solid var(--line);background:var(--card);white-space:nowrap}
.co-table th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.co-table th button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}
.co-table th[aria-sort] button::after{content:"";width:0;height:0;border:4px solid transparent;opacity:.35;border-top-color:currentColor;margin-top:4px}
.co-table th[aria-sort="ascending"] button::after{border-top-color:transparent;border-bottom-color:currentColor;margin-top:-4px;opacity:1}
.co-table th[aria-sort="descending"] button::after{opacity:1}
.co-table th[aria-sort="ascending"],.co-table th[aria-sort="descending"]{color:var(--brand)}
.co-table td{padding:7px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.co-table tbody tr:last-child td{border-bottom:0}
.co-row{position:relative;cursor:pointer;transition:background .12s}
.co-row:hover{background:var(--soft)}
.co-link{font-weight:600;color:var(--text);text-decoration:none}
.co-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}
.co-row:hover .co-link{color:var(--brand)}
.co-sub{display:none}
.co-c-logo{width:56px;padding-right:0!important}
.co-logo{width:32px;height:32px;border-radius:50%;display:block;background:#fff;box-shadow:0 0 0 1px var(--line);object-fit:cover}
.co-logo.mb-avatar-initials{display:grid;font-size:8.5px}
.co-c-tk{font:700 12.5px/1 var(--f-head);color:var(--primary);white-space:nowrap;text-align:center}
.co-c-sec{color:var(--secondary);font-size:13.5px}
.co-c-num{text-align:center!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.co-c-num small{color:var(--muted);font-size:11.5px}
.co-table th.co-c-num button{justify-content:center}
.co-na{color:var(--muted);font-size:12.5px}
.co-y{font:700 9.5px/1 var(--f-body);color:var(--gold);text-decoration:none;border:1px solid currentColor;border-radius:4px;padding:1px 3px;margin-left:3px;vertical-align:2px}
.co-opt{display:none}
.co.show-r .co-opt[data-col="r"],.co.show-ni .co-opt[data-col="ni"],.co.show-m .co-opt[data-col="m"]{display:table-cell}
/* Fiyat: single-quote bileşeninin yalnızca fiyat ve değişim kısmı görünür. Bileşen 640x69 px; ölçülen yerler: fiyat y 19-33, değişim y 41-51, x 536-625;
   TradingView işareti y 7-15, şirket adı x 260'tan önce biter. Pencere: x 520-628, y 17-53. */
.co-c-tk,.co-c-px,.co-table th.co-c-tk,.co-table th.co-c-px,.co-table th.co-c-num{text-align:center}
.co-table th.co-c-tk button{justify-content:center}
.co-table th.co-c-sec,.co-table td.co-c-sec{text-align:left;padding-left:32px;padding-right:16px}
.co-table th.co-c-px,.co-table td.co-c-px{width:168px;padding-left:20px;padding-right:32px;text-align:center}
.co-table th.co-c-tk,.co-table td.co-c-tk{text-align:center;padding-left:16px;padding-right:16px}
.co-table th.co-c-num,.co-table td.co-c-num{padding-left:16px;padding-right:16px}
.co-px{position:relative;width:108px;height:36px;margin:0 auto}
.co-px-vp{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .25s ease-out}
.co-px.is-ready .co-px-vp{opacity:1}
.co-px-tv{position:absolute;left:-520px;top:-17px;width:640px;height:69px;pointer-events:none}
.co-px-tv iframe{pointer-events:none}
/* v0.5.14: iskelet varsayılan görünmez; satır 1,2 sn ekranda kalıp fiyat gelmediyse (JS: .is-wait) yavaşça ve soluk belirir. Fiyat gelince yumuşak geçişle görünür. */
.co-px-sk{position:absolute;inset:4px auto;left:0;right:0;width:84px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transition:opacity .5s ease-out}
.co-px.is-wait .co-px-sk{opacity:.5}
.co-px-sk i{display:block;height:11px;width:84px;border-radius:5px;background:var(--soft)}
.co-px-sk i+i{width:58px;height:9px}
.co-px.is-ready .co-px-sk{display:none}
/* v0.5.15: son resmi kapanış hemen görünür (fiyat + yüzde, TradingView renkleri); canlı bileşen hazır olunca yer değiştirmeden çapraz solar. */
.co-px-close{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;opacity:1;transition:opacity .25s ease-out;pointer-events:none;z-index:1}
.co-px-close b{font:650 14.5px/1.15 var(--f-body);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.co-px-chg{font:600 11.5px/1.15 var(--f-body);font-variant-numeric:tabular-nums}
.co-px-chg.is-up{color:#089981}
.co-px-chg.is-dn{color:#F23645}
.co-px-chg.is-flat{color:var(--muted)}
.co-px[data-has-close] .co-px-sk{display:none}
.co-px.is-ready .co-px-close{opacity:0}
.co-msg{padding:28px!important;text-align:center;color:var(--secondary)}
.co-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.co-per{font-size:13.5px;color:var(--secondary);display:inline-flex;align-items:center;gap:8px}
.co-pager{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.co-pager button{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:600 13px/1 var(--f-body);cursor:pointer}
.co-pager button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}
.co-pager button[aria-current="page"]{background:var(--brand);border-color:var(--brand);color:#fff}
.dark .co-pager button[aria-current="page"]{color:#0E0D12}
.co-pager button:disabled{opacity:.4;cursor:default}
.co-gap{padding:0 4px;color:var(--muted)}
.co-note{margin:18px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted);max-width:900px}
.co-note a{color:var(--secondary);text-decoration:underline}
@media (max-width:900px){ .co-c-sec{display:none} .co-sub{display:block;margin-top:3px;font-size:12px;color:var(--muted)} .co-sub b{color:var(--primary);font:700 11.5px/1 var(--f-head)} .co-c-tk{display:none} }
@media (max-width:640px){
  .co-bar{gap:8px}
  .co-idx{width:100%;display:flex}.co-idx button{flex:1}
  .co-sel{flex:1 1 140px}.co-sel select{width:100%}
  .co-sort-m{display:block}
  .co-cols{width:100%}
  .co-table thead{display:none}
  .co-table,.co-table tbody{display:block}
  .co-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
  .co-table tbody tr:last-child{border-bottom:0}
  .co-table td{display:block;padding:0;border:0}
  .co-table td.co-c-sec,.co-table td.co-c-tk{display:none}
  .co-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .co-c-logo{width:auto;grid-row:1/2;align-self:center}
  .co-c-name{min-width:0}.co-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .co-table td.co-c-px,.co-table th.co-c-px,.co-c-px{grid-column:3;grid-row:1/2;width:auto;max-width:none;padding:0;text-align:right}.co-px{margin-left:auto;margin-right:0}.co-px-close{align-items:flex-end;text-align:right}
  .co-opt{grid-column:2/4;font-size:12.5px;text-align:left!important;margin-top:3px}
  .co.show-r .co-opt[data-col="r"],.co.show-ni .co-opt[data-col="ni"],.co.show-m .co-opt[data-col="m"]{display:inline-block}
  .co-opt::before{content:attr(data-l) ": ";color:var(--muted)}
  .co-foot{flex-direction:column-reverse;align-items:stretch}
  .co-pager{justify-content:center}
}
/* v0.5.23 telefon: endeks süzgeci ve sütun çipleri 36 px dokunma yüksekliği, alt yazılar 13 px'e yakın */
@media (max-width:760px){
  .co-idx button,.co-chip{min-height:36px}
  .co-sub{font-size:12.5px}
}