@media all {
  /* Flow DS 2026 S2 — layout específico de Login/index.php.
   * Componentes globais permanecem definidos exclusivamente em /css/flow-ds-2026.css.
   */
  
  body {
              display: flex;
              height: 100vh;
              align-items: center;
              justify-content: center;
              background: #f4f5f7;
          }
  
          .login-container {
              display: flex;
              width: 900px;
              height: 500px;
              border-radius: 20px;
              overflow: hidden;
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          }
  
          .left-panel {
              background: linear-gradient(135deg, #6a11cb, #2575fc);
              width: 50%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              color: white;
              padding: 20px;
              text-align: center;
          }
  
          .left-panel img {
              max-width: 140px;
              margin-bottom: 20px;
          }
  
          .right-panel {
              width: 50%;
              background: white;
              padding: 40px;
              display: flex;
              flex-direction: column;
              justify-content: center;
          }
  
          .form-control {
              border-radius: 8px;
              height: 45px;
          }
  
          .btn-login {
              background: linear-gradient(135deg, #6a11cb, #2575fc);
              color: white;
              border-radius: 8px;
              height: 45px;
              font-size: 16px;
              font-weight: bold;
              border: none;
          }
  
          .btn-login:hover {
              opacity: 0.9;
          }
  
          .social-icons a {
              font-size: 20px;
              margin: 0 10px;
              color: #666;
          }
  
          .social-icons a:hover {
              color: #2575fc;
          }
  
          .titulo {
              margin-top: 10px;
          }
  
          @media (max-width: 768px) {
              .login-container {
                  flex-direction: column;
                  width: 90%;
                  height: auto;
              }
  
              .left-panel,
              .right-panel {
                  width: 100%;
              }
          }
  
          @media (max-width: 576px) {
  
              .titulo {
                  display: none;
              }
  
              .subtitulo {
                  display: none;
              }
  
              .left-panel img {
                  margin-bottom: 5px;
              }
  
              body {
  
                  height: 90vh;
              }
          }
  [data-flow-page-style="s001"] {display:none;}
  [data-flow-page-style="s002"] {font-size:0.7em;}
}