.staff-actual-events {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #cdd8ef;
  border-radius: 18px;
  background: #f8faff;
  color: #192b50;
  min-width: 0;
}
.staff-actual-events[hidden], .staff-actual-events .hidden { display: none !important; }
.actual-events-head, .actual-events-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.actual-events-head { justify-content: space-between; }
.actual-events-head h4, .actual-events-record h5 { margin: 0; }
.actual-events-scope, .actual-events-help, .actual-events-finance { font-size: 13px; line-height: 1.65; color: #536580; overflow-wrap: anywhere; }
.actual-events-finance { padding: 10px 12px; background: #edf2fc; border-radius: 10px; }
.actual-events-status { margin: 12px 0; padding: 10px 12px; border-radius: 10px; overflow-wrap: anywhere; line-height: 1.6; }
.actual-events-status:empty { display: none; }
.actual-events-status[data-kind="error"], .actual-events-status[data-kind="unknown"] { background: #fff0e7; color: #813b10; border: 1px solid #edba91; }
.actual-events-status[data-kind="success"] { background: #eaf7ee; color: #225e38; }
.actual-events-status[data-kind="info"] { background: #eaf0fc; }
.actual-events-editor { padding: 16px; margin-top: 14px; border: 1px solid #ccd7ee; border-radius: 12px; background: #fff; }
.actual-events-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.actual-events-grid label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; min-width: 0; }
.actual-events-grid input, .actual-events-grid select, .actual-events-grid textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #b9c7e0; border-radius: 8px; font: inherit; background: #fff; color: #18294b; }
.actual-events-grid textarea { resize: vertical; min-height: 92px; }
.actual-events-grid :is(input, select, textarea):focus-visible, .staff-actual-events button:focus-visible, .staff-actual-events summary:focus-visible { outline: 3px solid #3967bf; outline-offset: 3px; }
.actual-events-grid [aria-invalid="true"] { border-color: #a72d26; }
.actual-events-field-error { color: #9b2722; font-size: 12px; font-weight: 400; }
.actual-events-counter { color: #61738d; font-size: 12px; font-weight: 400; text-align: right; }
.actual-events-wide { grid-column: 1 / -1; }
.actual-events-actions { margin-top: 14px; }
.actual-events-actions button, .actual-events-head button { white-space: normal; }
.actual-events-preview { margin-top: 14px; padding: 14px; border: 1px solid #dfc678; border-radius: 10px; background: #fffaf0; }
.actual-events-preview dl, .actual-events-record dl { margin: 10px 0; display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 3fr); gap: 8px 12px; font-size: 13px; }
.actual-events-preview dt, .actual-events-record dt { color: #596c87; }
.actual-events-preview dd, .actual-events-record dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.actual-events-records { display: grid; gap: 10px; margin-top: 14px; }
.actual-events-record { padding: 14px; background: #fff; border: 1px solid #d5dff0; border-radius: 10px; min-width: 0; }
.actual-events-record[data-current="false"] { border-style: dashed; }
.actual-events-record summary { cursor: pointer; font-size: 13px; margin-top: 10px; }
.actual-events-record-meta { margin: 8px 0; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.actual-events-badge { display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 6px; background: #edf1f8; color: #52657f; font-size: 11px; font-weight: 500; }
@media (max-width: 640px) {
  .staff-actual-events { padding: 14px; }
  .actual-events-editor { padding: 12px; }
  .actual-events-grid { grid-template-columns: minmax(0, 1fr); }
  .actual-events-preview dl, .actual-events-record dl { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .actual-events-preview dd, .actual-events-record dd { margin-bottom: 8px; }
  .actual-events-actions > button { flex: 1 1 160px; }
}