/* =====================================================
   BLUE LUXE ERP THEME — v7
   (Same formats as your GOLD theme, only colors changed)
   ===================================================== */
html[data-theme='light']{
  /* Refined Blue & Neutrals */
  --gold-700:#30557c;    /* deepest blue accent */
  --gold-600:#3f6fa5;    /* strong blue (borders, actives) */
  --gold-500:#5c8cc0;    /* main blue (navbar, primary) */
  --gold-300:#8fb0d8;    /* lighter blue (hover) */
  --gold-200:#c5d8ee;    /* pale blue (fills) */
  --gold-100:#eaf1fb;    /* very light blue (cards) */

  --ivory:#fdfefe;
  --sand-50:#f6f8fb;
  --sand-100:#eef2f7;
  --sand-200:#dde4f0;

  --border:#c6cedf;
  --border-strong:#9eaac2;
  --text:#000;

  --shadow-1:0 1px 4px rgba(0,0,0,.08);
  --shadow-2:0 4px 12px rgba(0,0,0,.16);
  --ring-gold:0 0 0 3px rgba(63,111,165,.35);
  --r-sm:3px; --r-md:4px; --r-lg:6px; --anim:180ms cubic-bezier(.22,.7,.25,1);
  --sticky-offset:60px;
}

/* GLOBAL */
body,.page-container{
  background:linear-gradient(180deg,var(--sand-100),var(--ivory))!important;
  color:#000
}
body,.navbar,.desk-sidebar,.widget,.form-control,.list-row-container,
h1,h2,h3,h4,h5,h6,a,label,p,.btn{color:#000!important}

/* NAVBAR (sticky) */
.navbar{
  background:linear-gradient(90deg,var(--gold-500),var(--gold-300));
  height:60px;border-bottom:1px solid var(--border-strong);
  box-shadow:var(--shadow-1);position:sticky;top:0;z-index:1000
}
#navbar-search{
  background:rgba(255,255,255,.8);border:1px solid var(--border);
  border-radius:var(--r-md);padding:6px 30px;transition:var(--anim)
}
#navbar-search:focus-within{background:#fff;box-shadow:var(--ring-gold)}
.navbar .btn{
  background:var(--gold-100);border:1px solid var(--border);
  border-radius:var(--r-sm);transition:var(--anim)
}
.navbar .btn:hover{background:var(--gold-200);box-shadow:var(--shadow-1)}

/* SIDEBAR */
.desk-sidebar{
  background:var(--sand-50);
  border-right:1px solid var(--border)
}
.desk-sidebar .standard-sidebar-item{
  border-radius:var(--r-md);background:var(--gold-100);
  border:1px solid var(--border);box-shadow:var(--shadow-1);
  transition:var(--anim);margin:4px 6px
}
.desk-sidebar .standard-sidebar-item:hover{
  background:var(--gold-200);transform:translateY(-1px)
}
.desk-sidebar .standard-sidebar-item.selected{
  background:var(--gold-200);border-left:3px solid var(--gold-600);
  box-shadow:var(--shadow-2)
}

/* WORKSPACE GROUPS */
.desk-page .workspace .widget-group{
  background:var(--sand-50);border:1px solid var(--border);
  border-radius:var(--r-md);box-shadow:var(--shadow-2)
}
.desk-page .workspace .widget-group .widget-group-title{
  background:var(--gold-200);border-bottom:1px solid var(--border-strong);
  color:#000;font-weight:700;padding:8px 10px;
  border-radius:var(--r-md) var(--r-md) 0 0
}

/* TILES */
.widget.links-widget-box .link-item{
  background:var(--ivory);border:1px solid var(--border-strong);
  border-radius:var(--r-md);box-shadow:var(--shadow-1);
  padding:8px 10px;transition:var(--anim)
}
.widget.links-widget-box .link-item:hover{
  background:var(--gold-200);border-color:var(--gold-600);
  box-shadow:var(--shadow-2);transform:translateY(-2px)
}
.widget.links-widget-box .link-item.active,
.widget.links-widget-box .link-item.selected{
  background:var(--gold-300);border:1px solid var(--gold-600);
  box-shadow:var(--shadow-2)
}

/* MODULE COUNTS */
.module-count,.module-count-badge{
  background:var(--gold-200);border:1px solid var(--gold-600);
  border-radius:var(--r-md);box-shadow:var(--shadow-1)
}

/* SHORTCUTS */
.desk-page .shortcut,.module-sidebar-item,.quick-access .shortcut{
  background:linear-gradient(180deg,var(--gold-100) 0%,var(--gold-200) 100%)!important;
  border:1px solid var(--gold-600)!important;border-radius:var(--r-md)!important;
  color:#000!important;font-weight:600!important;
  box-shadow:0 2px 6px rgba(63,111,165,.25)!important;
  padding:1px 1px!important;transition:all .2s ease-in-out!important
}
.desk-page .shortcut:hover,.module-sidebar-item:hover,.quick-access .shortcut:hover{
  background:linear-gradient(180deg,var(--gold-200) 0%,var(--gold-300) 100%)!important;
  transform:translateY(-2px);box-shadow:0 4px 10px rgba(63,111,165,.35)!important
}
.desk-page .shortcut.active,.module-sidebar-item.active,.quick-access .shortcut.active{
  background:linear-gradient(180deg,var(--gold-300) 0%,var(--gold-200) 100%)!important;
  border-color:var(--gold-700)!important;box-shadow:0 3px 8px rgba(48,85,124,.4)!important
}
.desk-sidebar,.module-sidebar{
  background:linear-gradient(180deg,var(--sand-50),var(--sand-100))!important
}

/* “YOUR SHORTCUTS” WIDGET */
.widget.shortcut-widget-box{
  background:linear-gradient(180deg,var(--sand-50),var(--sand-100));
  border:1px solid var(--border-strong);border-radius:var(--r-md);
  box-shadow:var(--shadow-2)
}
.widget.shortcut-widget-box .widget-head,
.widget.shortcut-widget-box .widget-title{
  background:var(--gold-200);border-bottom:1px solid var(--border-strong);
  font-weight:800;padding:8px 10px;border-radius:var(--r-md) var(--r-md) 0 0
}
.widget.shortcut-widget-box *:not(a):not(button):not(.btn):not(.shortcut){
  background:transparent!important;border:0!important;box-shadow:none!important
}
.widget.shortcut-widget-box a,
.widget.shortcut-widget-box .shortcut,
.widget.shortcut-widget-box .btn-link{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(180deg,var(--gold-100),var(--gold-200));
  border:1px solid var(--gold-600);border-radius:var(--r-sm);
  color:#000!important;font-weight:700;padding:10px 12px;
  margin:5px 5px 0 0;text-decoration:none;
  box-shadow:var(--shadow-1);transition:var(--anim)
}
.widget.shortcut-widget-box a:hover,
.widget.shortcut-widget-box .shortcut:hover,
.widget.shortcut-widget-box .btn-link:hover{
  background:linear-gradient(180deg,var(--gold-200),var(--gold-100));
  transform:translateY(-2px);box-shadow:var(--shadow-2)
}
.widget.shortcut-widget-box .indicator-pill,
.widget.shortcut-widget-box .badge,
.widget.shortcut-widget-box .module-count{
  background:var(--gold-100)!important;border:1px solid var(--gold-600)!important;
  border-radius:var(--r-sm);padding:2px 8px;
  box-shadow:0 1px 3px rgba(48,85,124,.25)
}

/* =====================================================
   FIELDS — Unified Gold Look for All Inputs
   ===================================================== */
.form-control,
.input-with-feedback input,
.input-with-feedback textarea,
select,
.form-control[disabled],
.form-control[readonly] {
  background:#f7fbff !important;
  border:1px solid var(--border-strong) !important;
  border-radius:var(--r-sm);padding:6px 10px;
  transition:var(--anim);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.06);
  color:#000 !important;
}
.form-control:focus,
.input-with-feedback:focus-within input,
select:focus {
  background:#ffffff !important;
  border-color:var(--gold-600) !important;
  box-shadow:var(--ring-gold) !important;
  outline:none;
}
.form-control[readonly]{opacity:0.97}

/* TABLES */
.list-row-head,.grid-heading-row{
  background:var(--gold-100);border:1px solid var(--border);font-weight:700
}
.list-row-container,.grid-row{
  background:#ffffff;border-bottom:1px solid var(--border)
}
.list-row-container:hover,.grid-row:hover{background:var(--gold-100)}

/* BUTTONS */
.btn-primary{
  background:var(--gold-500);border:1px solid var(--gold-600);
  color:#fff;border-radius:var(--r-sm);box-shadow:var(--shadow-1);
  transition:var(--anim)
}
.btn-primary:hover{background:var(--gold-600);box-shadow:var(--shadow-2)}
.btn-secondary,.btn-default{
  background:#fff;border:1px solid var(--border);
  border-radius:var(--r-sm);color:#000
}
.btn-secondary:hover,.btn-default:hover{
  background:var(--gold-100)
}

/* STICKY PAGE BAR */
body .layout-main,body .layout-main-section,body .layout-main-section-wrapper,
body .page-body,body .page-content,body .container,body .container-fluid,
body .desk-page,body .page-wrapper { overflow: visible !important; }

body .desk-page .page-head,body .workspace .page-head,body .page-head,
body .page-form .page-head,body .list-view .page-head,body .report-view .page-head {
  background:linear-gradient(180deg,var(--gold-100),var(--gold-200));
  border:1px solid var(--gold-500);border-radius:var(--r-md);
  padding:1px 1px;color:#000!important;
  box-shadow:0 4px 12px rgba(63,111,165,.18);
  position:-webkit-sticky !important;position:sticky !important;
  top:calc(var(--sticky-offset)) !important;z-index:999 !important;
}
.page-head a{
  color:#000!important;text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .15s ease
}
.page-head a:hover{border-bottom-color:var(--gold-600)}

.page-head .text-muted{color:#000!important;opacity:.5}
body .page-head + .page-content,
body .page-head + .layout-main-section,
body .page-head + .frappe-list,
body .page-head + .container,
body .page-head + .container-fluid {
  scroll-margin-top: calc(var(--sticky-offset) + 10px);
}

/* SCROLLBAR + FOCUS */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:#c2d2ec;border-radius:var(--r-sm)}
*::-webkit-scrollbar-thumb:hover{background:#9fb5e5}
:focus-visible{outline:none;box-shadow:var(--ring-gold);border-radius:var(--r-sm)}

/* =========================================================
   RESPONSIVE ENHANCEMENTS (no font changes)
   ========================================================= */

/* Search bar full-width on small screens */
@media (max-width: 576px) {
  #navbar-search { width:100%; max-width:100%; }
}

/* Sticky page head: compact padding */
@media (max-width: 768px) {
  body .desk-page .page-head,
  body .workspace .page-head,
  body .page-head,
  body .page-form .page-head,
  body .list-view .page-head,
  body .report-view .page-head { padding:8px 10px; }
}

/* Sidebar: let Frappe toggle handle visibility.
   Only collapse when body has .hide-sidebar. */
@media (max-width: 992px) {
  body.hide-sidebar .desk-sidebar {
    width:0!important;
    min-width:0!important;
    overflow:hidden!important;
    border-right:0!important;
  }
  body.hide-sidebar .layout-main-section,
  body.hide-sidebar .page-content {
    padding-left:0!important;
  }
}

/* Shortcuts and tiles responsive wrapping */
@media (max-width: 992px) {
  .widget.links-widget-box .link-item,
  .widget.shortcut-widget-box a,
  .widget.shortcut-widget-box .shortcut,
  .widget.shortcut-widget-box .btn-link,
  .desk-page .shortcut,
  .quick-access .shortcut { display:inline-flex; width:calc(50% - 14px); }
}
@media (max-width: 576px) {
  .widget.links-widget-box .link-item,
  .widget.shortcut-widget-box a,
  .widget.shortcut-widget-box .shortcut,
  .widget.shortcut-widget-box .btn-link,
  .desk-page .shortcut,
  .quick-access .shortcut { width:100%; }
}

/* Larger tap area on phones */
@media (max-width: 576px) {
  .btn, .module-sidebar-item, .desk-page .shortcut,
  .form-control, select { min-height:42px; }
}

/* Inputs stretch to full width on small screens */
@media (max-width: 768px) {
  .form-control, select, .input-with-feedback input, .input-with-feedback textarea { width:100%; }
}

/* Softer shadows on small screens */
@media (max-width: 576px) {
  .navbar, .widget, .desk-page .shortcut, .module-sidebar-item,
  .widget.shortcut-widget-box, .page-head {
    box-shadow:0 2px 6px rgba(0,0,0,.12)!important;
  }
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* =====================================================
   DASHBOARD WIDGETS — BLUE LUXE THEME
   ===================================================== */
.widget.dashboard-widget-box {
  min-height: 240px;
  background: linear-gradient(180deg, var(--sand-50), var(--ivory));
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-2);
  padding: 10px 12px;
  margin-bottom: 12px;
  transition: var(--anim);
}

.widget.dashboard-widget-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}

.widget.dashboard-widget-box .widget-head,
.widget.dashboard-widget-box .widget-title {
  background: var(--gold-200);
  border-bottom: 1px solid var(--border-strong);
  border-radius: var(--r-md) var(--r-md) 0 0;
  font-weight: 700;
  padding: 8px 10px;
  color: #000 !important;
}

.widget.dashboard-widget-box .widget-body {
  padding-top: 10px;
  color: #000 !important;
}

/* =====================================================
   NUMBER WIDGETS — BLUE LUXE THEME
   ===================================================== */
.widget.number-widget-box {
  cursor: pointer;
  height: 115px;
  padding: var(--padding-sm) var(--padding-md);

  background: linear-gradient(180deg, var(--ivory), var(--sand-100));
  border: 1px solid var(--border-strong);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-1);

  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: var(--anim);
  color: #000 !important;
}

.widget.number-widget-box:hover {
  background: linear-gradient(180deg, var(--gold-200), var(--gold-100));
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
}

/* Title */
.widget.number-widget-box .widget-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #000 !important;
}

/* Big number text */
.widget.number-widget-box .number {
  font-size: 26px;
  font-weight: 800;
  color: var(--gold-700) !important;
}

/* Optional: indicator text (e.g., Today, This Month) */
.widget.number-widget-box .indicator {
  font-size: 12px;
  opacity: .75;
  color: #000 !important;
}


#navbar-company-name,
.navbar-company-name {
    font-size: 20px;
    font-weight: 700;
    color: #0a2f6f;  /* your blue */
    margin-left: 20px;
    display: flex;
    align-items: center;
    height: 60px;
    white-space: nowrap;
    letter-spacing: .5px;
    /* text-transform: uppercase;  <-- REMOVE THIS */
}