.hve{position:relative;z-index:50;margin:0 0 14px;padding:0;font-family:inherit;clear:both;display:flow-root}
.hve *{box-sizing:border-box}
.hve-tasi{display:flow-root}
.hve-baslik{margin:0 0 10px;font-size:16pt;line-height:1.2}

/* Sekme düğmeleri */
.hve-sekmeler{display:flex;gap:6px;margin:0}
.hve-sekme{flex:1;padding:10px 6px;border:0;border-radius:8px;background:#e6edf2;color:#0b4f7a;font-size:12pt;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.hve-sekme::after{content:" ▾";font-size:10pt}
.hve-sekme.hve-acik{background:#0b4f7a;color:#fff}
.hve-sekme.hve-acik::after{content:" ▴"}

/* Yüzen pencere: sayfayı aşağı itmez, sekmelerin altından kayarak açılır */
.hve-kutu{position:relative;height:0}
.hve-panel{
  position:absolute;top:8px;left:0;right:0;z-index:9999;
  max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:12px;background:#fff;border:2px solid #0b4f7a;border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  visibility:hidden;opacity:0;
  clip-path:inset(0 -30px 100% -30px);
  transition:clip-path .35s ease,opacity .25s ease,visibility 0s linear .35s;
}
.hve-panel.hve-acik{
  visibility:visible;opacity:1;
  clip-path:inset(0 -30px -40px -30px);
  transition:clip-path .35s ease,opacity .25s ease,visibility 0s;
}

.hve-ust{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:13pt;color:#0b4f7a}
.hve-kapat{width:34px;height:34px;border:0;border-radius:50%;background:#e6edf2;color:#0b4f7a;font-size:14pt;line-height:1;cursor:pointer}

/* Borsa alt düğmeleri */
.hve-piller{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.hve-pil{padding:6px 12px;border:1px solid #0b4f7a;border-radius:20px;background:#fff;color:#0b4f7a;font-size:11pt;cursor:pointer}
.hve-pil.hve-sec{background:#0b4f7a;color:#fff}
.hve-alt{display:none}
.hve-alt.hve-sec{display:block}

/* Tablolar */
.hve-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hve-tablo{width:100%;border-collapse:collapse;font-size:12pt}
.hve-tablo th{padding:8px 10px;background:#f2f5f8;color:#333;font-size:11pt;text-align:right;border-bottom:2px solid #0b4f7a;white-space:nowrap}
.hve-tablo td{padding:9px 10px;text-align:right;border-bottom:1px solid #e3e8ec;white-space:nowrap}
.hve-tablo th:first-child,.hve-tablo td:first-child{text-align:left}
.hve-tablo tbody tr:nth-child(even){background:#fafbfc}
.hve-ad{font-weight:700;white-space:normal!important}

.hve-art{color:#1a8f3c;font-weight:700}
.hve-aza{color:#c62828;font-weight:700}
.hve-sabit{color:#777}

.hve-not{margin:10px 0 0;font-size:10pt;color:#777}
.hve-bos{padding:14px;background:#f7f7f7;border-radius:6px;font-size:12pt}

/* Telefon */
@media (max-width:600px){
  .hve-baslik{font-size:14pt}
  .hve-sekme{font-size:12pt;padding:9px 4px}
  .hve-panel{padding:8px;max-height:70vh}
  .hve-ust{font-size:12pt}
  .hve-pil{font-size:10.5pt;padding:6px 10px;flex:1 1 auto;text-align:center}
  .hve-tablo{font-size:11pt}
  .hve-tablo th{font-size:10pt;padding:7px 5px}
  .hve-tablo td{padding:8px 5px}
  .hve-not{font-size:9.5pt}
}
@media (max-width:380px){
  .hve-tablo{font-size:10.5pt}
}