/* 1. Global & Background Fix */
html, body {
    background: #f8fafc !important;
    font-family: 'Inter', -apple-system, system-ui, sans-serif !important;
    height: auto !important; /* Fixed: prevents body clipping on long pages */
}

/* 2. Floating Card Container */
#container {
    max-width: 1000px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    /* Reduced overflow restriction to prevent element cutting */
    overflow: visible !important; 
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    display: block !important;
}

/* 3. Refined Header & Logo */
#header { 
    padding: 35px 50px 20px 50px !important; 
    background: #fff !important; 
    border: none !important;
    border-radius: 20px 20px 0 0 !important;
}
#logo img { max-height: 42px !important; width: auto !important; }

/* 4. Improved Navbar */
#nav {
    background: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0 20px !important; /* Slightly reduced to prevent text wrap */
    height: auto !important;
    box-shadow: none !important;
}
#nav li { margin: 0 !important; height: auto !important; }
#nav li a {
    background: none !important;
    border: none !important;
    color: #64748b !important;
    font-weight: 600 !important;
    padding: 18px 15px !important;
    text-shadow: none !important;
    transition: 0.2s ease;
    display: inline-flex !important;
    align-items: center;
    font-size: 14px !important;
}

#nav li a:hover { color: #3b0764 !important; background: #f8fafc !important; }
#nav li a.active {
    color: #3b0764 !important;
    border-bottom: 3px solid #3b0764 !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
}

/* 5. Content Area & Sidebar Fixes */
#content { 
    padding: 40px 0px !important; 
    overflow: visible !important; /* Critical: stops form fields from cutting */
}

#landing_page h1 { font-size: 2.4rem !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 15px !important; }
#landing_page p { color: #475569 !important; font-size: 1.1rem !important; line-height: 1.8 !important; }

/* Fixed Sidebar Clipping */
.sidebar { 
    padding-top: 20px !important; 
    float: right !important;
}

.front-page-button {
    margin-bottom: 15px !important;
    display: block !important;
}

.front-page-button a {
    text-align: center !important;
    width: 100% !important;
    padding: 16px 10px !important; /* Horizontal padding reduced */
    font-size: 15px !important;
    box-sizing: border-box !important; /* Ensures padding doesn't push width over 100% */
}

/* 6. Better Input Boxes & Forms */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
    background: #f9fafb !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    max-width: 100% !important; /* Prevents stretching outside container */
    box-sizing: border-box !important;
}
input[type="text"]:focus, select:focus, textarea:focus {
    border-color: #3b0764 !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(59, 7, 100, 0.1) !important;
    outline: none !important;
}

input[type="submit"],input[type="reset"],input[type="button"]{padding:10px 24px!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;border:1px solid transparent!important}
input[type="submit"][value*="Post"],input[type="submit"][value*="Ticket"]{background:#3b0764!important;color:#fff!important}
input[type="reset"]{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0!important}
input[type="button"][value="Cancel"]{background:0 0!important;color:#94a3b8!important;border-color:#e2e8f0!important}
input[type="button"][value="Cancel"]:hover{background:#fef2f2!important;color:#ef4444!important}

/* 8. Footer Fixes */
#footer { 
    background: #fff !important; 
    padding: 40px !important; 
    border-top: 1px solid #f1f5f9 !important; 
    border-radius: 0 0 20px 20px !important;
    color: #94a3b8 !important; 
    text-align: center !important; 
}