/* POSTECH.CLOUD Dashboard V3 - Safe visual layer */
:root{
  --pc-navy:#061a33;
  --pc-navy-2:#0b2748;
  --pc-blue:#1687ff;
  --pc-blue-2:#0ea5e9;
  --pc-gold:#f59e0b;
  --pc-orange:#f97316;
  --pc-border:#dbe6f3;
  --pc-bg:#f5f8fc;
  --pc-text:#10243e;
  --pc-muted:#6b7f99;
}

/* Dashboard canvas */
#scrollable-container{
  background:linear-gradient(180deg,#f7faff 0%,#f1f6fb 100%) !important;
}
#scrollable-container > .tw-pb-6{
  background:transparent !important;
}
#scrollable-container .tw-px-5.tw-pt-3{
  padding:22px 26px 34px !important;
}

/* Header block inside dashboard */
#scrollable-container .title{
  padding:2px 0 10px !important;
}
.pc-dashboard-title{
  margin:0 !important;
  color:var(--pc-navy) !important;
  font-size:30px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
}
.pc-dashboard-title span{color:var(--pc-blue) !important;}
.pc-dashboard-business-name{
  margin-top:6px !important;
  color:var(--pc-gold) !important;
  font-weight:700 !important;
  font-size:13px !important;
}
.pc-dashboard-welcome{
  margin:5px 0 0 !important;
  color:var(--pc-muted) !important;
  font-size:14px !important;
  font-weight:500 !important;
}

/* Filter */
#dashboard_date_filter{
  border:1px solid #cfe0f4 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--pc-navy) !important;
  min-width:96px !important;
  box-shadow:0 5px 16px rgba(12,45,78,.06) !important;
}
#dashboard_date_filter:hover{
  border-color:var(--pc-blue) !important;
  color:var(--pc-blue) !important;
}
#dashboard_location + .select2-container .select2-selection,
#dashboard_location{
  border-radius:10px !important;
  border-color:#cfe0f4 !important;
  min-height:38px !important;
  background:#fff !important;
}

/* KPI groups */
#scrollable-container .row[style*="background-color: #ffffff"]{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--pc-border) !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(7,34,61,.06) !important;
  padding:10px !important;
}
.metric-card{
  min-height:146px !important;
  border:1px solid #e1eaf5 !important;
  border-radius:15px !important;
  box-shadow:0 7px 20px rgba(8,37,67,.055) !important;
  background:#fff !important;
  transform:none !important;
}
.metric-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 13px 30px rgba(8,37,67,.11) !important;
  border-color:#c4d9f1 !important;
}
.metric-card .info-box-number{
  color:var(--pc-navy) !important;
  font-weight:800 !important;
  letter-spacing:-.35px !important;
}
.metric-card .dashboard_date_filter_value{
  color:#70829a !important;
  font-size:12px !important;
  font-weight:700 !important;
  background:#f0f5fb !important;
  padding:5px 9px !important;
  border-radius:999px !important;
}
/* Keep brand palette coherent */
.metric-card:has(.total_sell) > div:first-child > div:first-child,
.metric-card:has(.net) > div:first-child > div:first-child,
.metric-card:has(.total_purchase) > div:first-child > div:first-child{
  background:linear-gradient(135deg,var(--pc-blue),#2563eb) !important;
}
.metric-card:has(.invoice_due) > div:first-child > div:first-child,
.metric-card:has(.purchase_due) > div:first-child > div:first-child{
  background:linear-gradient(135deg,#f5a000,#ffb11f) !important;
}
.metric-card:has(.total_expense) > div:first-child > div:first-child{
  background:linear-gradient(135deg,var(--pc-orange),#fb923c) !important;
}
.metric-card:has(.total_sell_return) > div:first-child > div:first-child,
.metric-card:has(.total_purchase_return) > div:first-child > div:first-child{
  background:linear-gradient(135deg,#e5484d,#f87171) !important;
}

/* Charts and report cards */
#scrollable-container .card{
  border:1px solid var(--pc-border) !important;
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(8,37,67,.055) !important;
  overflow:hidden !important;
}
#scrollable-container .card-title,
#scrollable-container h3,
#scrollable-container h5{
  color:var(--pc-navy) !important;
  font-weight:800 !important;
}
#scrollable-container canvas{
  max-width:100% !important;
}

/* Tables */
#scrollable-container table{
  background:#fff !important;
  border-radius:12px !important;
}
#scrollable-container table thead th{
  color:#4b6380 !important;
  background:#f4f8fc !important;
  border-bottom:1px solid var(--pc-border) !important;
  font-weight:800 !important;
}
#scrollable-container table tbody tr:hover{
  background:#f8fbff !important;
}

/* Responsive */
@media (max-width:991px){
  #scrollable-container .tw-px-5.tw-pt-3{padding:16px 14px 26px !important;}
  .pc-dashboard-title{font-size:25px !important;}
  .metric-card{min-height:132px !important;}
}
@media (max-width:767px){
  #dashboard_date_filter{margin-top:10px !important;}
  .pc-dashboard-title{font-size:22px !important;}
  #scrollable-container .row[style*="background-color: #ffffff"]{padding:5px !important;}
}