[data-cellid="above-grid_c1"][data-page="_global_login"][data-cellid="above-grid_c1"][data-page="_global_login"][data-cellid="above-grid_c1"][data-page="_global_login"] {
  color: #ffffff;
  padding: 0px;
}
[data-cellid="grid_c9"][data-page="_global_login"][data-cellid="grid_c9"][data-page="_global_login"][data-cellid="grid_c9"][data-page="_global_login"] {
  padding-left: 15px;
}
[data-cellid="footer_c1"][data-page="_global_login"][data-cellid="footer_c1"][data-page="_global_login"][data-cellid="footer_c1"][data-page="_global_login"] {
  width: 33.33333333%;
  padding-left: 15px;
}
[data-cellid="footer_c2"][data-page="_global_login"][data-cellid="footer_c2"][data-page="_global_login"][data-cellid="footer_c2"][data-page="_global_login"] {
  width: 66.66666667%;
}


/* Put  your custom CSS code here */

/* =========================
   RESET BASE
========================= */
body.function-login {
    margin: 0;
    background: linear-gradient(135deg, #1e3a8a, #2563eb);
    font-family: 'Segoe UI', sans-serif;
}

/* =========================
   CENTRALIZAÇÃO TOTAL
========================= */
.r-panel-page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================
   CARD PRINCIPAL
========================= */
.bs-pagepanel.panel {
    width: 100%;
    max-width: 420px;
    border-radius: 16px !important;
    overflow: hidden;
    border: none !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
}

/* =========================
   HEADER MODERNO
========================= */
#form_above-grid_1 {
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    text-align: center;
    padding: 25px;
}

/* força contraste */
#form_above-grid_1 h4,
#form_above-grid_1 h2 {
    color: #1e3a8a !important;
}

/* =========================
   BODY
========================= */
.panel-body {
    background: #ffffff;
    padding: 30px !important;
}

/* =========================
   REMOVE LAYOUT TABELA
========================= */
.r-edit-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.r-edit-form tr {
    display: flex;
    flex-direction: column;
}

/* REMOVE COLUNAS */
.r-edit-form td {
    width: 100% !important;
    text-align: left !important;
}

/* =========================
   TEXTO
========================= */
[data-itemid="text1"] {
    text-align: center;
    font-size: 13px;
    color: #6b7280;
}

/* =========================
   LABELS
========================= */
.r-edit-label {
    font-size: 13px;
    margin-bottom: 5px;
    color: #374151;
}

/* =========================
   INPUT WRAPPER (ÍCONES)
========================= */
.r-edit-field {
    position: relative;
}

/* ÍCONE USER */
#username {
    padding-left: 40px !important;
}

.r-edit-field[data-itemtype="username"]::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #9ca3af;
}

/* ÍCONE SENHA */
#password {
    padding-left: 40px !important;
}

.r-edit-field[data-itemtype="password"]::before {
    content: "\f023";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #9ca3af;
}

/* =========================
   INPUTS
========================= */
.form-control {
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
    padding: 12px !important;
    font-size: 14px;
    transition: all 0.2s ease;
}

/* FOCO */
.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;
}

/* =========================
   CHECKBOX
========================= */
.checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* =========================
   BOTÃO
========================= */
#submitLogin1 {
    width: 100%;
    background: linear-gradient(135deg, #2563eb, #1e40af);
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    transition: all 0.2s ease;
}

#submitLogin1:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37,99,235,0.4);
}

/* =========================
   FOOTER LINKS
========================= */
#form_footer_1 {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

#form_footer_1 a {
    font-size: 13px;
    color: #2563eb;
}

/* =========================
   RESPONSIVO
========================= */
@media (max-width: 480px) {
    .bs-pagepanel.panel {
        margin: 15px;
    }
}