/* UI_HM8_R5_PERSISTED_PRECONDITION_FAILED_TERMINAL_EMPTY_REFRESH */
/* UI_HM8_R5_HANDLER_ACTIVITY_AUDIT_STYLES_START */
body.hm8-activity-open { overflow: hidden; }
.hm8-overlay { position: fixed; inset: 0; z-index: 1310; background: rgba(5, 10, 20, .96); color: #f7f9fc; overflow: auto; overscroll-behavior: contain; }
.hm8-overlay[hidden] { display: none !important; }
.hm8-shell { width: min(100%, 560px); min-height: 100%; margin: 0 auto; background: #0b1425; display: flex; flex-direction: column; box-sizing: border-box; }
.hm8-appbar { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 10px; align-items: center; padding: max(12px, env(safe-area-inset-top)) 14px 12px; background: rgba(11, 20, 37, .96); border-bottom: 1px solid #26344b; backdrop-filter: blur(14px); }
.hm8-appbar button { min-width: 44px; min-height: 44px; border: 1px solid #35435a; border-radius: 13px; background: #162239; color: #fff; font-size: 24px; }
.hm8-appbar div { min-width: 0; }
.hm8-appbar h2 { margin: 1px 0 0; font-size: 20px; line-height: 1.2; }
.hm8-kicker { margin: 0; color: #8fa3c3; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hm8-subtitle { margin: 0; color: #9fb0ca; font-size: 12px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm8-body { flex: 1; padding: 14px; box-sizing: border-box; }
#hm8-activity-status { margin-bottom: 12px; }
.hm8-status { border: 1px solid #31415b; border-radius: 14px; padding: 13px 14px; background: #111d31; }
.hm8-status strong { display: block; margin-bottom: 4px; }
.hm8-status p { margin: 0; color: #a8b6cb; line-height: 1.45; }
.hm8-status button { margin-top: 12px; min-height: 42px; padding: 0 16px; border-radius: 12px; border: 1px solid #5877a6; background: #17335b; color: #fff; font-weight: 800; }
.hm8-status-error { border-color: #834052; background: #291723; }
.hm8-status-warning { border-color: #7a6330; background: #271f10; }
.hm8-status-empty { border-style: dashed; }
.hm8-asof { margin: 0; color: #91a6c4; font-size: 12px; }
.hm8-list { display: grid; gap: 12px; }
.hm8-event { min-width: 0; border: 1px solid #2c3a51; border-left-width: 4px; border-radius: 16px; padding: 14px; background: linear-gradient(180deg, #121f34, #0f1a2c); box-shadow: 0 10px 30px rgba(0, 0, 0, .18); box-sizing: border-box; overflow: hidden; }
.hm8-event-positive { border-left-color: #37b884; }
.hm8-event-negative { border-left-color: #e26478; }
.hm8-event-payout { border-left-color: #d59c46; }
.hm8-event-collect { border-left-color: #4da7e8; }
.hm8-event-warning { border-left-color: #dbb34b; }
.hm8-event header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.hm8-event header > div { min-width: 0; }
.hm8-event h3 { margin: 3px 0 0; font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
.hm8-family { color: #91a7c6; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hm8-status-chip { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; background: #23324a; color: #cbd6e7; }
.hm8-status-succeeded { background: #153a31; color: #8ce4c2; }
.hm8-status-failed { background: #431f2b; color: #ffadba; }
.hm8-status-pending { background: #3d3218; color: #efd88b; }
.hm8-event-summary { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 13px 0; }
.hm8-event-summary strong { font-size: 21px; }
.hm8-event-summary time { color: #8fa1bc; font-size: 12px; text-align: right; }
.hm8-transition { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.hm8-transition span { min-width: 0; padding: 10px; border-radius: 11px; background: #0b1526; border: 1px solid #25344b; }
.hm8-transition small { display: block; color: #8598b5; margin-bottom: 4px; }
.hm8-transition strong { display: block; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.hm8-note, .hm8-failure, .hm8-incident { margin: 11px 0 0; padding: 10px 11px; border-radius: 11px; background: #0c1728; color: #b8c5d8; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.hm8-failure { background: #2b1720; color: #f0b8c1; }
.hm8-incident { background: #17243a; color: #b8d2f6; }
.hm8-event details { margin-top: 12px; border-top: 1px solid #26364d; padding-top: 10px; }
.hm8-event summary { cursor: pointer; color: #a9b8ce; font-size: 12px; font-weight: 800; }
.hm8-audit-grid { display: grid; gap: 7px; margin: 10px 0 0; }
.hm8-audit-grid div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 9px; }
.hm8-audit-grid dt { color: #7f93b0; font-size: 11px; }
.hm8-audit-grid dd { margin: 0; color: #d9e2ef; font-size: 11px; overflow-wrap: anywhere; }
.hm8-footer { position: sticky; bottom: 0; padding: 12px 14px max(12px, env(safe-area-inset-bottom)); background: rgba(11, 20, 37, .96); border-top: 1px solid #26344b; }
.hm8-footer button { width: 100%; min-height: 46px; border: 1px solid #4b6d9d; border-radius: 13px; background: #17345c; color: #fff; font-weight: 900; }
.hm8-footer button[hidden] { display: none !important; }
.hm8-footer button:disabled { opacity: .65; }
.hm8-activity-trigger { cursor: pointer; text-align: left; color: inherit; background: inherit; font: inherit; }
.hm8-activity-trigger small { display: block; }
@media (max-width: 360px) {
  .hm8-appbar { grid-template-columns: 42px minmax(0, 1fr); }
  .hm8-subtitle { grid-column: 1 / -1; text-align: left; padding-left: 52px; }
  .hm8-transition { grid-template-columns: 1fr; }
  .hm8-event-summary { align-items: flex-start; flex-direction: column; }
  .hm8-event-summary time { text-align: left; }
  .hm8-audit-grid div { grid-template-columns: 82px minmax(0, 1fr); }
}
/* UI_HM8_R5_HANDLER_ACTIVITY_AUDIT_STYLES_END */
.hm8-filter-bar { display: grid; gap: 6px; margin-bottom: 12px; }
.hm8-filter-bar label { color: #91a7c6; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hm8-filter-bar select { min-height: 44px; width: 100%; border: 1px solid #35435a; border-radius: 12px; background: #111d31; color: #f7f9fc; padding: 0 12px; font: inherit; }
.hm8-event-create_user { border-left-color: #7e9cff; }
.hm8-event-base_power_adjustment { border-left-color: #37b884; }