/* Custom styles for SHIPNEX */

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; }

/* Scrollbars */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
::-webkit-scrollbar-track { background: transparent; }

/* Card */
.card { @apply bg-white rounded-xl shadow-sm border border-slate-200; }

/* Form */
.form-input, .form-select, .form-textarea {
  @apply w-full px-3 py-2 text-sm border border-slate-300 rounded-lg focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none transition;
}
.form-label { @apply block text-sm font-medium text-slate-700 mb-1; }
.btn { @apply inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg font-medium transition disabled:opacity-50 disabled:cursor-not-allowed; }
.btn-primary { @apply btn bg-brand-500 text-black font-semibold hover:bg-brand-400 shadow-md shadow-brand-500/20; }
.btn-secondary { @apply btn bg-slate-100 text-slate-700 hover:bg-slate-200; }
.btn-danger { @apply btn bg-red-600 text-white hover:bg-red-700; }
.btn-success { @apply btn bg-emerald-600 text-white hover:bg-emerald-700; }
.btn-sm { @apply px-2 py-1 text-xs; }

/* Table */
table.data-table { @apply w-full text-sm; }
table.data-table thead { @apply bg-slate-50 text-slate-600 text-xs uppercase tracking-wider; }
table.data-table th { @apply px-4 py-3 text-left font-semibold; }
table.data-table tbody tr { @apply border-t border-slate-200 hover:bg-slate-50; }
table.data-table td { @apply px-4 py-3 text-slate-700; }

/* KPI tile */
.kpi-tile { @apply bg-white rounded-xl p-5 shadow-sm border border-slate-200; }

/* Status pill (fallback) */
.pill { @apply inline-block px-2 py-0.5 rounded text-xs font-medium; }

/* Toast */
#toast .toast { @apply min-w-[260px] px-4 py-3 rounded-lg shadow-lg text-sm font-medium; }

/* Print */
@media print {
  #sidebar, header { display: none !important; }
  main { overflow: visible !important; }
}