/* MediaRadar Ask Léna voice controls */
.top-tools{justify-self:end;display:flex;align-items:center;gap:12px;min-width:0}
.ask-lena-voice{border:1px solid rgba(201,255,49,.3);background:rgba(201,255,49,.1);color:#dfff74;border-radius:999px;padding:9px 13px;font-weight:850;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 0 0 1px rgba(201,255,49,.03) inset;transition:.16s transform,.16s background,.16s border-color}
.ask-lena-voice:hover{transform:translateY(-1px);background:rgba(201,255,49,.16);border-color:rgba(201,255,49,.5)}
.ask-lena-voice .mic-dot{width:7px;height:7px;border-radius:50%;background:#c9ff31;box-shadow:0 0 12px rgba(201,255,49,.75)}
#askLenaPreview{background:#17263a;color:#eef6ff;border:1px solid rgba(201,255,49,.24)}
#askLenaPreview:hover{border-color:rgba(201,255,49,.5);color:#dfff74}
.lena-toast{position:fixed;right:22px;bottom:22px;z-index:1400;background:#0f1d2f;border:1px solid rgba(201,255,49,.32);color:#eaf3ff;padding:11px 14px;border-radius:13px;box-shadow:0 16px 50px rgba(0,0,0,.35);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s opacity,.2s transform}
.lena-toast.show{opacity:1;transform:none}
@media(max-width:1120px) and (min-width:721px){.ask-lena-voice .label{display:none}.ask-lena-voice{padding:10px 12px}.top-tools{gap:8px}}
@media(max-width:720px){
  .top{
    position:relative;
    min-height:72px;
    padding:17px 106px 17px 16px;
  }
  .top .brand{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    white-space:nowrap;
  }
  .top .brand small{
    display:none !important;
  }
  .top .brand b{
    font-size:16px;
  }
  .top-tools{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    gap:8px;
  }
  .top-tools #clock{display:none}
  .ask-lena-voice{
    padding:9px 11px;
    font-size:12px;
    min-height:38px;
  }
  .ask-lena-voice .label{display:inline}
  .lena-toast{left:12px;right:12px;bottom:calc(98px + env(safe-area-inset-bottom));text-align:center}
  .actions{grid-template-columns:1fr 1fr}
  .actions #askLenaPreview{grid-column:1/-1}
}
@media(max-width:360px){
  .top{padding-right:96px}
  .ask-lena-voice{padding:8px 9px}
  .ask-lena-voice .label{font-size:11px}
}