/* Layout-level custom styles extracted from app.blade.php */
body:not(.dark) .logo-light { display: block; }
body:not(.dark) .logo-dark { display: none; }
body.dark .logo-light { display: none; }
body.dark .logo-dark { display: block; }

/* Dark mode card info color override */
body.dark .card { background-color: #0e1726; color: #fff; }
body.dark .card .card-body,
body.dark .card .widget-content,
body.dark .card .widget-heading { color: #fff; }

/* Bootstrap valid/invalid input background icon overrides */
.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-invalid,
.was-validated .form-control:invalid { background-image: none !important; padding-right: .75rem !important; }

/* XS helper size classes */
.form-control-xs { padding: .125rem .5rem; font-size: .75rem; line-height: 1.25; border-radius: .2rem; }
.form-select-xs { padding: .125rem 2rem .125rem .5rem; font-size: .75rem; line-height: 1.25; border-radius: .2rem; height: auto; }
.input-group-xs > .form-control,
.input-group-xs > .form-select,
.input-group-xs > .input-group-text,
.input-group-xs > .btn { padding: .125rem .5rem; font-size: .75rem; border-radius: .2rem; line-height: 1.25; }
.btn-xs { padding: .125rem .5rem; font-size: .75rem; line-height: 1.2; border-radius: .2rem; }
.col-form-label-xs { padding-top: .25rem; padding-bottom: .25rem; margin-bottom: 0; font-size: .75rem; line-height: 1.5; }

/* Content spacing with sidebar */
.main-container .layout-px-spacing { padding-left: 24px !important; padding-right: 24px !important; }
.main-container .layout-px-spacing .middle-content { padding-left: 0; padding-right: 0; }
.main-container .layout-px-spacing .middle-content.p-0 { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 576px) {
  .main-container .layout-px-spacing { padding-left: 16px !important; padding-right: 16px !important; }
}

/* Navbar datetime styling */
.nav-datetime { display: inline-flex; align-items: center; font-weight: 600; letter-spacing: .2px; }
body.dark .nav-datetime { color: #e0e6ed; }
body:not(.dark) .nav-datetime { color: #0e1726; }

/* Theme toggle icons visibility (show current theme icon) */
.theme-toggle .light-mode { display: inline; }
.theme-toggle .dark-mode { display: none; }
body.dark .theme-toggle .light-mode { display: none; }
body.dark .theme-toggle .dark-mode { display: inline; }