.kv { display: grid; grid-template-columns: 135px 1fr; gap: 8px 15px; padding: 10px 0; }
.kv span { color: var(--app-muted); font-size: 12px; }
.button-row, .table-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.button-row form, .table-actions form { margin: 0; }
.danger-zone { margin: 24px 0 42px; padding: 20px; border: 1px solid #f1cbd2; border-radius: 11px; background: #fff8f9; }
.danger-zone h2 { margin: 0 0 4px; color: #a92f48; font-size: 16px; }
.danger-zone p { color: var(--app-muted); font-size: 13px; }
.danger-button { background: #d4455d; color: #fff; }
.toolbar { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.toolbar p { margin: 3px 0 0; }

.dt-container { color: #293044; font-size: 12px; }
.dt-container .dt-layout-row { align-items: center; gap: 10px; margin: 10px 0; }
.dt-container .dt-search input, .dt-container .dt-length select { min-height: 34px; border: 1px solid #dce0e8; border-radius: 7px; padding: 6px 8px; background: #fff; font-size: 12px; }
.dt-container .dt-paging .dt-paging-button { border: 0 !important; border-radius: 6px !important; background: #f2f4f8 !important; font-size: 12px; }
.dt-container .dt-paging .dt-paging-button.current { background: var(--app-purple) !important; color: #fff !important; }
.dt-buttons { display: flex; flex-wrap: wrap; gap: 5px; }
.dt-buttons .dt-button { display: inline-flex !important; align-items: center; gap: 5px; min-height: 32px; margin: 0 !important; border: 1px solid #dce0e8 !important; border-radius: 7px !important; padding: 6px 9px !important; background: #fff !important; color: #343b4f !important; font-size: 11px !important; }
table.dataTable > tbody > tr:hover > * { background: #faf8fd !important; }

@media (max-width: 720px) {
  .toolbar { align-items: stretch; flex-direction: column; }
  .dt-container .dt-layout-row { align-items: stretch; flex-direction: column; }
  .dt-container .dt-search input { width: 100%; margin: 5px 0 0; }
  .kv { grid-template-columns: 1fr; }
}