@media (max-width: 700px) {
  *, *::before, *::after { box-sizing: border-box; }
  .workspace, .content, main, main form, main section, main article,
  main details, main fieldset { min-width: 0; max-width: 100%; }
  button, a.button, nav a, summary, input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select {
    min-height: 44px !important;
    min-width: 44px;
  }
  summary { display: flex; align-items: center; }
  label:has(input[type=checkbox]), label:has(input[type=radio]) {
    min-height: 44px; display: flex; align-items: center; gap: 8px;
  }
  main h1, main h2, .idle-heading h1 {
    white-space: normal !important; overflow: visible !important;
    text-overflow: clip !important; overflow-wrap: anywhere;
  }
  .topbar, .topbar > *, .topbar-actions, .page-actions { min-width: 0; }
  main input, main select, main textarea { max-width: 100%; }
  main .button, main button { white-space: normal; overflow-wrap: anywhere; }
  main nav, .page-actions { flex-wrap: wrap; }
  main table.mobile-cards { display: block; width: 100%; min-width: 0; table-layout: auto; }
  .mobile-cards thead, .mobile-cards .mobile-card-heading { display: none; }
  .mobile-cards tbody { display: block; width: 100%; }
  .mobile-cards tr { display: block; margin-block: 12px; padding: 12px; border: 1px solid #e6ebf1; border-radius: 12px; background: white; }
  .mobile-cards td, .mobile-cards th { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; min-width: 0 !important; max-width: 100%; padding: 8px 0; white-space: normal; overflow-wrap: anywhere; }
  .mobile-cards td::before { content: attr(data-label); flex: 0 0 100%; font-size: 12px; color: #5f6b7d; }
  .mobile-cards td > * { min-width: 0; max-width: 100%; }
  .mobile-cards form { width: 100%; }
}
@media (max-width: 700px) {
  button, a.button, nav a, summary { min-width: 44px !important; flex-shrink: 0; }
  .content { animation: none !important; transform: none !important; }
}
@media (max-width: 700px) {
  main label.check { white-space: normal; overflow-wrap: anywhere; }
  main input[type=checkbox], main input[type=radio] { width: 22px !important; min-width: 22px; flex: 0 0 22px; padding: 0; }
}

.mobile-language{display:none}
@media(max-width:700px){.topbar-actions>.desktop-language{display:none}.account-dropdown .mobile-language{display:block}.topbar-actions .team-manage-link{font-size:12px;padding:8px}}

@media(max-width:700px){.mobile-admin-menu{position:relative;flex:1;min-width:44px;color:white}.mobile-admin-menu>summary{list-style:none;min-height:52px;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;gap:4px;cursor:pointer}.mobile-admin-menu>div{position:absolute;bottom:calc(100% + 12px);inset-inline-end:0;background:#101d35;border:1px solid #52617a;border-radius:12px;box-shadow:0 5px 22px #0003;min-width:190px;max-width:calc(100vw - 32px);padding:8px}.mobile-admin-menu>div a{display:flex;flex-direction:row;gap:10px;align-items:center;min-height:48px;padding:8px 12px;box-sizing:border-box;width:100%;font-size:14px}.mobile-admin-menu[open]>summary{color:#d7af68}}
