/* Hides Status field form Case layout */
dxp_records-section:last-of-type {
    display: none;
}

.myCaseColumn {
    border-bottom: 1px solid #d3d3d3; /* Light grey line between records */
    padding: 1rem;
    margin: -1rem;
}

.myResolvedCaseColumn {
    border-bottom: 1px solid #d3d3d3; /* Light grey line between records */
    padding: 1rem;
    margin: -1rem;
}

.contactSupportFlow {
    background-color: #ededed; /* Light grey background */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Add padding inside the form container */
    margin: 20px auto; /* Center the form and add space around it */
    max-width: 600px; /* Optional: limit the form width */
    width: 100%; /* Ensure form takes up the full width up to the max-width */
    box-sizing: border-box; /* Ensure padding doesn't overflow */
}

.sideMenu {
    display: flex !important;
    gap: 4px; 
    align-items: center;
}

.submitRequestButton {
    padding: 0.5rem 1rem; /* Adds space inside the button for text */
    font-size: 1rem; /* Ensures text resizes gracefully */
    border: none; /* Optional: removes default border */
    border-radius: 8px; /* Rounds corners slightly */
    color: #fff; /* Text color */
    cursor: pointer; /* Changes cursor to pointer on hover */
    transition: all 0.2s ease-in-out; /* Smooth resizing and hover effect */
    min-width: 100px; /* Ensures button doesn’t collapse too much */
    max-width: 100%; /* Allows button to shrink within the container */
    height: auto; /* Ensures height adjusts dynamically */
    text-align: center; /* Centers text */
    white-space: nowrap; /* Prevents text wrapping */
}

.knowledgeArticleTile {
    border: 1px solid lightgrey; /* Adds a light grey border */
    border-radius: 4px; /* Optional: adds rounded corners */
    padding: 16px; /* Optional: adds spacing inside the tile */
    background-color: white; /* Optional: ensures a consistent background */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow for depth */
}

.knowledgeFeedbackForm {
    background-color: #ededed; /* Light grey background */
    border-radius: 10px; /* Rounded corners */
    box-sizing: border-box; /* Ensure padding doesn't overflow */
}

/*
.slds-grid .dxp-grid-item {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #ccc !important; 
    padding: 10px !important;
    flex: 0 0 calc(33.333% - 10px); 
    box-sizing: border-box;
}*/
/*
.slds-grid .article-tile {
    gap: 5px !important;
}*/