/* Read-only workflow previews share the table rhythm without impersonating a data table. */
.cu-admin-journal { min-width: 0; max-width: 100%; overflow-x: auto; border: 1px solid var(--svs-border, #e4e4e7); border-radius: 6px; background: #fff; }
.cu-admin-journal table, table.cu-admin-journal { width: 100%; border-collapse: collapse; font-size: 14px; }
.cu-admin-journal :is(th,td) { padding: 12px 16px; border-bottom: 1px solid var(--svs-border, #e4e4e7); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.cu-admin-journal th { background: #f4f4f5; font-size: 12px; font-weight: 600; color: #52525b; }
.cu-admin-journal tbody tr:last-child td { border-bottom: 0; }
.cu-admin-journal tbody tr:hover { background: #fafafa; }
.cu-admin-journal a { color: #164b8a; text-underline-offset: 3px; }
.cu-admin-journal :is(td,th) svg { width: 20px; height: 20px; flex-shrink: 0; }
.cu-admin-toolbar { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; margin-bottom: 20px; }
.cu-admin-toolbar > label { display: grid; gap: 6px; min-width: 0; font-size: 14px; font-weight: 500; }
.cu-admin-field { display: grid; gap: 6px; min-width: 0; font-size: 14px; font-weight: 500; }
.cu-admin-native { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; min-width: 0; }
.cu-admin-native > * { min-width: 0; max-width: 100%; }
.cu-admin-native > header { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.cu-admin-native h1 { font-size: 26px; line-height: 1.25; font-weight: 700; letter-spacing: 0; }
.cu-admin-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 20px; }
.cu-admin-form label { display: grid; gap: 6px; min-width: 0; font-size: 14px; }
.cu-admin-form textarea { width: 100%; min-height: 100px; border: 1px solid var(--svs-border,#e4e4e7); padding: 8px 12px; border-radius: 5px; background: transparent; }
.cu-admin-form .sm\:col-span-2 { grid-column: 1/-1; }
.dark .cu-admin-journal { background: #18181b; }
.dark .cu-admin-journal th, .dark .cu-admin-journal tbody tr:hover { background: #27272a; color: #e4e4e7; }
.dark .cu-admin-journal a { color: #70baf0; }
@media(max-width:640px) { .cu-admin-toolbar > label, .cu-admin-toolbar > .cu-admin-field { flex: 1 1 100%; } .cu-admin-journal table { min-width: 560px; } .cu-admin-native > header { align-items: start; } .cu-admin-form { grid-template-columns: minmax(0,1fr); } }