@tailwind base;@tailwind components;@tailwind utilities;@layer components{.data-table{@apply w-full border-collapse text-sm;}.data-table thead th{@apply px-4 py-3 text-center text-xs font-semibold uppercase tracking-wide text-slate-500 whitespace-nowrap align-middle;}.data-table tbody td,.data-table__cell{@apply px-3 py-2.5 text-sm text-slate-700 align-middle text-start dark:text-slate-300;}.data-table tbody td.data-table__cell--center,.data-table__cell--center{@apply text-center;}.data-table tbody td.data-table__cell--end,.data-table__cell--end{@apply text-end;}.data-table tbody>tr{@apply border-b border-slate-100 transition dark:border-slate-800;}.data-table tbody>tr:hover{@apply bg-indigo-50/50 shadow-[inset_3px_0_0_0] shadow-indigo-600 dark:bg-indigo-950/20;}.data-table tbody>tr.data-table__row--clickable{@apply cursor-pointer;}.data-table tbody td.data-table__empty{@apply px-4 py-16 text-center align-middle;}.data-table__empty-content{@apply mx-auto flex max-w-md flex-col items-center text-center;}.data-table__empty-content>svg{@apply mb-3 h-12 w-12 text-slate-300 dark:text-slate-700;}.data-table__empty-title{@apply text-base font-medium text-slate-700 dark:text-slate-300;}.data-table__empty-message{@apply mt-1 text-sm text-slate-500;}.data-table__empty-action{@apply mt-4;}.data-table tbody>tr:has(td.data-table__empty):hover{@apply bg-transparent shadow-none;}.history-badge{@apply inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-semibold whitespace-nowrap;}.history-badge--mode{@apply bg-indigo-100 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-300;}.history-badge--success{@apply bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300;}.history-badge--preview{@apply bg-indigo-100 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-300;}.history-badge--danger{@apply bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-300;}.history-badge--warning{@apply bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-300;}.history-badge--muted{@apply bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400;}.table-action{@apply inline-flex h-8 w-8 items-center justify-center rounded-lg border transition;}.table-action--preview{@apply border-purple-200 bg-purple-50 text-purple-600 hover:bg-purple-100 dark:border-purple-800 dark:bg-purple-950/30 dark:text-purple-300 dark:hover:bg-purple-950/50;}.table-action--download{@apply border-emerald-200 bg-emerald-50 text-emerald-600 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950/30 dark:text-emerald-300 dark:hover:bg-emerald-950/50;}.table-action--downloaded{@apply cursor-not-allowed border-emerald-200 bg-emerald-100 text-emerald-700 opacity-80 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-300;}.table-action:disabled{@apply cursor-not-allowed opacity-50;}.data-table--history{@apply min-w-[920px] table-fixed;}.history-row--highlight{@apply bg-indigo-50/80 shadow-[inset_3px_0_0_0] shadow-indigo-600 dark:bg-indigo-950/30;}.preview-panel-body{height:20rem;max-height:20rem;min-height:20rem;overflow:hidden}.preview-panel-body-lg{height:28rem;max-height:28rem;min-height:28rem;overflow:hidden}.preview-panel-body-sm{height:14rem;max-height:14rem;min-height:14rem;overflow:hidden}.preview-panel-fill{flex:1 1 0%;min-height:0;overflow:hidden}.preview-panel-scroll{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.html-preview-scroll{overflow:auto;-webkit-overflow-scrolling:touch;min-height:12rem}.html-preview-frame{min-height:12rem;height:480px}}@layer utilities{.gradient-text{@apply bg-gradient-to-r from-indigo-600 to-blue-500 bg-clip-text text-transparent;}}
