/* Custom ABP theme (updated for split login) */
:root{
 --green:#2ecc71;
 --orange:#f39c12;
 --grey:#6c757d;
 --bg:#ffffff;
 --text:#212529;
 --teal-1:#0ea5a4;
 --teal-2:#057383;
}
body.theme-light{ background:var(--bg); color:var(--text); }
body.theme-dark{ 
 --bg:#1a1a1a; 
 --text:#e9ecef; 
 background:var(--bg); 
 color:var(--text); 
}

.split{ 
 display:grid; 
 grid-template-columns:1fr480px; 
 min-height:100vh; 
}
.left-panel{ 
 background: linear-gradient(180deg,var(--teal-1), var(--teal-2)); 
 display:flex; 
 align-items:center; 
 justify-content:center; 
 color:white; 
 padding:60px; 
}
.left-inner{ max-width:520px; }
.brand-logo{ height:56px; filter:brightness(0) invert(1); }
.right-panel{ 
 background:transparent; 
 padding:60px; 
}
.auth-panel{ 
 border-radius:8px; 
 overflow:hidden; 
 box-shadow:08px30px rgba(0,0,0,0.08); 
 background:linear-gradient(180deg, #fff, #fafafa); 
}
.hero-img{ 
 height:200px; 
 background-image:url('/Images/Login/plumbers2.png'); 
 background-size:cover; 
 background-position:center; 
}
.card-body{ padding:28px; }
.auth-panel h3{ color:var(--orange); font-weight:700; }
.auth-panel .form-control{ border-radius:6px; }
.auth-panel .btn-primary{ border-radius:6px; background: #0d6efd; border-color:#0d6efd; }

@media (max-width:992px){ 
 .split{ grid-template-columns:1fr; } 
 .left-panel{ display:none; } 
 .right-panel{ padding:28px; } 
}

/* ABP Dashboard - Clean Login Split Layout */
:root{
 --green:#2ecc71;
 --orange:#f39c12;
 --grey:#6c757d;
 --bg:#ffffff;
 --text:#212529;
}
body.theme-light{ background:var(--bg); color:var(--text); }
body.theme-dark{ 
 --bg:#1a1a1a; 
 --text:#e9ecef; 
 background:var(--bg); 
 color:var(--text); 
}

.login-split{ 
 display:grid; 
 grid-template-columns:1fr1fr; 
 min-height:100vh; 
}
.login-image{ 
 background-image:url('/Images/Login/plumbers2.png'); 
 background-size:cover; 
 background-position:center; 
}
.login-form-panel{ 
 display:flex; 
 align-items:center; 
 justify-content:center; 
 padding:40px; 
 position:relative; 
}
.login-form-content{ 
 width:100%; 
 max-width:420px; 
}
.theme-toggle-btn{ 
 position:absolute; 
 top:20px; 
 right:20px; 
 background:transparent; 
 border:2px solid var(--grey); 
 border-radius:50%; 
 width:48px; 
 height:48px; 
 font-size:20px; 
 cursor:pointer; 
 transition:all 0.3s; 
}
.theme-toggle-btn:hover{ 
 border-color:var(--orange); 
 transform:scale(1.1); 
}
.login-form-panel h2{ 
 color:var(--orange); 
 font-weight:700; 
}
.btn-primary{ 
 background:var(--green); 
 border-color:var(--green); 
 transition:all 0.3s; 
}
.btn-primary:hover{ 
 background:#27ae60; 
 border-color:#27ae60; 
 transform:translateY(-2px); 
 box-shadow:04px12px rgba(46,204,113,0.3); 
}
.form-control:focus{ 
 border-color:var(--green); 
 box-shadow:03px8px rgba(46,204,113,0.2); 
}
body.theme-dark .login-form-panel{ 
 background:var(--bg); 
}
body.theme-dark .form-control{ 
 background:#2a2a2a; 
 border-color:#444; 
 color:var(--text); 
}
body.theme-dark .text-muted{ 
 color:#aaa !important; 
}
@media (max-width:992px){ 
 .login-split{ grid-template-columns:1fr; } 
 .login-image{ display:none; } 
}

/* ABP Dashboard - Full-Screen Split Login */
:root{
 --orange:#f39c12;
 --grey:#6c757d;
 --dark-grey:#2c3e50;
 --bg-light:#ffffff;
 --bg-dark:#1a1a1a;
 --text-light:#212529;
 --text-dark:#e9ecef;
}
body.theme-light{ background:var(--bg-light); color:var(--text-light); }
body.theme-dark{ background:var(--bg-dark); color:var(--text-dark); }

.login-container{ 
 display:grid; 
 grid-template-columns:1fr1fr; 
 min-height:100vh; 
 overflow:hidden; 
}
.login-left{ 
 position:relative;
 background-image:url('/Images/Login/plumbers2.png'); 
 background-size:cover; 
 background-position:center; 
 display:flex;
 align-items:center;
 justify-content:center;
}
.login-overlay{
 position:absolute;
 top:0; left:0; right:0; bottom:0;
 background:rgba(0,0,0,0.5);
}
.login-hero-content{
 position:relative;
 z-index:1;
 color:white;
 text-align:center;
 padding:40px;
 max-width:600px;
}
.login-right{ 
 display:flex; 
 align-items:center; 
 justify-content:center; 
 padding:60px40px; 
 position:relative;
 background:var(--bg-light);
}
body.theme-dark .login-right{
 background:var(--bg-dark);
}
.theme-toggle{
 position:absolute;
 top:24px;
 right:24px;
 width:48px;
 height:48px;
 border-radius:50%;
 background:transparent;
 border:2px solid var(--grey);
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 transition:all 0.3s;
}
.theme-toggle:hover{
 border-color:var(--orange);
 background:rgba(243,156,18,0.1);
 transform:scale(1.05);
}
.login-form-wrapper{ 
 width:100%; 
 max-width:420px; 
}
.login-form-wrapper h2{
 color:var(--dark-grey);
}
body.theme-dark .login-form-wrapper h2{
 color:var(--text-dark);
}
.form-label{
 color:var(--dark-grey);
 font-size:0.9rem;
}
body.theme-dark .form-label{
 color:var(--text-dark);
}
.form-control{
 border:1px solid #ddd;
 border-radius:8px;
 transition:all 0.3s;
}
.form-control:focus{
 border-color:var(--orange);
 box-shadow:03px10px rgba(243,156,18,0.15);
}
body.theme-dark .form-control{
 background:#2a2a2a;
 border-color:#444;
 color:var(--text-dark);
}
body.theme-dark .form-control:focus{
 background:#333;
 border-color:var(--orange);
}
.btn-primary{
 background:var(--orange);
 border:none;
 border-radius:8px;
 font-weight:600;
 transition:all 0.3s;
}
.btn-primary:hover{
 background:#e67e22;
 transform:translateY(-2px);
 box-shadow:06px16px rgba(243,156,18,0.3);
}
.form-check-input:checked{
 background-color:var(--orange);
 border-color:var(--orange);
}
a{
 color:var(--orange);
}
a:hover{
 color:#e67e22;
}
body.theme-dark a{
 color:var(--orange);
}
@media (max-width:992px){ 
 .login-container{ grid-template-columns:1fr; } 
 .login-left{ display:none; } 
 .login-right{ padding:40px20px; }
}

/* ABP Dashboard - Simple Full-BG Login */
:root{
 --orange:#f39c12;
 --grey:#6c757d;
 --bg-light:#fff;
 --bg-dark:#181818;
 --text-light:#212529;
 --text-dark:#e9ecef;
}
body.login-bg{
 background:url('/Images/Login/plumbers2.png') center center/cover no-repeat fixed;
 min-height:100vh;
 position:relative;
}
.login-bg-overlay{
 position:fixed;
 top:0;left:0;right:0;bottom:0;
 background:rgba(0,0,0,0.55);
 z-index:0;
 pointer-events:none;
}
.login-center-form{
 min-height:100vh;
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative;
 z-index:1;
}
.login-card{
 background:rgba(255,255,255,0.97);
 border-radius:12px;
 box-shadow:08px32px rgba(0,0,0,0.18);
 max-width:380px;
 width:100%;
}
body.theme-dark .login-card{
 background:rgba(24,24,24,0.97);
 color:var(--text-dark);
}
.theme-toggle-simple{
 position:fixed;
 top:32px;
 right:32px;
 z-index:10;
 background:rgba(255,255,255,0.85);
 border:2px solid var(--grey);
 border-radius:50%;
 width:48px;
 height:48px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:22px;
 cursor:pointer;
 transition:all0.3s;
}
body.theme-dark .theme-toggle-simple{
 background:rgba(24,24,24,0.85);
 border-color:var(--orange);
}
.btn-primary{
 background:var(--orange);
 border:none;
 border-radius:8px;
 font-weight:600;
 transition:all0.3s;
}
.btn-primary:hover{
 background:#e67e22;
}
.form-control{
 border-radius:8px;
}
.form-label{
 color:var(--grey);
 font-weight:500;
}
body.theme-dark .form-label{
 color:var(--text-dark);
}
@media (max-width:600px){
 .login-card{ max-width:98vw; padding:12px; background:rgba(255,255,255,0.75); }
 .theme-toggle-simple{ top:12px; right:12px; }
 .login-card .form-control {
 background:rgba(255,255,255,0.35);
 color:#222;
 border:1.5px solid #fff;
 box-shadow:none;
 }
 body.theme-dark .login-card{ background:rgba(24,24,24,0.75); }
 body.theme-dark .login-card .form-control {
 background:rgba(24,24,24,0.35);
 color:#e9ecef;
 border:1.5px solid #444;
 }
}
.theme-toggle-simple svg {
 display: block;
 width:22px;
 height:22px;
 fill: #6c757d;
 pointer-events: none;
}
body.theme-dark .theme-toggle-simple svg {
 fill: #f39c12;
}