/* Language controls */
.meetagent-language-control{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.sidebar-footer>.meetagent-language-control{margin:0 0 9px 0;padding:0;width:100%;justify-content:flex-start}
.meetagent-language-control button,.language-switch{display:inline-flex!important;align-items:center;justify-content:center;min-width:32px;min-height:27px;padding:4px 6px!important;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:rgba(255,255,255,.94);font:inherit;cursor:pointer;text-decoration:none;box-shadow:0 4px 10px rgba(15,23,42,.07)}
.meetagent-language-control button.is-active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.meetagent-language-control img{display:block!important;width:16px!important;height:10px!important;max-width:none!important;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.15)}
.language-switch img{display:block!important;width:15px!important;height:10px!important;max-width:none!important;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.15)}
.meetagent-language-control.floating-login{position:fixed;top:14px;right:14px;z-index:1000;padding:5px;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(15,23,42,.1);backdrop-filter:blur(12px)}

/* Restore the original desktop layout and keep sidebar fixed */
@media (min-width:1101px){
  body .layout{display:block!important;min-height:100vh!important}
  body .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:240px!important;
    height:100vh!important;
    overflow-y:auto!important;
    z-index:100!important;
  }
  body .main{
    margin-left:240px!important;
    width:calc(100% - 240px)!important;
    min-width:0!important;
  }
}

/* Restore table and pagination layout without touching table ancestors */
.meeting-table-toolbar{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.meeting-page-size{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.meeting-page-size label{display:inline!important;white-space:nowrap!important;margin:0!important}
.meeting-page-size select{display:inline-block!important;width:auto!important;min-width:70px!important;margin:0!important}
.meeting-pagination-summary{white-space:nowrap!important}
.meeting-table-pagination{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.table-wrapper{display:block!important;width:100%!important;overflow-x:auto!important}
.table-wrapper table{width:100%!important;min-width:900px!important;table-layout:auto!important}
.table-wrapper th,.table-wrapper td{vertical-align:middle!important}
.card-title-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}

/* Mobile */
@media(max-width:1100px){
  body .sidebar{position:static!important;width:100%!important;height:auto!important;min-height:auto!important}
  body .main{margin-left:0!important;width:100%!important}
}
@media(max-width:720px){
  .meetagent-language-control.floating-login{top:8px;right:8px}
  .meetagent-language-control button{min-width:29px;min-height:25px;padding:4px 5px!important}
  .meetagent-language-control img{width:14px!important;height:9px!important}
  .language-switch img{width:13px!important;height:9px!important}
  .meeting-table-toolbar,.meeting-table-pagination{justify-content:flex-start!important}
}


/* V4: consistent flag size and aspect ratio */
.meetagent-language-control button,
.language-switch {
  min-width: 38px !important;
  min-height: 34px !important;
  padding: 6px 8px !important;
}

.meetagent-language-control img,
.language-switch img {
  width: 21px !important;
  height: 14px !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
}

.sidebar-footer > .meetagent-language-control {
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding-left: 0 !important;
  justify-content: flex-start !important;
}

@media (max-width: 720px) {
  .meetagent-language-control button,
  .language-switch {
    min-width: 36px !important;
    min-height: 32px !important;
  }

  .meetagent-language-control img,
  .language-switch img {
    width: 20px !important;
    height: 13px !important;
  }
}