/*
 * Compatibility helpers so existing views (originally written for the Limitless template)
 * render correctly on the Jobick admin template. Content markup is untouched.
 */

/* Field-level validation errors (auth pages). This class has no rule at all in
   the Jobick stylesheet, so it was rendering as plain black label text —
   readable on close inspection, but indistinguishable from a normal field
   label and easy to miss as an error. */
.validation-invalid-label{
    display:block;
    margin-top:.25rem;
    margin-bottom:0;
    font-size:.8125rem;
    font-weight:500;
    color:var(--bs-danger,#dc3545);
}

/* Jobick's own style.css sets `.card{height:calc(100% - 30px)}`, sized for its
   dashboard convention of one full-height card per Bootstrap column. Every view
   ported from Limitless instead stacks several independently-sized cards per
   column, so each one was stretching to fill the whole (flex-equal-height) row
   — cards several times taller than their content, as seen e.g. on
   /admin/teams/{team}/show. Cards should size to their own content by default;
   a page that actually wants a card to fill its column can opt back in with
   .card-fill. */
.card{height:auto}
.card-fill{height:calc(100% - 30px)}

/* Font-size helpers */
.fs-xs{font-size:.75rem!important}
.fs-sm{font-size:.8125rem!important}
.fs-lg{font-size:1.125rem!important}
.lh-sm{line-height:1.25!important}
.flex-1{flex:1!important}
.zindex-1{z-index:1}

/* Width / height helpers */
.wmin-lg-400{min-width:400px}
.wmin-lg-600{min-width:600px}
.w-32px{width:32px}.h-32px{height:32px}.h-48px{height:48px}
@media (max-width:991.98px){.wmin-lg-400,.wmin-lg-600{min-width:0}}

/* Colour helpers that were theme specific */
.text-indigo{color:#6610f2!important}
.bg-indigo{background-color:#6610f2!important;color:#fff}
.bg-teal{background-color:#20c997!important;color:#fff}
.bg-yellow{background-color:#ffc107!important}
.border-transparent{border-color:transparent!important}
.bg-light-primary{background-color:var(--rgba-primary-1,rgba(247,58,11,.1))!important}
.bg-light-warning{background-color:rgba(255,193,7,.12)!important}
.bg-light-danger{background-color:rgba(220,53,69,.1)!important}
.badge-danger{background-color:#dc3545;color:#fff}
.btn-flat-white{background:transparent;border-color:transparent;color:#fff}

/* Dropdown scrolling (notifications, quick menu) */
.dropdown-menu-scrollable,.dropdown-menu-scrollable-sm{max-height:22rem;overflow-y:auto}
.dropdown-menu .dropdown-item.align-items-start{display:flex}
.header .dropdown-menu .dropdown-item{white-space:normal}
@media (min-width:576px){.border-end-sm{border-right:1px solid var(--bs-border-color,#dee2e6)!important}}

/* Logo images in the Jobick nav header */
.nav-header .brand-logo img.brand-title{height:64px;width:auto;margin-left:.5rem}
.nav-header .brand-logo img.logo-abbr{height:44px;width:auto}
.authincation img.h-48px,.authincation img[height="48"]{height:110px;width:auto}

/* Breadcrumb renders inside .page-titles */
.page-titles .breadcrumb{margin:0;padding:0}

/* Header exchange-rate pill / profile image */
.header-profile > a img{width:40px;height:40px;object-fit:cover}
.header-profile2 .header-info2 img{width:44px;height:44px;object-fit:cover;border-radius:50%}
.dashboard_bar{max-width:32ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Guest pages (login/register) sit inside .authincation */
.authincation .card{margin-bottom:0}

/* TanTrace brand colour across the admin / auth pages */
:root{
    --primary:#8B5A3C; --primary-hover:#6F4630; --primary-dark:#3B2417;
    --rgba-primary-1:rgba(139,90,60,.10); --rgba-primary-2:rgba(139,90,60,.20); --rgba-primary-3:rgba(139,90,60,.30);
    --rgba-primary-4:rgba(139,90,60,.40); --rgba-primary-5:rgba(139,90,60,.50); --rgba-primary-6:rgba(139,90,60,.60);
    --rgba-primary-7:rgba(139,90,60,.70); --rgba-primary-8:rgba(139,90,60,.80); --rgba-primary-9:rgba(139,90,60,.90);
}
.authincation{background:#FBF6F0}

/* One logo at a time: full logo normally, icon only when the sidebar is collapsed */
.nav-header .brand-logo .logo-abbr{display:none}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-logo .logo-abbr,
[data-sidebar-style="mini"] .nav-header .brand-logo .logo-abbr{display:block}

/* Soft tinted icon circles (bg-*.bg-opacity-10 with matching text colour) */
.bg-opacity-10[class*="bg-"]{background-color:color-mix(in srgb,currentColor 14%,transparent)!important}