[data-page="_global_login"][data-itemid="login-logo"] {
  font-weight: bold;
  font-size: 24px;
}


/* =========================
   MARINE ATLAS OBSIDIAN v5
   true full-bleed split
   no gaps, no side bands
   PHPRunner 11.2
   ========================= */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.function-login{
    background:#0d1117 !important;
    font-family:"Segoe UI","Inter",sans-serif !important;
    color:#dce6ef !important;
}

/* formularul ocupa ecranul complet */
body.function-login form#form1{
    width:100vw !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
}

/* split layout full bleed */
body.function-login .r-pretty-login-page{
    position:fixed !important;
    inset:0 !important;
    display:flex !important;
    width:100vw !important;
    height:100vh !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    background:#0d1117 !important;
    overflow:hidden !important;
}

/* anulam orice pseudo-strat vechi */
body.function-login .r-pretty-login-page::before,
body.function-login .r-pretty-login-page::after,
body.function-login .r-controls::before,
body.function-login .r-controls::after,
body.function-login .r-sideimage::before,
body.function-login .r-sideimage::after,
body.function-login .r-sideimage .r-image::before,
body.function-login .r-sideimage .r-image::after{
    content:none !important;
    display:none !important;
}

/* partea stanga */
body.function-login .r-controls{
    flex:0 0 46% !important;
    max-width:46% !important;
    min-width:46% !important;
    width:46% !important;
    height:100vh !important;
    margin:0 !important;
    padding:32px 28px 32px 48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    overflow:hidden !important;
    background:
        linear-gradient(180deg,#0c1117 0%, #151c25 100%) !important;
    box-sizing:border-box !important;
}

/* card login */
body.function-login .r-mainform{
    width:420px !important;
    max-width:420px !important;
    margin:0 !important;
    padding:36px 32px 28px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, rgba(26,31,39,.94) 0%, rgba(21,26,33,.96) 100%) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    box-shadow:
        0 18px 40px rgba(0,0,0,.40),
        0 1px 0 rgba(255,255,255,.02) inset !important;
    position:relative !important;
    box-sizing:border-box !important;
    transition:box-shadow .25s ease, border-color .25s ease !important;
}

body.function-login .r-mainform:focus-within{
    border-color: rgba(104,132,165,.22) !important;
    box-shadow:
        0 20px 44px rgba(0,0,0,.44),
        0 0 0 1px rgba(104,132,165,.08) !important;
}

/* reset intern */
body.function-login .r-mainform .r-form,
body.function-login .r-mainform table{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* logo */
body.function-login [data-itemtype="login-logo"]{
    display:block !important;
    font-size:34px !important;
    line-height:1 !important;
    letter-spacing:3px !important;
    font-weight:300 !important;
    color:#eef4fb !important;
    margin-bottom:10px !important;
    text-transform:uppercase !important;
}

/* subtitlu */
body.function-login [data-itemtype="login_welcome"]{
    display:block !important;
    color:#98a6b6 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    margin-bottom:22px !important;
}

/* spacing */
body.function-login table.r-form td{
    padding:0 0 15px 0 !important;
    vertical-align:top !important;
}

/* labels */
body.function-login .r-edit-label{
    display:block !important;
    color:#c4ced8 !important;
    font-size:13px !important;
    font-weight:500 !important;
    margin-bottom:6px !important;
}

/* inputuri */
body.function-login .form-control{
    height:46px !important;
    border-radius:8px !important;
    background:#1a212a !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#f2f6fb !important;
    padding:0 14px !important;
    font-size:14px !important;
    box-shadow:none !important;
    transition:border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body.function-login .form-control::placeholder{
    color:#7f8b97 !important;
}

body.function-login .form-control:hover{
    border-color:rgba(255,255,255,.12) !important;
    background:#1c242d !important;
}

body.function-login .form-control:focus{
    background:#1e2630 !important;
    border-color:#6884a5 !important;
    box-shadow:0 0 0 2px rgba(104,132,165,.14) !important;
    outline:none !important;
}

/* remember me */
body.function-login .checkbox{
    margin:2px 0 0 0 !important;
    color:#acb8c5 !important;
    font-size:13px !important;
}

body.function-login .checkbox label{
    color:#acb8c5 !important;
    font-size:13px !important;
    font-weight:400 !important;
}

body.function-login .checkbox input[type="checkbox"]{
    margin-right:6px !important;
}

/* buton */
body.function-login #submitLogin1{
    width:100% !important;
    height:46px !important;
    border-radius:8px !important;
    border:1px solid rgba(255,255,255,.06) !important;
    background:linear-gradient(180deg,#4b617a 0%, #405469 100%) !important;
    color:#ffffff !important;
    font-size:16px !important;
    font-weight:600 !important;
    letter-spacing:.1px !important;
    box-shadow:
        0 8px 18px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
    transition:all .2s ease !important;
}

body.function-login #submitLogin1:hover{
    background:linear-gradient(180deg,#556d88 0%, #465d73 100%) !important;
    box-shadow:
        0 10px 20px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* partea dreapta - background full bleed */
body.function-login .r-sideimage{
    flex:0 0 54% !important;
    max-width:54% !important;
    min-width:54% !important;
    width:54% !important;
    height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:
        linear-gradient(90deg, rgba(11,16,22,.18) 0%, rgba(11,16,22,.06) 100%),
        url("../images/marine_wreck.jpg") 72% center / cover no-repeat !important;
}

/* ascundem imaginea PHPRunner ca sa nu mai lase spatii */
body.function-login .r-sideimage .r-image{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

body.function-login .r-sideimage .r-image img{
    display:none !important;
}

/* responsive */
@media (max-width: 1200px){
    body.function-login .r-controls{
        padding:28px 22px 28px 28px !important;
    }

    body.function-login .r-mainform{
        width:380px !important;
        max-width:380px !important;
        padding:32px 28px 24px !important;
    }
}

@media (max-width: 980px){
    body.function-login .r-controls{
        flex:0 0 44% !important;
        max-width:44% !important;
        min-width:44% !important;
        width:44% !important;
    }

    body.function-login .r-sideimage{
        flex:0 0 56% !important;
        max-width:56% !important;
        min-width:56% !important;
        width:56% !important;
        background-position:74% center !important;
    }

    body.function-login .r-mainform{
        width:340px !important;
        max-width:340px !important;
    }

    body.function-login [data-itemtype="login-logo"]{
        font-size:28px !important;
    }
}

@media (max-width: 900px){
    body.function-login .r-sideimage{
        display:none !important;
    }

    body.function-login .r-controls{
        flex:1 1 auto !important;
        max-width:100% !important;
        min-width:100% !important;
        width:100% !important;
        padding:24px !important;
    }

    body.function-login .r-mainform{
        width:min(92vw,400px) !important;
        max-width:min(92vw,400px) !important;
    }
}

/*cod*/
body.function-login .r-mainform{
    position:relative !important;
}

body.function-login .login-copyright{
    display:block !important;
    margin-top:18px !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.4 !important;
    color:rgba(220,230,239,.58) !important;
}

/*geust*/
body.function-login [data-itemtype="guest_login"] .btn{
    background:transparent !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:6px !important;

    color:#acb8c5 !important;
    font-size:13px !important;

    padding:6px 10px !important;
}

body.function-login [data-itemtype="guest_login"] .btn:hover{
    border-color:rgba(255,255,255,.18) !important;
    color:#dce6ef !important;
}

/*contact us*/
.login-copyright {
    margin-top: 18px;
    text-align: center;
    font-size: 11px;
    line-height: 1.4;
    color: rgba(210, 225, 245, 0.55);
    letter-spacing: 0.2px;
}

.login-copyright .sep {
    color: rgba(210, 225, 245, 0.28);
    margin: 0 6px;
}

.login-copyright .login-contact {
    color: rgba(125, 205, 255, 0.82);
    text-decoration: none;
    transition: color 0.25s ease, text-shadow 0.25s ease, opacity 0.25s ease;
}

.login-copyright .login-contact:hover,
.login-copyright .login-contact:focus {
    color: rgba(170, 230, 255, 0.98);
    text-shadow: 0 0 8px rgba(90, 180, 255, 0.35);
    outline: none;
}


/*swal*/
.contact-swal-popup {
    border-radius: 12px !important;
    padding: 1.8em !important;
}

.contact-swal-title {
    font-size: 28px !important;
    font-weight: 600 !important;
}

.contact-swal-text {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

.contact-swal-btn {
    font-size: 16px !important;
    padding: 10px 26px !important;
    border-radius: 8px !important;
}

.swal2-confirm.contact-swal-btn {
    height:46px !important;
    border-radius:8px !important;
    border:1px solid rgba(255,255,255,.06) !important;

    background:linear-gradient(180deg,#4b617a 0%, #405469 100%) !important;
    color:#ffffff !important;

    font-size:16px !important;
    font-weight:600 !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    transition:all .2s ease !important;
}

.swal2-confirm.contact-swal-btn:hover{
    background:linear-gradient(180deg,#556d88 0%, #465d73 100%) !important;

    box-shadow:
        0 10px 20px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}