/* Align CoreUI font icons inline with adjacent text everywhere
   (headings, buttons, table cells). Scales with font-size. */
[class*=" cil-"],
[class^="cil-"] {
    vertical-align: -0.125em;
}

/* Sidebar nav label padding */
.custom-sidebar-nav-pl {
    padding-left: 0.25rem;
    margin-bottom: 0;
}

/* Indent submenu items */
.sidebar-menu .indented-treeview > .nav-item {
    padding-left: 2rem;
}

/* Top navbar — dark bar with white text & icons */
.app-header .nav-link,
.app-header .nav-link:hover,
.app-header .nav-link:focus,
.app-header .navbar-nav .btn {
    color: #fff;
}

/* Footer */
.app-footer {
    border-top: 1px solid #e0e0e0;
    font-size: 0.85rem;
    color: #777;
}

select[id^="dt-length-"] {
    margin-left: 0.5rem;
}

/* Page transition */
.app-main {
    animation: pageFadeIn 0.18s ease-in;
}

@keyframes pageFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Utilities */
.cursor-pointer { cursor: pointer; }

/* Suppliers table */
#suppliersTable tbody tr {
    cursor: pointer;
}

#suppliersTable td:last-child {
    white-space: nowrap;
}

/* Edit form empty state */
.edit-empty-hint {
    color: #9aa0a6;
}

.flatpickr-input[readonly] {
    background-color: #fff;
}

.ts-wrapper.single .ts-control {
    flex-wrap: nowrap;
}
.ts-wrapper.single .ts-control > .item {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ts-wrapper.single .ts-control > input {
    flex: 0 0 0 !important;
    min-width: 0 !important;
    width: 0 !important;
}

input.no-spinner::-webkit-outer-spin-button,
input.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.no-spinner {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Toastr — full color (no transparency) and nudged below the top navbar */
#toast-container > div {
    opacity: 1;
    filter: alpha(opacity=100);
}

#toast-container.toast-top-right,
#toast-container.toast-top-center,
#toast-container.toast-top-left {
    top: 70px;
}