#estimator-form-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
}

#estimator-form {
    width: 90%;
    max-width: 1200px; /* Ensures it doesn't get too wide */
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Remove sidebar completely */
#secondary, .widget-area, .sidebar {
    display: none !important;
}

/* Expand the main content area */
#primary, .content-area, #main, .site-main, .entry-content, .content-wrap, .content-wrap-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
    display: block !important;
}

/* Ensure the container is full-width */
.container, .inner-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

/* Ensure flexbox layouts expand */
#content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Make form and estimates take full width */
#estimator-form {
    width: 100% !important;
    max-width: 1200px; /* Adjust max width as needed */
    margin: 0 auto !important;
    padding: 20px !important;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

#estimator-estimates-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Table Styling */
#estimates-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

#estimates-table th,
#estimates-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

#estimates-table th {
    background: #f4f4f4;
    font-weight: bold;
}

#estimates-table td.status {
    font-weight: bold;
    text-transform: capitalize;
}

/* Status Colors */
.status.draft { color: gray; }
.status.pending { color: orange; }
.status.approved { color: green; }
.status.rejected { color: red; }

/* Action Buttons */
.edit-estimate, .delete-estimate {
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 5px;
}

.edit-estimate {
    color: #0073aa;
}

.delete-estimate {
    color: #d9534f;
}