/* maintenance_tree.css - uses app color scheme */
:root{
  --bg: #f0f2f5;
  --card: #ffffff;
  --accent: #1e90ff; /* primary blue */
  --accent-grad-start: #4e54c8;
  --accent-grad-end: #8f94fb;
  --muted: #6b6b6b;
}
html,body{height:100%;margin:0;padding:0;font-family: Arial, sans-serif;background:var(--bg);}
.wrap{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}
.card{background:var(--card);padding:36px;border-radius:12px;box-shadow:0 8px 30px rgba(20,30,60,0.12);max-width:720px;text-align:center}
.logo img{width:160px;height:auto;margin-bottom:20px;filter: drop-shadow(0 6px 18px rgba(14,30,60,0.12));}
h1{color:#243140;font-size:26px;margin:6px 0 8px 0}
.lead{color:var(--muted);font-size:16px;margin:0 0 10px 0}
.meta{font-size:13px;color:#98a6b3}
/* subtle top accent line matching app gradient */
.card:before{content:"";display:block;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent-grad-start),var(--accent-grad-end));margin:-26px auto 18px;width:60%}
@media (max-width:480px){.card{padding:22px}.logo img{width:120px}h1{font-size:20px}}