/* RoyalSonic ERP — black & white desk/website chrome (icons stay colorful).
   Copyright-free original stylesheet for RoyalSonic hosted ERPNext. */
:root {
  --rs-erp-bg: #111111;
  --rs-erp-bg-soft: #1a1a1a;
  --rs-erp-panel: #ffffff;
  --rs-erp-text: #111111;
  --rs-erp-muted: #666666;
  --rs-erp-border: #e5e5e5;
  --rs-erp-logo: url("/royalsonic-brand/royalsonic-logo-erp.svg");
}

/* Login / website shell */
body.web-page,
.for-login,
.page-card,
.login-content {
  background: linear-gradient(180deg, #141414 0%, #1a1a1a 55%, #111111 100%) !important;
  color: #fff !important;
}

.page-card,
.for-login .page-card,
.login-content .page-card {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.for-login .page-card-head,
.login-content .page-card-head,
.page-card .page-card-head {
  color: #111 !important;
}

.btn-login,
.btn-primary,
.for-login .btn-primary {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

.btn-login:hover,
.btn-primary:hover {
  background: #000 !important;
  border-color: #000 !important;
}

/* Desk chrome (navbar / sidebar / page headers) — B&W; app icons untouched */
.navbar,
.navbar.navbar-expand,
body[data-route] .navbar {
  background: #111 !important;
  border-bottom: 1px solid #222 !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .btn {
  color: #fff !important;
}

.desk-sidebar,
.list-sidebar,
.layout-side-section {
  background: #fafafa !important;
  border-right: 1px solid var(--rs-erp-border) !important;
}

.page-head,
.page-form,
.form-tabs-list {
  background: #fff !important;
  border-color: var(--rs-erp-border) !important;
}

.page-title .title-text,
.breadcrumb,
.std-form-layout .section-head {
  color: #111 !important;
}

.btn-primary.btn-sm,
.primary-action,
.btn.btn-primary {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

.footer-powered,
.footer-message {
  color: #888 !important;
}

/* Keep workspace / module icons colorful — do not grayscale SVG icons */
.desk-sidebar .sidebar-item-icon,
.workspace-sidebar .item-anchor .sidebar-item-icon,
.icon,
.svg-icon {
  filter: none !important;
}

/* Single sharp RoyalSonic logo — no background-image overlay (avoids double/blurry logo) */
.for-login .page-card-head .app-logo,
.login-content .app-logo,
.page-card-head .app-logo,
.navbar .app-logo,
.navbar-brand .app-logo,
header .app-logo {
  background: none !important;
  display: inline-flex !important;
  align-items: center !important;
}
.for-login .page-card-head .app-logo img,
.login-content .app-logo img,
.page-card-head .app-logo img {
  opacity: 1 !important;
  width: auto !important;
  height: 52px !important;
  max-width: 240px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}
.navbar .app-logo img,
.navbar-brand .app-logo img,
header .app-logo img,
img.footer-logo {
  opacity: 1 !important;
  height: 28px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
  filter: none !important;
}
/* Login card is white — keep natural colors */
.for-login .app-logo img,
.login-content .app-logo img,
.page-card-head .app-logo img {
  filter: none !important;
}