/* Maintenance section styling */
.maintenance-section{max-width:820px;margin:32px auto 48px;background:var(--surface);padding:18px 18px 22px;border:1px solid var(--card-border);box-shadow:0 8px 24px rgba(2,6,23,0.06);} 
.maintenance-section h2{font-size:1.1rem;font-weight:700;margin-bottom:14px;}
#maintenance-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
#maintenance-list li{background:#111a2a;border:1px solid rgba(255,255,255,0.06);padding:10px 12px;border-radius:10px;display:flex;flex-direction:column;gap:4px;}
#maintenance-list li .line{display:flex;gap:10px;align-items:center;}
#maintenance-list li .title{font-weight:600;font-size:.9rem;}
#maintenance-list li .time{font-size:.65rem;font-weight:600;letter-spacing:.5px;color:#94a3b8;text-transform:uppercase;}
#maintenance-list li .status{font-size:.65rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);}
#maintenance-list li .status.planned{color:#facc15;border-color:rgba(250,204,21,0.4);} 
#maintenance-list li .status.ongoing{color:#3b82f6;border-color:rgba(59,130,246,0.4);} 
#maintenance-list li .status.completed{color:#22c55e;border-color:rgba(34,197,94,0.4);} 

.maintenance-add{margin-top:18px;display:flex;flex-direction:column;gap:12px;}
.maintenance-add textarea{min-height:70px;resize:vertical;background:#0f1724;color:#fff;border:1px solid rgba(255,255,255,0.08);padding:8px 10px;border-radius:8px;font-size:.85rem;}
.maintenance-add button{align-self:flex-start;background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.8rem;letter-spacing:.5px;cursor:pointer;transition:.2s background;} 
.maintenance-add button:hover{background:#1d4ed8;}

@media (max-width:640px){
  .maintenance-section{margin:28px 0;padding:16px 14px 20px;}
  #maintenance-list li{padding:10px 10px;}
}