/* MeieMajad Nordic Minimal — actual dashboard layout, not just a color layer.
   The existing PHP billing and account workflows remain unchanged. */
.mm-admin [data-panel="dashboard"] { min-width:0; }
.mm-admin [data-panel="dashboard"] .property-summary-tabs {
  margin: 2px 0 19px; border:0; background:transparent;
  padding:0;gap:5px;box-shadow:none;
}
html[data-theme="day"] .mm-admin [data-panel="dashboard"] .property-summary-tabs button {
  min-height:38px;background:transparent;border:1px solid transparent;
  color:#5a6c85;font-weight:640;box-shadow:none;border-radius:9px;
  padding:8px 14px;
}
html[data-theme="day"] .mm-admin [data-panel="dashboard"] .property-summary-tabs button:hover {
  background:#fff;border-color:#dfe8f4;
}
html[data-theme="day"] .mm-admin [data-panel="dashboard"] .property-summary-tabs button.active,
html[data-theme="day"] .mm-admin [data-panel="dashboard"] .property-summary-tabs button[aria-selected="true"] {
  background:#fff;color:#285ca9;border-color:#d8e5f6;box-shadow:0 1px 5px rgba(34,79,142,.05);
}
.mm-admin .mm-hero {
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:28px 32px;margin-bottom:19px;border-radius:18px;
  background:linear-gradient(112deg,#e8f1ff 0%,#eff6ff 64%,#f8fbff 100%);
  border:1px solid #d9e7fa;min-width:0;
}
.mm-admin .mm-hero h2 {
  margin:4px 0 7px;color:#173657;
  font:740 clamp(24px,2.7vw,35px)/1.2 var(--sans);
  letter-spacing:-.045em;
}
.mm-admin .mm-hero p {margin:0;color:#5e7591;font:400 13.5px/1.55 var(--sans);}
.mm-admin .mm-eyebrow {
  font:750 10px/1.3 var(--sans);letter-spacing:.15em;color:#4d79b0;
}
.mm-admin .mm-hero-actions {display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;flex:none;}
.mm-admin .mm-action {
  min-height:39px;display:inline-flex;justify-content:center;align-items:center;
  gap:13px;padding:10px 14px;border:1px solid #ccdbef;border-radius:9px;
  background:rgba(255,255,255,.78);text-decoration:none;color:#365a87;
  font:670 12px/1.1 var(--sans);white-space:nowrap;transition:background .15s;
}
.mm-admin .mm-action:hover {background:#fff;border-color:#9fc2f0;color:#1e61b5;}
.mm-admin .mm-action-primary {background:#3173e8;border-color:#3173e8;color:#fff;}
.mm-admin .mm-action-primary:hover {background:#2663cc;color:#fff;}
.mm-admin .mm-kpi-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 18px;
}
.mm-admin .mm-kpi {
  position:relative;min-height:148px;padding:19px 20px 16px;
  background:#fff;border:1px solid #e1e9f4;border-radius:14px;
  box-shadow:0 3px 14px rgba(30,66,116,.035);overflow:hidden;min-width:0;
}
.mm-admin .mm-kpi-icon {
  display:flex;align-items:center;justify-content:center;
  width:33px;height:33px;border-radius:10px;
  margin-bottom:11px;background:#edf4ff;color:#377bdf;
}
.mm-admin .mm-kpi-icon svg {
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.mm-admin .mm-kpi-caption {
  color:#647994;font:650 11.5px var(--sans);letter-spacing:.01em;margin-bottom:4px;
}
.mm-admin .mm-kpi-value {
  font:760 clamp(20px,1.8vw,28px)/1.25 var(--sans);
  color:#1c3655;letter-spacing:-.035em;overflow-wrap:anywhere;
}
.mm-admin .mm-kpi-hint {margin-top:6px;color:#8494aa;font:500 11px/1.35 var(--sans);}
.mm-admin .mm-kpi-featured {background:#255eaf;border-color:#255eaf;}
.mm-admin .mm-kpi-featured .mm-kpi-icon {background:#3971bd;color:#fff;}
.mm-admin .mm-kpi-featured .mm-kpi-caption,
.mm-admin .mm-kpi-featured .mm-kpi-hint {color:#d3e3fa;}
.mm-admin .mm-kpi-featured .mm-kpi-value {color:#fff;}
.mm-admin .mm-dashboard-columns {
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);
  gap:16px;align-items:stretch;margin-bottom:16px;
}
.mm-admin .mm-dashboard-bottom {
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);
  gap:16px;align-items:stretch;margin-bottom:16px;
}
.mm-admin .mm-surface {
  background:#fff;border:1px solid #e2eaf4;
  border-radius:15px;padding:22px 23px 20px;box-shadow:0 3px 16px rgba(30,66,116,.03);
  min-width:0;
}
.mm-admin .mm-surface-title {display:flex;align-items:flex-start;justify-content:space-between;
  gap:12px;margin-bottom:19px;}
.mm-admin .mm-surface-title h3 {
  font:730 17px/1.2 var(--sans);letter-spacing:-.022em;
  margin:0 0 5px;color:#1c3554;
}
.mm-admin .mm-surface-title p {
  margin:0;font:400 12px/1.5 var(--sans);color:#8a9ab0;
}
.mm-admin .mm-chart-box {width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}
.mm-admin .mm-chart-box .dashboard-chart {
  width:100%;min-width:580px;height:auto;display:block;
}
.mm-admin .mm-chart-box .dashboard-chart .axis-text,
.mm-admin .mm-chart-box .dashboard-chart .month-text {fill:#71839b;font:11px var(--sans);}
.mm-admin .mm-chart-box .dashboard-chart .grid-line {stroke:#edf2f8;}
.mm-admin .mm-chart-box .dashboard-chart .axis-line {stroke:#dce5f0;}
.mm-admin .mm-chart-box .dashboard-chart .bar-electricity {fill:#4b8ce8;}
.mm-admin .mm-chart-box .dashboard-chart .bar-utilities {fill:#88bbc1;}
.mm-admin .mm-chart-box .dashboard-chart .bar-water {fill:#eeb067;}
.mm-admin .mm-chart-box .dashboard-chart .bar-heating {fill:#55be9b;}
.mm-admin .mm-chart-surface .dashboard-chart-legend {margin-top:12px;gap:17px;}
.mm-admin .mm-chart-surface .dashboard-chart-legend span {color:#718399;font-size:11.5px;}
.mm-admin .mm-property-list {display:grid;gap:0;}
.mm-admin .mm-property-row {
  display:flex;align-items:center;gap:11px;
  min-height:78px;padding:12px 0;border-bottom:1px solid #edf1f6;
  color:#1c3655;text-decoration:none;min-width:0;
}
.mm-admin .mm-property-row:first-child {padding-top:2px;}
.mm-admin .mm-property-row:last-child {border-bottom:0;padding-bottom:0;}
.mm-admin .mm-property-row:hover .mm-property-details strong {color:#2d73d2;}
.mm-admin .mm-property-avatar {
  flex:none;display:flex;align-items:center;justify-content:center;
  height:42px;width:42px;background:#eaf2ff;color:#3974ca;
  border-radius:12px;font:780 16px var(--sans);
}
.mm-admin .mm-property-row:nth-child(3n+2) .mm-property-avatar {
  background:#e9f7f3;color:#287e71;
}
.mm-admin .mm-property-row:nth-child(3n) .mm-property-avatar {
  background:#f4efff;color:#8162c9;
}
.mm-admin .mm-property-details {
  flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;
}
.mm-admin .mm-property-details strong {font:700 12.5px var(--sans);white-space:normal;}
.mm-admin .mm-property-details small {font:500 11px/1.3 var(--sans);color:#8a9bb0;}
.mm-admin .mm-property-value {font:700 12px var(--sans);white-space:nowrap;text-align:right;}
.mm-admin .mm-row-arrow {font-size:18px;color:#9bacc1;}
.mm-admin .mm-list {display:grid;}
.mm-admin .mm-list-row {
  display:flex;align-items:center;gap:12px;
  padding:13px 0;border-bottom:1px solid #edf2f7;min-height:64px;
}
.mm-admin .mm-list-row:first-child {padding-top:0;}
.mm-admin .mm-list-row:last-child {border-bottom:0;padding-bottom:0;}
.mm-admin .mm-list-dot {width:8px;height:8px;flex:none;border-radius:50%;background:#7eaceb;}
.mm-admin .mm-list-row:nth-child(2n) .mm-list-dot {background:#90caba;}
.mm-admin .mm-list-main {display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;}
.mm-admin .mm-list-main strong {font:690 12.5px var(--sans);color:#294364;}
.mm-admin .mm-list-main span {font:500 11.5px var(--sans);color:#8596a9;}
.mm-admin .mm-list-row b {font:750 12px var(--sans);color:#2f4c75;white-space:nowrap;}
.mm-admin .mm-shortcuts-grid {display:grid;gap:8px;}
.mm-admin .mm-shortcuts-grid a {
  display:grid;grid-template-columns:38px 1fr;column-gap:11px;
  align-items:center;padding:11px 12px;
  border:1px solid #e6edf7;border-radius:10px;text-decoration:none;color:#274565;
  background:#f9fbfe;
}
.mm-admin .mm-shortcuts-grid a:hover {background:#f0f6ff;border-color:#d5e5fb;}
.mm-admin .mm-shortcuts-grid a>span {
  grid-row:span 2;display:flex;align-items:center;justify-content:center;
  height:37px;width:37px;border-radius:10px;background:#e7f1ff;color:#3474cf;
  font-size:19px;
}
.mm-admin .mm-shortcuts-grid strong {font:700 12.5px var(--sans);}
.mm-admin .mm-shortcuts-grid small {font:500 11.5px var(--sans);color:#899bb0;}
.mm-admin .mm-chart-detail {border:1px solid #e5edf7;border-radius:11px;margin-top:11px;
  background:#fff;padding:0 14px 12px;}
.mm-admin .mm-chart-detail:first-child {margin-top:0;}
.mm-admin .mm-chart-detail summary {
  cursor:pointer;min-height:46px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;list-style:none;font:700 12.5px var(--sans);color:#29496e;
}
.mm-admin .mm-chart-detail summary::-webkit-details-marker {display:none;}
.mm-admin .mm-chart-detail summary::after {content:'⌄';color:#6489bb;font-size:19px;}
.mm-admin .mm-chart-detail[open] summary::after {transform:rotate(180deg);}
.mm-admin .mm-chart-detail summary span {margin-left:auto;font:500 11px var(--sans);color:#92a1b4;}
.mm-admin .mm-empty {padding:25px 0;color:#8b9bb0;text-align:center;font:500 12.5px var(--sans);}
.mm-admin [data-panel="dashboard"] .mm-topbar {padding:10px 0;}
@media(max-width:1180px) {
  .mm-admin .mm-dashboard-columns,.mm-admin .mm-dashboard-bottom {
    grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);
  }
  .mm-admin .mm-hero {flex-wrap:wrap;}
  .mm-admin .mm-hero-actions {justify-content:flex-start;}
}
@media(max-width:1000px) {
  .mm-admin .mm-kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mm-admin .mm-dashboard-columns,.mm-admin .mm-dashboard-bottom {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:760px) {
  .mm-admin .mm-hero {padding:21px 20px;border-radius:14px;}
  .mm-admin .mm-hero h2 {font-size:25px;}
  .mm-admin .mm-hero-actions {width:100%;}
  .mm-admin .mm-kpi-grid {gap:9px;}
  .mm-admin .mm-kpi {padding:15px;min-height:134px;}
  .mm-admin .mm-kpi-value {font-size:20px;}
  .mm-admin .mm-surface {padding:18px 16px;}
  .mm-admin .mm-property-row {min-height:70px;}
  .mm-admin .mm-property-value {font-size:11px;}
  .mm-admin .mm-chart-box .dashboard-chart {min-width:590px;}
}
@media(max-width:370px) {
  .mm-admin .mm-kpi-grid {grid-template-columns:1fr 1fr;}
  .mm-admin .mm-hero-actions {flex-direction:column;}
  .mm-admin .mm-hero-actions .mm-action {width:100%;}
  .mm-admin .mm-property-row {gap:7px;}
  .mm-admin .mm-property-value {display:none;}
}

/* Chart navigation: all-property expenses, followed by registered apartment flats. */
.mm-admin .mm-dashboard-chart-tabs {
  display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 17px;
  border-bottom:1px solid var(--mm-card-border);padding-bottom:13px;
}
.mm-admin .mm-chart-tab {
  min-height:37px;border-radius:9px;padding:8px 13px;
  border:1px solid var(--mm-card-border);background:var(--mm-panel);
  color:var(--mm-secondary);font:650 12px var(--sans);cursor:pointer;
}
.mm-admin .mm-chart-tab:hover {border-color:var(--mm-user-accent);color:var(--mm-foreground);}
.mm-admin .mm-chart-tab.active,
.mm-admin .mm-chart-tab[aria-selected="true"] {
  border-color:color-mix(in srgb,var(--mm-user-accent) 38%,var(--mm-card-border));
  background:color-mix(in srgb,var(--mm-user-accent) 10%,var(--mm-panel));
  color:var(--mm-foreground);
}
.mm-admin .mm-chart-tab-panel[hidden] {display:none!important;}
.mm-admin .mm-chart-description,.mm-admin .mm-chart-tip {
  color:var(--mm-secondary);font:500 12px/1.5 var(--sans);
  margin:0 0 8px;
}
.mm-admin .mm-chart-tip {margin:11px 0 0;}
.mm-admin .mm-dashboard-bottom {display:block;}
.mm-admin .mm-dashboard-bottom .mm-shortcuts-grid {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
@media(max-width:760px) {
  .mm-admin .mm-dashboard-chart-tabs {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;}
  .mm-admin .mm-chart-tab {white-space:nowrap;flex:none;}
  .mm-admin .mm-dashboard-bottom .mm-shortcuts-grid {grid-template-columns:1fr;}
}