/* AI-CLO PTITHCM V12.4.10 — mobile viewport and module guards. */

/* Header responsive layout is owned by css/ui/shell.css. */
@media (max-width: 700px) {
  .content,
  .panel,
  .table-wrap { min-width: 0; }

  .v10-ai-page .form-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .v101-function-error {
    margin: 0;
    padding: 12px;
    border: 1px solid #efb3bb;
    border-radius: 10px;
    background: #fff4f5;
    color: #991b2b;
    line-height: 1.45;
  }
}

/* Moved from questions/tools.css: viewport/login guards belong to the UI layer. */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:820px){html:has(.system-login:not(.hidden)),body.login-active{width:100%;max-width:100vw;overflow:hidden}.system-login{width:100%;max-width:100vw;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}.login-stage,.system-login .login-card{width:100%;max-width:100%;min-width:0}.system-login .login-card{overflow-y:auto;overflow-x:hidden}.system-login .login-card input{font-size:16px;line-height:1.35;max-width:100%}.system-login input,.system-login button{touch-action:manipulation}}