/* =========================================
   PWM Embedded Mobile Theme
   Safe Mobile Overrides
   ========================================= */

html, body {
    margin: 0;
    padding: 0;
    background: #f1f5f9;
    font-family: 'Inter', 'Cairo', sans-serif;
}

/* ===== Header ===== */
#header {
    height: 65px;
    padding: 0 15px;
    background: #036d63;
    border-bottom: 3px solid #b78d03;
}
/* ===== Larger Logo on Mobile ===== */

#header::before {
    width: 58px !important;
    height: 58px !important;
}

#header::after {
    font-size: 14px;
    font-weight: 600;
}

/* ===== Center Card ===== */
#centerbody {
    width: 94% !important;
    max-width: 100% !important;
    margin: 25px auto !important;
    padding: 30px 20px !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}

/* ===== Login Title ===== */
#centerbody::before {
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

/* ===== Inputs ===== */
input[type="text"],
input[type="password"],
input[type="email"] {
    height: 52px !important;
    font-size: 16px !important; /* Prevent iOS zoom */
    padding: 0 14px !important;
    border-radius: 10px !important;
}

/* ===== Login Button ===== */
input[type="submit"],
button[type="submit"] {
    height: 54px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
}

/* ===== Forgotten Section ===== */
#centerbody form + table {
    margin-top: 25px !important;
}

#centerbody form + table tr {
    margin-bottom: 18px !important;
}

#centerbody form + table td + td {
    font-size: 13px !important;
}

/* ===== RTL Support ===== */
html[dir="rtl"] #centerbody {
    direction: rtl;
}

html[dir="rtl"] #centerbody form + table td {
    text-align: right !important;
}

/* ===== Footer ===== */
#footer, footer {
    font-size: 12px !important;
    padding: 15px !important;
}