/* assets/css/style.css */
.login-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: url("/shabadguru/assets/img/bg.jpg") no-repeat center center fixed;
  background-size: cover;
}

.login-card {
  width: 100%;
  max-width: 480px;
  background: rgba(255,255,255,0.92);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

.app-shell {
  display: flex;
  min-height: calc(100vh - 56px);
}

.app-sidebar {
  width: 260px;
  border-right: 1px solid rgba(0,0,0,0.08);
  background: #f8f9fa;
}

.app-main {
  flex: 1;
  background: #ffffff;
}

@media (max-width: 992px) {
  .app-sidebar { display: none; }
  .app-main { width: 100%; }
}


/* Print layout */
.no-print { display: block; }

@media print {
  .no-print, nav.navbar, .app-sidebar, .btn, .form-text, .alert { display: none !important; }
  body { background: #fff !important; }
  .app-shell { display: block !important; }
  .app-main { width: 100% !important; }
  .container-fluid { padding: 0 !important; }
  .card { border: none !important; box-shadow: none !important; }
  .table { font-size: 12px; }
}




/* Theme */
:root{--bg:#f6f8fb;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--brand:#00bfff;--nav:#0b1220;--sidebar:#ffffff;--sidebarActive:#e6f7ff;}
body{background:var(--bg);color:var(--text);} 
nav.navbar{background:var(--nav)!important;}
nav.navbar .navbar-brand{font-weight:800;letter-spacing:.2px;}
.app-sidebar{background:var(--sidebar);}
.app-sidebar .list-group-item{border:0;border-radius:12px;margin-bottom:6px;padding:10px 12px;color:var(--text);} 
.app-sidebar .list-group-item:hover{background:#f1f5f9;}
.app-sidebar .list-group-item.active{background:var(--sidebarActive);font-weight:700;}
.card{border:1px solid var(--line);border-radius:16px;}
.card-header{background:#f8fafc;border-bottom:1px solid var(--line);font-weight:700;}
.table-responsive{border-radius:14px;border:1px solid var(--line);} 
.btn,.form-control,.form-select{border-radius:12px;} 
.btn-primary{background:var(--brand);border-color:var(--brand);} 
.pagination .page-link{border-radius:10px;margin:0 3px;}
.pagination .page-item.active .page-link{background:var(--brand);border-color:var(--brand);} 
@media (max-width: 992px){.app-sidebar{display:none;}.app-shell{display:block;}.container-fluid{padding-left:12px;padding-right:12px;}}


/* Theme */
:root{--bg:#f6f8fb;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--brand:#00bfff;--nav:#0b1220;--sidebar:#ffffff;--sidebarActive:#e6f7ff;}
body{background:var(--bg);color:var(--text);} 
nav.navbar{background:var(--nav)!important;}
nav.navbar .navbar-brand{font-weight:800;letter-spacing:.2px;}
.app-main{background:transparent;}
.app-sidebar{background:var(--sidebar)!important;border-right:1px solid var(--line);} 
.app-sidebar .list-group-item{border:0;border-radius:12px;margin-bottom:6px;padding:10px 12px;color:var(--text);} 
.app-sidebar .list-group-item:hover{background:#f1f5f9;} 
.app-sidebar .list-group-item.active{background:var(--sidebarActive);font-weight:700;} 
.card{border:1px solid var(--line);border-radius:16px;} 
.card-header{background:#f8fafc;border-bottom:1px solid var(--line);font-weight:700;} 
.btn,.form-control,.form-select{border-radius:12px;} 
.btn-primary{background:var(--brand);border-color:var(--brand);} 
.btn-primary:hover{filter:brightness(.95);} 
.table thead th{background:#f8fafc;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);} 
.pagination .page-link{border-radius:10px;margin:0 3px;} 
.pagination .page-item.active .page-link{background:var(--brand);border-color:var(--brand);} 
@media (max-width: 992px){.app-sidebar{display:none;}.app-shell{display:block;}.container-fluid{padding-left:12px;padding-right:12px;}}

/* Theme (clean) */
:root{--brand:#00bfff;--bg:#f6f8fb;--nav:#000000;--sidebar:#ffffff;--line:rgba(0,0,0,0.08);} 
body{background:var(--bg)!important;}
nav.navbar{background:var(--nav)!important;}
.app-sidebar{background:var(--sidebar)!important;border-right:1px solid var(--line);} 
.btn-primary{background:var(--brand)!important;border-color:var(--brand)!important;}
.table-responsive{border:1px solid var(--line);border-radius:14px;}
.card{border-radius:16px;}
@media (max-width:992px){.app-sidebar{display:none;} .app-shell{display:block;}}


/* Mobile-friendly forms */
@media (max-width: 768px) {
  .app-content { padding: 12px !important; }
  .table { font-size: 0.9rem; }
  .btn, .form-control, .form-select { font-size: 1rem; }
  .btn { padding: 0.6rem 0.9rem; }
  .form-label { font-weight: 600; }
  .signature-pad { width: 100% !important; height: 180px !important; }
  .navbar-brand { font-size: 1.05rem; }
}

/* Better touch targets */
.btn, .form-control, .form-select, .nav-link, .list-group-item { border-radius: 10px; }

/* Ensure tables don't overflow */
.table-responsive { -webkit-overflow-scrolling: touch; }

/* Language buttons */
.btn-group .btn.active { background: rgba(255,255,255,0.25); }


/* ---------- UI polish (global) ---------- */
body { font-size: 0.95rem; }
.container-fluid { max-width: 1400px; }
.app-main { background: transparent; }
.app-main > .container-fluid { padding-top: 18px; padding-bottom: 28px; }

.navbar { box-shadow: 0 2px 10px rgba(0,0,0,0.10); }
.navbar .navbar-brand { font-weight: 700; letter-spacing: .2px; }

.app-sidebar { box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); border-right: 1px solid rgba(0,0,0,0.06); }
.app-sidebar .list-group-item { border: 0; border-radius: 10px; margin-bottom: 6px; padding: 10px 12px; }
.app-sidebar .list-group-item.active { background: rgba(13, 110, 253, 0.12); color: #0b3d91; font-weight: 600; }
.app-sidebar .list-group-item:hover { background: rgba(13, 110, 253, 0.06); }

.card, .card-box { border: 1px solid rgba(0,0,0,0.06); border-radius: 14px; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06); }
.card .card-header { background: transparent; border-bottom: 1px solid rgba(0,0,0,0.06); font-weight: 600; }
.card .card-body { padding: 18px; }

.table { background: #fff; border-radius: 12px; overflow: hidden; }
.table thead th { background: rgba(15, 23, 42, 0.03); border-bottom: 1px solid rgba(0,0,0,0.06); font-weight: 600; }
.table tbody tr:nth-child(even) { background: rgba(15, 23, 42, 0.02); }
.table tbody tr:hover { background: rgba(13, 110, 253, 0.06); }
.table-responsive { border-radius: 12px; }

.form-label { font-weight: 600; }
.form-control, .form-select { border-radius: 12px; }
.btn { border-radius: 12px; }
.btn-primary, .btn-success, .btn-danger { box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08); }

.alert { border-radius: 14px; }

.page-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.page-header h1, .page-header h2 {
  margin:0;
  font-size:1.2rem;
  font-weight:700;
}

/* Desktop sidebar compact mode */
body.sidebar-compact .app-sidebar { width: 210px; }
body.sidebar-compact .app-sidebar .list-group-item { padding: 8px 10px; font-size: .92rem; }

/* Small improvements on mobile */
@media (max-width: 992px){
  .container-fluid { padding-left: 12px; padding-right: 12px; }
  .card .card-body { padding: 14px; }
}