/* #kompaniya-logotipi-plitka — kompaniya logotipi ko'rsatiladigan HAR
   QANDAY joyda (CRM sidebar, admin.html Sozlamalar profili va h.k.)
   BIR XIL ishlatiladigan, umumiy CSS. Slack/Discord/Notion uslubidagi
   workspace ikonkasi: yumshoq burchakli kvadrat, neytral to'q fon
   (logotip kvadrat proporsiyada bo'lmasa ham object-fit:contain
   tufayli cho'zilib/kesilib ketmaydi).

   .company-logo        - <img> ning o'zi (shakl/o'lcham/fon/ramka)
   .company-logo-wrapper - FAQAT bosib tahrirlanadigan joylarda (masalan
                            CRM sidebar) qo'shimcha ishlatiladi - hover
                            parda + qalam ikonkasi uchun pozitsiya konteksti
   .company-logo-overlay - hover parda (faqat .editable klassi bilan birga
                            ishlaydi - masalan admin.html'dagi Sozlamalar
                            profilida, alohida Yuklash/O'chirish tugmalari
                            allaqachon bor joyda, ATAYLAB ishlatilmaydi) */
.company-logo-wrapper { position: relative; width: 46px; height: 46px; border-radius: 11px; flex-shrink: 0; }
.company-logo { width: 46px; height: 46px; border-radius: 11px; object-fit: contain; background: #1a1f2e; border: 1px solid rgba(255,255,255,.1); display: block; transition: .2s ease; }
.company-logo-overlay { position: absolute; inset: 0; border-radius: 11px; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s ease; pointer-events: none; color: #fff; }
.company-logo-wrapper.editable { cursor: pointer; }
.company-logo-wrapper.editable:hover .company-logo-overlay { opacity: 1; }