/* Demo-inspired visual polish for Service and Account Masters. Presentation only. */
body[data-view="services"] #content,
body[data-view="accounts"] #content{--master-ink:#111a2d;--master-line:#dbe4ef}

body[data-view="services"] #content .service-kpis{gap:9px;margin:7px 0 12px}
body[data-view="services"] #content .service-kpi{min-height:58px;padding:8px 11px;gap:8px;border-radius:5px;box-shadow:0 3px 10px #0f172a12}
body[data-view="services"] #content .service-kpi-icon{flex-basis:31px;width:31px;height:31px;border-radius:4px}
body[data-view="services"] #content .service-kpi-icon svg{width:17px;height:17px}
body[data-view="services"] #content .service-kpi-copy small{font-size:9px;line-height:1.2}
body[data-view="services"] #content .service-kpi-copy strong{font-size:18px}
body[data-view="services"] #content .service-filters{gap:8px;margin-bottom:8px}
body[data-view="services"] #content .service-filters .search,
body[data-view="services"] #content .service-filters select{border-radius:5px}
body[data-view="services"] #content .service-actions{margin:0 0 10px}
body[data-view="services"] #content .service-master-page .tablewrap,
body[data-view="accounts"] #content .tablewrap{border:1px solid var(--master-line);border-radius:7px;box-shadow:0 3px 12px #0f172a0a}
body[data-view="services"] #content .service-master-page th,
body[data-view="accounts"] #content .tablewrap th{background:var(--master-ink);color:#f8fafc;border-bottom-color:var(--master-ink)}
body[data-view="services"] #content .service-master-page td,
body[data-view="accounts"] #content .tablewrap td{border-bottom-color:#edf1f6}
body[data-view="services"] #content .service-master-page tbody tr:nth-child(even) td,
body[data-view="accounts"] #content .tablewrap tbody tr:nth-child(even) td{background:#fbfcfe}
body[data-view="services"] #content .service-master-page tbody tr:hover td,
body[data-view="accounts"] #content .tablewrap tbody tr:hover td{background:#eff6ff}
body[data-view="services"] #content .service-master-page .badge,
body[data-view="accounts"] #content .tablewrap .badge{border-radius:4px}
body[data-view="services"] #content .rowactions,
body[data-view="accounts"] #content .rowactions{gap:5px}
body[data-view="accounts"] #content>.toolbar{padding:9px;background:#fff;border:1px solid var(--master-line);border-radius:7px;box-shadow:0 2px 8px #0f172a08;margin:0 0 11px}
body[data-view="accounts"] #content .summaryitem{border-radius:5px;box-shadow:0 2px 8px #0f172a0b}

@media(max-width:700px){
  body[data-view="services"] #content .service-kpis{gap:5px}
  body[data-view="services"] #content .service-kpi{min-height:49px;padding:6px 5px;gap:4px}
  body[data-view="services"] #content .service-kpi-icon{flex-basis:22px;width:22px;height:22px}
  body[data-view="services"] #content .service-kpi-copy small{font-size:7px}
  body[data-view="services"] #content .service-kpi-copy strong{font-size:12px}
  body[data-view="services"] #content .service-actions{gap:6px}
  body[data-view="services"] #content .service-actions>.btn{border-radius:4px}
}