/* BASIC only: compact card rhythm for data-heavy views, outer canvas remains unchanged. */
:root{--number-font:"Pretendard Variable","Pretendard","Noto Sans KR",sans-serif}
.topbar-brand{display:flex;align-items:center;height:100%}
.topbar-brand .eyebrow{font-size:10px;letter-spacing:1.5px;color:#aaa6b3;font-weight:700}
@media(max-width:620px){.topbar .eyebrow{display:block}}
.main-nav{gap:11px}
.nav-item,.help-link{font-weight:400}
.nav-item.active{font-weight:400}
.profile-card strong{font-weight:400}

@media(min-width:1051px){
  .content[data-density="compact"] .kpi-grid{gap:19px;margin-bottom:19px}
  .content[data-density="compact"] .dashboard-grid{gap:19px}
  .content[data-density="compact"] .view-shell{gap:22px}
  .content[data-density="compact"] .view-stats{gap:17px}
  .content[data-density="compact"] .detail-columns{gap:19px}
}
@media(min-width:621px) and (max-width:1050px){
  .content[data-density="compact"] .kpi-grid,.content[data-density="compact"] .dashboard-grid{gap:14px}
  .content[data-density="compact"] .view-shell{gap:17px}
  .content[data-density="compact"] .view-stats,.content[data-density="compact"] .detail-columns{gap:14px}
}
@media(max-width:620px){
  .main-nav{gap:8px}
  .content[data-density="compact"] .kpi-grid,.content[data-density="compact"] .dashboard-grid,.content[data-density="compact"] .view-stats{gap:10px}
  .content[data-density="compact"] .view-shell{gap:14px}
}

.kpi-value,.kpi-value small,.kpi-detail strong,.trend,.chart-summary strong,
.chart-tooltip strong,.donut strong,.legend strong,.week-total strong,.bars span,
.new-customer-bars span,.quick-return-card>strong,.view-stat strong,.money-cell,
.day-card strong,.appointment-item .time,.sales-bars em,.history-row b{
  font-family:var(--number-font);
}
.content[data-density="compact"] .kpi-value,
.content[data-density="compact"] .kpi-value.money,
.content[data-density="compact"] .view-stat strong,
.content[data-density="compact"] .chart-summary strong,
.content[data-density="compact"] .donut strong,
.content[data-density="compact"] .quick-return-card>strong{
  font-size:14px !important;
  font-weight:700;
  letter-spacing:0;
  line-height:1.3;
}
.kpi-value,.kpi-value.money,.view-stat strong,.chart-summary strong,.donut strong,
.quick-return-card>strong{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.content[data-density="compact"] .kpi-value small{font-size:11px;font-weight:500}

/* BASIC summary figures: clear hierarchy while retaining Pretendard numerals. */
.content[data-primary-numbers="noto-emphasis"] .kpi-value,
.content[data-primary-numbers="noto-emphasis"] .view-stat strong{
  font-family:var(--number-font);
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  font-weight:800;
  letter-spacing:-.015em;
}
@media(min-width:621px){
  .content[data-primary-numbers="noto-emphasis"] .kpi-value{font-size:18px !important}
  .content[data-primary-numbers="noto-emphasis"] .kpi-value.money{font-size:18px !important}
  .content[data-primary-numbers="noto-emphasis"] .view-stat strong{font-size:18px !important}
}
@media(max-width:620px){
  .content[data-primary-numbers="noto-emphasis"] .kpi-value,
  .content[data-primary-numbers="noto-emphasis"] .kpi-value.money,
  .content[data-primary-numbers="noto-emphasis"] .view-stat strong{font-size:18px !important}
}

.booking-card{order:1}
.quick-return-card{order:2}
.new-customers-card{grid-column:span 5;padding:20px 21px;order:3}
.attention-card{order:4}
.schedule-card{order:5}
.new-customer-bars{height:170px;margin:20px 0 18px;padding:0 12px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#f0eff4 42px);display:flex;align-items:flex-end;justify-content:space-around}
.new-customer-bars>div{height:100%;width:11%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.new-customer-bars span{font-size:8px;color:var(--secondary);opacity:0;transition:.2s}
.new-customer-bars i{display:block;width:26px;height:var(--new-h);max-height:140px;border-radius:7px 7px 2px 2px;background:#ddd7f1;transition:.2s}
.new-customer-bars small{font-size:9px;color:#86828e;margin-bottom:-21px;white-space:nowrap}
.new-customer-bars>div:hover span,.new-customer-bars .current span{opacity:1}
.new-customer-bars>div:hover i{background:#a995f5}
.new-customer-bars .current i{background:linear-gradient(180deg,var(--primary-light),var(--primary));box-shadow:0 5px 11px rgba(108,59,255,.18)}
.new-customer-bars .current small{color:var(--primary);font-weight:700}
@media(max-width:1180px){.new-customers-card{grid-column:span 7}}
@media(max-width:860px){.new-customers-card{grid-column:span 12}}
@media(max-width:620px){.new-customers-card{padding:17px 15px}.new-customer-bars{height:150px;margin:18px 0 16px}.new-customer-bars i{width:22px}}