.sig-box {
    cursor: crosshair;
    width: 200px;
}

.sig-box-full {
    cursor: crosshair;
    width: 300px;
}

/*
 * jSignature injects two zero-height "control bar" divs with negative margins that overlap the canvas.
 * They sit above the canvas in the stack and break coordinate mapping (strokes only in ~bottom half).
 * Undo lives in the lower div (disabled by default); hide spacers entirely for a normal pad.
 */
.jsign-container > div,
#sig-pad > div {
    display: none !important;
}

.jsign-container canvas.jSignature {
    display: block;
    vertical-align: top;
}

.flex-row {
    display: flex;
}

.sign-here {
    height: 100%;
    background: #ff0000;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.sign-date {
    height: 100%;
    background: #4000ff;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 50;
}

/* .tab-content {
    height: 100% !important;
} */

:root {
    --sidebar-font-scale: 1;
    --sidebar-icon-scale-top: 1;
    --sidebar-icon-scale-sub: 1;
}

.sidebar .sidebar-nav {
    font-size: calc(var(--sidebar-font-scale, 1) * 0.95rem);
}

.sidebar .sidebar-nav .sidebar-link {
    font-size: inherit;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.sidebar .sidebar-nav > .sidebar-item > .sidebar-link i {
    min-width: 1rem;
    text-align: center;
    font-size: calc(var(--sidebar-font-scale, 1) * var(--sidebar-icon-scale-top, 1) * 1rem);
}

.sidebar .sidebar-nav .sidebar-link span {
    font-size: inherit;
}

.sidebar .sidebar-submenu {
    padding-left: 1.25rem;
}

.sidebar .sidebar-submenu .sidebar-link {
    padding-left: 1.75rem;
}

.sidebar .sidebar-submenu .sidebar-link i {
    min-width: 1rem;
    text-align: center;
    font-size: calc(var(--sidebar-font-scale, 1) * var(--sidebar-icon-scale-sub, 1) * 0.95rem);
}

/* Nested group headers (KPIs → Customer) must share the same gutter as
   sibling links (Published Dashboards). Hide nested icons still left an
   icon-sized column on expand/collapse rows. */
.sidebar.sidebar-hide-nested-icons .sidebar-submenu .sidebar-link {
    gap: 0;
}

.sidebar.sidebar-hide-nested-icons .sidebar-submenu .sidebar-link i,
.sidebar.sidebar-hide-nested-icons .sidebar-submenu .sidebar-link svg {
    display: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 0 !important;
    font-size: 0 !important;
}

.sidebar .sidebar-divider {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.sidebar .sidebar-divider .sidebar-divider-line {
    width: 100%;
    height: 1px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.sidebar .sidebar-divider-sub .sidebar-divider-line {
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem);
}

/* Phone staff menu: fixed drawer under the top bar. Desktop rules stay outside this query. */
.fs-sidebar-backdrop {
    display: none;
}

@media (max-width: 767.98px) {
    .main {
        overflow-y: auto;
    }
}

@media (max-width: 991.98px) {
    #main-nav.navbar {
        position: relative;
        z-index: 1040;
    }

    #sidebar.sidebar {
        position: fixed;
        top: 4.5rem;
        left: 0;
        z-index: 1030;
        box-sizing: border-box;
        width: 260px;
        min-width: 260px;
        max-width: 260px;
        height: calc(100vh - 4.5rem);
        height: calc(100dvh - 4.5rem);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    body[data-sidebar-behavior="sticky"] #sidebar.sidebar .sidebar-content,
    #sidebar.sidebar .sidebar-content {
        height: auto;
        max-height: none;
        position: relative;
        top: auto;
    }

    #sidebar.sidebar .sidebar-link,
    #sidebar.sidebar a.sidebar-brand {
        box-sizing: border-box;
        min-height: 44px;
    }

    .sidebar-toggle {
        align-items: center;
        box-sizing: border-box;
        justify-content: center;
        min-height: 44px;
        min-width: 44px;
    }

    .fs-sidebar-backdrop.is-open {
        position: fixed;
        top: 4.5rem;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1020;
        display: block;
        background: rgba(15, 23, 42, 0.45);
    }

    body.fs-sidebar-drawer-open .main {
        overflow: hidden;
    }
}