/* Bloomy サービス状況バナー（ブランド調・上品に。重要度で配色） */
.bloomy-status-banner{width:100%;font-family:-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:13.5px;line-height:1.6}
.bloomy-status-banner__inner{max-width:1200px;margin:0 auto;padding:9px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bloomy-status-banner__ico{flex:0 0 auto}
.bloomy-status-banner__msg{flex:1 1 auto;min-width:200px}
.bloomy-status-banner__link{flex:0 0 auto;font-weight:700;text-decoration:underline;white-space:nowrap}
.bloomy-status-banner__close{flex:0 0 auto;border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;padding:4px 6px;color:inherit;opacity:.65}
.bloomy-status-banner__close:hover{opacity:1}

/* 情報（青）: メンテ予告・復旧報告など */
.bloomy-status-banner--info{background:#eef4ff;color:#1f2d4d;border-bottom:1px solid #cfe0fb}
.bloomy-status-banner--info .bloomy-status-banner__link{color:#1f6fff}

/* 注意（黄）: 一部影響・調査中 */
.bloomy-status-banner--warning{background:#fff8e6;color:#5c4400;border-bottom:1px solid #f3e3ad}
.bloomy-status-banner--warning .bloomy-status-banner__link{color:#8a6400}

/* 重要（赤）: 広範囲な影響 */
.bloomy-status-banner--critical{background:#fdeeee;color:#7a1f1f;border-bottom:1px solid #f3c6c6}
.bloomy-status-banner--critical .bloomy-status-banner__link{color:#c0392b}

@media (max-width:480px){
  .bloomy-status-banner{font-size:12.5px}
  .bloomy-status-banner__inner{padding:8px 10px;gap:8px}
}