/*
 * SeeFish - komponen logo bersama.
 *
 * Sumber: assets/SeeFish Logo.png (1254x1254, background transparan; file
 * tidak dipindah, diganti nama, atau diduplikasi). File asli berupa lockup
 * penuh (ikon ikan + wordmark "SeeFish" + tagline "Monitor - Manage - Sustain").
 * Karena lockup sudah menyertakan wordmark/tagline, logo ditampilkan sebagai
 * ikon saja via wrapper overflow:hidden, sementara wordmark/tagline tetap
 * berupa teks di markup sehingga tidak ada tampil ganda.
 *
 * Potongan ikon (dari analisis bounding box gambar, image 1254x1254):
 *   ikon y: 15.5% - 59.7%, x: 26.2% - 74.6% | wordmark mulai y: 62%.
 *   - lebar gambar 206% => tinggi tampilan ikon = 44.3% * 2.06C = 0.91C
 *     (C = lebar wrapper, ikon kira-kira 91% tinggi badge) dan lebar ikon
 *     0.484 * 2.06C = 0.997C sehingga tidak terpotong horizontal.
 *   - top -27% => wrapper menampilkan rentang gambar 0.27C - 1.27C
 *     (fraksi 0.131 - 0.616), ikon utuh dan terpusat, wordmark/tagline
 *     tetap di luar area tampil (mulai fraksi 0.62).
 *   - rasio gambar dipertahankan (height:auto mengikuti rasio asli).
 */
.seefish-logo-mark {
  position: relative;
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  line-height: 0;
}

.seefish-logo-mark--nav {
  width: clamp(38px, 10vw, 50px);
  height: clamp(38px, 10vw, 50px);
}

.seefish-logo-mark--auth {
  width: clamp(42px, 11vw, 53px);
  height: clamp(42px, 11vw, 53px);
}

.seefish-logo-mark--sm {
  width: 38px;
  height: 38px;
}

.seefish-logo-mark--center {
  margin-inline: auto;
}

.seefish-logo-img {
  position: absolute;
  left: 50%;
  top: -27%;
  width: 206%;
  height: auto;
  max-width: none;
  display: block;
  transform: translateX(-50%);
}