/* =========================================================
   POWER CMS - LOGIN / REGISTER
   Isti stil kao SBS (Game Panel) index.php login forma:
   tamni panel, AGENCYR font, Power plava dugmad i polja.
   ========================================================= */

.ph-auth-page{
    width:960px;
    margin:0 auto;
    min-height:650px;
    padding:100px 0 60px;
    box-sizing:border-box;
    background:rgba(7,10,14,.78);
    border-left:1px solid rgba(43,78,127,.35);
    border-right:1px solid rgba(43,78,127,.35);
    font-family:'AGENCYR',Arial,sans-serif;
    color:#fff;
}
.ph-auth-page *{box-sizing:border-box;}

/* Panel - identican .login-container iz SBS teme */
.ph-login-container{
    width:400px;
    max-width:400px;
    margin:0 auto;
    padding:20px;
    color:#fff;
    background:rgba(15,19,25,.94);
    border:1px solid rgba(55,82,117,.85);
    border-radius:0;
    box-shadow:none;
    text-align:center;
}
.ph-login-container.ph-register{width:440px;max-width:440px;}

.ph-login-container h3{
    margin:0 0 18px;
    padding:0 0 8px;
    text-align:center;
    color:#fff;
    font-family:'AGENCYR',Arial,sans-serif;
    font-size:22px;
    font-weight:normal;
    text-transform:uppercase;
    border-bottom:1px solid #434857;
}

/* Poruke */
.ph-auth-alert{
    margin:0 0 15px;
    padding:9px 10px;
    font-size:15px;
    text-align:center;
    color:#fff;
    border-radius:0;
}
.ph-auth-alert.error{background:rgba(92,26,26,.85);border:1px solid #c6363c;color:#ffd0d0;}
.ph-auth-alert.success{background:rgba(22,76,42,.85);border:1px solid #2ecc71;color:#b9ffd0;}
.ph-auth-alert.info{background:rgba(43,78,127,.40);border:1px solid #416897;color:#fff;}
.ph-auth-alert strong{color:#fff;}

/* Forma */
.ph-auth-form{margin:0;padding:0;text-align:left;}
.ph-auth-row{margin:0 0 12px;}
.ph-auth-row label{
    display:block;
    margin:0 0 5px;
    color:#fff;
    font-family:'AGENCYR',Arial,sans-serif;
    font-size:16px;
    font-weight:normal;
    letter-spacing:.3px;
}
.ph-auth-row label .req{color:#6b9bd0;}
.ph-auth-form input[type=text],
.ph-auth-form input[type=password],
.ph-auth-form input[type=email]{
    display:block;
    width:100%;
    height:34px;
    padding:6px 10px;
    color:#fff;
    background:rgba(10,13,18,.92);
    border:1px solid #344967;
    border-radius:0;
    box-shadow:none;
    outline:none;
    font-family:Arial,sans-serif;
    font-size:14px;
    line-height:20px;
}
.ph-auth-form input:focus{
    border-color:#4d78aa;
    box-shadow:0 0 0 1px rgba(77,120,170,.3);
}
.ph-auth-form input:-webkit-autofill{
    -webkit-text-fill-color:#fff;
    -webkit-box-shadow:0 0 0 1000px #0a0d12 inset;
    caret-color:#fff;
}

/* Power dugme - .btn.btn-block.btn-primary iz SBS teme */
.ph-auth-btn{
    display:block;
    width:100%;
    margin:18px 0 0;
    padding:8px 12px;
    color:#fff;
    background:#2b4e7f;
    background-image:none;
    border:1px solid #416897;
    border-radius:2px;
    box-shadow:none;
    text-shadow:0 1px 1px #000;
    font-family:'AGENCYR',Arial,sans-serif;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:.5px;
    text-align:center;
    cursor:pointer;
}
.ph-auth-btn:hover,
.ph-auth-btn:focus{
    background:#356298;
    border-color:#5b84b5;
    outline:none;
}

/* Link ispod forme */
.ph-auth-switch{
    margin:16px 0 0;
    padding:12px 0 0;
    border-top:1px solid #434857;
    text-align:center;
    color:#c7d2df;
    font-size:15px;
}
.ph-auth-switch a,
.ph-auth-switch a:link,
.ph-auth-switch a:visited{
    color:#fff;
    text-decoration:none;
    margin-left:4px;
}
.ph-auth-switch a:hover{color:#6b9bd0;}

/* Zaboravljena lozinka / Forgot password */
.ph-auth-forgot{margin:8px 0 0;text-align:right;font-size:14px;}
.ph-auth-forgot a,
.ph-auth-forgot a:link,
.ph-auth-forgot a:visited{color:#6b9bd0;text-decoration:none;}
.ph-auth-forgot a:hover{color:#fff;}
.ph-auth-help{margin:0 0 16px;color:#c7d2df;font-size:15px;line-height:1.4;text-align:center;}

/* OGP force – identical to login.php */
.main.ph-auth-page-main,
.main:has(.ph-login-container) {
    width: 960px !important;
    max-width: 960px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.main.ph-auth-page-main > *:not(.ph-auth-page) { display: none !important; }

.ph-auth-page {
    width: 960px !important;
    margin: 0 auto !important;
    min-height: 650px !important;
    padding: 100px 0 60px !important;
    box-sizing: border-box !important;
    background: rgba(7,10,14,.78) !important;
    border-left: 1px solid rgba(43,78,127,.35) !important;
    border-right: 1px solid rgba(43,78,127,.35) !important;
    font-family: 'AGENCYR', Arial, sans-serif !important;
    color: #fff !important;
}

.ph-login-container,
div.ph-login-container {
    width: 400px !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    top: 0 !important;
    position: relative !important;
    color: #fff !important;
    background: rgba(15,19,25,.94) !important;
    border: 1px solid rgba(55,82,117,.85) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.ph-login-container h3 {
    margin: 0 0 18px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #434857 !important;
    text-align: center !important;
    color: #fff !important;
    font-family: 'AGENCYR', Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    background: transparent !important;
}

.ph-auth-form { margin: 0 !important; padding: 0 !important; text-align: left !important; width: 100% !important; }
.ph-auth-row { margin: 0 0 12px !important; width: 100% !important; clear: both !important; }
.ph-auth-row label {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: 'AGENCYR', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-align: left !important;
}

.ph-auth-form input[type="text"],
.ph-auth-form input[type="password"],
.ph-auth-form select,
.ph-login-container input[type="text"],
.ph-login-container input[type="password"],
.ph-login-container select {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    color: #fff !important;
    background: rgba(10,13,18,.92) !important;
    border: 1px solid #344967 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

.ph-auth-btn {
    display: block !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 8px 12px !important;
    color: #fff !important;
    background: #2b4e7f !important;
    background-image: none !important;
    border: 1px solid #416897 !important;
    border-radius: 2px !important;
    font-family: 'AGENCYR', Arial, sans-serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    cursor: pointer !important;
    text-shadow: 0 1px 1px #000 !important;
}
.ph-auth-btn:hover { background: #356298 !important; border-color: #5b84b5 !important; color: #fff !important; }

.ph-auth-forgot { margin: 8px 0 0 !important; text-align: right !important; font-size: 14px !important; }
.ph-auth-forgot a { color: #6b9bd0 !important; text-decoration: none !important; }
.ph-auth-forgot a:hover { color: #fff !important; }