/* tenant.css — company panel additions on top of the theme (app.css) */

/* ---------- Company logo in place of the brand name ---------- */
.brand-logo {
    max-height: 40px;
    max-width: 180px;
    object-fit: contain;
}

.auth-brand .brand-logo {
    max-height: 64px;
    max-width: 260px;
}

/* Light/dark variants follow the color mode (the sidebar is always dark
   and only renders the dark variant). */
.brand-logo-dark,
[data-bs-theme="dark"] .brand-logo-light {
    display: none;
}

[data-bs-theme="dark"] .brand-logo-dark {
    display: inline-block;
}

/* Collapsed (mini) sidebar: there is no room for the logo, show the initial. */
.brand .brand-logo-mini,
.auth-brand .brand-logo-mini {
    display: none;
}

body.sidebar-mini .brand .brand-logo {
    display: none !important;
}

body.sidebar-mini .brand .brand-logo-mini {
    display: inline-flex;
}

/* ---------- Branding settings preview tiles ---------- */
.logo-preview {
    height: 120px;
    border-radius: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.logo-preview img {
    max-height: 80px;
    max-width: 100%;
    object-fit: contain;
}

.logo-preview-light {
    background: #f4f5fb;
    border: 1px solid #e5e7f0;
}

.logo-preview-dark {
    background: linear-gradient(180deg, #15172b 0%, #1d1f3d 100%);
}

/* ---------- Quick note floating button (phones) ---------- */
.quick-note-fab {
    position: fixed;
    right: 1.1rem;
    bottom: 1.1rem;
    width: 56px;
    height: 56px;
    z-index: 1050;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Tom Select inside small forms */
.form-select-sm + .ts-wrapper .ts-control,
.ts-wrapper.form-select-sm .ts-control {
    min-height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .875rem;
}

/* Live-search results are attached to <body>: keep them above modals. */
body > .ts-dropdown {
    z-index: 1090;
}