/* Głosik v1.1: microphone modes, browser/phone PTT and live speech indicators. */
.ptt-talk-button[hidden],.ptt-key-settings[hidden]{display:none!important}
.microphone-mode{border:0;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #eff2f8;min-width:0}
.microphone-mode legend{font-weight:800;color:#354261;font-size:13px;padding:0 0 7px;float:left;width:100%}
.microphone-mode legend + .mode-option{clear:both}
.mode-option{display:flex;align-items:center;gap:12px;border:1px solid #e8ecf5;border-radius:12px;padding:13px 14px;margin-top:10px;background:#fbfcff;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.mode-option:has(input:checked){background:#f3f5ff;border-color:#bac5ff;box-shadow:0 2px 10px #586ee210}
.mode-option input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:#5a6ce9}
.mode-option-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:10px;background:#eef1ff;color:#606fd0;font-size:20px}
.mode-option-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.mode-option-text strong{color:#34405e;font-size:12px;font-weight:800;line-height:1.35}
.mode-option-text small{font-size:11px;line-height:1.5;color:#8d9bb1}
.ptt-key-settings{margin-top:12px;padding:15px;border:1px solid #e8ecf7;border-radius:12px;background:#f9faff}
.ptt-key-settings label{display:block;margin-bottom:8px;font-size:12px;font-weight:760;color:#4d5c7b}
.ptt-key-settings select{width:100%;max-width:340px;height:40px;padding:0 12px;border-radius:9px;border:1px solid #dce4f2;background:white;color:#344364}
.ptt-key-settings p{margin:10px 0 0;line-height:1.55;font-size:11px;color:#8190a8}
.mode-feedback{font-size:11px;color:#7786a4;margin:12px 0 0;line-height:1.5}
.ptt-talk-button{background:#edf1ff;border:1px solid #b8c4fa;color:#5066d3;font-weight:850;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;position:relative;transition:background .12s,color .12s,transform .12s}
.ptt-talk-button:hover:not(:disabled){background:#e3eaff}
.ptt-talk-button.transmitting{background:#1ebd8c;border-color:#1ebd8c;color:white;box-shadow:0 0 0 3px #20bf8b22;transform:scale(1.035)}
.ptt-talk-button.transmitting:hover:not(:disabled){background:#1ebd8c}
.ptt-talk-button:focus-visible{outline:3px solid #91bba7;outline-offset:3px}
.member-card.speaking{border-color:#80d8ba;box-shadow:0 4px 20px #1cb98b1f}
.member-card.speaking .avatar{outline:3px solid #51d3ac;outline-offset:3px;box-shadow:0 0 0 6px #53d3aa2c}
.member-card.speaking .member-status{color:#13a97c;font-weight:800}
.member-card.speaking .member-status .circle{background:#13c691;box-shadow:0 0 0 3px #1fcb9740}
@media (max-width:900px){
  .microphone-mode{margin-top:22px;padding-top:17px}
  .microphone-mode legend{font-size:13px}
  .mode-option{padding:13px 11px;gap:9px}
  .mode-option-text strong{font-size:12px}
  .mode-option-text small{font-size:11px}
  .ptt-key-settings select{max-width:100%;height:46px;font-size:14px}
  .callbar:has(.ptt-talk-button:not([hidden])){gap:6px}
  .ptt-talk-button{min-width:81px!important;width:auto!important;min-height:47px!important;height:47px!important;padding:5px 10px!important;display:flex!important;flex-direction:column;justify-content:center;gap:0!important;line-height:1.1!important}
  .ptt-talk-button span:first-child{font-size:19px!important;line-height:1!important}
  .ptt-talk-button span:last-child{display:inline!important;font-size:10px!important;white-space:nowrap}
  .callbar:has(.ptt-talk-button:not([hidden])) .my-identity{flex:1 1 0;min-width:0}
  .callbar:has(.ptt-talk-button:not([hidden])) .my-identity strong{max-width:88px}
}
@media (max-width:370px){
  .callbar:has(.ptt-talk-button:not([hidden])) .ptt-talk-button{min-width:69px!important;padding:3px 6px!important;height:43px!important;min-height:43px!important}
  .callbar:has(.ptt-talk-button:not([hidden])) .ptt-talk-button span:last-child{font-size:9px!important}
  .callbar:has(.ptt-talk-button:not([hidden])) .mini-avatar{display:none}
  .callbar:has(.ptt-talk-button:not([hidden])) .my-identity strong{max-width:53px;font-size:10px}
}
@media (prefers-reduced-motion:reduce){.ptt-talk-button,.mode-option{transition:none}}