.dmm-status-page { background:#f4f8fc; color:#071d3a; }
.dmm-status-page .header-bottom-container::after { display:none !important; content:none !important; }
.dmm-status-main { overflow:hidden; }
.dmm-status-hero { padding:28px 0 12px; background:linear-gradient(180deg,#edf6ff 0%,#f4f8fc 100%); }
.dmm-status-console { border-radius:8px; overflow:hidden; background:#071a2f; box-shadow:0 28px 70px rgba(4,28,52,.18); }
.dmm-status-console-head { display:flex; justify-content:space-between; gap:26px; align-items:center; padding:23px 32px 20px; color:#fff; background:radial-gradient(circle at 90% 0,rgba(15,124,219,.25),transparent 34%),linear-gradient(120deg,#06172a,#0a3155); }
.dmm-status-kicker { display:inline-flex; align-items:center; gap:8px; color:#ff8a34; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.dmm-status-console h1 { margin:7px 0 5px; color:#fff; font-size:clamp(29px,3.2vw,40px); line-height:1.08; letter-spacing:0; }
.dmm-status-console-head p { margin:0; max-width:720px; color:rgba(255,255,255,.70); font-size:14px; }
.dmm-live-badge { display:flex; align-items:center; gap:9px; padding:9px 13px; border:1px solid rgba(255,255,255,.19); color:#eaf6ff; background:rgba(255,255,255,.07); font-size:12px; font-weight:750; white-space:nowrap; }
.dmm-live-badge span { width:8px; height:8px; border-radius:50%; background:#3be3a1; box-shadow:0 0 0 5px rgba(59,227,161,.11); animation:dmmStatusPulse 1.6s infinite; }
.dmm-overall { display:flex; align-items:center; gap:15px; min-height:78px; padding:14px 32px; color:#fff; border-top:1px solid rgba(255,255,255,.08); background:#0a223c; }
.dmm-overall-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; flex:0 0 42px; border-radius:50%; color:#47e3a7; border:1px solid rgba(71,227,167,.36); background:rgba(71,227,167,.10); font-size:18px; }
.dmm-overall-copy { min-width:240px; }
.dmm-overall-copy strong,.dmm-overall-copy small { display:block; }
.dmm-overall-copy strong { color:#fff; font-size:18px; }
.dmm-overall-copy small { margin-top:3px; color:rgba(255,255,255,.65); font-size:13px; }
.dmm-heartline { position:relative; flex:1; height:54px; min-width:180px; overflow:hidden; }
.dmm-heartline:before { content:""; position:absolute; left:0; right:0; top:26px; height:1px; background:rgba(77,231,171,.18); }
.dmm-heartline i { position:absolute; inset:0; background:#4ce7ab; clip-path:polygon(0 48%,23% 48%,29% 48%,34% 10%,40% 88%,46% 30%,52% 48%,100% 48%,100% 52%,52% 52%,46% 35%,40% 94%,34% 17%,29% 52%,0 52%); filter:drop-shadow(0 0 6px rgba(76,231,171,.8)); animation:dmmHeartTravel 2.5s linear infinite; }
.dmm-state-degraded .dmm-overall-icon,.dmm-state-degraded .dmm-service-state { color:#ffb441; }
.dmm-state-degraded .dmm-heartline i { background:#ffb441; }
.dmm-state-outage .dmm-overall-icon,.dmm-state-outage .dmm-service-state { color:#ff5967; }
.dmm-state-outage .dmm-heartline i { background:#ff5967; }
.dmm-services-section { padding:20px 0 64px; }
.dmm-services-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.dmm-services-heading span { color:#ff6b16; font-size:11px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.dmm-services-heading h2 { margin:3px 0 0; font-size:28px; color:#071d3a; }
.dmm-services-heading button { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid #cfe2f4; border-radius:6px; background:#fff; color:#075eb5; font-size:13px; font-weight:750; cursor:pointer; }
.dmm-services-heading button.is-loading i { animation:dmmSpin .8s linear infinite; }
.dmm-service-list { border:1px solid #d4e5f4; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 18px 45px rgba(19,66,108,.08); }
.dmm-service { display:grid; grid-template-columns:50px minmax(0,1fr) 170px 135px 180px; align-items:center; gap:16px; min-height:108px; padding:19px 24px; border-bottom:1px solid #e3edf6; }
.dmm-service:last-child { border-bottom:0; }
.dmm-service-icon { width:46px; height:46px; display:flex; align-items:center; justify-content:center; color:#0876d8; background:#eaf5ff; border-radius:6px; font-size:18px; }
.dmm-service-copy strong,.dmm-service-copy small,.dmm-service-metric strong,.dmm-service-metric small { display:block; }
.dmm-service-copy strong { color:#071d3a; font-size:17px; }
.dmm-service-copy small,.dmm-service-metric small { color:#75859a; font-size:12px; margin-top:3px; }
.dmm-service-metric strong { color:#233a55; font-size:15px; }
.dmm-mini-chart { display:block; min-width:0; }
.dmm-mini-chart svg { display:block; width:100%; height:42px; overflow:visible; }
.dmm-mini-chart polyline { fill:none; stroke:#0b75d1; stroke-width:2.2; vector-effect:non-scaling-stroke; }
.dmm-mini-chart path { fill:rgba(11,117,209,.10); stroke:none; }
.dmm-mini-chart small { display:block; margin-top:3px; color:#75859a; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.dmm-service-state { display:flex; align-items:center; justify-content:flex-end; gap:9px; color:#07935f; font-size:13px; }
.dmm-service-state i { width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent); }
.dmm-status-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 3px; color:#687b91; font-size:12px; }
.dmm-status-foot div { display:flex; align-items:center; gap:8px; }
.dmm-status-foot p { margin:0; }
.dmm-incident-board { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:24px; padding:24px 28px; border-left:4px solid #18b884; border-radius:7px; background:#fff; box-shadow:0 14px 35px rgba(19,66,108,.07); }
.dmm-incident-title { display:flex; align-items:center; gap:14px; }
.dmm-incident-title>span { display:flex; align-items:center; justify-content:center; width:42px; height:42px; color:#07935f; background:#e8fbf3; border-radius:50%; }
.dmm-incident-title small { color:#718399; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.dmm-incident-title h2 { margin:2px 0 0; font-size:19px; color:#071d3a; }
.dmm-incident-board p { margin:0; color:#6c7e92; font-size:13px; }
@keyframes dmmStatusPulse { 50% { box-shadow:0 0 0 9px rgba(59,227,161,0); } }
@keyframes dmmHeartTravel { from { transform:translateX(-28%); } to { transform:translateX(28%); } }
@keyframes dmmSpin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .dmm-live-badge span,.dmm-heartline i { animation:none; } }
@media (max-width:767px) {
  .dmm-status-hero { padding:18px 0 10px; }
  .dmm-status-console-head { padding:26px 20px 22px; flex-direction:column; }
  .dmm-status-console-head h1 { font-size:32px; }
  .dmm-overall { padding:20px; flex-wrap:wrap; }
  .dmm-heartline { flex-basis:100%; }
  .dmm-service { grid-template-columns:44px minmax(0,1fr); padding:17px; }
  .dmm-mini-chart { grid-column:1 / -1; margin-top:2px; }
  .dmm-service-metric { grid-column:2; }
  .dmm-service-state { grid-column:2; justify-content:flex-start; }
  .dmm-services-heading { align-items:flex-start; }
  .dmm-services-heading button { padding:9px; }
  .dmm-services-heading button { font-size:0; }
  .dmm-services-heading button i { font-size:14px; }
  .dmm-status-foot,.dmm-incident-board { align-items:flex-start; flex-direction:column; }
}