﻿.sidebar {
    width: 270px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    border-right: 1px solid #ece5dc;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
}


.sidebar-logo {
    padding: 25px 20px;
    border-bottom: 1px solid #f1ece6;
}

    .sidebar-logo h3 {
        margin: 0;
        font-size: 22px;
        font-weight: 800;
    }

    .sidebar-logo small {
        display: block;
        margin-top: 4px;
        color: #888;
        font-size: 10px;
        letter-spacing: 1px;
    }

.sidebar-menu {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    margin: 0;
    padding: 12px;
}

    .sidebar-menu::-webkit-scrollbar {
        width: 7px;
    }

    .sidebar-menu::-webkit-scrollbar-track {
        background: #f3f3f3;
    }

    .sidebar-menu::-webkit-scrollbar-thumb {
        background: #cfcfcf;
        border-radius: 30px;
    }

        .sidebar-menu::-webkit-scrollbar-thumb:hover {
            background: #b5b5b5;
        }

    .sidebar-menu li {
        margin-bottom: 5px;
    }


    .sidebar-menu > li > a,
    .sidebar-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 12px 14px;
        border-radius: 10px;
        text-decoration: none;
        color: #5b6672;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        transition: .25s;
    }


        .sidebar-menu > li > a:hover,
        .sidebar-link:hover {
            background: #fff2e8;
            color: #b54a00;
        }


    .sidebar-menu > li.active > a,
    .sidebar-item.active > .sidebar-link {
        background: #fff2e8;
        color: #b54a00;
        border-left: 4px solid #b54a00;
    }


.menu-arrow {
    transition: .25s;
    font-size: 18px;
}

.sidebar-link[aria-expanded="true"] .menu-arrow {
    transform: rotate(90deg);
}

.sidebar-submenu {
    list-style: none;
    margin: 6px 0 10px;
    padding-left: 18px;
}

    .sidebar-submenu li {
        margin-bottom: 3px;
    }

    .sidebar-submenu a {
        display: block;
        padding: 9px 12px;
        border-radius: 8px;
        color: #6e7882;
        font-size: 13px;
        text-decoration: none;
        transition: .25s;
    }

        .sidebar-submenu a:hover,
        .sidebar-submenu .active-sub a {
            background: #fff3ea;
            color: #b54a00;
        }


.sidebar-bottom {
    margin-top: auto;
    padding: 20px;
    border-top: 1px solid #ece7df;
    background: #fff;
}

.main-content {
    margin-left: 270px;
    width: calc(100% - 270px);
    min-height: 100vh;
    background: #f7f5f0;
}



.new-filing-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(90deg,#bf4700,#ef7d21);
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .6px;
    margin-bottom: 22px;
    transition: .25s;
}

    .new-filing-btn:hover {
        color: #fff;
        transform: translateY(-1px);
    }


.sidebar-links {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .sidebar-links a {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #7f8790;
        font-size: 11px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }

        .sidebar-links a i {
            width: 16px;
            color: #75808b;
        }

        .sidebar-links a:hover {
            color: #b54a00;
        }

            .sidebar-links a:hover i {
                color: #b54a00;
            }



            /* new code added form edit button command delete button color-profile customer dashboard*/

.floating-add {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 56px;
    height: 56px;
    background: #A64B00;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(166,75,0,.35);
    transition: .25s;
    z-index: 1000;
}

    .floating-add i {
        font-size: 22px;
    }

    .floating-add:hover {
        background: #7d3900;
        color: #fff;
        transform: translateY(-3px);
    }


.customer-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.action-btn {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none;
    transition: .25s;
    font-size: 13px;
}

.edit-btn {
    background: transparent;
    color: #8f7768;
}

    .edit-btn:hover {
        background: #f7efe8;
        color: #8B4513;
    }

.delete-btn {
    background: #8B4513;
    color: #fff;
    box-shadow: 0 4px 10px rgba(139,69,19,.25);
}

    .delete-btn:hover {
        background: #6b3510;
        color: #fff;
        transform: translateY(-2px);
    }

    .delete-btn i,
    .edit-btn i {
        font-size: 13px;
    }



    /*gstin master code */

.policy-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
    padding: 18px 20px;
    background: #f7f4f1;
    border: 1px solid #ead7ca;
    border-radius: 14px;
}

.policy-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
}

.policy-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 10px;
    background: #b55406;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.policy-content {
    flex: 1;
}

.policy-title {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 700;
    color: #b55406;
}

.policy-text {
    margin: 0;
    font-size: 14px;
    color: #55606d;
    line-height: 1.55;
    max-width: 700px;
}

.review-btn {
    padding: 10px 26px;
    background: #fff;
    border: 1px solid #b55406;
    color: #b55406;
    border-radius: 8px;
    font-weight: 600;
    transition: .25s;
    white-space: nowrap;
}

    .review-btn:hover {
        background: #b55406;
        color: #fff;
    }


html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    overflow-x: hidden;
}

.app-wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    margin: 0 !important;
    padding: 0;
    overflow-x: hidden;
}

.layout-sidebar {
    flex: 0 0 260px;
    width: 260px;
    min-width: 260px;
}

.main-content {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    overflow-x: hidden;
}

/* Tablet and mobile layout fix */
@media (max-width: 991.98px) {
    .app-wrapper {
        display: block;
        width: 100vw;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .layout-sidebar {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        flex: 0 0 0 !important;
    }

    .main-content {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        left: 0 !important;
        overflow-x: hidden !important;
    }
}




/* Security parent module */
.layout-sidebar .security-submenu > .sidebar-submenu-group > .sidebar-submenu-link {
    background: #fff7f0 !important;
    color: #594238 !important;
    font-weight: 700 !important;
}

    /* Open Role/User parent only */
    .layout-sidebar .security-submenu > .sidebar-submenu-group > .sidebar-submenu-link.module-active {
        background: #ffeadf !important;
        color: #9e3d00 !important;
    }

/* Normal child items */
.layout-sidebar .security-submenu .nested-submenu > li > a {
    background: #fff8f3 !important;
    color: #594238 !important;
    font-weight: 500 !important;
}

/* Only selected child should be active */
.layout-sidebar .security-submenu .nested-submenu > li.active-sub > a {
    background: #ffdbcd !important;
    color: #9e3d00 !important;
    font-weight: 800 !important;
}

/* Stop parent active-sub from coloring all nested links */
.layout-sidebar .security-submenu > li.active-sub .nested-submenu > li:not(.active-sub) > a {
    background: #fff8f3 !important;
    color: #594238 !important;
}