/* MegaBrain — Ustun 1 (va Ekran) ko'p ishtirokchi: "Javob?" maydoni va
   ✓/➜ tekshirish tugmasi HECH QACHON kartadan tashqariga chiqib
   ketmasligi / kesilib qolmasligi uchun.
   2026-08-25 / v20260825-multi-answer-fit01

   Muammo: ishtirokchilar soni ko'p bo'lganda (karta juda kichraygan holda)
   .ekm-answer-row ichidagi input + tugma piksel bo'yicha belgilangan
   padding/font-size sabab kartaning haqiqiy eniga sig'may qolar, karta esa
   overflow:hidden bo'lgani uchun bu qism ko'zga ko'rinmay ("chiqib ketib")
   qolardi, ba'zan esa ✓/➜ tugma qisman kesilib, bosish qiyinlashardi
   ("yoqilib qolgandek" ko'rinardi). Bu yerda ikkalasi ham HAR DOIM
   kartaning o'zi (container) o'lchamiga qarab (cqw) moslashadigan qilib
   qayta belgilanadi — shu bilan hech qachon tashqariga chiqib ketmaydi va
   doim to'liq bosiladigan (clickable) bo'lib qoladi. */

#ekranMultiArea .ekm-answer-row,
#u1MultiArea .ekm-answer-row{
  max-width:100%;
  width:100%;
  box-sizing:border-box;
  gap:clamp(3px,2cqw,6px);
  flex-wrap:nowrap;
}

#ekranMultiArea .ekm-answer-input,
#u1MultiArea .ekm-answer-input{
  min-width:0;
  flex:1 1 auto;
  padding:clamp(4px,2cqh,8px) clamp(3px,1.6cqw,6px);
  font-size:clamp(0.6rem,7cqw,0.95rem);
  border-width:clamp(1px,0.4cqw,2px);
  box-sizing:border-box;
}

#ekranMultiArea .ekm-check-btn,
#u1MultiArea .ekm-check-btn{
  flex:0 0 auto;
  min-width:0;
  max-width:44%;
  padding:clamp(4px,2cqh,8px) clamp(5px,3cqw,12px);
  font-size:clamp(0.52rem,5.5cqw,0.68rem);
  box-sizing:border-box;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  /* ✓/➜ tugma har doim to'liq faol va bosiladigan bo'lib qoladi — hech
     qanday holatda "disabled" ko'rinishida qolib ketmasin. */
  pointer-events:auto;
  opacity:1;
}

/* Juda ko'p ishtirokchida (karta juda kichik bo'lganda) tugma matni ("✓"
   yoki "➜") bitta belgi bo'lgani uchun clamp pastki chegarasi ham hali
   o'qilishi mumkin bo'lgan o'lchamda qoladi, lekin padding kichrayib
   ketadi — shu bilan input maydoni doim yetarli joy oladi. */
@media(max-width:700px){
  #ekranMultiArea .ekm-answer-row,
  #u1MultiArea .ekm-answer-row{
    gap:3px;
  }
  #ekranMultiArea .ekm-check-btn,
  #u1MultiArea .ekm-check-btn{
    padding:clamp(4px,1.8cqh,7px) clamp(4px,2.6cqw,10px);
  }
}

/* Karta konteyneri (container query) hisoblashi uchun — .ekm-panel'da
   allaqachon container-type:size mavjud (css/style.css), shu sabab bu
   yerda faqat javob qatoriga nisbiy (cqw/cqh) birliklar qo'llanildi. */

/* USTUN 1 MULTI — answer field polish v02
   To'g'ri javob: yashil. Xato javob: qizil va maydonda to'g'ri javob ko'rsatiladi.
   Javob maydoni oldingi o'lchamining taxminan 50% iga qisqartirildi. */
#u1MultiArea .ekm-answer-row .ekm-answer-input{
  flex:0 0 50% !important;
  width:50% !important;
  max-width:50% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
#u1MultiArea .ekm-answer-input.correct{
  background:#dcfce7 !important;
  border-color:#22c55e !important;
  color:#15803d !important;
}
#u1MultiArea .ekm-answer-input.wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
  color:#b91c1c !important;
}

/* USTUN 1 MULTI — javob maydoni pastki markazda v03
   Input + tekshirish tugmasi qatorning chapiga yopishib qolmasin.
   .u1m-list flex:1 bo'lgani uchun javob qatori tabiiy ravishda kartaning
   pastki qismida qoladi; bu yerda faqat guruhni gorizontal markazlaymiz. */
#u1MultiArea .ekm-answer-row{
  justify-content:center !important;
  align-self:center !important;
}