/* Senti POS — global styles */

[x-cloak] { display: none !important; }
.toast { animation: slideIn 0.3s ease-out, fadeOut 0.3s ease-in 4.7s; }
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { font-size: 0.8125rem; }
table.dataTable { border-collapse: collapse !important; }
table.dataTable thead th { border-bottom: none !important; }
table.dataTable.no-footer { border-bottom: none !important; }
.modal-enter { animation: modalIn 0.15s ease-out; }
@keyframes modalIn { from { opacity: 0; transform: scale(0.97); } to { opacity: 1; transform: scale(1); } }
.dark .dataTables_wrapper .dataTables_filter input,
.dark .dataTables_wrapper .dataTables_length select { background: #1a1f2e; color: #fff; border-color: #242938; }
.dark .dataTables_wrapper .dataTables_info,
.dark .dataTables_wrapper .dataTables_paginate .paginate_button { color: #9ca3af !important; }
.dark table.dataTable tbody tr { border-color: #242938; }

/* ── Dark-mode inputs: fix focus text & background ── */
.dark input:focus, .dark select:focus, .dark textarea:focus {
    background-color: #1a1f2e !important;
    color: #fff !important;
}
.dark input::placeholder, .dark textarea::placeholder { color: #6b7280; }
.dark input, .dark select, .dark textarea {
    color-scheme: dark;
}

/* Tom Select */
.ts-wrapper .ts-control {
    border-radius: 0.5rem;
    border-color: #e5e7eb;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    box-shadow: none;
    min-height: unset;
}
.ts-wrapper.focus .ts-control { border-color: #14b8a6; box-shadow: 0 0 0 1px #14b8a6; }
.ts-dropdown { border-radius: 0.5rem; border-color: #e5e7eb; font-size: 0.875rem; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.ts-dropdown .ts-dropdown-content .option { padding: 0.5rem 0.75rem; }
.ts-dropdown .ts-dropdown-content .option.active { background: #f0fdfa; color: #0f766e; }
.dark .ts-wrapper .ts-control { background: #1a1f2e; border-color: #242938; color: #fff; }
.dark .ts-wrapper .ts-control input { color: #fff !important; }
.dark .ts-wrapper .ts-control input::placeholder { color: #6b7280 !important; }
.dark .ts-wrapper .ts-control .item { color: #fff; }
.dark .ts-wrapper.focus .ts-control { border-color: #14b8a6; background: #1a1f2e; }
.dark .ts-dropdown { background: #131720; border-color: #242938; color: #e5e7eb; }
.dark .ts-dropdown .ts-dropdown-content .option { color: #d1d5db; }
.dark .ts-dropdown .ts-dropdown-content .option.active { background: #242938; color: #5eead4; }
.dark .ts-dropdown .ts-dropdown-content .option:hover { background: #1a1f2e; }
.dark .ts-dropdown .create { color: #2dd4bf; }

@media print {
    #sidebar, #sidebar-overlay, header, .no-print, nav[aria-label="breadcrumb"] { display: none !important; }
    main { margin-left: 0 !important; padding-top: 0 !important; }
    body { background: white !important; }
    .print-header { display: block !important; }
}