:root {
    /* =========================================================
       ADROP PREMIUM CRM THEME
       Modern healthcare / enterprise SaaS visual system
       Clean indigo + teal with deep ink navigation
    ========================================================= */

    --adrop-primary: #4F6BFF;
    --adrop-primary-dark: #3952E6;
    --adrop-primary-light: #7D91FF;
    --adrop-primary-soft: #EEF2FF;

    --adrop-secondary: #14B8A6;
    --adrop-secondary-dark: #0F8F83;
    --adrop-secondary-soft: #E9FBF8;

    --adrop-info: #2797F2;
    --adrop-info-soft: #EBF6FF;

    --adrop-warning: #F59E0B;
    --adrop-warning-soft: #FFF7E6;

    --adrop-danger: #E5484D;
    --adrop-danger-soft: #FFF0F1;

    --adrop-success: #19A974;
    --adrop-success-soft: #EAF9F3;

    --adrop-purple: #7C5CFC;
    --adrop-purple-soft: #F2EEFF;

    --adrop-cyan: #16A6C9;
    --adrop-cyan-soft: #EAF9FC;

    --adrop-bg: #F5F7FB;
    --adrop-bg-alt: #EEF2F7;

    --adrop-surface: #FFFFFF;
    --adrop-surface-soft: #F9FAFC;
    --adrop-surface-tint: #F7F8FF;

    --adrop-heading: #182033;
    --adrop-text: #4B5568;
    --adrop-muted: #718096;
    --adrop-light-muted: #9AA6B8;

    --adrop-border: #DDE3EC;
    --adrop-border-light: #E9EDF4;

    --adrop-brand-800: #263A8B;

    --sidebar-bg: #121B38;
    --sidebar-bg-deep: #0D1530;
    --sidebar-text: #B7C0D8;
    --sidebar-muted: #7180A4;
    --sidebar-hover: rgba(255, 255, 255, .060);
    --sidebar-active-bg: rgba(79, 107, 255, .16);
    --sidebar-active-text: #FFFFFF;
    --sidebar-active-icon: #94A5FF;
    --sidebar-border: rgba(255, 255, 255, .065);
    --sidebar-active-gradient:
        linear-gradient(90deg, rgba(79, 107, 255, .22), rgba(124, 92, 252, .10));

    --sidebar-width: 264px;
    --topbar-height: 66px;

    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    --shadow-soft:
        0 1px 2px rgba(24, 32, 51, 0.025),
        0 6px 18px rgba(24, 32, 51, 0.045);

    --shadow-card:
        0 1px 2px rgba(24, 32, 51, 0.025),
        0 10px 28px rgba(24, 32, 51, 0.055);

    --shadow-float:
        0 18px 48px rgba(24, 32, 51, 0.12);

    --brand-gradient:
        linear-gradient(135deg, #4F6BFF 0%, #6F64F8 100%);

    --brand-gradient-dark:
        linear-gradient(180deg, #151F42 0%, #0D1530 100%);

    --brand-gradient-soft:
        linear-gradient(135deg, #F7F8FF 0%, #EEF2FF 100%);

    /* UI FONT SCALE */
    --ui-font-base: 16px;
    --ui-font-small: 13.5px;
    --ui-font-meta: 12.5px;
    --ui-font-control: 14px;
    --ui-font-table: 14px;
    --ui-font-table-secondary: 12.5px;
    --ui-font-sidebar: 13.5px;
    --ui-font-heading: 26px;
}


/* =========================================================
   FUTURE SIDEBAR APPEARANCE
   Ready for Settings > Appearance
========================================================= */

html[data-sidebar="dark"] {
    --sidebar-bg: #121B38;
    --sidebar-bg-deep: #0D1530;
    --sidebar-text: #B7C0D8;
    --sidebar-muted: #7180A4;
    --sidebar-hover: rgba(255, 255, 255, 0.060);
    --sidebar-active-bg: rgba(79, 107, 255, 0.16);
    --sidebar-active-text: #FFFFFF;
    --sidebar-active-icon: #94A5FF;
    --sidebar-border: rgba(255, 255, 255, 0.065);
    --sidebar-active-gradient:
        linear-gradient(90deg, rgba(79, 107, 255, .22), rgba(124, 92, 252, .10));
}

html[data-sidebar="primary"] {
    --sidebar-bg: #435CEB;
    --sidebar-bg-deep: #3046C9;
    --sidebar-text: rgba(255, 255, 255, 0.88);
    --sidebar-muted: rgba(255, 255, 255, 0.60);
    --sidebar-hover: rgba(255, 255, 255, 0.09);
    --sidebar-active-bg: rgba(255, 255, 255, 0.14);
    --sidebar-active-text: #FFFFFF;
    --sidebar-active-icon: #FFFFFF;
    --sidebar-border: rgba(255, 255, 255, 0.10);
    --sidebar-active-gradient:
        linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
}

html[data-sidebar="light"] {
    --sidebar-bg: #FFFFFF;
    --sidebar-bg-deep: #F8FAFC;
    --sidebar-text: #566176;
    --sidebar-muted: #98A3B6;
    --sidebar-hover: #F1F4FF;
    --sidebar-active-bg: #EEF2FF;
    --sidebar-active-text: #3952E6;
    --sidebar-active-icon: #4F6BFF;
    --sidebar-border: #E4E9F1;
    --sidebar-active-gradient:
        linear-gradient(90deg, #EEF2FF, #F6F4FF);
}


/* =========================================================
   FUTURE PRIMARY COLOR PRESETS
========================================================= */

html[data-theme="adrop-orange"] {
    --adrop-primary: #F97316;
    --adrop-primary-dark: #DC5C0D;
    --adrop-primary-light: #FB923C;
    --adrop-primary-soft: #FFF1E8;
    --brand-gradient: linear-gradient(135deg, #F97316, #FB923C);
}

html[data-theme="medical-blue"] {
    --adrop-primary: #3276E8;
    --adrop-primary-dark: #245CC0;
    --adrop-primary-light: #5B94F0;
    --adrop-primary-soft: #EDF4FF;
    --brand-gradient: linear-gradient(135deg, #3276E8, #5B94F0);
}

html[data-theme="clinical-green"] {
    --adrop-primary: #18A57D;
    --adrop-primary-dark: #117C5E;
    --adrop-primary-light: #43BE99;
    --adrop-primary-soft: #EAF8F3;
    --brand-gradient: linear-gradient(135deg, #18A57D, #43BE99);
}

/* =========================================================
   RESET
========================================================= */

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(21, 101, 216, 0.045),
            transparent 32%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(8, 145, 178, 0.035),
            transparent 30%
        ),
        var(--adrop-bg);

    color: var(--adrop-text);

    font-size: var(--ui-font-base);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

::selection {
    background: var(--adrop-primary-soft);
    color: var(--adrop-heading);
}


/* =========================================================
   LOGIN
========================================================= */

.admin-login-body {
    min-height: 100vh;

    background: #ffffff;
}

.login-wrapper {
    display: grid;

    grid-template-columns:
        minmax(440px, 46%)
        1fr;

    min-height: 100vh;
}

.login-brand-panel {
    position: relative;

    display: flex;

    align-items: center;

    overflow: hidden;

    padding: 72px;

    color: #ffffff;

    background: var(--brand-gradient-dark);
}

.login-brand-panel::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -220px;
    right: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(59, 130, 246, 0.30),
            rgba(8, 145, 178, 0.08) 48%,
            transparent 70%
        );
}

.login-brand-panel::after {
    content: "";

    position: absolute;

    width: 460px;
    height: 460px;

    left: -220px;
    bottom: -230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.09),
            transparent 67%
        );
}

.brand-content {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 520px;
}

.brand-mark {
    position: relative;

    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    border:
        1px solid rgba(255, 255, 255, 0.16);

    border-radius: 19px;

    background: var(--brand-gradient);

    color: #ffffff;

    font-size: 29px;
    font-weight: 900;

    box-shadow:
        0 18px 40px
        rgba(0, 0, 0, 0.18);
}

.brand-mark::after {
    content: "";

    position: absolute;

    width: 22px;
    height: 80px;

    right: -4px;

    transform: rotate(25deg);

    background:
        rgba(255, 255, 255, 0.13);
}

.brand-content h1 {
    margin-top: 27px;
    margin-bottom: 12px;

    color: #ffffff;

    font-size: 48px;
    font-weight: 900;

    letter-spacing: 3px;
}

.brand-content > p {
    max-width: 450px;

    margin-bottom: 38px;

    color:
        rgba(255, 255, 255, 0.71);

    font-size: 17px;

    line-height: 1.75;
}

.brand-feature {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 15px;

    color:
        rgba(255, 255, 255, 0.88);
}

.brand-feature i {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(255, 255, 255, 0.09);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, 0.075);

    color: #94A5FF;

    font-size: 18px;
}

.login-form-panel {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 52px 34px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F9FCFD
        );
}

.login-card {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 440px;
}

.login-mobile-brand {
    display: none;
}

.login-eyebrow {
    display: inline-flex;

    align-items: center;

    margin-bottom: 12px;

    padding:
        6px 10px;

    border:
        1px solid rgba(79, 107, 255, 0.12);

    border-radius: 20px;

    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);

    font-size: 10px;
    font-weight: 850;

    letter-spacing: 1.35px;
}

.login-card h2 {
    margin-bottom: 9px;

    color: var(--adrop-heading);

    font-size: 34px;
    font-weight: 800;

    letter-spacing: -0.6px;
}

.login-card p {
    color: var(--adrop-muted);

    line-height: 1.6;
}

.form-label {
    margin-bottom: 7px;

    color: #3E4A60;

    font-size: 13px;
    font-weight: 650;
}

.admin-input-group {
    overflow: hidden;

    border:
        1px solid var(--adrop-border);

    border-radius: 12px;

    background: #ffffff;

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.admin-input-group:hover {
    border-color: #BFC8D6;
}

.admin-input-group:focus-within {
    border-color:
        var(--adrop-primary);

    box-shadow:
        0 0 0 4px
        color-mix(
            in srgb,
            var(--adrop-primary) 12%,
            transparent
        );
}

.admin-input-group .input-group-text {
    border: 0;

    background: #ffffff;

    color: var(--adrop-light-muted);
}

.admin-input-group .form-control {
    min-height: 50px;

    border: 0;

    background: #ffffff;

    color: var(--adrop-heading);
}

.admin-input-group .form-control:focus {
    box-shadow: none;
}

.btn-adrop-primary {
    min-height: 50px;

    border: 0;

    border-radius: 12px;

    background: var(--brand-gradient);

    color: #ffffff;

    font-weight: 700;

    box-shadow:
        0 12px 28px
        rgba(79, 107, 255, 0.20);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.btn-adrop-primary:hover,
.btn-adrop-primary:focus {
    color: #ffffff;

    transform: translateY(-1px);

    box-shadow:
        0 16px 32px
        rgba(79, 107, 255, 0.26);
}

.login-footer {
    margin-top: 36px;

    text-align: center;

    color: var(--adrop-light-muted);

    font-size: 12px;
}


/* =========================================================
   ADMIN SHELL
========================================================= */

.admin-body {
    min-height: 100vh;
}

.admin-shell {
    min-height: 100vh;
}

.admin-main {
    min-height: 100vh;

    margin-left: var(--sidebar-width);

    transition:
        margin-left 0.25s ease;
}


/* =========================================================
   SIDEBAR
========================================================= */

.admin-sidebar {
    position: fixed;

    inset:
        0 auto 0 0;

    z-index: 1040;

    width: var(--sidebar-width);

    display: flex;

    flex-direction: column;

    overflow: hidden;

    background: var(--brand-gradient-dark);

    color: #ffffff;

    box-shadow:
        8px 0 28px
        rgba(16, 42, 67, 0.09);
}

.admin-sidebar::before { display: none; }

.sidebar-brand {
    position: relative;

    z-index: 2;

    min-height: 92px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 19px 20px;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.06);
}

.sidebar-brand-link {
    display: flex;

    align-items: center;

    gap: 13px;
}

.sidebar-logo {
    position: relative;

    width: 47px;
    height: 47px;

    flex: 0 0 47px;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    border:
        1px solid rgba(255, 255, 255, 0.15);

    border-radius: 14px;

    background: var(--brand-gradient);

    color: #ffffff;

    font-size: 21px;
    font-weight: 900;

    box-shadow:
        0 10px 24px
        rgba(0, 0, 0, 0.18);
}

.sidebar-logo::after {
    content: "";

    position: absolute;

    width: 18px;
    height: 60px;

    right: -4px;

    transform: rotate(24deg);

    background:
        rgba(255, 255, 255, 0.14);
}

.sidebar-brand-name {
    color: #ffffff;

    font-size: 19px;
    font-weight: 900;

    letter-spacing: 1.6px;
}

.sidebar-brand-subtitle {
    margin-top: 2px;

    color:
        rgba(255, 255, 255, 0.45);

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.7px;

    text-transform: uppercase;
}

.sidebar-close-btn {
    width: 36px;
    height: 36px;

    border:
        1px solid rgba(255, 255, 255, 0.09);

    border-radius: 10px;

    background:
        rgba(255, 255, 255, 0.06);

    color: #ffffff;
}

.sidebar-navigation {
    position: relative;

    z-index: 2;

    flex: 1;

    overflow-y: auto;

    padding: 18px 14px 28px;

    scrollbar-width: thin;

    scrollbar-color:
        rgba(255, 255, 255, 0.12)
        transparent;
}

.sidebar-section-label {
    padding:
        0 12px 9px;

    color:
        rgba(255, 255, 255, 0.28);

    font-size: 9.5px;
    font-weight: 850;

    letter-spacing: 1.3px;
}

.sidebar-link {
    position: relative;

    min-height: 45px;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 4px;

    padding:
        9px 12px;

    border-radius: 11px;

    color:
        rgba(255, 255, 255, 0.63);

    transition:
        background 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease;
}

.sidebar-link:hover {
    background:
        rgba(255, 255, 255, 0.065);

    color: #ffffff;

    transform: translateX(2px);
}

.sidebar-link.active {
    border:
        1px solid
        rgba(255, 255, 255, 0.06);

    background:
        var(--sidebar-active-gradient);

    color: #ffffff;
}

.sidebar-link.active::before {
    content: "";

    position: absolute;

    left: 0;
    top: 9px;
    bottom: 9px;

    width: 3px;

    border-radius:
        0 6px 6px 0;

    background:
        linear-gradient(
            180deg,
            var(--adrop-primary-light),
            var(--adrop-secondary)
        );
}

.sidebar-icon {
    width: 24px;

    flex: 0 0 24px;

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 17px;
}

.sidebar-link.active .sidebar-icon {
    color: #94A5FF;
}

.sidebar-link-text {
    flex: 1;

    font-size: 13.5px;
    font-weight: 560;
}

.sidebar-count {
    min-width: 25px;

    padding:
        3px 6px;

    border-radius: 20px;

    background:
        rgba(255, 255, 255, 0.08);

    color:
        rgba(255, 255, 255, 0.75);

    text-align: center;

    font-size: 9px;
    font-weight: 750;
}

.sidebar-user {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 11px;

    margin: 12px;

    padding: 13px;

    border:
        1px solid rgba(255, 255, 255, 0.075);

    border-radius: 15px;

    background:
        rgba(255, 255, 255, 0.05);
}

.sidebar-user-avatar {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: var(--brand-gradient);

    color: #ffffff;

    font-weight: 800;
}

.sidebar-user-details {
    min-width: 0;
}

.sidebar-user-name {
    overflow: hidden;

    color: #ffffff;

    font-size: 12px;
    font-weight: 680;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user-role {
    margin-top: 2px;

    color:
        rgba(255, 255, 255, 0.42);

    font-size: 9.5px;
}


/* =========================================================
   TOPBAR
========================================================= */

.admin-topbar {
    position: sticky;

    top: 0;

    z-index: 1020;

    min-height:
        var(--topbar-height);

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding:
        0 30px;

    border-bottom:
        1px solid
        rgba(217, 226, 236, 0.75);

    background:
        rgba(255, 255, 255, 0.93);

    backdrop-filter:
        blur(16px) saturate(150%);
}

.topbar-left,
.topbar-right {
    display: flex;

    align-items: center;
}

.topbar-left {
    gap: 14px;
}

.topbar-right {
    gap: 11px;
}

.mobile-menu-btn {
    width: 41px;
    height: 41px;

    display: none;

    align-items: center;
    justify-content: center;

    border:
        1px solid var(--adrop-border);

    border-radius: 11px;

    background: #ffffff;

    color:
        var(--adrop-brand-800);

    font-size: 21px;
}

.topbar-page-title {
    color:
        var(--adrop-heading);

    font-size: 18px;
    font-weight: 780;

    letter-spacing: -0.25px;
}

.topbar-breadcrumb {
    display: flex;

    align-items: center;

    gap: 5px;

    margin-top: 3px;

    color:
        var(--adrop-light-muted);

    font-size: 11.5px;
}

.topbar-breadcrumb i {
    font-size: 7px;
}

.topbar-breadcrumb span {
    color:
        var(--adrop-muted);
}

.topbar-search {
    width: 290px;
    height: 43px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        0 12px;

    border:
        1px solid var(--adrop-border);

    border-radius: 12px;

    background:
        rgba(249, 251, 252, 0.9);

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.topbar-search:focus-within {
    border-color:
        var(--adrop-primary);

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(79, 107, 255, 0.10);
}

.topbar-search > i {
    color:
        var(--adrop-light-muted);
}

.topbar-search input {
    flex: 1;

    min-width: 0;

    border: 0;
    outline: none;

    background: transparent;

    color:
        var(--adrop-heading);

    font-size: 12.5px;
}

.topbar-search input::placeholder {
    color:
        var(--adrop-light-muted);
}

.search-shortcut {
    padding:
        2px 6px;

    border:
        1px solid var(--adrop-border);

    border-radius: 6px;

    background: #ffffff;

    color:
        var(--adrop-light-muted);

    font-size: 8.5px;
}

.topbar-icon-btn {
    position: relative;

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid var(--adrop-border);

    border-radius: 12px;

    background: #ffffff;

    color:
        var(--adrop-muted);

    font-size: 17px;

    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.topbar-icon-btn:hover {
    border-color:
        rgba(79, 107, 255, 0.24);

    color:
        var(--adrop-primary);

    transform: translateY(-1px);
}

.notification-dot {
    position: absolute;

    top: 8px;
    right: 8px;

    width: 8px;
    height: 8px;

    border:
        2px solid #ffffff;

    border-radius: 50%;

    background:
        var(--adrop-danger);
}

.profile-dropdown-btn {
    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        4px 8px 4px 4px;

    border: 0;

    border-radius: 13px;

    background: transparent;
}

.profile-dropdown-btn:hover {
    background:
        var(--adrop-surface-soft);
}

.profile-avatar {
    width: 41px;
    height: 41px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        var(--brand-gradient);

    color: #ffffff;

    font-size: 14px;
    font-weight: 800;

    box-shadow:
        0 8px 18px
        rgba(79, 107, 255, 0.18);
}

.profile-info {
    max-width: 145px;

    text-align: left;
}

.profile-name {
    overflow: hidden;

    color:
        var(--adrop-heading);

    font-size: 12px;
    font-weight: 700;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-role {
    margin-top: 2px;

    color:
        var(--adrop-light-muted);

    font-size: 10.5px;
}

.profile-chevron {
    color:
        var(--adrop-light-muted);

    font-size: 9px;
}

.profile-menu {
    width: 235px;

    padding: 8px;

    border:
        1px solid var(--adrop-border);

    border-radius: 15px;

    background: #ffffff;

    box-shadow:
        0 20px 46px
        rgba(10, 36, 66, 0.13);
}

.dropdown-user-header {
    padding:
        9px 10px;
}

.dropdown-user-name {
    color:
        var(--adrop-heading);

    font-size: 13px;
    font-weight: 750;
}

.dropdown-user-email {
    margin-top: 2px;

    color:
        var(--adrop-light-muted);

    font-size: 10.5px;
}

.profile-menu .dropdown-item {
    display: flex;

    align-items: center;

    gap: 10px;

    padding:
        9px 10px;

    border-radius: 9px;

    color:
        var(--adrop-muted);

    font-size: 12px;
}

.profile-menu .dropdown-item:hover {
    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);
}


/* =========================================================
   CONTENT
========================================================= */

.admin-content {
    min-height:
        calc(
            100vh
            - var(--topbar-height)
            - 60px
        );

    padding: 30px;
}

.page-heading-row {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 25px;
}

.page-heading h1 {
    margin:
        0 0 5px;

    color:
        var(--adrop-heading);

    font-size: 25px;
    font-weight: 820;

    letter-spacing: -0.7px;
}

.page-heading p {
    margin: 0;

    color:
        var(--adrop-muted);

    font-size: 12.5px;
}


/* =========================================================
   BUTTONS
========================================================= */

.btn-adrop {
    min-height: 41px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        8px 15px;

    border: 0;

    border-radius: 10px;

    background:
        var(--brand-gradient);

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;

    box-shadow:
        0 10px 22px
        rgba(79, 107, 255, 0.15);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.btn-adrop:hover,
.btn-adrop:focus {
    color: #ffffff;

    transform: translateY(-1px);

    box-shadow:
        0 14px 28px
        rgba(79, 107, 255, 0.21);
}

.btn-adrop-outline {
    min-height: 41px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        8px 14px;

    border:
        1px solid var(--adrop-border);

    border-radius: 10px;

    background: #ffffff;

    color:
        var(--adrop-muted);

    font-size: 11.5px;
    font-weight: 680;

    transition:
        border-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease;
}

.btn-adrop-outline:hover {
    border-color:
        rgba(14, 116, 144, 0.28);

    color:
        var(--adrop-primary);

    transform: translateY(-1px);
}


/* =========================================================
   STAT CARDS
========================================================= */

.stat-card {
    position: relative;

    height: 100%;

    overflow: hidden;

    padding: 20px;

    border:
        1px solid var(--adrop-border-light);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBFDFE
        );

    box-shadow:
        var(--shadow-card);

    transition:
        transform 0.20s ease,
        box-shadow 0.20s ease,
        border-color 0.20s ease;
}

.stat-card::after {
    content: "";

    position: absolute;

    width: 95px;
    height: 95px;

    top: -48px;
    right: -48px;

    border-radius: 50%;

    background:
        rgba(14, 116, 144, 0.035);
}

.stat-card:hover {
    border-color:
        rgba(79, 107, 255, 0.14);

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 38px
        rgba(10, 36, 66, 0.085);
}

.stat-card-top {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}

.stat-icon {
    width: 47px;
    height: 47px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 14px;

    font-size: 19px;
}

.stat-icon.blue {
    background:
        var(--adrop-info-soft);

    color:
        var(--adrop-info);
}

.stat-icon.teal {
    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);
}

.stat-icon.amber {
    background:
        var(--adrop-warning-soft);

    color:
        #B97805;
}

.stat-icon.green {
    background:
        var(--adrop-success-soft);

    color:
        var(--adrop-success);
}

.stat-label {
    margin-top: 15px;

    color:
        var(--adrop-muted);

    font-size: 10.5px;
    font-weight: 750;

    letter-spacing: 0.45px;

    text-transform: uppercase;
}

.stat-value {
    margin-top: 4px;

    color:
        var(--adrop-heading);

    font-size: 31px;
    font-weight: 850;

    letter-spacing: -1px;
}

.stat-meta {
    position: relative;

    z-index: 2;

    margin-top: 9px;

    color:
        var(--adrop-light-muted);

    font-size: 10.5px;
}

.stat-meta-positive {
    color:
        var(--adrop-success);

    font-weight: 750;
}

.stat-meta-warning {
    color:
        #B97805;

    font-weight: 750;
}


/* =========================================================
   GENERAL CARDS
========================================================= */

.admin-card {
    overflow: hidden;

    border:
        1px solid var(--adrop-border-light);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.96);

    box-shadow:
        var(--shadow-card);
}

.admin-card-header {
    min-height: 65px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding:
        16px 19px;

    border-bottom:
        1px solid var(--adrop-border-light);

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FCFDFE
        );
}

.admin-card-title {
    margin: 0;

    color:
        var(--adrop-heading);

    font-size: 14px;
    font-weight: 760;
}

.admin-card-subtitle {
    margin-top: 3px;

    color:
        var(--adrop-light-muted);

    font-size: 10px;
}

.admin-card-body {
    padding: 19px;
}


/* =========================================================
   TABLES
========================================================= */

.dashboard-table {
    margin: 0;
}

.dashboard-table thead th {
    padding:
        12px 15px;

    border-bottom:
        1px solid var(--adrop-border-light);

    background:
        #F7FAFC;

    color:
        var(--adrop-light-muted);

    font-size: 9.5px;
    font-weight: 800;

    letter-spacing: 0.5px;

    text-transform: uppercase;
}

.dashboard-table tbody td {
    padding:
        14px 15px;

    border-bottom:
        1px solid var(--adrop-border-light);

    color:
        var(--adrop-muted);

    font-size: 11.5px;

    vertical-align: middle;
}

.dashboard-table tbody tr:last-child td {
    border-bottom: 0;
}

.dashboard-table tbody tr:hover {
    background:
        #FAFCFD;
}

.table-primary-text {
    color:
        var(--adrop-heading);

    font-weight: 680;
}

.table-secondary-text {
    margin-top: 2px;

    color:
        var(--adrop-light-muted);

    font-size: 9.8px;
}


/* =========================================================
   STATUS BADGES
========================================================= */

.status-badge {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:
        5px 9px;

    border-radius: 30px;

    font-size: 9.5px;
    font-weight: 780;
}

.status-badge::before {
    content: "";

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background:
        currentColor;
}

.status-blue {
    background:
        var(--adrop-info-soft);

    color:
        var(--adrop-info);
}

.status-teal {
    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);
}

.status-green {
    background:
        var(--adrop-success-soft);

    color:
        var(--adrop-success);
}

.status-amber {
    background:
        var(--adrop-warning-soft);

    color:
        #B97805;
}

.status-red {
    background:
        var(--adrop-danger-soft);

    color:
        var(--adrop-danger);
}

.status-purple {
    background:
        var(--adrop-purple-soft);

    color:
        var(--adrop-purple);
}


/* =========================================================
   QUICK ACTIONS
========================================================= */

.quick-actions-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 11px;
}

.quick-action {
    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px;

    border:
        1px solid var(--adrop-border-light);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBFDFE
        );

    color:
        var(--adrop-muted);

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.quick-action:hover {
    border-color:
        rgba(79, 107, 255, 0.18);

    color:
        var(--adrop-primary);

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 22px
        rgba(10, 36, 66, 0.055);
}

.quick-action-icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);

    font-size: 16px;
}

.quick-action:nth-child(2) .quick-action-icon {
    background:
        var(--adrop-secondary-soft);

    color:
        var(--adrop-secondary-dark);
}

.quick-action:nth-child(3) .quick-action-icon {
    background:
        var(--adrop-info-soft);

    color:
        var(--adrop-info);
}

.quick-action:nth-child(4) .quick-action-icon {
    background:
        var(--adrop-warning-soft);

    color:
        #B97805;
}

.quick-action:nth-child(5) .quick-action-icon {
    background:
        var(--adrop-success-soft);

    color:
        var(--adrop-success);
}

.quick-action:nth-child(6) .quick-action-icon {
    background:
        var(--adrop-purple-soft);

    color:
        var(--adrop-purple);
}

.quick-action-title {
    color:
        var(--adrop-heading);

    font-size: 11px;
    font-weight: 720;
}

.quick-action-subtitle {
    margin-top: 2px;

    color:
        var(--adrop-light-muted);

    font-size: 8.8px;
}


/* =========================================================
   ACTIVITY
========================================================= */

.activity-list {
    display: flex;

    flex-direction: column;
}

.activity-item {
    position: relative;

    display: flex;

    gap: 12px;

    padding:
        10px 0;
}

.activity-item:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 41px;
    left: 17px;

    bottom: -3px;

    width: 1px;

    background:
        var(--adrop-border);
}

.activity-icon {
    position: relative;

    z-index: 2;

    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);

    font-size: 13px;
}

.activity-title {
    color:
        var(--adrop-heading);

    font-size: 11.5px;
    font-weight: 690;
}

.activity-description {
    margin-top: 3px;

    color:
        var(--adrop-muted);

    font-size: 10px;

    line-height: 1.45;
}

.activity-time {
    margin-top: 4px;

    color:
        var(--adrop-light-muted);

    font-size: 9px;
}


/* =========================================================
   CHART
========================================================= */

.chart-placeholder {
    position: relative;

    min-height: 245px;

    display: flex;

    align-items: flex-end;

    gap: 13px;

    padding:
        20px 10px 10px;
}

.chart-grid-line {
    position: absolute;

    left: 0;
    right: 0;

    height: 1px;

    background:
        var(--adrop-border-light);
}

.chart-grid-line.line-1 {
    top: 25%;
}

.chart-grid-line.line-2 {
    top: 50%;
}

.chart-grid-line.line-3 {
    top: 75%;
}

.chart-bar-group {
    position: relative;

    z-index: 2;

    flex: 1;

    display: flex;

    align-items: flex-end;
    justify-content: center;

    gap: 4px;

    height: 205px;
}

.chart-bar {
    width: 12px;

    border-radius:
        6px 6px 3px 3px;

    background:
        linear-gradient(
            180deg,
            var(--adrop-primary-light),
            var(--adrop-primary)
        );

    box-shadow:
        0 5px 12px
        rgba(79, 107, 255, 0.12);
}

.chart-bar.secondary {
    background:
        linear-gradient(
            180deg,
            #36BFE1,
            var(--adrop-secondary)
        );

    box-shadow:
        0 5px 12px
        rgba(22, 160, 133, 0.10);
}


/* =========================================================
   FOOTER
========================================================= */

.admin-footer {
    min-height: 60px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding:
        0 30px;

    border-top:
        1px solid var(--adrop-border-light);

    background:
        rgba(255, 255, 255, 0.9);

    color:
        var(--adrop-light-muted);

    font-size: 10px;
}


/* =========================================================
   MOBILE OVERLAY
========================================================= */

.sidebar-overlay {
    position: fixed;

    inset: 0;

    z-index: 1035;

    display: none;

    background:
        rgba(11, 37, 69, 0.56);

    backdrop-filter:
        blur(4px);
}

.sidebar-overlay.show {
    display: block;
}


/* =========================================================
   BOOTSTRAP POLISH
========================================================= */

.alert {
    border-radius: 12px;
}

.form-check-input:checked {
    border-color:
        var(--adrop-primary);

    background-color:
        var(--adrop-primary);
}

.form-check-input:focus {
    border-color:
        var(--adrop-primary);

    box-shadow:
        0 0 0 0.25rem
        rgba(79, 107, 255, 0.12);
}

.dropdown-menu {
    border-color:
        var(--adrop-border);
}

/* =========================================================
   ADMIN FORMS
========================================================= */

.form-control,
.form-select {
    min-height: 44px;

    border:
        1px solid var(--adrop-border);

    border-radius: 11px;

    background:
        var(--adrop-surface);

    color:
        var(--adrop-heading);

    font-size: 12.5px;

    box-shadow: none;

    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.form-control:hover,
.form-select:hover {
    border-color:
        #BFC8D6;
}

.form-control:focus,
.form-select:focus {
    border-color:
        var(--adrop-primary);

    background:
        #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(79, 107, 255, 0.10);
}

.form-control::placeholder {
    color:
        var(--adrop-light-muted);
}

textarea.form-control {
    min-height: auto;

    resize: vertical;
}

.invalid-feedback {
    font-size: 10.5px;
}

.form-control.is-invalid,
.form-select.is-invalid {
    border-color:
        var(--adrop-danger);
}

.pagination {
    margin: 0;
}

.page-link {
    min-width: 34px;
    height: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin: 0 2px;

    border:
        1px solid var(--adrop-border);

    border-radius: 9px !important;

    color:
        var(--adrop-muted);

    font-size: 11px;

    box-shadow: none !important;
}

.page-link:hover {
    border-color:
        var(--adrop-primary);

    background:
        var(--adrop-primary-soft);

    color:
        var(--adrop-primary);
}

.page-item.active .page-link {
    border-color:
        var(--adrop-primary);

    background:
        var(--adrop-primary);

    color:
        #ffffff;
}

.page-item.disabled .page-link {
    background:
        var(--adrop-surface-soft);

    color:
        var(--adrop-light-muted);
}


/* =========================================================
   ADROP DIRECTORY / INDEX SYSTEM
   Shared standard for all listing/index pages
========================================================= */

.directory-page {
    width: 100%;
}

.directory-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.directory-eyebrow {
    margin-bottom: 6px;
    color: var(--adrop-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.directory-header h1 {
    margin: 0 0 6px;
    color: var(--adrop-heading);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.6px;
}

.directory-header p {
    margin: 0;
    color: var(--adrop-muted);
    font-size: 13px;
    line-height: 1.5;
}

.directory-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* BUTTONS */

.directory-btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--adrop-border);
    border-radius: 9px;
    background: var(--adrop-surface);
    color: var(--adrop-text);
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(10, 36, 66, 0.035);
    transition:
        border-color 0.16s ease,
        color 0.16s ease,
        transform 0.16s ease,
        box-shadow 0.16s ease;
}

.directory-btn i {
    font-size: 13px;
}

.directory-btn:hover {
    border-color: color-mix(
        in srgb,
        var(--adrop-primary) 30%,
        var(--adrop-border)
    );
    color: var(--adrop-primary);
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(10, 36, 66, 0.07);
}

.directory-btn-primary {
    border-color: transparent;
    background: var(--brand-gradient);
    color: #ffffff;
    box-shadow: 0 9px 20px rgba(14, 116, 144, 0.17);
}

.directory-btn-primary:hover {
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(21, 101, 216, 0.22);
}

/* CARD */

.directory-card {
    position: relative;
    overflow: visible;
    border: 1px solid var(--adrop-border-light);
    border-radius: 14px;
    background: var(--adrop-surface);
    box-shadow: 0 4px 16px rgba(10, 36, 66, 0.045);
}

/* TOOLBAR */

.directory-toolbar {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 16px;
    border-bottom: 1px solid var(--adrop-border-light);
}

.directory-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.directory-search {
    width: 285px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid var(--adrop-border);
    border-radius: 9px;
    background: var(--adrop-surface);
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

.directory-search:focus-within {
    border-color: var(--adrop-primary);
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--adrop-primary) 9%,
        transparent
    );
}

.directory-search i {
    color: var(--adrop-light-muted);
    font-size: 13px;
}

.directory-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--adrop-heading);
    font-size: 12px;
}

.directory-search input::placeholder {
    color: var(--adrop-light-muted);
}

.directory-select {
    width: auto;
    min-width: 150px;
    height: 40px;
    padding: 0 34px 0 11px;
    border: 1px solid var(--adrop-border);
    border-radius: 9px;
    outline: 0;
    background-color: var(--adrop-surface);
    color: var(--adrop-text);
    font-size: 12px;
    cursor: pointer;
}

.directory-select:focus {
    border-color: var(--adrop-primary);
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--adrop-primary) 9%,
        transparent
    );
}

.directory-reset-btn {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--adrop-border);
    border-radius: 9px;
    background: var(--adrop-surface);
    color: var(--adrop-muted);
    font-size: 11px;
    font-weight: 700;
}

.directory-reset-btn:hover {
    color: var(--adrop-primary);
    border-color: color-mix(
        in srgb,
        var(--adrop-primary) 25%,
        var(--adrop-border)
    );
}

.directory-length {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--adrop-muted);
    font-size: 11px;
}

.directory-length select {
    height: 36px;
    padding: 0 27px 0 9px;
    border: 1px solid var(--adrop-border);
    border-radius: 8px;
    outline: 0;
    background-color: var(--adrop-surface);
    color: var(--adrop-heading);
    font-size: 11px;
}

/* TABLE
   Important: overflow is visible on desktop so Bootstrap dropdowns
   are not clipped inside the listing card. */

.directory-table-wrapper {
    position: relative;
    overflow: visible !important;
}

.directory-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

.directory-table thead th {
    height: 48px;
    padding: 11px 14px !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--adrop-border) !important;
    background: var(--adrop-surface-soft) !important;
    color: var(--adrop-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    white-space: nowrap;
}

.directory-table tbody td {
    height: 64px;
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
    background: var(--adrop-surface);
    color: var(--adrop-text);
    font-size: 12px;
    vertical-align: middle;
}

.directory-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.directory-table tbody tr:hover td {
    background: color-mix(
        in srgb,
        var(--adrop-primary-soft) 30%,
        var(--adrop-surface)
    );
}

/* CELL TYPOGRAPHY */

.directory-primary {
    color: var(--adrop-heading);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.4;
}

.directory-secondary {
    margin-top: 3px;
    color: var(--adrop-light-muted);
    font-size: 10.5px;
    line-height: 1.35;
}

.directory-empty {
    color: var(--adrop-light-muted);
    font-size: 12px;
}

/* CODE */

.directory-code {
    display: inline-flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 20px;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.15px;
}

.directory-code:hover {
    color: var(--adrop-primary-dark);
}

/* USER */

.directory-user {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--adrop-heading);
    font-size: 11.5px;
    font-weight: 650;
}

.directory-user-avatar {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 10px;
    font-weight: 850;
}

.directory-muted-badge {
    display: inline-flex;
    padding: 5px 8px;
    border: 1px solid var(--adrop-border-light);
    border-radius: 20px;
    background: var(--adrop-surface-soft);
    color: var(--adrop-light-muted);
    font-size: 10.5px;
    font-weight: 650;
}

/* FOLLOW UP */

.directory-date {
    color: var(--adrop-heading);
    font-size: 11.5px;
    font-weight: 700;
}

.directory-date-overdue {
    color: var(--adrop-danger);
    font-size: 11.5px;
    font-weight: 750;
}

/* STATUS */

.directory-table .status-badge {
    padding: 6px 10px;
    gap: 6px;
    font-size: 10.5px;
    font-weight: 750;
}

/* ACTION */

.directory-action {
    position: relative;
    display: inline-flex;
}

.directory-action-btn {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--adrop-muted);
    font-size: 16px;
}

.directory-action-btn:hover,
.directory-action-btn[aria-expanded="true"] {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
}

.directory-action-menu {
    z-index: 1085 !important;
    min-width: 190px;
    padding: 7px;
    border: 1px solid var(--adrop-border);
    border-radius: 11px;
    background: var(--adrop-surface);
    box-shadow: 0 18px 38px rgba(10, 36, 66, 0.16);
}

.directory-action-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 7px;
    color: var(--adrop-text);
    font-size: 11.5px;
    font-weight: 600;
}

.directory-action-menu .dropdown-item i {
    width: 16px;
    color: var(--adrop-muted);
}

.directory-action-menu .dropdown-item:hover {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
}

.directory-action-menu .dropdown-item:hover i {
    color: var(--adrop-primary);
}

/* COLUMN PICKER */

.column-dropdown {
    z-index: 1085 !important;
    min-width: 220px;
    padding: 11px;
    border: 1px solid var(--adrop-border);
    border-radius: 11px;
    background: var(--adrop-surface);
    box-shadow: 0 18px 38px rgba(10, 36, 66, 0.16);
}

.column-dropdown-title {
    padding: 4px 6px 9px;
    color: var(--adrop-heading);
    font-size: 11.5px;
    font-weight: 750;
}

.column-dropdown label {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 6px;
    color: var(--adrop-text);
    font-size: 11px;
    cursor: pointer;
}

.column-dropdown input {
    accent-color: var(--adrop-primary);
}

/* DATATABLE OVERRIDES */

.dataTables_wrapper {
    position: relative;
    width: 100%;
    overflow: visible !important;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 82px;
    left: 50%;
    width: auto;
    margin: 0;
    padding: 11px 16px;
    transform: translateX(-50%);
    border: 1px solid var(--adrop-border);
    border-radius: 10px;
    background: var(--adrop-surface);
    box-shadow: 0 12px 28px rgba(16, 42, 67, 0.12);
    color: var(--adrop-primary);
    font-size: 11px;
    z-index: 50;
}

.directory-datatable-footer {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 16px;
    border-top: 1px solid var(--adrop-border-light);
}

.dataTables_wrapper .dataTables_info {
    padding: 0 !important;
    color: var(--adrop-muted) !important;
    font-size: 11px !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0 !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button {
    min-width: 32px;
    height: 32px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 2px !important;
    padding: 0 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--adrop-muted) !important;
    font-size: 10.5px !important;
    box-shadow: none !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button:hover {
    border-color: var(--adrop-border) !important;
    background: var(--adrop-surface-soft) !important;
    color: var(--adrop-heading) !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button.current,
.dataTables_wrapper
.dataTables_paginate
.paginate_button.current:hover {
    border-color: var(--adrop-primary) !important;
    background: var(--adrop-primary) !important;
    color: #ffffff !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled {
    opacity: 0.35;
    cursor: default !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

table.dataTable.no-footer {
    border-bottom: 0 !important;
}

table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting::after,
table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_asc::after,
table.dataTable thead > tr > th.sorting_desc::before,
table.dataTable thead > tr > th.sorting_desc::after {
    font-size: 8px !important;
    opacity: 0.35 !important;
}

/* DIRECTORY RESPONSIVE */

@media (max-width: 1199px) {
    .directory-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .directory-length {
        align-self: flex-end;
    }

    .directory-table-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    .directory-table {
        min-width: 1120px;
    }
}

@media (max-width: 767px) {
    .directory-header {
        flex-direction: column;
    }

    .directory-header h1 {
        font-size: 24px;
    }

    .directory-header-actions {
        width: 100%;
    }

    .directory-btn {
        flex: 1;
    }

    .directory-filters {
        width: 100%;
    }

    .directory-search,
    .directory-select {
        width: 100%;
        min-width: 100%;
    }

    .directory-reset-btn {
        width: 100%;
    }

    .directory-length {
        align-self: flex-start;
    }

    .directory-datatable-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .dataTables_wrapper .dataTables_paginate {
        width: 100%;
    }
}



/* =========================================================
   ADROP CLEAN BLUE UI OVERRIDES
   Light enterprise dashboard style
========================================================= */

/* APP BACKGROUND */
body,
.admin-body {
    background: var(--adrop-bg);
}

/* SIDEBAR */
.admin-sidebar {
    background: var(--sidebar-bg) !important;
    color: var(--sidebar-text) !important;
    border-right: 1px solid var(--sidebar-border);
    box-shadow: none !important;
}

.admin-sidebar::before,
.admin-sidebar::after {
    display: none !important;
}

.sidebar-brand {
    min-height: 72px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--sidebar-border);
}

.sidebar-brand-link {
    gap: 10px;
}

.sidebar-logo {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border: 0;
    border-radius: 9px;
    background: var(--brand-gradient);
    color: #fff;
    font-size: 16px;
    box-shadow: none;
}

.sidebar-logo::after {
    display: none;
}

.sidebar-brand-name {
    color: var(--adrop-heading);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
}

.sidebar-brand-subtitle {
    color: var(--sidebar-muted);
    font-size: 10px;
    letter-spacing: 0.2px;
    text-transform: none;
}

html[data-sidebar="primary"] .sidebar-brand-name,
html[data-sidebar="primary"] .sidebar-user-name {
    color: #fff;
}

html[data-sidebar="primary"] .sidebar-brand-subtitle,
html[data-sidebar="primary"] .sidebar-user-role {
    color: rgba(255,255,255,0.55);
}

.sidebar-navigation {
    padding: 18px 12px 26px;
}

.sidebar-section-label {
    padding: 0 10px 8px;
    color: var(--sidebar-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.sidebar-link {
    min-height: 42px;
    gap: 10px;
    margin-bottom: 3px;
    padding: 9px 10px;
    border-radius: 6px;
    color: var(--sidebar-text);
    font-size: 13px;
    transition: background .15s ease, color .15s ease;
}

.sidebar-link:hover {
    background: var(--sidebar-hover);
    color: var(--sidebar-active-text);
    transform: none;
}

.sidebar-link.active {
    border: 0;
    background: var(--sidebar-active-bg);
    color: var(--sidebar-active-text);
    box-shadow: none;
}

.sidebar-link.active::before {
    display: none;
}

.sidebar-link.active .sidebar-icon {
    color: var(--sidebar-active-text);
}

.sidebar-icon {
    width: 21px;
    flex: 0 0 21px;
    font-size: 16px;
}

.sidebar-link-text {
    font-size: 13px;
    font-weight: 500;
}

.sidebar-count {
    background: color-mix(in srgb, var(--adrop-danger) 14%, transparent);
    color: var(--adrop-danger);
    border: 0;
}

.sidebar-user {
    margin: 10px 12px 12px;
    padding: 11px;
    border: 1px solid var(--sidebar-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--sidebar-bg) 92%, white);
    backdrop-filter: none;
}

html[data-sidebar="primary"] .sidebar-user {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.07);
}

.sidebar-user-avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    box-shadow: none;
}

html[data-sidebar="primary"] .sidebar-user-avatar {
    background: rgba(255,255,255,.16);
    color: #fff;
}

.sidebar-user-name {
    color: var(--adrop-heading);
    font-size: 11.5px;
    font-weight: 600;
}

.sidebar-user-role {
    color: var(--sidebar-muted);
    font-size: 9.5px;
}

/* TOPBAR */
.admin-topbar {
    min-height: 72px;
    padding: 0 24px;
    border-bottom: 1px solid var(--adrop-border-light);
    background: #fff;
    backdrop-filter: none;
    box-shadow: none;
}

.topbar-page-title {
    color: var(--adrop-heading);
    font-size: 17px;
    font-weight: 600;
}

.topbar-breadcrumb {
    color: var(--adrop-light-muted);
    font-size: 11px;
}

.topbar-search {
    width: 290px;
    height: 40px;
    border: 0;
    border-radius: 6px;
    background: #F3F4F7;
    box-shadow: none;
}

.topbar-search:focus-within {
    border: 0;
    background: #fff;
    box-shadow: 0 0 0 1px var(--adrop-primary);
}

.topbar-search input {
    font-size: 12px;
}

.topbar-icon-btn {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--adrop-text);
    box-shadow: none;
}

.topbar-icon-btn:hover {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    transform: none;
}

.profile-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    box-shadow: none;
}

.profile-name {
    font-size: 12px;
    font-weight: 600;
}

.profile-role {
    font-size: 9.5px;
}

/* CONTENT */
.admin-content {
    padding: 24px 26px 30px;
}

.page-heading-row {
    margin-bottom: 20px;
}

.page-heading h1 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.page-heading p {
    font-size: 12px;
}

/* GENERAL BUTTONS */
.btn-adrop,
.directory-btn-primary {
    border-radius: 6px;
    background: var(--adrop-primary);
    box-shadow: 0 2px 6px rgba(85,110,230,.18);
}

.btn-adrop:hover,
.directory-btn-primary:hover {
    background: var(--adrop-primary-dark);
    box-shadow: 0 4px 10px rgba(85,110,230,.22);
}

.btn-adrop-outline,
.directory-btn {
    border-radius: 6px;
}

/* CARDS */
.admin-card,
.stat-card,
.directory-card {
    border: 1px solid var(--adrop-border);
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
}

.admin-card:hover,
.stat-card:hover {
    box-shadow: none;
    transform: none;
}

.admin-card-header {
    min-height: 58px;
    padding: 14px 16px;
    background: #fff;
    border-bottom: 1px solid var(--adrop-border-light);
}

.admin-card-title {
    font-size: 14px;
    font-weight: 600;
}

.admin-card-subtitle {
    font-size: 10.5px;
}

/* STAT CARDS */
.stat-card {
    padding: 16px;
}

.stat-card::after {
    display: none;
}

.stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    font-size: 16px;
}

.stat-label {
    margin-top: 10px;
    font-size: 11px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

.stat-value {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
}

.stat-meta {
    font-size: 10.5px;
}

/* DIRECTORY HEADER */
.directory-header {
    margin-bottom: 18px;
}

.directory-eyebrow {
    color: var(--adrop-primary);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
}

.directory-header h1 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.directory-header p {
    font-size: 12px;
}

/* DIRECTORY TOOLBAR */
.directory-toolbar {
    min-height: 64px;
    padding: 12px 14px;
}

.directory-search,
.directory-select,
.directory-reset-btn {
    height: 38px;
    border-radius: 6px;
}

.directory-search {
    width: 280px;
}

.directory-search input,
.directory-select {
    font-size: 11.5px;
}

.directory-length {
    font-size: 10px;
}

.directory-length select {
    height: 34px;
    border-radius: 6px;
    font-size: 10px;
}

/* DIRECTORY TABLE */
.directory-table thead th {
    height: 44px;
    padding: 10px 13px !important;
    background: #FAFBFD !important;
    color: #6B7280 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .15px;
}

.directory-table tbody td {
    height: 58px;
    padding: 10px 13px !important;
    font-size: 11.5px;
}

.directory-primary {
    font-size: 12px;
    font-weight: 600;
}

.directory-secondary {
    font-size: 10px;
}

.directory-code {
    padding: 4px 7px;
    border-radius: 12px;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 9.5px;
    font-weight: 700;
}

.directory-user {
    font-size: 11px;
    font-weight: 500;
}

.directory-user-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 9px;
}

.directory-date,
.directory-date-overdue {
    font-size: 11px;
}

.directory-table .status-badge {
    padding: 5px 8px;
    font-size: 10px;
}

.directory-action-btn {
    width: 30px;
    height: 30px;
    border-radius: 6px;
}

.directory-action-menu,
.column-dropdown,
.profile-menu {
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(18,38,63,.12);
}

/* FORMS */
.form-control,
.form-select {
    min-height: 40px;
    border-radius: 6px;
    font-size: 12px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--adrop-primary);
    box-shadow: 0 0 0 2px rgba(85,110,230,.10);
}

/* DATATABLE */
.directory-datatable-footer {
    min-height: 54px;
    padding: 10px 14px;
}

.dataTables_wrapper .dataTables_info {
    font-size: 10.5px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 29px;
    height: 29px;
    border-radius: 5px !important;
    font-size: 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: var(--adrop-primary) !important;
    background: var(--adrop-primary) !important;
    color: #fff !important;
}

/* FOOTER */
.admin-footer {
    min-height: 52px;
    padding: 0 24px;
    background: #fff;
    font-size: 10px;
}

/* MOBILE */
@media (max-width: 991px) {
    .admin-sidebar {
        box-shadow: 8px 0 25px rgba(18,38,63,.12) !important;
    }
}




/* =========================================================
   ADROP LARKON-INSPIRED OVERRIDE LAYER
   Dark charcoal sidebar + warm orange accents
   Normal readable typography
========================================================= */

/* GLOBAL */
html,
body {
    background: var(--adrop-bg);
}

body {
    color: var(--adrop-text);
    font-size: 14px;
    line-height: 1.5;
}

/* SIDEBAR */
.admin-sidebar {
    background: linear-gradient(
        180deg,
        var(--sidebar-bg) 0%,
        var(--sidebar-bg-deep) 100%
    ) !important;
    color: var(--sidebar-text) !important;
    border-right: 1px solid var(--sidebar-border);
    box-shadow: none !important;
}

.admin-sidebar::before,
.admin-sidebar::after {
    display: none !important;
}

.sidebar-brand {
    min-height: 74px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--sidebar-border);
}

.sidebar-brand-link {
    gap: 10px;
}

.sidebar-logo {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 0;
    border-radius: 9px;
    background: var(--adrop-primary);
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    box-shadow: none;
}

.sidebar-logo::after {
    display: none;
}

.sidebar-brand-name {
    color: #FFFFFF !important;
    font-size: 19px;
    font-weight: 750;
    letter-spacing: .2px;
}

html[data-sidebar="light"] .sidebar-brand-name {
    color: var(--adrop-heading) !important;
}

.sidebar-brand-subtitle {
    color: var(--sidebar-muted) !important;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .1px;
    text-transform: none;
}

.sidebar-navigation {
    padding: 18px 12px 28px;
}

.sidebar-section-label {
    padding: 0 10px 8px;
    color: var(--sidebar-muted) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.sidebar-link {
    min-height: 43px;
    gap: 11px;
    margin-bottom: 3px;
    padding: 9px 10px;
    border: 0 !important;
    border-radius: 7px;
    background: transparent;
    color: var(--sidebar-text) !important;
    font-size: 13.5px;
    font-weight: 500;
    transition:
        background .16s ease,
        color .16s ease;
}

.sidebar-link:hover {
    background: var(--sidebar-hover) !important;
    color: #FFFFFF !important;
    transform: none !important;
}

html[data-sidebar="light"] .sidebar-link:hover {
    color: var(--adrop-primary) !important;
}

.sidebar-link.active {
    background: var(--sidebar-active-bg) !important;
    color: var(--sidebar-active-text) !important;
    box-shadow: none !important;
}

.sidebar-link.active::before {
    display: none !important;
}

.sidebar-link.active .sidebar-icon {
    color: var(--sidebar-active-icon) !important;
}

.sidebar-icon {
    width: 22px;
    flex: 0 0 22px;
    font-size: 16px;
}

.sidebar-link-text {
    font-size: 13.5px;
    font-weight: 500;
}

.sidebar-count {
    min-width: 24px;
    padding: 2px 6px;
    border: 0;
    border-radius: 20px;
    background: rgba(255, 107, 61, .14);
    color: var(--adrop-primary);
    font-size: 10px;
    font-weight: 700;
}

html[data-sidebar="primary"] .sidebar-count {
    background: rgba(255,255,255,.14);
    color: #fff;
}

.sidebar-user {
    margin: 10px 12px 12px;
    padding: 11px;
    border: 1px solid var(--sidebar-border);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
    backdrop-filter: none;
}

html[data-sidebar="light"] .sidebar-user {
    background: #F8F9FA;
}

.sidebar-user-avatar {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 50%;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 12px;
    font-weight: 800;
    box-shadow: none;
}

.sidebar-user-name {
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 650;
}

html[data-sidebar="light"] .sidebar-user-name {
    color: var(--adrop-heading) !important;
}

.sidebar-user-role {
    color: var(--sidebar-muted) !important;
    font-size: 10px;
}

/* TOPBAR */
.admin-topbar {
    min-height: var(--topbar-height);
    padding: 0 24px;
    border-bottom: 1px solid var(--adrop-border-light);
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    box-shadow: none;
}

.topbar-page-title {
    color: var(--adrop-heading);
    font-size: 17px;
    font-weight: 650;
}

.topbar-breadcrumb {
    color: var(--adrop-light-muted);
    font-size: 11.5px;
}

.mobile-menu-btn {
    width: 39px;
    height: 39px;
    border: 1px solid var(--adrop-border);
    border-radius: 7px;
    background: #fff;
    color: var(--adrop-heading);
}

.topbar-search {
    width: 270px;
    height: 40px;
    border: 0 !important;
    border-radius: 8px;
    background: #EEECEC !important;
    box-shadow: none !important;
}

.topbar-search:focus-within {
    background: #FFFFFF !important;
    box-shadow: 0 0 0 1px var(--adrop-primary) !important;
}

.topbar-search input {
    color: var(--adrop-heading);
    font-size: 12.5px;
}

.search-shortcut {
    display: none;
}

.topbar-icon-btn {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #7D8797;
    box-shadow: none;
}

.topbar-icon-btn:hover {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    transform: none;
}

.notification-dot {
    background: var(--adrop-danger);
}

.profile-dropdown-btn {
    border-radius: 8px;
}

.profile-dropdown-btn:hover {
    background: #F5F4F3;
}

.profile-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #2A2F33;
    color: #FFFFFF;
    font-size: 13px;
    box-shadow: none;
}

.profile-name {
    font-size: 12.5px;
    font-weight: 650;
}

.profile-role {
    font-size: 10px;
}

.profile-menu {
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(34,44,51,.12);
}

/* CONTENT */
.admin-content {
    padding: 24px 26px 30px;
}

.page-heading-row {
    margin-bottom: 20px;
}

.page-heading h1 {
    color: var(--adrop-heading);
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
}

.page-heading p {
    color: var(--adrop-muted);
    font-size: 13px;
}

/* BUTTONS */
.btn-adrop,
.directory-btn-primary,
.btn-adrop-primary {
    border-radius: 7px;
    background: var(--adrop-primary) !important;
    color: #fff !important;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--adrop-primary) 16%, transparent);
}

.btn-adrop:hover,
.directory-btn-primary:hover,
.btn-adrop-primary:hover {
    background: var(--adrop-primary-dark) !important;
    color: #fff !important;
    box-shadow: 0 5px 12px color-mix(in srgb, var(--adrop-primary) 20%, transparent);
}

.btn-adrop-outline,
.directory-btn {
    border-radius: 7px;
}

/* CARDS */
.admin-card,
.stat-card,
.directory-card {
    border: 1px solid var(--adrop-border-light);
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: var(--shadow-soft);
}

.admin-card:hover,
.stat-card:hover {
    transform: none !important;
    box-shadow: var(--shadow-soft);
}

.admin-card-header {
    min-height: 60px;
    padding: 15px 17px;
    border-bottom: 1px solid var(--adrop-border-light);
    background: #FFFFFF !important;
}

.admin-card-title {
    color: var(--adrop-heading);
    font-size: 14px;
    font-weight: 700;
}

.admin-card-subtitle {
    font-size: 11px;
}

/* STAT CARDS */
.stat-card {
    padding: 17px;
}

.stat-card::after {
    display: none !important;
}

.stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 9px;
    font-size: 18px;
}

.stat-icon.blue {
    background: #FFF0EA;
    color: var(--adrop-primary);
}

.stat-icon.teal {
    background: #FFF0EA;
    color: var(--adrop-primary);
}

.stat-icon.amber {
    background: #FFF0EA;
    color: var(--adrop-primary);
}

.stat-icon.green {
    background: #FFF0EA;
    color: var(--adrop-primary);
}

.stat-label {
    margin-top: 12px;
    color: var(--adrop-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.stat-value {
    margin-top: 3px;
    color: #25375A;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0;
}

.stat-meta {
    font-size: 11px;
}

/* QUICK ACTIONS */
.quick-action {
    border-radius: 8px;
}

.quick-action-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--adrop-primary-soft) !important;
    color: var(--adrop-primary) !important;
}

.quick-action-title {
    font-size: 12px;
    font-weight: 650;
}

.quick-action-subtitle {
    font-size: 10px;
}

/* DIRECTORY HEADER */
.directory-header {
    margin-bottom: 19px;
}

.directory-eyebrow {
    color: var(--adrop-primary);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .75px;
}

.directory-header h1 {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
}

.directory-header p {
    font-size: 13px;
}

.directory-btn {
    min-height: 39px;
    padding: 8px 13px;
    font-size: 11.5px;
    font-weight: 650;
    box-shadow: none;
}

.directory-btn:hover {
    color: var(--adrop-primary);
    transform: none;
}

/* DIRECTORY TOOLBAR */
.directory-toolbar {
    min-height: 66px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--adrop-border-light);
}

.directory-search,
.directory-select,
.directory-reset-btn {
    height: 39px;
    border-radius: 7px;
}

.directory-search {
    width: 290px;
}

.directory-search input,
.directory-select {
    font-size: 12px;
}

.directory-reset-btn {
    font-size: 11.5px;
}

.directory-length {
    font-size: 11px;
}

.directory-length select {
    height: 35px;
    border-radius: 7px;
    font-size: 11px;
}

/* DIRECTORY TABLE */
.directory-table thead th {
    height: 46px;
    padding: 10px 13px !important;
    background: #F4F6F9 !important;
    color: #5E6C80 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: .15px;
}

.directory-table tbody td {
    height: 61px;
    padding: 11px 13px !important;
    color: var(--adrop-text);
    font-size: 12px;
}

.directory-primary {
    color: var(--adrop-heading);
    font-size: 12.5px;
    font-weight: 650;
}

.directory-secondary {
    color: var(--adrop-light-muted);
    font-size: 10.5px;
}

.directory-code {
    padding: 5px 8px;
    border-radius: 14px;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 10px;
    font-weight: 750;
}

.directory-user {
    font-size: 11.5px;
    font-weight: 550;
}

.directory-user-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 9.5px;
}

.directory-date,
.directory-date-overdue {
    font-size: 11.5px;
}

.directory-table .status-badge {
    padding: 5px 9px;
    font-size: 10.5px;
}

.directory-action-btn {
    width: 32px;
    height: 32px;
    border-radius: 7px;
}

.directory-action-btn:hover,
.directory-action-btn[aria-expanded="true"] {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
}

.directory-action-menu,
.column-dropdown {
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(34,44,51,.14);
}

/* TABLES */
.dashboard-table thead th {
    background: #F4F6F9;
    color: #5E6C80;
    font-size: 10.5px;
    font-weight: 700;
}

.dashboard-table tbody td {
    font-size: 12px;
}

/* BADGES */
.status-badge {
    font-size: 10.5px;
    font-weight: 700;
}

/* FORMS */
.form-label {
    color: var(--adrop-heading);
    font-size: 12.5px;
    font-weight: 650;
}

.form-control,
.form-select {
    min-height: 41px;
    border-radius: 7px;
    border-color: var(--adrop-border);
    font-size: 12.5px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--adrop-primary);
    box-shadow: 0 0 0 3px rgba(255,107,61,.10);
}

/* DATATABLE */
.directory-datatable-footer {
    min-height: 56px;
    padding: 10px 15px;
}

.dataTables_wrapper .dataTables_info {
    font-size: 11px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 30px;
    height: 30px;
    border-radius: 6px !important;
    font-size: 10.5px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: var(--adrop-primary) !important;
    background: var(--adrop-primary) !important;
    color: #FFFFFF !important;
}

/* CHART PLACEHOLDER */
.chart-bar {
    background: linear-gradient(
        180deg,
        var(--adrop-primary-light),
        var(--adrop-primary)
    );
}

.chart-bar.secondary {
    background: linear-gradient(
        180deg,
        #56C988,
        var(--adrop-success)
    );
}

/* ACTIVITY */
.activity-icon {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
}

/* FOOTER */
.admin-footer {
    min-height: 54px;
    padding: 0 24px;
    background: #FFFFFF;
    font-size: 10.5px;
}

/* LOGIN */
.login-brand-panel {
    background: linear-gradient(
        150deg,
        #222C33 0%,
        #1C252B 100%
    ) !important;
}

.brand-mark {
    background: var(--adrop-primary);
    box-shadow: 0 14px 32px color-mix(in srgb, var(--adrop-primary) 20%, transparent);
}

.brand-feature i {
    color: var(--adrop-primary-light);
}

/* MOBILE */
@media (max-width: 991px) {
    .admin-sidebar {
        box-shadow: 8px 0 24px rgba(34,44,51,.18) !important;
    }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .topbar-search {
        width: 220px;
    }

}


@media (max-width: 991px) {

    .admin-sidebar {
        transform:
            translateX(-100%);

        transition:
            transform 0.25s ease;
    }

    .admin-sidebar.show {
        transform:
            translateX(0);
    }

    .admin-main {
        margin-left: 0;
    }

    .mobile-menu-btn {
        display: flex;
    }

    .admin-content {
        padding: 23px;
    }

}


@media (max-width: 767px) {

    :root {
        --topbar-height: 68px;
    }

    .admin-topbar {
        min-height:
            var(--topbar-height);

        padding:
            0 15px;
    }

    .topbar-page-title {
        font-size: 15px;
    }

    .topbar-breadcrumb {
        display: none;
    }

    .admin-content {
        padding:
            18px 14px;
    }

    .page-heading-row {
        flex-direction: column;

        align-items: stretch;

        gap: 15px;
    }

    .page-heading h1 {
        font-size: 21px;
    }

    .quick-actions-grid {
        grid-template-columns:
            1fr;
    }

    .stat-card {
        padding: 18px;
    }

    .admin-card-header {
        padding:
            14px 16px;
    }

    .admin-card-body {
        padding:
            16px;
    }

    .admin-footer {
        flex-direction: column;

        justify-content: center;

        padding: 14px;

        text-align: center;
    }

}


@media (max-width: 900px) {

    .login-wrapper {
        display: block;
    }

    .login-brand-panel {
        display: none;
    }

    .login-form-panel {
        min-height: 100vh;

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(14, 116, 144, 0.07),
                transparent 35%
            ),
            #ffffff;
    }

    .login-mobile-brand {
        display: flex;

        align-items: center;

        gap: 12px;

        margin-bottom: 35px;

        color:
            var(--adrop-brand-900);

        font-size: 22px;
    }

    .login-mobile-brand .brand-mark {
        width: 48px;
        height: 48px;

        border-radius: 14px;

        font-size: 20px;
    }

}



/* =========================================================
   ADROP FINAL ENTERPRISE UI OVERRIDES
   Deep navy sidebar + coral actions + cool grey workspace
========================================================= */

/* GLOBAL */
html,
body,
.admin-body {
    background: var(--adrop-bg) !important;
}

body {
    color: var(--adrop-text);
    font-size: 14px;
    line-height: 1.5;
}

/* SHELL */
.admin-main {
    margin-left: var(--sidebar-width);
}

/* SIDEBAR */
.admin-sidebar {
    width: var(--sidebar-width) !important;
    background: linear-gradient(
        180deg,
        var(--sidebar-bg) 0%,
        var(--sidebar-bg-deep) 100%
    ) !important;
    color: var(--sidebar-text) !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

.admin-sidebar::before,
.admin-sidebar::after {
    display: none !important;
}

.sidebar-brand {
    min-height: 64px !important;
    padding: 13px 18px !important;
    border-bottom: 1px solid var(--sidebar-border) !important;
}

.sidebar-brand-link {
    gap: 10px !important;
}

.sidebar-logo {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: var(--adrop-primary) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.sidebar-logo::after {
    display: none !important;
}

.sidebar-brand-name {
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    letter-spacing: .15px !important;
}

.sidebar-brand-subtitle {
    color: var(--sidebar-muted) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .1px !important;
    text-transform: none !important;
}

.sidebar-navigation {
    padding: 17px 12px 28px !important;
}

.sidebar-section-label {
    padding: 0 8px 9px !important;
    color: var(--sidebar-muted) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .9px !important;
    text-transform: uppercase !important;
}

.sidebar-link {
    min-height: 40px !important;
    gap: 10px !important;
    margin-bottom: 3px !important;
    padding: 8px 9px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--sidebar-text) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transform: none !important;
}

.sidebar-link:hover {
    background: var(--sidebar-hover) !important;
    color: #fff !important;
    transform: none !important;
}

.sidebar-link.active {
    background: var(--sidebar-active-bg) !important;
    color: var(--sidebar-active-text) !important;
    box-shadow: none !important;
}

.sidebar-link.active::before {
    display: none !important;
}

.sidebar-link.active .sidebar-icon {
    color: var(--sidebar-active-icon) !important;
}

.sidebar-icon {
    width: 21px !important;
    flex: 0 0 21px !important;
    font-size: 15px !important;
}

.sidebar-link-text {
    font-size: 13px !important;
    font-weight: 500 !important;
}

.sidebar-count {
    min-width: 23px !important;
    padding: 2px 6px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--adrop-primary) 15%, transparent) !important;
    color: var(--adrop-primary) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
}

.sidebar-user {
    margin: 10px 12px 12px !important;
    padding: 10px !important;
    border: 1px solid var(--sidebar-border) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.035) !important;
    backdrop-filter: none !important;
}

.sidebar-user-avatar {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.sidebar-user-name {
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
}

.sidebar-user-role {
    color: var(--sidebar-muted) !important;
    font-size: 9.5px !important;
}

/* Optional future sidebar styles */
html[data-sidebar="primary"] {
    --sidebar-bg: var(--adrop-primary);
    --sidebar-bg-deep: var(--adrop-primary-dark);
    --sidebar-text: rgba(255,255,255,.84);
    --sidebar-muted: rgba(255,255,255,.55);
    --sidebar-hover: rgba(255,255,255,.09);
    --sidebar-active-bg: rgba(255,255,255,.15);
    --sidebar-active-text: #fff;
    --sidebar-active-icon: #fff;
    --sidebar-border: rgba(255,255,255,.10);
}

html[data-sidebar="light"] {
    --sidebar-bg: #fff;
    --sidebar-bg-deep: #F8FAFC;
    --sidebar-text: #596579;
    --sidebar-muted: #9AA5B5;
    --sidebar-hover: var(--adrop-primary-soft);
    --sidebar-active-bg: var(--adrop-primary-soft);
    --sidebar-active-text: var(--adrop-primary);
    --sidebar-active-icon: var(--adrop-primary);
    --sidebar-border: var(--adrop-border);
}

html[data-sidebar="light"] .sidebar-brand-name,
html[data-sidebar="light"] .sidebar-user-name {
    color: var(--adrop-heading) !important;
}

/* TOPBAR */
.admin-topbar {
    min-height: var(--topbar-height) !important;
    padding: 0 20px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
    background: #fff !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

.topbar-left,
.topbar-right {
    gap: 10px !important;
}

.topbar-page-title {
    color: #263047 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase;
}

.topbar-breadcrumb {
    font-size: 10.5px !important;
}

.mobile-menu-btn {
    width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #334155 !important;
    font-size: 20px !important;
}

.mobile-menu-btn:hover {
    background: #F4F6F8 !important;
}

.topbar-search {
    width: 270px !important;
    height: 36px !important;
    padding: 0 11px !important;
    border: 1px solid #E0E6EC !important;
    border-radius: 18px !important;
    background: #F8FAFC !important;
    box-shadow: none !important;
}

.topbar-search:focus-within {
    border-color: #CBD5DF !important;
    background: #fff !important;
    box-shadow: none !important;
}

.topbar-search input {
    color: var(--adrop-heading) !important;
    font-size: 11.5px !important;
}

.search-shortcut {
    display: none !important;
}

.topbar-icon-btn {
    width: 35px !important;
    height: 35px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #536176 !important;
    font-size: 16px !important;
    box-shadow: none !important;
    transform: none !important;
}

.topbar-icon-btn:hover {
    background: #F4F6F8 !important;
    color: var(--adrop-primary) !important;
    transform: none !important;
}

.profile-dropdown-btn {
    border-radius: 7px !important;
}

.profile-dropdown-btn:hover {
    background: #F6F8FA !important;
}

.profile-avatar {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #0D1530 !important;
    color: #fff !important;
    font-size: 11px !important;
    box-shadow: none !important;
}

.profile-name {
    font-size: 11.5px !important;
    font-weight: 650 !important;
}

.profile-role {
    font-size: 9.5px !important;
}

/* CONTENT */
.admin-content {
    padding: 20px !important;
}

.page-heading-row {
    margin-bottom: 18px !important;
}

.page-heading h1 {
    color: var(--adrop-heading) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.page-heading p {
    color: var(--adrop-muted) !important;
    font-size: 12px !important;
}

/* BUTTONS */
.btn-adrop,
.directory-btn-primary,
.btn-adrop-primary {
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--adrop-primary) !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--adrop-primary) 14%, transparent) !important;
    transform: none !important;
}

.btn-adrop:hover,
.directory-btn-primary:hover,
.btn-adrop-primary:hover {
    background: var(--adrop-primary-dark) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--adrop-primary) 18%, transparent) !important;
    transform: none !important;
}

.btn-adrop-outline,
.directory-btn {
    min-height: 38px !important;
    border: 1px solid var(--adrop-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #34445E !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-adrop-outline:hover,
.directory-btn:hover {
    border-color: #C8D1DB !important;
    background: #FAFBFC !important;
    color: var(--adrop-primary) !important;
    transform: none !important;
}

/* CARDS */
.admin-card,
.stat-card,
.directory-card {
    border: 1px solid var(--adrop-border-light) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--shadow-soft) !important;
}

.admin-card:hover,
.stat-card:hover {
    transform: none !important;
    box-shadow: var(--shadow-soft) !important;
}

.admin-card-header {
    min-height: 56px !important;
    padding: 13px 15px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
    background: #fff !important;
}

.admin-card-title {
    color: #263047 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.admin-card-subtitle {
    font-size: 10.5px !important;
}

/* DIRECTORY / LIST PAGE */
.directory-header {
    margin-bottom: 16px !important;
}

.directory-eyebrow {
    margin-bottom: 4px !important;
    color: var(--adrop-primary) !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: .9px !important;
}

.directory-header h1 {
    margin-bottom: 4px !important;
    color: var(--adrop-heading) !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.directory-header p {
    color: var(--adrop-muted) !important;
    font-size: 11.5px !important;
}

.directory-header-actions {
    gap: 8px !important;
}

.directory-card {
    overflow: visible !important;
}

.directory-toolbar {
    min-height: 58px !important;
    padding: 11px 14px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
}

.directory-filters {
    gap: 8px !important;
}

.directory-search {
    width: 270px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid var(--adrop-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.directory-search:focus-within {
    border-color: #BFC9D4 !important;
    box-shadow: none !important;
}

.directory-search input {
    font-size: 11px !important;
}

.directory-select {
    min-width: 145px !important;
    height: 36px !important;
    padding-left: 10px !important;
    border: 1px solid var(--adrop-border) !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    color: var(--adrop-text) !important;
    font-size: 11px !important;
}

.directory-select:focus {
    border-color: #BFC9D4 !important;
    box-shadow: none !important;
}

.directory-reset-btn {
    height: 36px !important;
    border: 1px solid var(--adrop-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #536176 !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
}

.directory-length {
    font-size: 10px !important;
}

.directory-length select {
    height: 34px !important;
    border: 1px solid var(--adrop-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    font-size: 10.5px !important;
}

/* Ensure dropdowns can escape table/card */
.directory-table-wrapper,
.dataTables_wrapper,
.directory-card {
    overflow: visible !important;
}

.directory-action-menu,
.column-dropdown,
.profile-menu {
    z-index: 1090 !important;
}

.directory-table thead th {
    height: 43px !important;
    padding: 9px 12px !important;
    border-bottom: 1px solid var(--adrop-border) !important;
    background: #F6F8FA !important;
    color: #536176 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    text-transform: uppercase !important;
}

.directory-table tbody td {
    height: 58px !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
    background: #fff !important;
    color: var(--adrop-text) !important;
    font-size: 11.5px !important;
}

.directory-table tbody tr:hover td {
    background: #FBFCFD !important;
}

.directory-primary {
    color: var(--adrop-heading) !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
}

.directory-secondary {
    margin-top: 2px !important;
    color: #8591A6 !important;
    font-size: 9.5px !important;
}

.directory-code {
    padding: 4px 7px !important;
    border-radius: 13px !important;
    background: #E8F8FB !important;
    color: #0789A8 !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
}

.directory-user {
    font-size: 11px !important;
    font-weight: 550 !important;
}

.directory-user-avatar {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: #EBF6FF !important;
    color: #0789A8 !important;
    font-size: 9px !important;
}

.directory-muted-badge {
    padding: 4px 7px !important;
    border: 1px solid #D9E0E7 !important;
    border-radius: 13px !important;
    background: #F4F6F8 !important;
    color: #68768D !important;
    font-size: 9.5px !important;
}

.directory-date,
.directory-date-overdue {
    font-size: 10.5px !important;
}

.status-badge,
.directory-table .status-badge {
    padding: 4px 8px !important;
    border-radius: 13px !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
}

.status-green {
    background: #E9F8F0 !important;
    color: #07834E !important;
}

.status-blue {
    background: #EDF3FF !important;
    color: #3767D6 !important;
}

.status-teal {
    background: #EBF6FF !important;
    color: #0789A8 !important;
}

.status-amber {
    background: #FFF7E3 !important;
    color: #B57B0F !important;
}

.status-red {
    background: #FFF0F1 !important;
    color: #D34D4D !important;
}

.status-purple {
    background: #F2EEFF !important;
    color: #6258CF !important;
}

.directory-action-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #76839A !important;
    font-size: 15px !important;
}

.directory-action-btn:hover,
.directory-action-btn[aria-expanded="true"] {
    background: #F3F5F7 !important;
    color: var(--adrop-primary) !important;
}

.directory-action-menu,
.column-dropdown {
    border: 1px solid var(--adrop-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(23,33,59,.13) !important;
}

/* FORMS */
.form-label {
    color: var(--adrop-heading) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.form-control,
.form-select {
    min-height: 39px !important;
    border: 1px solid var(--adrop-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--adrop-heading) !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #BFC9D4 !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--adrop-primary) 7%, transparent) !important;
}

/* DATATABLE */
.directory-datatable-footer {
    min-height: 50px !important;
    padding: 9px 14px !important;
    border-top: 1px solid var(--adrop-border-light) !important;
}

.dataTables_wrapper .dataTables_info {
    color: var(--adrop-muted) !important;
    font-size: 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 5px !important;
    font-size: 9.5px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: var(--adrop-primary) !important;
    background: var(--adrop-primary) !important;
    color: #fff !important;
}

/* DASHBOARD TABLE */
.dashboard-table thead th {
    background: #F6F8FA !important;
    color: #536176 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
}

.dashboard-table tbody td {
    color: var(--adrop-text) !important;
    font-size: 11.5px !important;
}

/* STAT CARDS */
.stat-card {
    padding: 16px !important;
}

.stat-card::after {
    display: none !important;
}

.stat-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 7px !important;
    font-size: 17px !important;
}

.stat-icon.blue,
.stat-icon.teal,
.stat-icon.amber,
.stat-icon.green {
    background: var(--adrop-primary-soft) !important;
    color: var(--adrop-primary) !important;
}

.stat-label {
    margin-top: 10px !important;
    color: var(--adrop-muted) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.stat-value {
    margin-top: 2px !important;
    color: #253557 !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.stat-meta {
    font-size: 10px !important;
}

/* QUICK ACTIONS */
.quick-action {
    border-radius: 7px !important;
    background: #fff !important;
}

.quick-action-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 7px !important;
    background: var(--adrop-primary-soft) !important;
    color: var(--adrop-primary) !important;
}

.quick-action-title {
    font-size: 11.5px !important;
    font-weight: 650 !important;
}

.quick-action-subtitle {
    font-size: 9.5px !important;
}

/* FOOTER */
.admin-footer {
    min-height: 50px !important;
    padding: 0 20px !important;
    border-top: 1px solid var(--adrop-border-light) !important;
    background: #fff !important;
    color: var(--adrop-light-muted) !important;
    font-size: 10px !important;
}

/* LOGIN */
.login-brand-panel {
    background: linear-gradient(150deg, #121B38 0%, #0D1530 100%) !important;
}

.brand-mark {
    background: var(--adrop-primary) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--adrop-primary) 18%, transparent) !important;
}

.brand-feature i {
    color: var(--adrop-primary-light) !important;
}

.login-eyebrow {
    background: var(--adrop-primary-soft) !important;
    color: var(--adrop-primary) !important;
    border-color: rgba(255,107,95,.12) !important;
}

.admin-input-group:focus-within {
    border-color: var(--adrop-primary) !important;
    box-shadow: 0 0 0 3px rgba(255,107,95,.08) !important;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
    .directory-table-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    .directory-table {
        min-width: 1080px !important;
    }
}

@media (max-width: 991px) {
    .admin-sidebar {
        box-shadow: 8px 0 24px rgba(23,33,59,.18) !important;
    }

    .admin-main {
        margin-left: 0 !important;
    }

    .admin-content {
        padding: 18px !important;
    }
}

@media (max-width: 767px) {
    .directory-header h1,
    .page-heading h1 {
        font-size: 20px !important;
    }

    .directory-header-actions {
        width: 100%;
    }

    .directory-btn {
        flex: 1;
    }

    .directory-search,
    .directory-select,
    .directory-reset-btn {
        width: 100% !important;
        min-width: 100% !important;
    }
}



/* =========================================================
   ADROP READABILITY + TRUE THEME OVERRIDES
   IMPORTANT:
   - Keeps all primary accents tied to --adrop-primary
   - Makes lead/CRM screens comfortable for daily use
   - Removes hard-coded orange from active navigation
========================================================= */

/* Theme-aware sidebar active state */
:root,
html[data-sidebar="dark"] {
    --sidebar-active-bg:
        color-mix(in srgb, var(--adrop-primary) 15%, transparent);
    --sidebar-active-text: #FFFFFF;
    --sidebar-active-icon: var(--adrop-primary);
}

html[data-sidebar="primary"] {
    --sidebar-active-bg: rgba(255,255,255,.16);
    --sidebar-active-text: #FFFFFF;
    --sidebar-active-icon: #FFFFFF;
}

html[data-sidebar="light"] {
    --sidebar-active-bg: var(--adrop-primary-soft);
    --sidebar-active-text: var(--adrop-primary);
    --sidebar-active-icon: var(--adrop-primary);
}

.sidebar-link.active {
    background: var(--sidebar-active-bg) !important;
    color: var(--sidebar-active-text) !important;
}

.sidebar-link.active .sidebar-icon {
    color: var(--sidebar-active-icon) !important;
}

.sidebar-count {
    background:
        color-mix(in srgb, var(--adrop-primary) 14%, transparent) !important;
    color: var(--adrop-primary) !important;
}


/* ---------------------------------------------------------
   GLOBAL READABILITY
--------------------------------------------------------- */

body {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.admin-content {
    font-size: 14px;
}


/* ---------------------------------------------------------
   SIDEBAR - comfortable CRM navigation
--------------------------------------------------------- */

.sidebar-section-label {
    font-size: 11px !important;
}

.sidebar-link {
    min-height: 44px !important;
}

.sidebar-link-text {
    font-size: 14px !important;
    font-weight: 520 !important;
}

.sidebar-icon {
    font-size: 16px !important;
}

.sidebar-user-name {
    font-size: 12.5px !important;
}

.sidebar-user-role {
    font-size: 10.5px !important;
}


/* ---------------------------------------------------------
   TOPBAR
--------------------------------------------------------- */

.topbar-page-title {
    font-size: 16px !important;
}

.topbar-breadcrumb {
    font-size: 11.5px !important;
}

.topbar-search input {
    font-size: 12.5px !important;
}

.profile-name {
    font-size: 12.5px !important;
}

.profile-role {
    font-size: 10.5px !important;
}


/* ---------------------------------------------------------
   PAGE HEADERS
--------------------------------------------------------- */

.page-heading h1,
.directory-header h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
}

.page-heading p,
.directory-header p {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.directory-eyebrow {
    font-size: 10.5px !important;
}


/* ---------------------------------------------------------
   BUTTONS
--------------------------------------------------------- */

.btn-adrop,
.btn-adrop-outline,
.directory-btn,
.directory-btn-primary {
    font-size: 12.5px !important;
}

.directory-btn i,
.btn-adrop i,
.btn-adrop-outline i {
    font-size: 13px !important;
}


/* ---------------------------------------------------------
   FORMS & FILTERS
--------------------------------------------------------- */

.form-label {
    font-size: 13px !important;
}

.form-control,
.form-select {
    min-height: 42px !important;
    font-size: 13px !important;
}

.form-control::placeholder,
.directory-search input::placeholder {
    font-size: 12px !important;
}

.directory-search,
.directory-select,
.directory-reset-btn {
    height: 40px !important;
}

.directory-search input,
.directory-select {
    font-size: 12.5px !important;
}

.directory-reset-btn {
    font-size: 12px !important;
}

.directory-length {
    font-size: 11.5px !important;
}

.directory-length select {
    font-size: 11.5px !important;
}


/* ---------------------------------------------------------
   DIRECTORY / DATATABLE - primary working area
--------------------------------------------------------- */

.directory-table thead th {
    font-size: 11px !important;
    font-weight: 700 !important;
}

.directory-table tbody td {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.directory-primary {
    font-size: 13px !important;
    font-weight: 650 !important;
}

.directory-secondary {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.directory-code {
    font-size: 10.5px !important;
}

.directory-user {
    font-size: 12px !important;
}

.directory-muted-badge,
.directory-date,
.directory-date-overdue {
    font-size: 11.5px !important;
}

.status-badge,
.directory-table .status-badge {
    font-size: 10.5px !important;
}

.directory-action-menu .dropdown-item {
    font-size: 12px !important;
}

.column-dropdown-title {
    font-size: 12px !important;
}

.column-dropdown label {
    font-size: 11.5px !important;
}

.dataTables_wrapper .dataTables_info {
    font-size: 11.5px !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button {
    font-size: 11px !important;
}


/* ---------------------------------------------------------
   DASHBOARD / CARDS
--------------------------------------------------------- */

.admin-card-title {
    font-size: 14.5px !important;
}

.admin-card-subtitle {
    font-size: 11.5px !important;
}

.stat-label {
    font-size: 12px !important;
}

.stat-value {
    font-size: 25px !important;
}

.stat-meta {
    font-size: 11px !important;
}

.quick-action-title {
    font-size: 12.5px !important;
}

.quick-action-subtitle {
    font-size: 10.5px !important;
}

.activity-title {
    font-size: 12.5px !important;
}

.activity-description {
    font-size: 11.5px !important;
}

.activity-time {
    font-size: 10.5px !important;
}

.dashboard-table thead th {
    font-size: 10.5px !important;
}

.dashboard-table tbody td {
    font-size: 12.5px !important;
}

.table-secondary-text {
    font-size: 11px !important;
}


/* ---------------------------------------------------------
   Theme-aware focus/shadows
--------------------------------------------------------- */

.form-control:focus,
.form-select:focus,
.admin-input-group:focus-within {
    border-color: var(--adrop-primary) !important;
    box-shadow:
        0 0 0 3px
        color-mix(in srgb, var(--adrop-primary) 10%, transparent) !important;
}

.btn-adrop,
.btn-adrop-primary,
.directory-btn-primary {
    box-shadow:
        0 3px 9px
        color-mix(in srgb, var(--adrop-primary) 18%, transparent) !important;
}

.btn-adrop:hover,
.btn-adrop-primary:hover,
.directory-btn-primary:hover {
    box-shadow:
        0 5px 12px
        color-mix(in srgb, var(--adrop-primary) 22%, transparent) !important;
}


/* ---------------------------------------------------------
   Mobile readability
--------------------------------------------------------- */

@media (max-width: 767px) {
    body {
        font-size: 14px !important;
    }

    .sidebar-link-text {
        font-size: 14px !important;
    }

    .directory-table tbody td {
        font-size: 12.5px !important;
    }

    .directory-primary {
        font-size: 12.5px !important;
    }

    .form-control,
    .form-select {
        font-size: 13px !important;
    }
}



/* =========================================================
   ADROP FONT SIZE PRESETS
   Ready for Settings > Appearance > Font Size

   compact      = denser UI
   comfortable  = DEFAULT / recommended for CRM users
   large        = accessibility / easier reading
========================================================= */

html[data-font="compact"] {
    --ui-font-base: 14px;
    --ui-font-small: 11px;
    --ui-font-meta: 10px;
    --ui-font-control: 12px;
    --ui-font-table: 12.5px;
    --ui-font-table-secondary: 10.5px;
    --ui-font-sidebar: 13px;
    --ui-font-heading: 22px;
}

html[data-font="comfortable"],
:root {
    --ui-font-base: 16px;
    --ui-font-small: 13.5px;
    --ui-font-meta: 12.5px;
    --ui-font-control: 14px;
    --ui-font-table: 14px;
    --ui-font-table-secondary: 12.5px;
    --ui-font-sidebar: 13.5px;
    --ui-font-heading: 26px;
}

html[data-font="large"] {
    --ui-font-base: 16px;
    --ui-font-small: 13px;
    --ui-font-meta: 12px;
    --ui-font-control: 14px;
    --ui-font-table: 14.5px;
    --ui-font-table-secondary: 12.5px;
    --ui-font-sidebar: 14.5px;
    --ui-font-heading: 26px;
}


/* =========================================================
   COMPACT + ORGANIZED SIDEBAR
========================================================= */

:root {
    --sidebar-width: 248px;
}

.admin-main {
    margin-left: var(--sidebar-width) !important;
}

.admin-sidebar {
    width: var(--sidebar-width) !important;
}

.sidebar-brand {
    min-height: 62px !important;
    padding: 11px 14px !important;
}

.sidebar-logo {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
}

.sidebar-brand-name {
    font-size: 16px !important;
}

.sidebar-brand-subtitle {
    font-size: 10px !important;
}

.sidebar-navigation {
    padding: 13px 9px 20px !important;
}

.sidebar-section-label {
    margin-top: 12px !important;
    padding: 0 9px 6px !important;
    color: var(--sidebar-muted) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .7px !important;
}

.sidebar-section-label:first-child {
    margin-top: 0 !important;
}

.sidebar-link {
    min-height: 38px !important;
    gap: 9px !important;
    margin-bottom: 2px !important;
    padding: 7px 9px !important;
    border-radius: 6px !important;
}

.sidebar-icon {
    width: 19px !important;
    flex: 0 0 19px !important;
    font-size: 15px !important;
}

.sidebar-link-text {
    font-size: var(--ui-font-sidebar) !important;
    line-height: 1.25 !important;
    font-weight: 520 !important;
}

.sidebar-count {
    min-width: 21px !important;
    padding: 2px 5px !important;
    font-size: 9.5px !important;
}

.sidebar-user {
    margin: 8px 9px 9px !important;
    padding: 9px !important;
    border-radius: 7px !important;
}

.sidebar-user-avatar {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
}

.sidebar-user-name {
    font-size: 12px !important;
}

.sidebar-user-role {
    font-size: 10px !important;
}


/* =========================================================
   DEFAULT READABILITY - USE VARIABLES EVERYWHERE IMPORTANT
========================================================= */

body {
    font-size: var(--ui-font-base) !important;
}

.page-heading h1,
.directory-header h1 {
    font-size: var(--ui-font-heading) !important;
}

.page-heading p,
.directory-header p,
.admin-card-subtitle {
    font-size: var(--ui-font-small) !important;
}

.topbar-page-title {
    font-size: 16px !important;
}

.topbar-search input,
.form-control,
.form-select,
.directory-search input,
.directory-select,
.directory-reset-btn {
    font-size: var(--ui-font-control) !important;
}

.form-label {
    font-size: var(--ui-font-control) !important;
}


/* =========================================================
   LEADS / INDEX TABLE - LARGER, EASIER TO SCAN
========================================================= */

.directory-table thead th {
    font-size: 11.5px !important;
    height: 46px !important;
    padding: 10px 13px !important;
}

.directory-table tbody td {
    min-height: 64px !important;
    height: 64px !important;
    padding: 12px 13px !important;
    font-size: var(--ui-font-table) !important;
    line-height: 1.45 !important;
}

.directory-primary {
    font-size: var(--ui-font-table) !important;
    font-weight: 650 !important;
}

.directory-secondary {
    font-size: var(--ui-font-table-secondary) !important;
    line-height: 1.4 !important;
}

.directory-code {
    font-size: 11px !important;
}

.directory-user {
    font-size: 12.5px !important;
}

.directory-date,
.directory-date-overdue,
.directory-muted-badge {
    font-size: 12px !important;
}

.status-badge,
.directory-table .status-badge {
    font-size: 11px !important;
}

.directory-action-menu .dropdown-item {
    font-size: 12.5px !important;
}


/* =========================================================
   DASHBOARD - LARGER, LESS "TINY"
========================================================= */

.admin-card-title {
    font-size: 15px !important;
}

.admin-card-subtitle {
    font-size: 12px !important;
}

.stat-card {
    padding: 18px !important;
}

.stat-label {
    font-size: 12.5px !important;
}

.stat-value {
    font-size: 28px !important;
}

.stat-meta {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.quick-action-title {
    font-size: 13px !important;
}

.quick-action-subtitle {
    font-size: 11px !important;
}

.activity-title {
    font-size: 13px !important;
}

.activity-description {
    font-size: 12px !important;
}

.activity-time {
    font-size: 11px !important;
}

.dashboard-table thead th {
    font-size: 11px !important;
}

.dashboard-table tbody td {
    font-size: 13px !important;
}

.table-primary-text {
    font-size: 13px !important;
}

.table-secondary-text {
    font-size: 11.5px !important;
}


/* =========================================================
   DATATABLE FOOTER / PAGINATION
========================================================= */

.dataTables_wrapper .dataTables_info {
    font-size: 12px !important;
}

.dataTables_wrapper
.dataTables_paginate
.paginate_button {
    font-size: 11.5px !important;
    min-width: 31px !important;
    height: 31px !important;
}


/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 991px) {
    .admin-main {
        margin-left: 0 !important;
    }

    .admin-sidebar {
        width: 248px !important;
    }
}

@media (max-width: 767px) {
    html[data-font="comfortable"] {
        --ui-font-base: 14px;
        --ui-font-table: 13px;
        --ui-font-table-secondary: 11px;
        --ui-font-sidebar: 13.5px;
        --ui-font-heading: 22px;
    }

    html[data-font="large"] {
        --ui-font-base: 16px;
        --ui-font-table: 14px;
        --ui-font-table-secondary: 12px;
        --ui-font-sidebar: 14px;
        --ui-font-heading: 26px;
    }
}


/* =========================================================
   DATATABLES COLREORDER DRAG GHOST FIX
   Prevent the dragged header clone from inheriting the
   full-width .directory-table rule.
========================================================= */

/* DataTables ColReorder v1.x creates a cloned table while dragging. */
table.DTCR_clonedTable,
.DTCR_clonedTable {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: auto !important;
    margin: 0 !important;
}

/* Keep the drag preview to the actual dragged column width. */
table.DTCR_clonedTable thead,
table.DTCR_clonedTable tbody,
table.DTCR_clonedTable tr,
table.DTCR_clonedTable th,
table.DTCR_clonedTable td,
.DTCR_clonedTable thead,
.DTCR_clonedTable tbody,
.DTCR_clonedTable tr,
.DTCR_clonedTable th,
.DTCR_clonedTable td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* The cloned TH should look like the real directory header, but should
   not stretch because of .directory-table { width:100% !important; }. */
table.DTCR_clonedTable th,
.DTCR_clonedTable th {
    height: 43px !important;
    padding: 9px 12px !important;
    border: 1px solid var(--adrop-border) !important;
    background: #F6F8FA !important;
    color: #536176 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 20px rgba(23, 33, 59, .12) !important;
}

/* Current ColReorder builds may use this newer drag table class. */
table.dtcr-cloned,
table.dataTable.dtcr-cloned,
table.dataTable.DTCR_clonedTable {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: auto !important;
}


/* =========================================================
   GLOBAL SELECT / DROPDOWN CONTROL FIX
   Keep dropdowns visually distinct from normal text inputs.
========================================================= */

select.form-select:not([multiple]),
select.form-control:not([multiple]),
select.directory-select:not([multiple]),
.directory-length select:not([multiple]),
.dataTables_wrapper .dataTables_length select:not([multiple]) {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    padding-right: 42px !important;
    background-color: #FFFFFF !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2371809B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m4 6 4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 13px center !important;
    background-size: 15px 15px !important;
}

select.form-select:not([multiple]),
select.form-control:not([multiple]) {
    border-color: var(--adrop-border) !important;
    box-shadow:
        inset -36px 0 0 rgba(113, 128, 155, .035) !important;
}

select.form-select:not([multiple]):hover,
select.form-control:not([multiple]):hover,
select.directory-select:not([multiple]):hover,
.directory-length select:not([multiple]):hover,
.dataTables_wrapper .dataTables_length select:not([multiple]):hover {
    border-color: #B8C4D0 !important;
    background-color: #FFFFFF !important;
}

select.form-select:not([multiple]):focus,
select.form-control:not([multiple]):focus,
select.directory-select:not([multiple]):focus,
.directory-length select:not([multiple]):focus,
.dataTables_wrapper .dataTables_length select:not([multiple]):focus {
    border-color: var(--adrop-primary) !important;
    background-color: #FFFFFF !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--adrop-primary) 10%, transparent),
        inset -36px 0 0 color-mix(in srgb, var(--adrop-primary) 5%, transparent) !important;
    outline: none !important;
}

select.form-select:not([multiple]):disabled,
select.form-control:not([multiple]):disabled,
select.directory-select:not([multiple]):disabled {
    cursor: not-allowed !important;
    opacity: .68;
    background-color: var(--adrop-surface-soft) !important;
}

select.form-select[multiple],
select.form-control[multiple] {
    padding-right: 12px !important;
    background-image: none !important;
}

select.directory-select:not([multiple]),
.directory-length select:not([multiple]),
.dataTables_wrapper .dataTables_length select:not([multiple]) {
    background-position: right 9px center !important;
    background-size: 13px 13px !important;
    padding-right: 30px !important;
}


/* =========================================================
   CUSTOMER CREATE / EDIT SHARED UI
========================================================= */

.customers-eyebrow {
    margin-bottom: 4px;
    color: var(--adrop-primary);
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .75px;
}

.customer-header-btn {
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 650;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.customer-header-btn.secondary {
    border: 1px solid var(--adrop-border);
    background: #fff;
    color: var(--adrop-text);
}

.customer-header-btn.secondary:hover {
    border-color: var(--adrop-primary);
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
}

.customer-header-btn.primary {
    border: 1px solid var(--adrop-primary);
    background: var(--adrop-primary);
    color: #fff;
}

.customer-header-btn.primary:hover {
    color: #fff;
    background: var(--adrop-primary-dark);
    border-color: var(--adrop-primary-dark);
}

.customer-form-page { width: 100%; }

.customer-form-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.customer-form-page-header h1 {
    margin: 0;
    color: var(--adrop-heading);
    font-size: 24px;
    font-weight: 780;
}

.customer-form-page-header p {
    margin: 5px 0 0;
    color: var(--adrop-muted);
    font-size: 13px;
}

.customer-editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 14px;
}

.customer-editor-main {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.customer-editor-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: start;
    position: sticky;
    top: calc(var(--topbar-height, 64px) + 15px);
}

.customer-form-card,
.customer-side-panel {
    overflow: hidden;
    border: 1px solid var(--adrop-border-light);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--shadow-soft);
}

.customer-form-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--adrop-border-light);
    background: linear-gradient(180deg, #fff, #FBFCFD);
}

.customer-form-step {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 31px;
    border-radius: 7px;
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
    font-size: 11px;
    font-weight: 800;
}

.customer-form-card-header h2 {
    margin: 0;
    color: var(--adrop-heading);
    font-size: 14.5px;
    font-weight: 720;
}

.customer-form-card-header p {
    margin: 2px 0 0;
    color: var(--adrop-muted);
    font-size: 11.5px;
}

.customer-form-card-body { padding: 15px; }

.customer-form-card .form-label {
    margin-bottom: 6px;
    color: var(--adrop-text);
    font-size: 12.5px;
    font-weight: 650;
}

.customer-form-card .form-control,
.customer-form-card .form-select {
    min-height: 41px;
    border-color: var(--adrop-border);
    font-size: 13px;
}

.customer-form-card textarea.form-control { min-height: auto; }

.customer-side-panel { padding: 14px; }

.customer-side-panel-title {
    margin-bottom: 10px;
    color: var(--adrop-heading);
    font-size: 12.5px;
    font-weight: 750;
}

.customer-side-record {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid var(--adrop-border-light);
}

.customer-side-record span {
    color: var(--adrop-muted);
    font-size: 11.5px;
}

.customer-side-record strong {
    color: var(--adrop-heading);
    font-size: 11.5px;
    font-weight: 650;
    text-align: right;
}

.customer-status-switch {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    cursor: pointer;
}

.customer-status-switch input { display: none; }

.customer-status-switch-control {
    width: 38px;
    height: 21px;
    flex: 0 0 38px;
    position: relative;
    border-radius: 20px;
    background: #D8DEE8;
    transition: .18s ease;
}

.customer-status-switch-control::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    transition: .18s ease;
}

.customer-status-switch input:checked + .customer-status-switch-control {
    background: var(--adrop-success);
}

.customer-status-switch input:checked + .customer-status-switch-control::after {
    transform: translateX(17px);
}

.customer-status-switch strong {
    display: block;
    color: var(--adrop-heading);
    font-size: 12.5px;
}

.customer-status-switch small {
    display: block;
    margin-top: 3px;
    color: var(--adrop-muted);
    font-size: 11.5px;
    line-height: 1.4;
}

.customer-side-info {
    display: flex;
    gap: 9px;
    background: var(--adrop-info-soft);
}

.customer-side-info > i {
    color: var(--adrop-info);
    font-size: 16px;
}

.customer-side-info strong {
    color: var(--adrop-heading);
    font-size: 12px;
}

.customer-side-info p {
    margin: 3px 0 0;
    color: var(--adrop-text);
    font-size: 11.5px;
    line-height: 1.45;
}

.customer-form-footer {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid var(--adrop-border-light);
    border-radius: 10px;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(7px);
    box-shadow: 0 -3px 14px rgba(31,41,55,.05);
}

@media (max-width: 991px) {
    .customer-editor { grid-template-columns: 1fr; }
    .customer-editor-side { position: static; }
}

@media (max-width: 767px) {
    .customer-form-page-header {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   CATEGORY DIRECTORY
   ========================================================= */

#categoriesTable .category-cell {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;

    width: 100%;
    min-width: 220px;
}

#categoriesTable .category-cell-image {
    width: 40px !important;
    height: 40px !important;

    flex: 0 0 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    overflow: hidden;

    border: 1px solid var(--adrop-border-light);
    border-radius: 9px;

    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);

    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

#categoriesTable .category-cell-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    margin: 0 !important;
}

#categoriesTable .category-cell-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0;
}

#categoriesTable .category-cell-name {
    display: block;

    margin: 0 !important;

    color: var(--adrop-heading);

    font-size: 13.5px;
    font-weight: 650;
    line-height: 1.35;
}

#categoriesTable .category-cell-parent {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 5px;

    margin-top: 3px !important;

    color: var(--adrop-muted);

    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.3;
}

#categoriesTable .category-cell-parent i {
    flex: 0 0 auto;

    font-size: 10px;
}


/* =========================================================
   CATEGORY TYPE
   ========================================================= */

#categoriesTable .category-type-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 6px;

    width: auto !important;

    padding: 6px 9px;

    border-radius: 7px;

    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;

    white-space: nowrap;
}

#categoriesTable .category-type-main {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary);
}

#categoriesTable .category-type-child {
    background: var(--adrop-info-soft);
    color: var(--adrop-info);
}


/* =========================================================
   CATEGORY STATUS
   ========================================================= */

#categoriesTable .category-status-badge {
    display: inline-flex !important;
    align-items: center !important;

    gap: 7px;

    width: auto !important;

    padding: 6px 9px;

    border-radius: 7px;

    font-size: 11.5px;
    font-weight: 650;
    line-height: 1;

    white-space: nowrap;
}

#categoriesTable .category-status-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;
}

#categoriesTable .category-status-active {
    background: var(--adrop-success-soft);
    color: var(--adrop-success);
}

#categoriesTable .category-status-active .category-status-dot {
    background: var(--adrop-success);
}

#categoriesTable .category-status-inactive {
    background: var(--adrop-surface-soft);
    color: var(--adrop-muted);
}

#categoriesTable .category-status-inactive .category-status-dot {
    background: var(--adrop-light-muted);
}


/* =========================================================
   CATEGORY DISPLAY ORDER
   ========================================================= */

#categoriesTable .category-order {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 34px;
    height: 28px;

    padding: 0 8px;

    border: 1px solid var(--adrop-border-light);
    border-radius: 6px;

    background: var(--adrop-surface-soft);
    color: var(--adrop-text);

    font-size: 12px;
    font-weight: 650;
}


/* =========================================================
   CATEGORY CREATED DATE
   ========================================================= */

#categoriesTable .category-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#categoriesTable .category-date-main {
    color: var(--adrop-text);

    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;

    white-space: nowrap;
}

#categoriesTable .category-date-time {
    margin-top: 2px;

    color: var(--adrop-light-muted);

    font-size: 10.5px;
    line-height: 1.3;

    white-space: nowrap;
}


/* =========================================================
   CATEGORY ACTION
   ========================================================= */

#categoriesTable .directory-action-dropdown {
    position: relative;
    display: inline-block !important;
}

#categoriesTable .directory-action-btn {
    width: 32px;
    height: 32px;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0;

    border: 1px solid transparent;
    border-radius: 7px;

    background: transparent;
    color: var(--adrop-muted);

    font-size: 16px;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

#categoriesTable .directory-action-btn:hover,
#categoriesTable .directory-action-btn[aria-expanded="true"] {
    border-color: var(--adrop-border-light);
    background: var(--adrop-surface-soft);
    color: var(--adrop-heading);
}


/* Keep category table vertically aligned */

#categoriesTable tbody td {
    vertical-align: middle !important;
}


/* Mobile */

@media (max-width: 767.98px) {

    #categoriesTable .category-cell {
        min-width: 190px;
    }

}


/* =========================================================
   ADROP PREMIUM MODERN POLISH
   Final visual refinement layer
========================================================= */

body {
    background:
        radial-gradient(circle at 88% 2%, rgba(79, 107, 255, .055), transparent 28%),
        radial-gradient(circle at 2% 96%, rgba(20, 184, 166, .035), transparent 28%),
        var(--adrop-bg);
    color: var(--adrop-text);
}

.admin-sidebar {
    background: var(--brand-gradient-dark);
    border-right: 1px solid rgba(255,255,255,.035);
    box-shadow: 12px 0 34px rgba(13, 21, 48, .10);
}

.sidebar-brand {
    min-height: 84px;
    border-bottom-color: rgba(255,255,255,.055);
}

.sidebar-logo,
.brand-mark,
.profile-avatar,
.sidebar-user-avatar {
    background: var(--brand-gradient);
    box-shadow: 0 10px 24px rgba(79, 107, 255, .24);
}

.sidebar-link {
    border-radius: 10px;
}

.sidebar-link:hover {
    background: rgba(255,255,255,.065);
    transform: none;
}

.sidebar-link.active {
    border-color: rgba(148,165,255,.16);
    background: var(--sidebar-active-gradient);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
}

.sidebar-link.active::before {
    top: 8px;
    bottom: 8px;
    width: 3px;
    background: linear-gradient(180deg, #94A5FF, #5EEAD4);
}

.sidebar-link.active .sidebar-icon {
    color: #AEB9FF;
}

.admin-topbar {
    min-height: var(--topbar-height);
    border-bottom: 1px solid rgba(221, 227, 236, .82);
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(18px) saturate(165%);
    -webkit-backdrop-filter: blur(18px) saturate(165%);
}

.admin-content {
    padding: 28px 30px 32px;
}

.page-heading h1,
.directory-header h1 {
    letter-spacing: -.65px;
}

.admin-card,
.stat-card,
.directory-card,
.directory-panel,
.filter-card,
.data-card {
    border-color: var(--adrop-border-light);
    background: rgba(255,255,255,.97);
    box-shadow: var(--shadow-card);
}

.admin-card,
.stat-card {
    border-radius: 16px;
}

.admin-card-header {
    background: #FFFFFF;
    border-bottom-color: var(--adrop-border-light);
}

.stat-card {
    background:
        linear-gradient(145deg, #FFFFFF 0%, #FCFDFF 100%);
}

.stat-card:hover {
    transform: translateY(-2px);
    border-color: rgba(79,107,255,.16);
    box-shadow: 0 16px 34px rgba(24,32,51,.075);
}

.stat-icon,
.quick-action-icon,
.activity-icon {
    border-radius: 12px;
}

.btn-adrop,
.btn-adrop-primary,
.directory-btn-primary,
.btn-primary {
    background: var(--brand-gradient);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 8px 20px rgba(79,107,255,.18);
}

.btn-adrop:hover,
.btn-adrop-primary:hover,
.directory-btn-primary:hover,
.btn-primary:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(79,107,255,.24);
}

.btn-adrop-outline,
.directory-btn,
.btn-outline-primary,
.btn-light {
    background: #FFFFFF;
    border-color: var(--adrop-border);
    color: #526079;
    box-shadow: 0 1px 2px rgba(24,32,51,.02);
}

.btn-adrop-outline:hover,
.directory-btn:hover,
.btn-outline-primary:hover {
    background: var(--adrop-primary-soft);
    border-color: rgba(79,107,255,.26);
    color: var(--adrop-primary-dark);
}

.form-control,
.form-select,
.topbar-search,
.admin-input-group {
    border-color: var(--adrop-border);
    background: #FFFFFF;
    border-radius: 10px;
}

.form-control:hover,
.form-select:hover,
.topbar-search:hover,
.admin-input-group:hover {
    border-color: #C5CEDB;
}

.form-control:focus,
.form-select:focus,
.topbar-search:focus-within,
.admin-input-group:focus-within {
    border-color: var(--adrop-primary);
    box-shadow: 0 0 0 3px rgba(79,107,255,.11);
}

.form-check-input:checked {
    background-color: var(--adrop-primary);
    border-color: var(--adrop-primary);
}

.dropdown-menu,
.profile-menu {
    border: 1px solid var(--adrop-border-light);
    border-radius: 14px;
    box-shadow: var(--shadow-float);
}

.dropdown-item {
    border-radius: 8px;
    font-size:12px;
}

.dropdown-item:hover,
.profile-menu .dropdown-item:hover {
    background: var(--adrop-primary-soft);
    color: var(--adrop-primary-dark);
}

.dashboard-table thead th,
.table thead th {
    background: #F8FAFD;
    color: #7B879A;
    border-color: var(--adrop-border-light);
}

.dashboard-table tbody td,
.table tbody td {
    border-color: var(--adrop-border-light);
}

.dashboard-table tbody tr:hover,
.table-hover tbody tr:hover {
    background: #F8FAFF;
}

.status-badge {
    border: 1px solid currentColor;
    border-color: color-mix(in srgb, currentColor 15%, transparent);
    font-weight: 700;
}

.page-link {
    border-color: var(--adrop-border);
    background: #FFFFFF;
}

.page-link:hover {
    background: var(--adrop-primary-soft);
    border-color: rgba(79,107,255,.28);
    color: var(--adrop-primary-dark);
}

.page-item.active .page-link {
    background: var(--adrop-primary);
    border-color: var(--adrop-primary);
    box-shadow: 0 5px 14px rgba(79,107,255,.20);
}

.quick-action {
    background: #FFFFFF;
    border-color: var(--adrop-border-light);
}

.quick-action:hover {
    background: #FCFDFF;
    border-color: rgba(79,107,255,.18);
    box-shadow: 0 10px 24px rgba(24,32,51,.055);
}

.notification-dot {
    box-shadow: 0 0 0 3px rgba(229,72,77,.10);
}

.admin-footer {
    border-top-color: var(--adrop-border-light);
    background: rgba(255,255,255,.82);
}

::selection {
    background: #DCE4FF;
    color: #24336E;
}

/* DataTables / directory polish */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.dt-input,
.directory-search input,
.directory-filter select {
    border: 1px solid var(--adrop-border) !important;
    border-radius: 9px !important;
    background: #FFFFFF !important;
    color: var(--adrop-heading) !important;
}

.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus,
.dt-input:focus,
.directory-search input:focus,
.directory-filter select:focus {
    border-color: var(--adrop-primary) !important;
    box-shadow: 0 0 0 3px rgba(79,107,255,.10) !important;
    outline: 0 !important;
}

table.dataTable thead th {
    background: #F8FAFD !important;
    color: #778397 !important;
    border-bottom-color: var(--adrop-border-light) !important;
}

table.dataTable tbody tr:hover {
    background: #F8FAFF !important;
}

/* Modal polish */
.modal-content {
    border: 1px solid var(--adrop-border-light);
    border-radius: 18px;
    box-shadow: 0 24px 64px rgba(24,32,51,.16);
}

.modal-header {
    border-bottom-color: var(--adrop-border-light);
}

.modal-footer {
    border-top-color: var(--adrop-border-light);
}

/* Alerts */
.alert {
    border-width: 1px;
    border-radius: 12px;
}

/* Login */
.login-brand-panel {
    background:
        radial-gradient(circle at 18% 12%, rgba(125,145,255,.28), transparent 28%),
        radial-gradient(circle at 85% 88%, rgba(20,184,166,.14), transparent 30%),
        var(--brand-gradient-dark);
}

.login-form-panel {
    background:
        radial-gradient(circle at 92% 8%, rgba(79,107,255,.045), transparent 25%),
        #F8FAFD;
}

.login-card {
    padding: 34px;
    border: 1px solid var(--adrop-border-light);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 22px 54px rgba(24,32,51,.08);
}

/* Accessibility / motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* ========================================================================
   ADROP GLOBAL LIST / DIRECTORY SYSTEM V2
   ------------------------------------------------------------------------
   Shared visual system for Products, Orders, Customers, Leads and future
   list modules. Module pages should add the `adrop-list-page` marker plus
   the generic classes used below. This section intentionally wins over
   legacy module-local spacing/font rules so every list remains consistent.
======================================================================== */

:root {
    --list-page-title-size: 27px;
    --list-page-subtitle-size: 14px;
    --list-eyebrow-size: 12px;

    --list-card-radius: 12px;
    --list-card-border: var(--adrop-border-light);

    --list-toolbar-height: 76px;
    --list-control-height: 42px;

    --list-table-head-size: 11.5px;
    --list-table-body-size: 14px;
    --list-table-secondary-size: 12.5px;

    --list-table-head-pad-y: 12px;
    --list-table-head-pad-x: 16px;
    --list-table-cell-pad-y: 15px;
    --list-table-cell-pad-x: 16px;
}


/* ------------------------------------------------------------------------
   GLOBAL CONTENT TYPOGRAPHY
------------------------------------------------------------------------ */

.admin-main {
    font-size: var(--ui-font-base);
}

.admin-main .form-control,
.admin-main .form-select,
.admin-main .btn,
.admin-main button,
.admin-main input,
.admin-main select,
.admin-main textarea {
    font-size: var(--ui-font-control);
}

.admin-main .form-label {
    font-size: 13.5px;
}

.admin-main .dropdown-menu {
    font-size: 13.5px;
}

.admin-main .modal-title {
    font-size: 17px;
}

.admin-main .modal-body {
    font-size: 14px;
}


/* ------------------------------------------------------------------------
   PAGE HEADER
------------------------------------------------------------------------ */

.adrop-list-page {
    width: 100%;
}

.adrop-list-page .adrop-page-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    margin-bottom: 18px !important;
}

.adrop-list-page .adrop-page-eyebrow {
    margin-bottom: 5px !important;
    color: var(--adrop-primary) !important;
    font-size: var(--list-eyebrow-size) !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
}

.adrop-list-page .adrop-page-header h1 {
    margin: 0 !important;
    color: var(--adrop-heading) !important;
    font-size: var(--list-page-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.adrop-list-page .adrop-page-header p {
    margin: 6px 0 0 !important;
    color: var(--adrop-muted) !important;
    font-size: var(--list-page-subtitle-size) !important;
    line-height: 1.55 !important;
}

.adrop-list-page .adrop-page-actions {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
}

.adrop-list-page .adrop-page-actions button,
.adrop-list-page .adrop-page-actions a {
    min-height: 41px !important;
    font-size: 13.5px !important;
}


/* ------------------------------------------------------------------------
   DIRECTORY CARD
------------------------------------------------------------------------ */

.adrop-list-page .adrop-directory-card {
    position: relative;
    overflow: visible !important;
    border: 1px solid var(--list-card-border) !important;
    border-radius: var(--list-card-radius) !important;
    background: var(--adrop-surface) !important;
    box-shadow: var(--shadow-soft) !important;
}

.adrop-list-page .adrop-directory-header {
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
}

.adrop-list-page .adrop-directory-heading {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.adrop-list-page .adrop-directory-heading h2 {
    margin: 0 !important;
    color: var(--adrop-heading) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

.adrop-list-page .adrop-directory-heading p {
    margin: 3px 0 0 !important;
    color: var(--adrop-muted) !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}


/* ------------------------------------------------------------------------
   TOOLBAR / SEARCH / FILTERS
------------------------------------------------------------------------ */

.adrop-list-page .adrop-directory-toolbar {
    min-height: var(--list-toolbar-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 16px 18px !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
    background: #fff !important;
}

.adrop-list-page .adrop-directory-search {
    min-height: var(--list-control-height) !important;
}

.adrop-list-page .adrop-directory-search input {
    min-height: var(--list-control-height) !important;
    font-size: 13.5px !important;
}

.adrop-list-page .adrop-directory-search input::placeholder {
    font-size: 13px !important;
}

.adrop-list-page .adrop-directory-filters {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
}

.adrop-list-page .adrop-directory-filters .form-select,
.adrop-list-page .adrop-directory-filters .form-control,
.adrop-list-page .adrop-directory-filters select,
.adrop-list-page .adrop-directory-filters input {
    min-height: var(--list-control-height) !important;
    font-size: 13px !important;
}

.adrop-list-page .adrop-directory-filters button {
    min-height: var(--list-control-height) !important;
    font-size: 13px !important;
}


/* ------------------------------------------------------------------------
   TABLE FOUNDATION
------------------------------------------------------------------------ */

.adrop-list-page .adrop-directory-table-area,
.adrop-list-page .table-responsive,
.adrop-list-page .dataTables_wrapper,
.adrop-list-page .adrop-directory-card {
    overflow: visible !important;
}

.adrop-list-page .adrop-directory-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

.adrop-list-page .adrop-directory-table thead th {
    min-height: 48px !important;
    padding:
        var(--list-table-head-pad-y)
        var(--list-table-head-pad-x)
        !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--adrop-border) !important;
    background: var(--adrop-surface-soft) !important;
    color: var(--adrop-muted) !important;
    font-size: var(--list-table-head-size) !important;
    font-weight: 800 !important;
    letter-spacing: .35px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.adrop-list-page .adrop-directory-table tbody td {
    min-height: 68px !important;
    padding:
        var(--list-table-cell-pad-y)
        var(--list-table-cell-pad-x)
        !important;
    border-bottom: 1px solid var(--adrop-border-light) !important;
    background: var(--adrop-surface) !important;
    color: var(--adrop-text) !important;
    font-size: var(--list-table-body-size) !important;
    vertical-align: middle !important;
}

.adrop-list-page .adrop-directory-table tbody tr:hover td {
    background:
        color-mix(
            in srgb,
            var(--adrop-primary-soft) 28%,
            var(--adrop-surface)
        )
        !important;
}

.adrop-list-page .adrop-directory-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* Primary row text */

.adrop-list-page .directory-primary,
.adrop-list-page .product-directory-name,
.adrop-list-page .order-main-number,
.adrop-list-page .order-customer-name,
.adrop-list-page .directory-entity-title,
.adrop-list-page .customer-directory-name {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* Secondary/meta row text */

.adrop-list-page .directory-secondary,
.adrop-list-page .product-directory-code,
.adrop-list-page .product-category-parent,
.adrop-list-page .product-created-time,
.adrop-list-page .order-main-meta,
.adrop-list-page .order-customer-meta,
.adrop-list-page .order-items-cell span,
.adrop-list-page .order-items-cell small,
.adrop-list-page .directory-entity-subtitle,
.adrop-list-page .directory-contact-secondary,
.adrop-list-page .directory-date-sub {
    font-size: var(--list-table-secondary-size) !important;
    line-height: 1.4 !important;
}


/* ------------------------------------------------------------------------
   BADGES / PILLS
------------------------------------------------------------------------ */

.adrop-list-page .product-status-badge,
.adrop-list-page .product-new-badge,
.adrop-list-page .customer-app-badge,
.adrop-list-page .status-badge,
.adrop-list-page .order-status-badge,
.adrop-list-page .directory-code {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.adrop-list-page .product-pack,
.adrop-list-page .product-display-order,
.adrop-list-page .product-regular-label,
.adrop-list-page .customer-source-manual,
.adrop-list-page .directory-empty-value {
    font-size: 12.5px !important;
}


/* ------------------------------------------------------------------------
   SUMMARY CARDS ON PRODUCT / CUSTOMER / ORDER WORKSPACES
------------------------------------------------------------------------ */

.adrop-list-page .product-summary-number,
.adrop-list-page .customer-summary-number {
    font-size: 24px !important;
}

.adrop-list-page .product-summary-title,
.adrop-list-page .customer-summary-title {
    font-size: 13.5px !important;
}

.adrop-list-page .product-summary-description,
.adrop-list-page .customer-summary-description {
    font-size: 12.5px !important;
}

.adrop-list-page .product-summary-badge,
.adrop-list-page .customer-summary-badge {
    font-size: 11.5px !important;
}


/* ------------------------------------------------------------------------
   ORDER WORKSPACE EXTRAS
------------------------------------------------------------------------ */

.adrop-list-page .order-stage-chip {
    padding: 12px !important;
}

.adrop-list-page .order-stage-chip strong {
    font-size: 13px !important;
}

.adrop-list-page .order-stage-chip small {
    font-size: 11.5px !important;
}

.adrop-list-page .orders-workspace-hint strong {
    font-size: 13px !important;
}

.adrop-list-page .orders-workspace-hint span {
    font-size: 12.5px !important;
}

.adrop-list-page .order-live-indicator,
.adrop-list-page .order-active-filter {
    font-size: 11.5px !important;
}


/* ------------------------------------------------------------------------
   DATATABLES
------------------------------------------------------------------------ */

.adrop-list-page .dataTables_wrapper .dataTables_length,
.adrop-list-page .dataTables_wrapper .dataTables_info,
.adrop-list-page .dataTables_wrapper .dataTables_paginate {
    padding: 13px 16px !important;
}

.adrop-list-page .dataTables_wrapper .dataTables_length label,
.adrop-list-page .dataTables_wrapper .dataTables_info {
    color: var(--adrop-muted) !important;
    font-size: 12.5px !important;
}

.adrop-list-page .dataTables_wrapper .dataTables_length select {
    min-height: 38px !important;
    font-size: 12.5px !important;
}

.adrop-list-page .dataTables_wrapper .dataTables_filter input {
    min-height: 38px !important;
    font-size: 13px !important;
}

.adrop-list-page .dataTables_wrapper .paginate_button {
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: 12.5px !important;
}


/* ------------------------------------------------------------------------
   LEGACY GENERIC DIRECTORY CLASSES
   Leads already uses these directly.
------------------------------------------------------------------------ */

.directory-header h1 {
    font-size: var(--list-page-title-size);
}

.directory-header p {
    font-size: var(--list-page-subtitle-size);
}

.directory-eyebrow {
    font-size: var(--list-eyebrow-size);
}

.directory-btn {
    font-size: 13.5px;
}

.directory-toolbar {
    min-height: var(--list-toolbar-height);
    padding: 16px 18px;
}

.directory-search,
.directory-select,
.directory-reset-btn {
    height: var(--list-control-height);
}

.directory-search input,
.directory-select {
    font-size: 13px;
}

.directory-table thead th {
    padding:
        var(--list-table-head-pad-y)
        var(--list-table-head-pad-x)
        !important;
    font-size: var(--list-table-head-size) !important;
}

.directory-table tbody td {
    min-height: 68px;
    padding:
        var(--list-table-cell-pad-y)
        var(--list-table-cell-pad-x)
        !important;
    font-size: var(--list-table-body-size);
}

.directory-primary {
    font-size: 14px;
}

.directory-secondary {
    font-size: var(--list-table-secondary-size);
}

.directory-code {
    font-size: 12px;
}


/* ------------------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------------------ */

@media (max-width: 1100px) {

    .adrop-list-page .adrop-page-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .adrop-list-page .adrop-directory-toolbar {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .adrop-list-page .adrop-directory-search {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 767px) {

    :root {
        --list-table-cell-pad-y: 13px;
        --list-table-cell-pad-x: 13px;
    }

    .adrop-list-page .adrop-page-actions {
        width: 100% !important;
    }

    .adrop-list-page .adrop-directory-filters {
        width: 100% !important;
    }

    .adrop-list-page .adrop-directory-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}


/* ========================================================================
   ADROP GLOBAL SHOW / DETAIL SYSTEM V2
   ------------------------------------------------------------------------
   Shared readable typography and spacing for Product, Order, Lead,
   Customer and future detail/show screens.
======================================================================== */

:root {
    --show-page-title-size: 28px;
    --show-eyebrow-size: 12px;
    --show-header-meta-size: 13px;

    --show-card-title-size: 15px;
    --show-card-subtitle-size: 13px;

    --show-label-size: 12.5px;
    --show-value-size: 14px;
    --show-help-size: 12px;

    --show-table-head-size: 11.5px;
    --show-table-body-size: 14px;
    --show-table-secondary-size: 12.5px;

    --show-card-radius: 12px;
    --show-card-padding: 18px;
}


/* ------------------------------------------------------------------------
   PAGE ROOT + HEADER
------------------------------------------------------------------------ */

.adrop-show-page {
    width: 100%;
    font-size: var(--ui-font-base);
}

.adrop-show-page .adrop-show-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    margin-bottom: 18px !important;
}

.adrop-show-page .adrop-show-eyebrow {
    margin-bottom: 5px !important;
    color: var(--adrop-primary) !important;
    font-size: var(--show-eyebrow-size) !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
}

.adrop-show-page .adrop-show-header h1 {
    margin: 0 !important;
    color: var(--adrop-heading) !important;
    font-size: var(--show-page-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.adrop-show-page .adrop-show-header-meta,
.adrop-show-page .lead-show-meta,
.adrop-show-page .customer-profile-meta,
.adrop-show-page .product-show-header-meta,
.adrop-show-page .order-show-header-meta {
    font-size: var(--show-header-meta-size) !important;
    line-height: 1.5 !important;
}

.adrop-show-page .adrop-show-actions {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
}

.adrop-show-page .adrop-show-actions a,
.adrop-show-page .adrop-show-actions button {
    min-height: 41px !important;
    font-size: 13.5px !important;
}


/* ------------------------------------------------------------------------
   SUMMARY / OVERVIEW CARDS
------------------------------------------------------------------------ */

.adrop-show-page .adrop-summary-card,
.adrop-show-page .lead-summary-card,
.adrop-show-page .customer-overview-card {
    border-radius: var(--show-card-radius) !important;
}

.adrop-show-page .lead-summary-label,
.adrop-show-page .customer-overview-label,
.adrop-show-page .product-show-status-item span,
.adrop-show-page .order-show-status-item span {
    font-size: var(--show-label-size) !important;
}

.adrop-show-page .lead-summary-value,
.adrop-show-page .customer-overview-value,
.adrop-show-page .product-show-status-item strong,
.adrop-show-page .order-show-status-item strong {
    font-size: 14.5px !important;
    line-height: 1.35 !important;
}

.adrop-show-page .lead-summary-note,
.adrop-show-page .customer-overview-note {
    font-size: var(--show-help-size) !important;
    line-height: 1.45 !important;
}


/* ------------------------------------------------------------------------
   MAIN CARDS / SECTION CARDS
------------------------------------------------------------------------ */

.adrop-show-page .adrop-show-card,
.adrop-show-page .admin-card,
.adrop-show-page .product-show-card,
.adrop-show-page .customer-section-card,
.adrop-show-page .order-show-card,
.adrop-show-page .product-show-side-card,
.adrop-show-page .order-show-side-card {
    border-radius: var(--show-card-radius) !important;
}

.adrop-show-page .admin-card-header,
.adrop-show-page .product-show-card-header,
.adrop-show-page .customer-section-header,
.adrop-show-page .order-show-card-header {
    padding: 15px 18px !important;
}

.adrop-show-page .admin-card-body,
.adrop-show-page .product-show-card-body,
.adrop-show-page .customer-section-body {
    padding: 18px !important;
}

.adrop-show-page .admin-card-title,
.adrop-show-page .product-show-card-header h2,
.adrop-show-page .customer-section-header h2,
.adrop-show-page .order-show-card-header h2,
.adrop-show-page .product-show-side-title,
.adrop-show-page .order-show-side-title {
    font-size: var(--show-card-title-size) !important;
    line-height: 1.35 !important;
}

.adrop-show-page .admin-card-subtitle,
.adrop-show-page .product-show-card-header p,
.adrop-show-page .customer-section-header p,
.adrop-show-page .order-show-card-header p {
    font-size: var(--show-card-subtitle-size) !important;
    line-height: 1.5 !important;
}


/* ------------------------------------------------------------------------
   LABEL / VALUE / HELP TEXT
------------------------------------------------------------------------ */

.adrop-show-page .lead-info-label,
.adrop-show-page .customer-info-label,
.adrop-show-page .product-show-detail > span,
.adrop-show-page .product-description-label,
.adrop-show-page .product-order-summary span,
.adrop-show-page .order-record-row > span,
.adrop-show-page .product-record-row > span {
    font-size: var(--show-label-size) !important;
    line-height: 1.4 !important;
}

.adrop-show-page .lead-info-value,
.adrop-show-page .customer-info-value,
.adrop-show-page .product-show-detail > strong,
.adrop-show-page .product-order-summary strong,
.adrop-show-page .order-record-row > strong,
.adrop-show-page .product-record-row > strong {
    font-size: var(--show-value-size) !important;
    line-height: 1.45 !important;
}

.adrop-show-page .lead-info-note,
.adrop-show-page .customer-info-help,
.adrop-show-page .product-description-block p,
.adrop-show-page .product-description-text,
.adrop-show-page .order-customer-note,
.adrop-show-page .timeline-remark,
.adrop-show-page .product-visibility-row span:not(.product-visibility-badge) {
    font-size: var(--show-help-size) !important;
    line-height: 1.55 !important;
}


/* ------------------------------------------------------------------------
   TABLES INSIDE SHOW PAGES
------------------------------------------------------------------------ */

.adrop-show-page .product-unit-table thead th,
.adrop-show-page .order-items-table thead th {
    padding: 12px 14px !important;
    font-size: var(--show-table-head-size) !important;
    line-height: 1.35 !important;
}

.adrop-show-page .product-unit-table tbody td,
.adrop-show-page .order-items-table tbody td {
    padding: 14px !important;
    font-size: var(--show-table-body-size) !important;
    line-height: 1.45 !important;
}

.adrop-show-page .product-unit-name,
.adrop-show-page .product-unit-code,
.adrop-show-page .product-unit-conversion,
.adrop-show-page .order-item-product strong,
.adrop-show-page .order-item-unit strong,
.adrop-show-page .order-money,
.adrop-show-page .order-line-total {
    font-size: 13.5px !important;
}

.adrop-show-page .order-item-product span,
.adrop-show-page .order-item-unit span {
    font-size: var(--show-table-secondary-size) !important;
}


/* ------------------------------------------------------------------------
   BADGES / CHIPS / META
------------------------------------------------------------------------ */

.adrop-show-page .status-badge,
.adrop-show-page .product-show-new-badge,
.adrop-show-page .product-visibility-badge,
.adrop-show-page .product-default-unit-badge,
.adrop-show-page .order-status-badge,
.adrop-show-page .order-terminal-badge,
.adrop-show-page .lead-code-pill,
.adrop-show-page .customer-code-pill,
.adrop-show-page .customer-profile-status {
    font-size: 12px !important;
}

.adrop-show-page .product-show-code {
    font-size: 13px !important;
}


/* ------------------------------------------------------------------------
   LEAD / CUSTOMER PROFILE HEADERS
------------------------------------------------------------------------ */

.adrop-show-page .lead-show-title-row h1,
.adrop-show-page .customer-profile-title-row h1 {
    font-size: var(--show-page-title-size) !important;
}

.adrop-show-page .lead-show-avatar,
.adrop-show-page .customer-profile-avatar {
    font-size: 18px !important;
}

.adrop-show-page .lead-contact-btn,
.adrop-show-page .btn-adrop,
.adrop-show-page .btn-adrop-outline {
    min-height: 40px !important;
    font-size: 13.5px !important;
}


/* ------------------------------------------------------------------------
   ORDER WORKFLOW / TIMELINE
------------------------------------------------------------------------ */

.adrop-show-page .order-workflow-heading strong {
    font-size: 13.5px !important;
}

.adrop-show-page .order-workflow-heading span:not(.order-terminal-badge) {
    font-size: 12px !important;
}

.adrop-show-page .order-workflow-step-text strong {
    font-size: 12px !important;
}

.adrop-show-page .order-workflow-step-text span {
    font-size: 10.5px !important;
}

.adrop-show-page .timeline-title {
    font-size: 13px !important;
}

.adrop-show-page .timeline-meta {
    font-size: 11.5px !important;
}

.adrop-show-page .order-mini-btn {
    font-size: 11.5px !important;
}


/* ------------------------------------------------------------------------
   PRODUCT / ORDER SIDEBAR
------------------------------------------------------------------------ */

.adrop-show-page .product-visibility-row strong,
.adrop-show-page .order-customer-profile strong,
.adrop-show-page .order-next-action > strong {
    font-size: 13px !important;
}

.adrop-show-page .order-customer-profile span,
.adrop-show-page .order-next-action > p,
.adrop-show-page .order-next-stage-list span,
.adrop-show-page .order-attachment-info a,
.adrop-show-page .order-attachment-info span,
.adrop-show-page .order-attachment-info small {
    font-size: 11.5px !important;
}


/* ------------------------------------------------------------------------
   MODALS ON SHOW PAGES
------------------------------------------------------------------------ */

.adrop-show-page + .modal .modal-title,
.adrop-show-page .modal .modal-title {
    font-size: 17px !important;
}

.adrop-show-page + .modal .form-label,
.adrop-show-page .modal .form-label {
    font-size: 13.5px !important;
}

.adrop-show-page + .modal .form-control,
.adrop-show-page + .modal .form-select,
.adrop-show-page .modal .form-control,
.adrop-show-page .modal .form-select {
    font-size: 13.5px !important;
}


/* ------------------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------------------ */

@media (max-width: 900px) {

    .adrop-show-page .adrop-show-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .adrop-show-page .adrop-show-actions {
        width: 100% !important;
    }
}

@media (max-width: 767px) {

    :root {
        --show-page-title-size: 25px;
        --show-value-size: 13.5px;
    }

    .adrop-show-page .admin-card-header,
    .adrop-show-page .product-show-card-header,
    .adrop-show-page .customer-section-header,
    .adrop-show-page .order-show-card-header {
        padding: 14px !important;
    }

    .adrop-show-page .admin-card-body,
    .adrop-show-page .product-show-card-body,
    .adrop-show-page .customer-section-body {
        padding: 14px !important;
    }
}


/* ===== ADROP SUITE 2026 — single visual system ===== */
:root{--adrop-primary:#101b28;--adrop-primary-dark:#08121d;--adrop-primary-soft:#eef3f7;--adrop-bg:#f5f7f9;--adrop-heading:#111827;--adrop-text:#334155;--adrop-muted:#7c8aa0;--adrop-border:#dbe2e8;--adrop-border-light:#e7ebef;--sidebar-width:224px;--topbar-height:72px;--shadow-card:0 1px 2px rgba(15,23,42,.02)}
body{background:#f5f7f9;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#334155;font-size:14px}.admin-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#111c27,#0a141e);border-right:1px solid #1d2a36;display:flex;flex-direction:column}.sidebar-brand{height:72px;padding:14px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:36px;height:36px;border-radius:9px;background:#f4f7f9;color:#12202d;display:grid;place-items:center;font-size:17px}.sidebar-brand b{display:block;color:#fff;font-size:15px}.sidebar-brand small{display:block;color:#8090a0;font-size:10px;margin-top:2px}.sidebar-nav{padding:13px 8px;overflow:auto;flex:1}.nav-section{font-size:9.5px;font-weight:800;letter-spacing:1.2px;color:#708090;margin:19px 7px 7px}.sidebar-link{height:38px;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:11px;color:#b8c2cc;font-size:13px;margin:2px 0}.sidebar-link i{font-size:14px;width:17px}.sidebar-link:hover,.sidebar-link.active{background:#21303e;color:#fff}.sidebar-link.active{box-shadow:inset 2px 0 #fff}.sidebar-group{color:#b8c2cc}.sidebar-group summary{list-style:none;height:38px;border-radius:7px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px}.sidebar-group summary span{display:flex;gap:11px;align-items:center}.sidebar-group[open] summary,.sidebar-group summary:hover{background:#182632;color:#fff}.sidebar-group>a{display:block;color:#8fa0b0;font-size:12px;margin-left:28px;padding:7px 10px;border-left:1px solid #2c3a47}.sidebar-group>a:hover{color:#fff}.sidebar-bottom{padding:13px 12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px;color:#fff}.sidebar-bottom>div:nth-child(2){min-width:0;flex:1}.sidebar-bottom b,.sidebar-bottom small{display:block}.sidebar-bottom b{font-size:12px}.sidebar-bottom small{font-size:10px;color:#8190a0}.sidebar-bottom button{border:0;background:transparent;color:#8998a7}.mini-avatar{width:30px;height:30px;border-radius:7px;background:#223240;display:grid;place-items:center;font-weight:700;font-size:11px}.admin-main{margin-left:var(--sidebar-width)}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid #e4e8ec;box-shadow:none}.admin-content{padding:24px 28px 42px}.admin-footer{display:none}.topbar-page-title{font-size:16px;font-weight:750;color:#17202b}.topbar-breadcrumb{font-size:11px;color:#8a97a7}.topbar-search{width:360px;background:#fff;border:1px solid #dce3e9;border-radius:8px;height:38px}.topbar-search input{font-size:12px}.profile-avatar{background:#101b28}.suite-page{max-width:1600px;margin:0 auto}.suite-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.suite-page-head h1{font-size:25px;line-height:1.2;letter-spacing:-.7px;color:#101827;margin:0;font-weight:750}.suite-page-head p{margin:4px 0 0;color:#8190a3;font-size:13px}.suite-actions{display:flex;gap:8px;align-items:center}.btn-suite{border:1px solid #101b28;background:#101b28;color:#fff;border-radius:7px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:650}.btn-suite:hover{background:#1c2a37;color:#fff}.btn-suite.light{background:#fff;color:#263445;border-color:#d5dde4}.btn-suite.light:hover{background:#f7f9fa;color:#101b28}.suite-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.suite-kpi{min-height:88px;border:1px solid #dce3e8;border-radius:10px;background:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;color:#17202b}.suite-kpi small{display:block;color:#7c8a9e;font-size:10px;font-weight:800;letter-spacing:.35px}.suite-kpi strong{display:block;color:#101827;font-size:22px;line-height:1.2;margin-top:6px}.suite-kpi>span{width:34px;height:34px;border-radius:8px;background:#f2f5f7;display:grid;place-items:center;color:#526273}.suite-grid-2{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.72fr);gap:14px}.suite-card{background:#fff;border:1px solid #dce3e8;border-radius:10px;box-shadow:var(--shadow-card);overflow:hidden}.suite-card>header{min-height:55px;padding:12px 15px;border-bottom:1px solid #e5eaee;display:flex;align-items:center;justify-content:space-between;gap:15px}.suite-card>header h2{font-size:14px;color:#17202b;margin:0;font-weight:720}.suite-card>header p{font-size:11px;color:#8996a7;margin:2px 0 0}.suite-card>header a{font-size:11px;color:#315f9b}.suite-table{width:100%;border-collapse:collapse}.suite-table th{background:#fafbfc;color:#7b899c;font-size:10px;letter-spacing:.35px;text-transform:uppercase;font-weight:800;padding:11px 13px;border-bottom:1px solid #e2e7eb;white-space:nowrap}.suite-table td{font-size:12px;color:#344255;padding:12px 13px;border-bottom:1px solid #e7ebee;vertical-align:middle}.suite-table tr:last-child td{border-bottom:0}.suite-table tbody tr:hover{background:#fbfcfd}.suite-table td b{color:#17202b}.suite-table td small{display:block;color:#8b98a8;font-size:10px;margin-top:2px}.suite-status{display:inline-flex;padding:4px 7px;border-radius:6px;background:#eef2f5;color:#536273;font-size:10px;font-weight:700}.suite-status.posted,.suite-status.paid{background:#e9f7f0;color:#18784d}.suite-status.draft{background:#f0f3f6;color:#657487}.suite-status.part_paid{background:#fff5df;color:#9a6500}.suite-status.void{background:#feebed;color:#c53945}.quick-links{padding:6px 14px}.quick-links a{display:flex;gap:11px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf0f2;color:#273547}.quick-links i{width:31px;height:31px;background:#f1f4f6;border-radius:7px;display:grid;place-items:center}.quick-links span{font-size:12px;font-weight:650}.quick-links small{display:block;font-size:10px;font-weight:400;color:#8996a7;margin-top:2px}.suite-filter{background:#fff;border:1px solid #dce3e8;border-radius:10px;margin-bottom:14px;overflow:hidden}.filter-title{height:43px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e6eaed;font-weight:700;font-size:12px;color:#334155}.filter-title a{margin-left:auto;color:#7d8998;font-size:10px}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:9px;align-items:end;padding:12px 14px}.filter-grid label,.ledger-picker label,.form-grid label{font-size:9.5px;font-weight:800;color:#7d899a;letter-spacing:.3px}.filter-grid input,.filter-grid select,.ledger-picker select,.form-grid input,.form-grid select,.entry-table input,textarea{display:block;width:100%;height:36px;margin-top:5px;border:1px solid #d7dfe6;border-radius:7px;background:#fff;color:#273547;padding:0 10px;font-size:12px;outline:none}.filter-grid input:focus,.filter-grid select:focus,.form-grid input:focus,.form-grid select:focus,.entry-table input:focus,textarea:focus{border-color:#8093a5;box-shadow:0 0 0 2px #eef2f5}.table-card>header{background:#fff}.record-count{font-size:10px;background:#f0f2f5;color:#788596;padding:4px 6px;border-radius:5px;margin-left:5px}.rows-select{height:36px;border:1px solid #d7dfe6;border-radius:7px;padding:0 24px 0 9px;background:#fff;color:#4a596a;font-size:11px}.icon-action{border:0;background:transparent;color:#667688;padding:6px}.suite-pagination{padding:12px 14px;border-top:1px solid #e7ebee}.suite-modal{border:0;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.suite-modal .modal-header h5{font-size:15px;font-weight:750;margin:0}.suite-modal .modal-header p{font-size:11px;color:#8290a1;margin:3px 0 0}.column-option{display:flex;align-items:center;gap:9px;border:1px solid #e0e5e9;border-radius:7px;padding:9px 10px;margin-bottom:7px;font-size:12px}.column-option>.bi{cursor:grab;color:#98a5b4}.column-option input{accent-color:#101b28}.entry-layout{width:calc(100% - 310px);display:flex;flex-direction:column;gap:14px}.entry-summary{position:fixed;right:28px;top:112px;width:285px;padding-bottom:14px}.entry-summary>.btn-suite{width:calc(100% - 28px)!important;margin:0 14px}.form-card{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px}.entry-table input{margin:0;min-width:90px}.entry-table td:first-child input{min-width:260px}textarea{height:auto;padding:10px}.summary-lines{padding:10px 14px}.summary-lines>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:12px}.summary-lines .grand{font-size:15px;color:#101827;border-bottom:0;padding-top:14px}.ledger-picker{padding:14px}.ledger-picker label{display:block;max-width:520px}.report-links{grid-template-columns:repeat(3,1fr)}.empty-state{text-align:center!important;color:#8c98a6!important;padding:30px!important}
@media(max-width:1100px){.suite-kpis{grid-template-columns:repeat(2,1fr)}.suite-grid-2{grid-template-columns:1fr}.entry-layout{width:100%}.entry-summary{position:static;width:100%;margin-top:14px}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.admin-main{margin-left:0}.admin-content{padding:18px}.filter-grid{grid-template-columns:1fr 1fr}.suite-page-head{flex-direction:column}.suite-kpis{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}

/* ===== 2026 Advanced Finance + Accessibility Scale ===== */
body.admin-body{font-family:"Inter","Aptos","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5;color:#172033}
body.font-large{font-size:17.5px;--ui-font-control:15.5px;--ui-font-table:15.5px;--ui-font-sidebar:15px;--ui-font-heading:30px}
body.font-extra_large{font-size:19px;--ui-font-control:17px;--ui-font-table:17px;--ui-font-sidebar:16.5px;--ui-font-heading:33px}
body.font-large .form-control,body.font-large .form-select,body.font-large input,body.font-large select,body.font-large textarea{font-size:15.5px!important}
body.font-extra_large .form-control,body.font-extra_large .form-select,body.font-extra_large input,body.font-extra_large select,body.font-extra_large textarea{font-size:17px!important}
.page-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#5f6f82;margin-bottom:5px}.finance-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.finance-entry-main{display:grid;gap:18px}.finance-entry-side{min-width:0}.sticky-finance{position:sticky;top:84px}.premium-form-grid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.premium-form-grid label,.finance-line-grid label,.summary-lines label{font-size:13px;font-weight:700;color:#526176}.premium-form-grid input,.premium-form-grid select,.premium-form-grid textarea,.finance-line-grid input,.finance-line-grid select,.summary-lines input{width:100%;margin-top:6px;border:1px solid #d7dee8;border-radius:8px;background:#fff;padding:10px 11px;color:#172033;min-height:42px}.span-2{grid-column:span 2}.line-card-stack{padding:14px;display:grid;gap:12px}.finance-line-card{border:1px solid #dce3eb;border-radius:11px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.025)}.finance-line-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #edf0f4}.finance-line-head>div{display:flex;gap:10px;align-items:center}.finance-line-head small{display:block;color:#8995a7;font-weight:500}.line-index{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#111c29;color:#fff;font-weight:800}.finance-line-grid{padding:13px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}.finance-line-grid .span-2{grid-column:span 3}.line-metric{border:1px solid #e1e7ee;background:#f8fafc;border-radius:8px;padding:9px 10px;min-height:58px}.line-metric span{display:block;font-size:11px;font-weight:800;color:#7a8799;text-transform:uppercase}.line-metric strong{font-size:15px}.summary-help{font-size:12px;color:#78869a;margin:12px 0 0}.premium-modal .modal-header{align-items:flex-start}.premium-modal .modal-header p{font-size:13px}.suite-card header h2 i{margin-right:7px;color:#68778b}
@media(max-width:1180px){.finance-entry-grid{grid-template-columns:1fr}.sticky-finance{position:static}.finance-line-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-line-grid .span-2{grid-column:span 2}}
@media(max-width:760px){.premium-form-grid,.finance-line-grid{grid-template-columns:1fr}.premium-form-grid .span-2,.finance-line-grid .span-2{grid-column:span 1}}
/* user-level collapsed sidebar */
@media(min-width:992px){body.sidebar-collapsed .admin-sidebar{width:78px}body.sidebar-collapsed .admin-main{margin-left:78px}body.sidebar-collapsed .sidebar-brand-text,body.sidebar-collapsed .sidebar-section-label,body.sidebar-collapsed .sidebar-link span,body.sidebar-collapsed .sidebar-chevron,body.sidebar-collapsed .sidebar-submenu,body.sidebar-collapsed .sidebar-user-info,body.sidebar-collapsed .sidebar-logout span{display:none!important}body.sidebar-collapsed .sidebar-link{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .sidebar-brand{justify-content:center}}

/* V6 readability */
body.font-comfortable{font-size:16px;--ui-font-base:16px;--ui-font-control:15px;--ui-font-table:15px;--ui-font-table-secondary:13px;--ui-font-sidebar:14.5px;--ui-font-heading:28px}

/* V7 readability: user-selected density genuinely changes the whole interface. */
body.font-comfortable{--v7-body:17px;--v7-small:14px;--v7-nav:15.5px;--v7-table:15px;--v7-title:30px}
body.font-large{--v7-body:19px;--v7-small:15.5px;--v7-nav:17px;--v7-table:16.5px;--v7-title:33px}
body.font-extra_large{--v7-body:21px;--v7-small:17px;--v7-nav:18.5px;--v7-table:18px;--v7-title:36px}
body.admin-body{font-size:var(--v7-body)!important}
.sidebar-link,.sidebar-group summary{font-size:var(--v7-nav)!important;min-height:43px;height:auto!important;padding-top:9px!important;padding-bottom:9px!important}
.sidebar-group>a{font-size:calc(var(--v7-nav) - 1px)!important;padding-top:9px!important;padding-bottom:9px!important}
.nav-section{font-size:12px!important}.sidebar-brand b{font-size:17px!important}.sidebar-brand small,.sidebar-bottom small{font-size:12px!important}.sidebar-bottom b{font-size:14px!important}
.suite-page-head h1{font-size:var(--v7-title)!important}.suite-page-head p,.suite-card>header p,.topbar-breadcrumb{font-size:var(--v7-small)!important}
.suite-card>header h2{font-size:calc(var(--v7-body) - 1px)!important}.suite-kpi small{font-size:13px!important}.suite-kpi strong{font-size:27px!important}
.suite-table th,.dataTable th{font-size:13px!important}.suite-table td,.dataTable td{font-size:var(--v7-table)!important}.btn-suite,.form-control,.form-select,.form-label{font-size:calc(var(--v7-body) - 2px)!important}
.topbar-page-title{font-size:19px!important}.topbar-search input{font-size:15px!important}
.sidebar-group.v7-group{margin:3px 0}.sidebar-group.v7-group summary{font-weight:650}.sidebar-group.v7-group>a.active{color:#fff;background:#223242;border-left-color:#fff}
.inventory-alert{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf0f3}.inventory-alert:last-child{border-bottom:0}.inventory-alert i{font-size:18px}.stock-number{font-variant-numeric:tabular-nums;font-weight:750}.stock-available{color:#16805b}.stock-warning{color:#b66b00}.stock-danger{color:#c33b3b}

/* ========================================================================
   ADROP PREMIUM ERP THEME — V9
   One authoritative shell/sidebar/readability layer.
   ======================================================================== */
:root{
    --sidebar-width:286px;
    --sidebar-collapsed-width:82px;
    --adrop-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --adrop-canvas:#f4f6f8;
    --adrop-surface:#ffffff;
    --adrop-ink:#172033;
    --adrop-muted:#69778c;
    --adrop-line:#dde3ea;
    --adrop-sidebar:#101a31;
    --adrop-sidebar-deep:#0c1529;
    --adrop-sidebar-hover:#192845;
    --adrop-sidebar-active:#203555;
    --adrop-accent:#3d7cf5;
}
html,body{min-height:100%;}
body.admin-body{font-family:var(--adrop-font)!important;background:var(--adrop-canvas)!important;color:var(--adrop-ink)!important;font-size:16px!important;line-height:1.55!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.font-comfortable{--theme-body:16px;--theme-control:15px;--theme-table:14.5px;--theme-nav:15px;--theme-subnav:14px;--theme-title:30px;}
body.font-large{--theme-body:17.5px;--theme-control:16.5px;--theme-table:16px;--theme-nav:16px;--theme-subnav:15px;--theme-title:33px;}
body.font-extra_large{--theme-body:19px;--theme-control:18px;--theme-table:17.5px;--theme-nav:17px;--theme-subnav:16px;--theme-title:36px;}
body.admin-body{font-size:var(--theme-body)!important;}
.admin-shell{min-height:100vh!important;}
.admin-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--sidebar-width)!important;height:100vh!important;background:linear-gradient(180deg,var(--adrop-sidebar) 0%,var(--adrop-sidebar-deep) 100%)!important;border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:8px 0 28px rgba(15,23,42,.06)!important;z-index:1040!important;display:flex!important;flex-direction:column!important;transition:width .22s ease,transform .22s ease!important;overflow:visible!important;}
.admin-main{margin-left:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;min-height:100vh!important;transition:margin-left .22s ease,width .22s ease!important;}
.admin-content{min-height:100vh!important;padding:30px 34px 48px!important;}
.admin-footer{display:none!important;}
.sidebar-brand{height:82px!important;min-height:82px!important;padding:16px 14px 16px 18px!important;display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;background:linear-gradient(145deg,#334d6e,#17283e)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:19px!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important;}
.sidebar-brand-copy{min-width:0;flex:1;white-space:nowrap;overflow:hidden;}
.sidebar-brand-copy b{display:block!important;color:#f8fafc!important;font-size:17px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.02em!important;}
.sidebar-brand-copy small{display:block!important;color:#91a0b7!important;font-size:12.5px!important;line-height:1.3!important;margin-top:4px!important;font-weight:500!important;}
.sidebar-desktop-toggle,.sidebar-close{width:36px!important;height:36px!important;min-width:36px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:#b9c5d6!important;display:grid!important;place-items:center!important;font-size:16px!important;transition:.18s ease!important;}
.sidebar-desktop-toggle:hover,.sidebar-close:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;}
.sidebar-close{display:none!important;}
.sidebar-nav{padding:14px 12px 22px!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1!important;scrollbar-width:thin;scrollbar-color:#31405b transparent;}
.nav-section{margin:20px 10px 8px!important;color:#71819b!important;font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:.13em!important;white-space:nowrap!important;}
.sidebar-link,.sidebar-group summary{min-height:46px!important;height:auto!important;margin:3px 0!important;padding:10px 12px!important;border-radius:10px!important;color:#b9c5d6!important;font-family:var(--adrop-font)!important;font-size:var(--theme-nav)!important;font-weight:600!important;line-height:1.35!important;text-decoration:none!important;transition:background .16s ease,color .16s ease!important;}
.sidebar-link{display:flex!important;align-items:center!important;gap:12px!important;}
.sidebar-link i,.sidebar-group summary .summary-main>i{width:20px!important;min-width:20px!important;text-align:center!important;font-size:17px!important;color:#91a2bb!important;}
.sidebar-link:hover,.sidebar-group summary:hover{background:var(--adrop-sidebar-hover)!important;color:#fff!important;}
.sidebar-link.active{background:var(--adrop-sidebar-active)!important;color:#fff!important;box-shadow:inset 3px 0 var(--adrop-accent)!important;}
.sidebar-link.active i{color:#cfe0ff!important;}
.sidebar-group{margin:3px 0!important;color:#b9c5d6!important;}
.sidebar-group summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;}
.sidebar-group summary::-webkit-details-marker{display:none!important;}
.summary-main{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;white-space:nowrap!important;}
.sidebar-chevron{font-size:12px!important;transition:transform .18s ease!important;color:#7f90a9!important;}
.sidebar-group[open]>summary{background:rgba(255,255,255,.045)!important;color:#fff!important;}
.sidebar-group[open]>summary .sidebar-chevron{transform:rotate(180deg)!important;}
.sidebar-submenu{margin:4px 0 7px 29px!important;padding:3px 0 3px 13px!important;border-left:1px solid #33435e!important;}
.sidebar-submenu>a{display:block!important;margin:2px 0!important;padding:8px 10px!important;border-radius:8px!important;color:#96a6bc!important;font-size:var(--theme-subnav)!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;white-space:nowrap!important;transition:.15s ease!important;}
.sidebar-submenu>a:hover{color:#fff!important;background:rgba(255,255,255,.05)!important;}
.sidebar-submenu>a.active{color:#fff!important;background:#1c2e4c!important;font-weight:650!important;}
.sidebar-bottom{padding:12px!important;border-top:1px solid rgba(255,255,255,.08)!important;background:rgba(5,12,25,.22)!important;}
.sidebar-user-menu{width:100%!important;min-height:58px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:center!important;gap:11px!important;padding:8px 9px!important;text-align:left!important;}
.sidebar-user-menu:hover{background:rgba(255,255,255,.055)!important;}
.mini-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;background:#233956!important;color:#dbeafe!important;display:grid!important;place-items:center!important;font-size:14px!important;font-weight:800!important;}
.sidebar-user-copy{min-width:0!important;flex:1!important;overflow:hidden!important;}
.sidebar-user-copy b{display:block!important;color:#eef3fa!important;font-size:13.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.sidebar-user-copy small{display:block!important;color:#8293ac!important;font-size:12px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.sidebar-user-chevron{font-size:12px!important;color:#8191a8!important;}
.sidebar-user-dropdown{min-width:255px!important;padding:8px!important;border:1px solid var(--adrop-line)!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(15,23,42,.16)!important;}
.sidebar-user-dropdown .dropdown-item{min-height:40px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:14px!important;}
.sidebar-user-dropdown-head{padding:8px 10px!important;}.sidebar-user-dropdown-head b{display:block!important;font-size:14px!important}.sidebar-user-dropdown-head small{display:block!important;font-size:12.5px!important;color:var(--adrop-muted)!important;margin-top:2px!important;}
/* Real collapsed desktop icon rail */
@media(min-width:992px){
 body.sidebar-collapsed .admin-sidebar{width:var(--sidebar-collapsed-width)!important;}
 body.sidebar-collapsed .admin-main{margin-left:var(--sidebar-collapsed-width)!important;width:calc(100% - var(--sidebar-collapsed-width))!important;}
 body.sidebar-collapsed .sidebar-brand{padding:16px 20px!important;justify-content:center!important;}
 body.sidebar-collapsed .sidebar-brand-copy,body.sidebar-collapsed .sidebar-desktop-toggle,body.sidebar-collapsed .nav-section span,body.sidebar-collapsed .sidebar-link span,body.sidebar-collapsed .sidebar-group summary .summary-main>span,body.sidebar-collapsed .sidebar-chevron,body.sidebar-collapsed .sidebar-submenu,body.sidebar-collapsed .sidebar-user-copy,body.sidebar-collapsed .sidebar-user-chevron{display:none!important;}
 body.sidebar-collapsed .sidebar-nav{padding:14px 10px!important;overflow:visible!important;}
 body.sidebar-collapsed .nav-section{height:8px!important;margin:9px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;}
 body.sidebar-collapsed .sidebar-link,body.sidebar-collapsed .sidebar-group summary{width:52px!important;min-height:48px!important;margin:4px auto!important;padding:0!important;justify-content:center!important;}
 body.sidebar-collapsed .sidebar-link i,body.sidebar-collapsed .sidebar-group summary .summary-main>i{width:auto!important;font-size:18px!important;}
 body.sidebar-collapsed .summary-main{gap:0!important;justify-content:center!important;}
 body.sidebar-collapsed .sidebar-group[open]>summary{background:var(--adrop-sidebar-active)!important;}
 body.sidebar-collapsed .sidebar-bottom{padding:12px 10px!important;}
 body.sidebar-collapsed .sidebar-user-menu{width:52px!important;margin:auto!important;padding:7px!important;justify-content:center!important;}
 body.sidebar-collapsed .mini-avatar{margin:auto!important;}
}
/* Readability applies to the whole ERP, including legacy screens */
.admin-content h1,.suite-page-head h1{font-family:var(--adrop-font)!important;font-size:var(--theme-title)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.035em!important;color:#111827!important;}
.admin-content h2,.admin-content h3,.admin-content h4,.admin-content h5,.admin-content h6{font-family:var(--adrop-font)!important;color:#172033!important;}
.admin-content p,.admin-content li,.admin-content .text-muted{font-size:max(14px,calc(var(--theme-body) - 1px))!important;}
.admin-content label,.admin-content .form-label{font-size:var(--theme-control)!important;line-height:1.4!important;font-weight:650!important;}
.admin-content input,.admin-content select,.admin-content textarea,.admin-content .form-control,.admin-content .form-select{font-family:var(--adrop-font)!important;font-size:var(--theme-control)!important;line-height:1.4!important;min-height:42px!important;border-radius:9px!important;}
.admin-content button,.admin-content .btn,.admin-content .btn-suite{font-family:var(--adrop-font)!important;font-size:var(--theme-control)!important;font-weight:650!important;}
.admin-content table th,.admin-content .dataTable th{font-family:var(--adrop-font)!important;font-size:max(13px,calc(var(--theme-table) - 1px))!important;line-height:1.4!important;}
.admin-content table td,.admin-content .dataTable td{font-family:var(--adrop-font)!important;font-size:var(--theme-table)!important;line-height:1.5!important;}
.admin-content small,.admin-content .small,.admin-content [class*="meta"],.admin-content [class*="help"]{font-size:max(12.5px,calc(var(--theme-body) - 3px))!important;line-height:1.5!important;}
.modal-content{font-family:var(--adrop-font)!important;border-radius:14px!important;}.modal-title{font-size:18px!important;font-weight:800!important;}.premium-modal .modal-header p{font-size:13.5px!important;}
.mobile-floating-menu{display:none!important;}
@media(max-width:991.98px){
 .admin-sidebar{width:min(310px,88vw)!important;transform:translateX(-102%)!important;box-shadow:18px 0 50px rgba(15,23,42,.22)!important;}
 .admin-sidebar.show{transform:translateX(0)!important;}
 .admin-main,body.sidebar-collapsed .admin-main{margin-left:0!important;width:100%!important;}
 .admin-content{padding:76px 18px 34px!important;}
 .sidebar-desktop-toggle{display:none!important;}.sidebar-close{display:grid!important;margin-left:auto!important;}
 .mobile-floating-menu{display:flex!important;position:fixed!important;top:16px!important;left:16px!important;z-index:1035!important;width:44px!important;height:44px!important;border:1px solid var(--adrop-line)!important;border-radius:11px!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 25px rgba(15,23,42,.12)!important;align-items:center!important;justify-content:center!important;font-size:21px!important;}
 .sidebar-overlay{position:fixed!important;inset:0!important;background:rgba(9,16,29,.45)!important;backdrop-filter:blur(2px)!important;z-index:1039!important;opacity:0!important;visibility:hidden!important;transition:.2s ease!important;}.sidebar-overlay.show{opacity:1!important;visibility:visible!important;}
}


/* ===== V10 PREMIUM THEME / READABILITY SYSTEM ===== */
:root{--sidebar-width:292px;--theme-accent:#263a53;--theme-accent-rgb:38,58,83;--theme-sidebar-1:#101c2e;--theme-sidebar-2:#0b1423;--theme-soft:#eef3f8;--theme-focus:#dbe7f2}
body.theme-indigo{--theme-accent:#4f46e5;--theme-accent-rgb:79,70,229;--theme-sidebar-1:#19183b;--theme-sidebar-2:#101126;--theme-soft:#f0efff;--theme-focus:#e0defe}body.theme-royal{--theme-accent:#155eef;--theme-accent-rgb:21,94,239;--theme-sidebar-1:#10254c;--theme-sidebar-2:#0a1834;--theme-soft:#edf4ff;--theme-focus:#d9e7ff}body.theme-teal{--theme-accent:#0f766e;--theme-accent-rgb:15,118,110;--theme-sidebar-1:#0e302f;--theme-sidebar-2:#092220;--theme-soft:#eaf8f6;--theme-focus:#d4efeb}body.theme-emerald{--theme-accent:#087a55;--theme-accent-rgb:8,122,85;--theme-sidebar-1:#0d3026;--theme-sidebar-2:#08231c;--theme-soft:#ebf8f2;--theme-focus:#d4efe4}body.theme-slate{--theme-accent:#475569;--theme-accent-rgb:71,85,105;--theme-sidebar-1:#1e293b;--theme-sidebar-2:#111827;--theme-soft:#f1f5f9;--theme-focus:#e2e8f0}
body.admin-body{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:#f4f7fa!important;color:#263547!important;font-size:17px!important;line-height:1.55}.admin-sidebar{width:292px!important;background:linear-gradient(180deg,var(--theme-sidebar-1),var(--theme-sidebar-2))!important}.admin-main{margin-left:292px!important;width:calc(100% - 292px)!important}.sidebar-brand{height:82px!important;padding:16px 18px!important}.sidebar-brand b{font-size:17px!important}.sidebar-brand small{font-size:12px!important}.sidebar-nav{padding:16px 12px!important}.nav-section{font-size:11px!important;margin:22px 10px 8px!important}.sidebar-link,.sidebar-group summary{min-height:44px!important;height:auto!important;font-size:15.5px!important;border-radius:10px!important;padding:10px 12px!important}.sidebar-submenu a,.sidebar-group>a{font-size:14.5px!important;line-height:1.4!important;padding:9px 12px!important}.sidebar-link.active,.sidebar-group[open]>summary{background:rgba(255,255,255,.09)!important}.sidebar-submenu a.active{color:#fff!important;background:rgba(255,255,255,.07)!important}.admin-content{padding:32px 34px 52px!important}.suite-page-head h1,.directory-header h1,.adrop-page-header h1{font-size:32px!important;letter-spacing:-.7px!important}.suite-page-head p,.directory-header p,.adrop-page-header p{font-size:15px!important}.suite-card>header h2{font-size:17px!important}.suite-card>header p{font-size:13.5px!important}.suite-table th,table.dataTable thead th{font-size:12.5px!important;padding:13px 14px!important}.suite-table td,table.dataTable tbody td{font-size:15px!important;padding:14px!important}.suite-table td small,.directory-secondary{font-size:13px!important}.form-label,label{font-size:14px}.form-control,.form-select,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:15.5px!important;min-height:43px!important;border-radius:9px!important}.btn,.btn-suite,.directory-btn{font-size:14px!important;min-height:41px!important;border-radius:9px!important}.text-muted,small,.small{font-size:13px}.suite-kpi small{font-size:11.5px!important}.suite-kpi strong{font-size:25px!important}
body.font-comfortable{font-size:16.5px!important}body.font-large{font-size:18px!important}body.font-extra_large{font-size:20px!important}body.font-large .form-control,body.font-large .form-select,body.font-large input,body.font-large select,body.font-large textarea{font-size:17px!important}body.font-extra_large .form-control,body.font-extra_large .form-select,body.font-extra_large input,body.font-extra_large select,body.font-extra_large textarea{font-size:18.5px!important}
body.sidebar-collapsed .admin-sidebar{width:82px!important}body.sidebar-collapsed .admin-main{margin-left:82px!important;width:calc(100% - 82px)!important}
/* Android-style switches for boolean checkboxes */
.form-check:not(.form-check-inline) .form-check-input[type="checkbox"],.column-sort-item .form-check-input[type="checkbox"],.export-field-option .form-check-input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:42px!important;height:24px!important;min-height:24px!important;border:0!important;border-radius:999px!important;background:#cbd5e1!important;position:relative!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;transition:.2s ease!important;cursor:pointer!important}.form-check-input[type="checkbox"]:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.2s ease}.form-check-input[type="checkbox"]:checked{background:var(--theme-accent)!important}.form-check-input[type="checkbox"]:checked:before{transform:translateX(18px)}
.btn-suite:not(.light),.btn-primary,.directory-primary-btn{background:var(--theme-accent)!important;border-color:var(--theme-accent)!important}.form-control:focus,.form-select:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb),.12)!important}.page-kicker,.directory-eyebrow,.adrop-page-eyebrow{color:var(--theme-accent)!important;font-size:11.5px!important;font-weight:800;letter-spacing:1.1px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-list{padding:16px}.metric-list>div{display:grid;grid-template-columns:1fr auto;gap:7px 14px;padding:11px 0;border-bottom:1px solid #edf1f5}.metric-list span{font-size:14px;font-weight:650}.metric-list b{font-size:14px}.metric-list i{grid-column:1/-1;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--theme-accent) var(--w),#edf1f5 var(--w));display:block}
@media(max-width:991.98px){.admin-main,body.sidebar-collapsed .admin-main{margin-left:0!important;width:100%!important}.admin-content{padding:74px 18px 34px!important}.analytics-grid{grid-template-columns:1fr}}
/* V11 usability pass: sales qualification and transaction forms */
.lead-section-card .form-control,.lead-section-card .form-select{min-height:48px!important;padding:.72rem .9rem!important;font-size:var(--theme-control,16px)!important;border-radius:10px!important}.lead-section-card textarea.form-control{min-height:120px!important}.lead-field-label{font-size:14.5px!important;font-weight:700!important;margin-bottom:8px!important}.stock-entry .form-control,.stock-entry .form-select{min-height:48px;padding:.7rem .85rem;font-size:var(--theme-control,16px);border-radius:10px}.stock-entry{box-shadow:0 1px 2px rgba(15,23,42,.03)}.stock-entry .form-text{font-size:13px!important}.suite-card .text-muted{font-size:14px}
\n\n/* =========================================================\n   ADROP V13 — PROFESSIONAL ERP DESIGN SYSTEM\n   Final authority layer. Keeps legacy module CSS visually consistent.\n   ========================================================= */\n:root{\n --adrop-font:"Inter","Aptos","Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif;\n --adrop-canvas:#f6f8fb;--adrop-surface:#fff;--adrop-surface-soft:#f9fafb;\n --adrop-ink:#182230;--adrop-text:#344054;--adrop-muted:#667085;\n --adrop-border:#d9e0e8;--adrop-border-light:#e9edf2;\n --adrop-radius:10px;--adrop-card-radius:14px;--adrop-control-h:46px;\n --adrop-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.03);\n}\nbody.theme-navy{--theme-accent:#2f6fed;--theme-accent-rgb:47,111,237;--theme-sidebar-1:#17233a;--theme-sidebar-2:#101827;--theme-soft:#edf4ff;--theme-focus:#dbe8ff}\nbody.theme-indigo{--theme-accent:#635bff;--theme-accent-rgb:99,91,255;--theme-sidebar-1:#242247;--theme-sidebar-2:#17162e;--theme-soft:#f0efff;--theme-focus:#e2e0ff}\nbody.theme-royal{--theme-accent:#1677ff;--theme-accent-rgb:22,119,255;--theme-sidebar-1:#17345f;--theme-sidebar-2:#10223f;--theme-soft:#edf6ff;--theme-focus:#d9eaff}\nbody.theme-teal{--theme-accent:#0f8b8d;--theme-accent-rgb:15,139,141;--theme-sidebar-1:#153b3c;--theme-sidebar-2:#0d292a;--theme-soft:#eaf8f8;--theme-focus:#d5eeee}\nbody.theme-emerald{--theme-accent:#16865c;--theme-accent-rgb:22,134,92;--theme-sidebar-1:#173a2e;--theme-sidebar-2:#0d281f;--theme-soft:#ebf8f2;--theme-focus:#d7eee4}\nbody.theme-slate{--theme-accent:#53657d;--theme-accent-rgb:83,101,125;--theme-sidebar-1:#263445;--theme-sidebar-2:#182230;--theme-soft:#f0f3f7;--theme-focus:#e0e6ed}\nbody.admin-body{font-family:var(--adrop-font)!important;background:var(--adrop-canvas)!important;color:var(--adrop-text)!important;font-weight:400;letter-spacing:-.005em}\nbody.font-comfortable{--theme-body:16.5px;--theme-control:15.5px;--theme-table:15px;--theme-nav:15.5px;--theme-subnav:14.5px;--theme-title:31px}\nbody.font-large{--theme-body:18px;--theme-control:17px;--theme-table:16.5px;--theme-nav:16.5px;--theme-subnav:15.5px;--theme-title:34px}\nbody.font-extra_large{--theme-body:19.5px;--theme-control:18.5px;--theme-table:18px;--theme-nav:17.5px;--theme-subnav:16.5px;--theme-title:37px}\n.admin-content{background:var(--adrop-canvas)!important}\n.admin-card,.suite-card,.lead-v12-card,.directory-card,.form-card{border:1px solid var(--adrop-border)!important;border-radius:var(--adrop-card-radius)!important;box-shadow:var(--adrop-shadow)!important;background:#fff!important}\n.admin-card-header,.suite-card>header{padding:18px 20px!important;min-height:64px!important;border-bottom:1px solid var(--adrop-border-light)!important}\n.admin-card-body{padding:20px!important}\n.admin-card-title,.suite-card>header h2{font-size:17px!important;font-weight:750!important;letter-spacing:-.015em!important;color:var(--adrop-ink)!important}\n.admin-card-subtitle,.suite-card>header p{font-size:13.5px!important;line-height:1.5!important;color:var(--adrop-muted)!important}\n.form-label,.admin-content label{color:#344054!important;font-weight:650!important;margin-bottom:7px}\n.form-control,.form-select,.admin-content input:not([type=checkbox]):not([type=radio]),.admin-content select,.admin-content textarea{min-height:var(--adrop-control-h)!important;padding:10px 13px!important;border:1px solid #cfd8e3!important;border-radius:9px!important;background:#fff!important;color:#182230!important;font-size:var(--theme-control)!important;box-shadow:0 1px 2px rgba(16,24,40,.02)!important}\n.admin-content textarea,.form-control[type=textarea],textarea.form-control{height:auto!important;min-height:112px!important;padding:12px 14px!important;line-height:1.55!important}\n.form-control::placeholder,.admin-content input::placeholder,.admin-content textarea::placeholder{color:#98a2b3!important;opacity:1}\n.form-control:focus,.form-select:focus,.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{border-color:var(--theme-accent)!important;box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb),.12)!important;outline:0!important}\n.form-text,.lead-v12-help{color:var(--adrop-muted)!important;font-size:13px!important;line-height:1.5!important}\n.btn,.btn-suite,.directory-btn,.btn-adrop,.btn-adrop-outline{min-height:42px!important;padding:9px 14px!important;border-radius:9px!important;font-weight:650!important;letter-spacing:-.005em!important}\n.btn-primary,.btn-adrop,.btn-suite:not(.light){background:var(--theme-accent)!important;border-color:var(--theme-accent)!important;color:#fff!important}\n.btn-primary:hover,.btn-adrop:hover,.btn-suite:not(.light):hover{filter:brightness(.94)}\n.table-responsive{border-radius:0 0 var(--adrop-card-radius) var(--adrop-card-radius)}\n.admin-content table thead th,.suite-table th,table.dataTable thead th{background:#f8fafc!important;color:#475467!important;font-size:12.5px!important;font-weight:750!important;letter-spacing:.025em!important;text-transform:uppercase!important;border-bottom:1px solid var(--adrop-border)!important;padding:13px 15px!important}\n.admin-content table tbody td,.suite-table td,table.dataTable tbody td{color:#344054!important;font-size:var(--theme-table)!important;padding:14px 15px!important;border-bottom:1px solid var(--adrop-border-light)!important}\n.admin-content table tbody tr:hover td{background:#fafcff!important}\n.status-badge,.suite-status,.badge{font-weight:650!important;letter-spacing:0!important}\n/* Lead editor: every section owns explicit inner spacing. */\n.lead-form-v12{gap:24px!important}\n.lead-v12-card{overflow:hidden!important}\n.lead-v12-head{padding:24px 28px 20px!important}\n.lead-v12-grid,.lead-v12-notes-body{padding:26px 28px 30px!important}\n.lead-v12-grid{gap:24px 28px!important}\n.lead-v12-field{min-width:0!important}\n.lead-v12-field>label{margin-bottom:8px!important;font-size:14.5px!important;line-height:1.4!important}\n.lead-v12-field .form-control,.lead-v12-field .form-select{min-height:50px!important;height:50px!important;padding:12px 14px!important;font-size:16px!important}\n.lead-v12-field textarea.form-control{height:auto!important;min-height:154px!important;padding:14px 16px!important;line-height:1.6!important}\n.lead-v12-intelligence{border-top:0!important}.lead-v12-intelligence .lead-v12-step{background:var(--theme-soft)!important;color:var(--theme-accent)!important}\n.lead-v12-step{background:var(--theme-soft)!important;color:var(--theme-accent)!important}\n.lead-v12-kicker{color:var(--theme-accent)!important}\n/* Prevent generic legacy form grids from collapsing controls into narrow columns. */\n.form-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:18px 20px!important;padding:20px!important}\n.form-grid>label,.form-grid>.form-group,.form-grid>[class*=field]{min-width:0!important}\n/* Android-style switch with accessible focus. */\n.form-check-input[type=checkbox]{cursor:pointer}.form-check-input[type=checkbox]:focus{box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb),.14)!important}\n/* Preferences should itself look like a polished settings panel. */\n#displayPreferencesModal .modal-content{border:0!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(16,24,40,.18)!important}\n#displayPreferencesModal .modal-header,#displayPreferencesModal .modal-body,#displayPreferencesModal .modal-footer{padding:20px 22px!important}\n#displayPreferencesModal .form-select{min-height:48px!important}\n@media(max-width:900px){.lead-v12-grid,.lead-v12-notes-body{padding:20px!important}.form-grid{grid-template-columns:1fr!important}}\n
/* =========================================================
   ADROP V14 — SMOOTH CONTROLS + INDEPENDENT SIDEBAR THEMES
   ========================================================= */
:root{--adrop-font:"Manrope","Aptos","Segoe UI Variable","Segoe UI",sans-serif;--filter-control-h:48px}
body.admin-body{font-family:var(--adrop-font)!important}

/* Independent sidebar palettes */
body.sidebar-theme-midnight{--sidebar-bg-1:#172033;--sidebar-bg-2:#0d1422;--sidebar-hover:#222e43;--sidebar-active:#2b3a53;--sidebar-border:rgba(255,255,255,.075);--sidebar-text:#c8d2e0;--sidebar-muted:#8190a5}
body.sidebar-theme-graphite{--sidebar-bg-1:#272b31;--sidebar-bg-2:#171a1f;--sidebar-hover:#343a42;--sidebar-active:#414852;--sidebar-border:rgba(255,255,255,.08);--sidebar-text:#d4d8de;--sidebar-muted:#929aa5}
body.sidebar-theme-zoho_blue{--sidebar-bg-1:#173b67;--sidebar-bg-2:#0d294b;--sidebar-hover:#214d7e;--sidebar-active:#2a5d94;--sidebar-border:rgba(255,255,255,.09);--sidebar-text:#d7e7f8;--sidebar-muted:#91afd0}
body.sidebar-theme-indigo{--sidebar-bg-1:#302b63;--sidebar-bg-2:#1c193f;--sidebar-hover:#403979;--sidebar-active:#50478e;--sidebar-border:rgba(255,255,255,.09);--sidebar-text:#e0ddf7;--sidebar-muted:#aaa4d3}
body.sidebar-theme-teal{--sidebar-bg-1:#174a4c;--sidebar-bg-2:#0c2e30;--sidebar-hover:#205d60;--sidebar-active:#287174;--sidebar-border:rgba(255,255,255,.09);--sidebar-text:#d7efef;--sidebar-muted:#91bdbf}
body.sidebar-theme-emerald{--sidebar-bg-1:#174737;--sidebar-bg-2:#0b2b20;--sidebar-hover:#205b47;--sidebar-active:#286f56;--sidebar-border:rgba(255,255,255,.09);--sidebar-text:#d8eee6;--sidebar-muted:#92bbaa}
.admin-sidebar{background:linear-gradient(180deg,var(--sidebar-bg-1),var(--sidebar-bg-2))!important;border-right-color:var(--sidebar-border)!important;transition:width .22s ease,transform .22s ease,background .22s ease!important}
.sidebar-brand,.sidebar-bottom{border-color:var(--sidebar-border)!important}.sidebar-link,.sidebar-group,.sidebar-group summary{color:var(--sidebar-text)!important}.nav-section,.sidebar-brand small,.sidebar-bottom small{color:var(--sidebar-muted)!important}.sidebar-link:hover,.sidebar-group summary:hover,.sidebar-group[open] summary{background:var(--sidebar-hover)!important}.sidebar-link.active{background:var(--sidebar-active)!important;color:#fff!important}.sidebar-group>a{color:var(--sidebar-muted)!important;border-left-color:var(--sidebar-border)!important}.sidebar-group>a:hover,.sidebar-group>a.active{color:#fff!important}

/* Filters: never render as short browser-default controls. */
.suite-filter{padding:16px 18px!important;background:#fff!important;border:1px solid var(--adrop-border)!important;border-radius:12px!important;box-shadow:var(--adrop-shadow)!important;margin-bottom:16px!important}
.suite-filter .filter-grid{gap:14px!important;align-items:end!important}.suite-filter label{display:flex!important;flex-direction:column!important;gap:7px!important;font-size:13.5px!important;font-weight:700!important;color:#344054!important}
.suite-filter input,.suite-filter select,.directory-filter input,.directory-filter select,.filters-bar input,.filters-bar select,.filter-bar input,.filter-bar select,.filter-card input,.filter-card select,.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{height:var(--filter-control-h)!important;min-height:var(--filter-control-h)!important;padding:10px 38px 10px 13px!important;border:1px solid #cfd8e3!important;border-radius:9px!important;background-color:#fff!important;color:#182230!important;font-size:15px!important;line-height:1.35!important;box-sizing:border-box!important}
.dataTables_wrapper .dataTables_filter input{padding-right:13px!important;min-width:230px!important}.dataTables_wrapper .dataTables_length select{min-width:82px!important;padding-right:34px!important;margin:0 7px!important}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{font-size:14px!important;color:#475467!important;margin-bottom:14px!important}
.suite-filter .btn-suite,.filters-bar .btn,.filter-bar .btn{height:var(--filter-control-h)!important;min-height:var(--filter-control-h)!important;padding-inline:18px!important}

/* Smooth, consistent interaction language */
.admin-content .form-control,.admin-content .form-select,.admin-content .btn,.btn-suite,.directory-btn,.sidebar-link,.sidebar-group summary,.admin-card,.suite-card{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,transform .16s ease!important}
.btn:hover,.btn-suite:hover,.directory-btn:hover{transform:translateY(-1px)}.btn:active,.btn-suite:active,.directory-btn:active{transform:translateY(0)}
.admin-card:hover,.suite-card:hover{box-shadow:0 4px 14px rgba(16,24,40,.055)!important}
select.form-select{background-position:right 13px center!important;background-size:16px 12px!important;padding-right:40px!important}

/* Preference modal: grouped controls with generous hit areas */
#displayPreferencesModal .modal-dialog{max-width:560px!important}#displayPreferencesModal .modal-body{padding:22px 24px 26px!important}#displayPreferencesModal .form-label{margin-top:0!important;margin-bottom:8px!important}#displayPreferencesModal .form-select{height:50px!important;min-height:50px!important;padding:11px 42px 11px 14px!important;margin-bottom:18px!important}

@media(max-width:767.98px){.suite-filter .filter-grid{grid-template-columns:1fr!important}.dataTables_wrapper .dataTables_filter input{min-width:0!important;width:100%!important}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{float:none!important;text-align:left!important;width:100%!important}}