/* メンテナンス情報エリア（ログイン画面・プレビュー共通） */
.maintenance-area {
    margin-top: 0.5rem;
}
.maintenance-area__heading {
    font-weight: 600;
    color: #444;
    margin-bottom: 0.5rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #e3e3e3;
}

/* お知らせが無いときの空メッセージ枠（常時表示） */
.maintenance-empty {
    border: 1px dashed #ced4da;
    border-radius: 4px;
    padding: 1rem 0.75rem;
    text-align: center;
    background: #fafafa;
}

.maintenance-item {
    border: 1px solid #dee2e6;
    border-left-width: 4px;
    border-radius: 4px;
    padding: 0.6rem 0.75rem;
    margin-bottom: 0.6rem;
    background: #fff;
}
.maintenance-item__cat {
    margin-bottom: 0.3rem;
}
.maintenance-cat-major,
.maintenance-cat-minor {
    display: inline-block;
    font-size: 0.72rem;
    line-height: 1.4;
    padding: 0.05rem 0.45rem;
    border-radius: 10px;
    margin-right: 0.25rem;
}
.maintenance-cat-major {
    background: #495057;
    color: #fff;
}
.maintenance-cat-minor {
    background: #e9ecef;
    color: #495057;
}
/* 連絡種別バッジ（予告/実施中/完了/報告） */
.maintenance-type {
    display: inline-block;
    font-size: 0.72rem;
    line-height: 1.4;
    padding: 0.02rem 0.5rem;
    border-radius: 10px;
    margin-left: 0.4rem;
    font-weight: 600;
}
.maintenance-type.nt-advance { background: #0d6efd; color: #fff; }  /* 予告=青 */
.maintenance-type.nt-ongoing { background: #ffc107; color: #212529; }  /* 実施中=黄 */
.maintenance-type.nt-done    { background: #198754; color: #fff; }  /* 完了=緑 */
.maintenance-type.nt-report  { background: #6c757d; color: #fff; }  /* 報告=灰 */

.maintenance-item__title {
    font-weight: 600;
    font-size: 0.92rem;
    margin-bottom: 0.2rem;
}
.maintenance-item__body {
    font-size: 0.85rem;
    color: #555;
    white-space: pre-wrap;
    word-break: break-word;
}
.maintenance-item__period {
    font-size: 0.78rem;
    color: #6c757d;
    margin-top: 0.35rem;
}
/* 担当・連絡・開始・完了のメタ情報 */
.maintenance-item__meta {
    margin-top: 0.35rem;
}
.maintenance-item__meta span {
    margin-right: 0.8rem;
    white-space: nowrap;
}

/* 重要度別の配色：情報=青 / 警告=黄 / 緊急=赤 */
.maintenance-item.is-info {
    border-left-color: #0d6efd;
    background: #f2f7ff;
}
.maintenance-item.is-info .maintenance-item__title { color: #084298; }

.maintenance-item.is-warning {
    border-left-color: #ffc107;
    background: #fffaf0;
}
.maintenance-item.is-warning .maintenance-item__title { color: #997404; }

.maintenance-item.is-critical {
    border-left-color: #dc3545;
    background: #fff5f5;
}
.maintenance-item.is-critical .maintenance-item__title { color: #b02a37; }