.member-canary-control {
  height: 30px;
  padding: 0 10px;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.member-canary-control.is-active { color: #24104a; background: #f4eaff; border-color: #d7b9ff; }
.member-canary-control:disabled { opacity: .55; cursor: wait; }
.member-canary-card { margin-top: 14px; padding: 13px; background: #f8f4ff; border: 1px solid #d9c4f5; border-radius: 10px; }
.member-canary-card header { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.member-canary-card header span { color: #6d28d9; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.member-canary-card header strong { font-size: 12px; }
.member-canary-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0; }
.member-canary-card dl div { padding: 8px; background: #fff; border-radius: 7px; }
.member-canary-card dt { color: #60716c; font-size: 8px; }
.member-canary-card dd { margin: 3px 0 0; color: #283b36; font-size: 12px; font-weight: 800; }
.member-canary-card dd small { display: block; margin-top: 3px; color: #60716c; font-size: 8px; font-weight: 600; line-height: 1.35; }
.member-canary-card p { margin: 9px 0 0; color: #60716c; font-size: 8px; line-height: 1.5; }
.member-canary-empty { padding: 16px 10px; color: #60716c; background: #fff; border-radius: 7px; text-align: center; font-size: 11px; font-weight: 800; }
.member-actions { display: grid; grid-template-columns: repeat(auto-fit,minmax(112px,1fr)); gap: 7px; margin-top: 11px; }
.member-actions .member-report-open { margin-top: 0; }
.member-report-open { width: 100%; min-height: 42px; margin-top: 11px; color: #fff; background: #4c1d95; border: 0; border-radius: 8px; font-size: 10px; font-weight: 850; cursor: pointer; }
.member-report-open:hover { background: #5b21b6; }
.member-report-open:disabled { opacity: .55; cursor: wait; }
.member-admin-open { display: flex; min-width: 0; min-height: 42px; padding: 6px 9px; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: #075f46; border-radius: 8px; text-decoration: none; text-align: center; }
.member-admin-open:hover { background: #064e3b; }
.member-admin-open strong { font-size: 10px; }
.member-admin-open span { margin-top: 2px; color: #d1fae5; font-size: 8px; line-height: 1.3; overflow-wrap: anywhere; }
.member-canary-card h4 { margin: 12px 0 6px; font-size: 10px; }
.member-canary-card table { width: 100%; border-collapse: collapse; background: #fff; font-size: 8px; }
.member-canary-card th, .member-canary-card td { padding: 6px 4px; border-bottom: 1px solid #eee7f8; text-align: right; }
.member-canary-card th:first-child, .member-canary-card td:first-child { text-align: left; }
.member-installation-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #eee7f8; border-radius: 8px; background: #fff; }
.member-canary-card .member-installation-table { min-width: 286px; table-layout: auto; }
.member-installation-table th, .member-installation-table td { white-space: nowrap; }
.member-installation-table th:first-child, .member-installation-table td:first-child { width: 42%; white-space: normal; overflow-wrap: anywhere; }
.member-canary-card .member-installation-note { margin-top: 6px; line-height: 1.55; }
.member-canary-card .member-status-block,
.member-canary-card .member-monthly-block { margin-top: 14px; padding: 12px 10px; border: 1px solid #d4e3dd; border-radius: 9px; background: #edf6f1; }
.member-canary-card .member-monthly-block { border-color: #dbcef0; background: #f1eafa; }
.member-canary-card .member-status-block h4,
.member-canary-card .member-monthly-block h4 { margin-top: 0; font-size: 12px; color: #273d34; }
.member-canary-card .member-monthly-block table { margin-top: 7px; }
.member-canary-card .member-status-cycle { margin: 0 0 9px; font-size: 10px; font-weight: 700; color: #23563e; }
.member-canary-card .member-status-time { font-size: 10px; color: #344d42; line-height: 1.65; }
.member-status-time span { display: block; font-size: 9px; font-weight: 400; }
.member-canary-card .member-status-badge { padding: 7px 8px; color: #8a3b0b; background: #fff4dc; border: 1px solid #eacb8a; border-radius: 6px; font-size: 10px; font-weight: 700; }
.member-canary-card .member-status-badge[hidden] { display: none; }
.member-charger-grid-open { display:block; margin-top:12px; padding:12px 8px; min-height:48px; color:#fff; background:#22543d; border-radius:8px; text-decoration:none; text-align:center; font-size:11px; font-weight:800; line-height:1.5; }
.member-charger-grid-open:hover { background:#173f2d; }
.member-charger-grid-open:focus-visible { outline:3px solid #8b5cf6; outline-offset:3px; }
.member-charger-grid-open small { display:block; font-size:9px; font-weight:400; color:#d2e7d9; }
#detailPanel:has([data-member-canary]) { z-index: 1100; }
@media (max-width: 860px) {
  .member-canary-control { height: 28px; max-width: 108px; overflow: hidden; text-overflow: ellipsis; }
  .member-canary-card { margin-bottom: 4px; }
  .member-installation-table-wrap { overflow-x: visible; }
  .member-canary-card .member-installation-table { min-width: 0; table-layout: fixed; font-size: 9px; line-height: 1.35; }
  .member-installation-table th, .member-installation-table td { padding: 7px 3px; white-space: normal; overflow-wrap: anywhere; }
  .member-installation-table th:first-child, .member-installation-table td:first-child { width: 36%; }
}