/* JobPosting.razor.css - Modern Dark Theme */

.modern-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
    padding: 0;
}

.page-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header {
    position: relative;
    text-align: center;
    padding: 2rem 0 1.5rem 0;
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(0, 168, 204, 0.05) 100%);
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.page-header h1 {
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #ffffff !important;
}

/* Action Bar */
.action-bar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
}

/* Jobs List */
.jobs-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Empty State */
.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    border: 2px dashed #2d3748;
    border-radius: 1rem;
}

/* Job Card */
.job-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #2d3748;
    border-radius: 1rem;
    padding: 1rem 1rem 0.5rem 1rem;
    transition: all 0.3s ease;
}



.job-card.inactive {
    opacity: 0.6;
}



.job-title-section {
    flex: 1;
}

.job-status {
    flex-shrink: 0;
}

.job-details {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 0.05rem;
    padding: 1rem 0;
}
/*-----*/
/* Top-right action buttons */
.job-actions-top {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

/* Update job-header to allow buttons on the right */
.job-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.job-title-section {
    flex: 1;
    min-width: 0; /* Allow text truncation */
}

/* Move status badges below the header */
.job-status {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

/* Remove the old bottom job-actions */
.job-actions {
    display: none;
}


/*-----*/
.detail-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #a0aec0;
    font-size: 0.9rem;
}

.job-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}



/* Mobile Responsiveness */
@media (max-width: 768px) {
    .page-wrapper {
        padding: 1rem;
    }

    .job-header {
        flex-direction: column;
    }

    .job-details {
        flex-direction: column;
        gap: 0.75rem;
    }

    .job-actions {
        flex-direction: column;
    }

    .job-actions .rz-button {
        width: 100%;
    }
}

/* --------------------------- job-postings.css (updated) --------------------------- */
:root{
    --bg:#0a0e27; --bg2:#1a1f3a; --brand:#00d4ff; --brand-2:#00a8cc;
    --text:#e7eaf3; --muted:#a0aec0; --stroke:#2d3748; --radius:14px; --field-h:46px; --card-w:640px;
}

.modern-container{min-height:100vh;background:linear-gradient(135deg,var(--bg) 0%,var(--bg2) 100%);}
.page-wrapper{max-width:880px;margin:0 auto;padding:1.25rem;}

.page-header{position:relative;text-align:center;padding:2rem 0 1.25rem;border-radius:1rem;margin-bottom:1.25rem;
    background:linear-gradient(135deg,rgba(0,212,255,.09) 0%,rgba(0,168,204,.05) 100%);
}
.page-header h1{font-weight:600;letter-spacing:-.5px;color:#fff!important;}

.form-card{max-width:var(--card-w);margin:0 auto;background:rgba(255,255,255,.03)!important;border:1px solid var(--stroke)!important;border-radius:var(--radius)!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important;padding:2rem!important;}

/* Uniform form styling */
.form-uniform .fi{color:var(--brand);} /* form icons */
.form-stack{display:flex;flex-direction:column;gap:1rem;}

/* Make EVERY control the same width (full card width) */
.form-uniform .rz-form-field{width:100%;}
.form-uniform .rz-form-field .rz-inputtext,
.form-uniform .rz-form-field .rz-textarea,
.form-uniform .rz-form-field .rz-dropdown,
.form-uniform .rz-form-field .rz-calendar .rz-inputtext{
    width:100%;
}

/* Consistent height + rounded corners for non-textarea inputs */
.form-uniform .rz-form-field .rz-inputtext:not(textarea),
.form-uniform .rz-form-field .rz-dropdown,
.form-uniform .rz-form-field .rz-calendar .rz-inputtext{
    height:var(--field-h);line-height:var(--field-h);padding:0 .9rem;border-radius:12px;
}

/* Textareas get comfy radius */
.form-uniform .field--textarea .rz-textarea{min-height:110px;border-radius:12px;padding:.8rem .9rem;}

/* Focus ring & hover */
.form-uniform .rz-inputtext:focus,
.form-uniform .rz-textarea:focus,
.form-uniform .rz-dropdown:focus-within,
.form-uniform .rz-calendar .rz-inputtext:focus{
    outline:none;box-shadow:0 0 0 3px rgba(0,212,255,.2);border-color:var(--brand);
}

/* Helper text */
.form-uniform .rz-form-field .rz-helper{color:var(--muted);}

/* Checkbox line */
.check-line{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;}

/* Buttons */
.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;padding-top:1rem;}
.btn-ghost{width:100%;border-radius:.75rem;font-weight:600;font-size:1rem;letter-spacing:.3px;
    background:#151b3d;border:1px solid var(--stroke);color:#fff;}
.btn-primary{width:100%;border-radius:.75rem;font-weight:600;font-size:1rem;letter-spacing:.3px;
    background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);border:none;color:#0a0e27;
    box-shadow:0 4px 15px rgba(0,212,255,.3);}

/* Mobile */
@media (max-width:768px){
    .page-wrapper{padding:1rem;}
    .form-card{padding:1rem!important;}
    .form-actions{grid-template-columns:1fr;}
}