/* ==========================================================================
   AuxinVAS Hub — custom CSS
   SAFE TO EDIT: this file lives in client/custom/css/ and survives
   EspoCRM upgrades. Never put hub customisations in client/css/espo/*.
   ========================================================================== */

/* ── Login page: reset side-navbar padding (login has no navbar) ─────────── */
body.aaia-login-page > .container.content {
    padding-left: 0 !important;
    max-width: 100% !important;
}
body.aaia-login-page > footer {
    margin-left: 0 !important;
}

/* ── Login panel heading: white background, visible border ───────────────── */
#login .panel-heading {
    position: relative !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e0e4e8 !important;
    border-radius: 6px 6px 0 0 !important;
}

/* ── Login logo container: let the logo breathe ──────────────────────────── */
#login .logo-container {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    padding: 20px 24px 16px !important;
    text-align: center !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
#login .logo-container .logo {
    display: block !important;
    width: auto !important;
    height: 80px !important;
    max-height: none !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* ── AuxinVAS Control Tower subtitle ─────────────────────────────────────── */
.aaia-ct-subtitle {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    color: #4a6fa5;
    padding: 0 24px 14px;
    margin-top: -6px;
    text-transform: uppercase;
}

/* ── Login language toggle (ΕΛ / EN) ────────────────────────────────────── */
.aaia-login-lang {
    position: absolute;
    top: 10px;
    right: 12px;
    display: flex;
    gap: 4px;
    z-index: 10;
}
.aaia-lang-btn {
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #c0c8d4;
    background: transparent;
    color: #6a7c94;
    cursor: pointer;
    line-height: 1.7;
    transition: background .12s, color .12s, border-color .12s;
}
.aaia-lang-btn.active,
.aaia-lang-btn[aria-pressed="true"] {
    border-color: #4a6fa5;
    background: #4a6fa5;
    color: #fff;
    cursor: default;
}
.aaia-lang-btn:not(.active):hover {
    background: #e8edf5;
    border-color: #8baad0;
    color: #2d5080;
}
