/* Import Montserrat from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Houston Modern Brand Colors */
:root {
    --primary: #76b852;
    --primary-dark: #5da03b;
    --dark: #2d3436;
    --bg-light: #f8f9fa;
    --white: #ffffff;
    --danger: #fa5252;
    --font-main: 'Montserrat', sans-serif;
}

body { 
    font-family: var(--font-main); 
    background: var(--bg-light); 
    color: var(--dark); 
    margin: 0; 
    -webkit-font-smoothing: antialiased;
}

/* Ensure all form elements and buttons use the new font */
input, textarea, button, select, .btn {
    font-family: var(--font-main);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* Dashboard Cards */
.card { 
    background: var(--white); 
    border-radius: 12px; 
    padding: 25px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
    margin-bottom: 20px; 
}

/* Status Badges */
.status-pill { 
    padding: 6px 12px; 
    border-radius: 50px; 
    font-size: 11px; 
    font-weight: 700; /* Increased weight for Montserrat clarity */
    text-transform: uppercase; 
    letter-spacing: 0.8px; /* Slightly wider tracking for geometric look */
}

.status-pending-review { background: #fff4e6; color: #d9480f; }
.status-accepted { background: #ebfbee; color: #2f9e44; }
.status-scheduled { background: #e3f2fd; color: #0d47a1; }
.status-offer-sent { background: #f3f0ff; color: #5f3dc4; } /* Added for complete flow */

/* Buttons */
.btn { 
    border-radius: 8px; 
    font-weight: 700; 
    padding: 12px 20px; 
    cursor: pointer; 
    border: none; 
    text-decoration: none; 
    display: inline-block; 
    text-align: center; 
    transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
    .nav-btn-mobile-hide {
        display: none !important;
    }
}
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { background: var(--primary-dark); transform: translateY(-1px); }
.btn-outline { border: 2px solid var(--primary); color: var(--primary); background: transparent; }

/* Layout Containers */
.container { max-width: 1000px; margin: 0 auto; padding: 0px; }
.admin-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; }