@import url('https://rsms.me/inter/inter.css');

:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

body {
    font-feature-settings: "cv03", "cv04", "cv11";
}

[x-cloak] {
    display: none !important;
}

.tox-notifications-container {
    display: none !important;
}

.tox-statusbar__branding {
    display: none !important;
}

.guest-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}

.select2.select2-container {
    width: 100% !important;
}

.nav-link.active {
    background-color: var(--tblr-primary);
    color: white;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.breadcrumb-item {
    align-content: center !important;
}

.breadcrumb-item.active {
    padding: 3px 10px;
    border-radius: 4px;
}

/* Center table data in all DataTables */
.table td {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Center table headers in all tables */
.table th {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Force LTR direction for phone numbers in RTL interface */
.phone-number {
    direction: ltr !important;
    text-align: center !important;
    unicode-bidi: embed !important;
}

/* For RTL interface, ensure phone numbers stay LTR */
[dir="rtl"] .phone-number {
    direction: ltr !important;
    text-align: center !important;
    unicode-bidi: embed !important;
}

/* DataTable length selector and search bar on same line */
.dataTables_wrapper .dataTables_length {
    float: left !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right !important;
}

/* RTL support for DataTable controls */
[dir="rtl"] .dataTables_wrapper .dataTables_length {
    float: right !important;
}

[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    float: left !important;
}

/* Ensure proper spacing and alignment */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Clear float for proper layout */
.dataTables_wrapper::after {
    content: "";
    display: table;
    clear: both;
}

/* Padding Inline Start */
.p-inline-start-1 { padding-inline-start: 0.25rem; }
.p-inline-start-2 { padding-inline-start: 0.5rem; }
.p-inline-start-3 { padding-inline-start: 1rem; }
.p-inline-start-4 { padding-inline-start: 1.5rem; }
.p-inline-start-5 { padding-inline-start: 3rem; }

/* Padding Inline End */
.p-inline-end-1 { padding-inline-end: 0.25rem; }
.p-inline-end-2 { padding-inline-end: 0.5rem; }
.p-inline-end-3 { padding-inline-end: 1rem; }
.p-inline-end-4 { padding-inline-end: 1.5rem; }
.p-inline-end-5 { padding-inline-end: 3rem; }

/* Margin Inline Start */
.m-inline-start-1 { margin-inline-start: 0.25rem; }
.m-inline-start-2 { margin-inline-start: 0.5rem; }
.m-inline-start-3 { margin-inline-start: 1rem; }
.m-inline-start-4 { margin-inline-start: 1.5rem; }
.m-inline-start-5 { margin-inline-start: 3rem; }

/* Margin Inline End */
.m-inline-end-1 { margin-inline-end: 0.25rem; }
.m-inline-end-2 { margin-inline-end: 0.5rem; }
.m-inline-end-3 { margin-inline-end: 1rem; }
.m-inline-end-4 { margin-inline-end: 1.5rem; }
.m-inline-end-5 { margin-inline-end: 3rem; }