/* Custom Styles for MOC */

/* Make action icons bigger across the app */
.btn-icon i.ti-edit,
.btn-icon i.ti-trash,
.btn-icon i.ti-eye,
.btn-icon i.ti-pencil,
.btn-icon i.ti-x,
.btn-icon .ti {
    font-size: 18px !important;
}

/* Action button styling */
.table .btn-icon {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Remove small button sizing for action icons in tables */
.table .btn-icon.btn-sm {
    width: 36px;
    height: 36px;
}

/* Action icons hover effects */
.table .btn-icon:hover {
    transform: scale(1.1);
    transition: transform 0.15s ease-in-out;
}

/* Better spacing between action buttons */
.table td .d-inline-flex,
.table td .d-flex {
    gap: 8px;
}

/* Wider sidebar for policy navigation */
.sidebar {
    width: 350px !important;
}

.mini-sidebar .sidebar {
    width: 70px !important;
}

.expand-menu.mini-sidebar .sidebar,
.expand-menu .sidebar {
    width: 350px !important;
}

/* Adjust main content margin to match wider sidebar */
.page-wrapper {
    margin-left: 350px !important;
}

.mini-sidebar .page-wrapper {
    margin-left: 70px !important;
}

.expand-menu.mini-sidebar .page-wrapper,
.expand-menu .page-wrapper {
    margin-left: 350px !important;
}

/* Header also needs adjustment */
.header {
    left: 350px !important;
}

.mini-sidebar .header {
    left: 70px !important;
}

.expand-menu.mini-sidebar .header,
.expand-menu .header {
    left: 350px !important;
}