@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#12345a;--blue:#1769aa;--cyan:#21a5c7;--ink:#1d2d3d;--muted:#718096;--line:#e5ebf1;--bg:#f4f7fb;--white:#fff;--green:#16845b;--red:#b83b45;--shadow:0 12px 35px rgba(20,48,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}a{color:var(--blue);text-decoration:none}.container{width:min(1160px,92%);margin:auto}.public-header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo,.side-brand{display:flex;align-items:center;gap:13px;color:var(--navy)}.logo b,.side-brand b{display:block;font-size:15px}.logo small,.side-brand small{display:block;color:var(--muted);font-size:12px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:1px;box-shadow:0 7px 16px #1769aa30}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 22px;font:700 14px 'Cairo',sans-serif;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(120deg,var(--blue),var(--cyan));color:white;box-shadow:0 7px 18px #1769aa25}.btn.outline{border:1px solid #c9d8e7;color:var(--navy);background:white}.btn:disabled{opacity:.45;cursor:not-allowed}.hero{position:relative;background:linear-gradient(90deg,rgba(9,39,70,.91) 0%,rgba(13,61,99,.82) 48%,rgba(16,78,115,.62) 100%),url('https://ushhospital.com/wp-content/uploads/2025/08/DeptHeader.webp') center center/cover no-repeat;color:#fff;overflow:hidden;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,31,57,.24),transparent 58%);z-index:-1}.hero-inner{position:relative;z-index:1}.hero-inner{min-height:360px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 0}.hero h1{font-size:42px;line-height:1.35;margin:12px 0}.hero p{color:#d5e4f1;max-width:580px;margin:0 0 24px}.eyebrow{font-size:12px;color:var(--cyan);font-weight:800;letter-spacing:.5px}.hero .eyebrow{color:#76d7ee}.hero-symbol{width:245px;height:245px;border:1px solid #ffffff45;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:62px;font-weight:800;color:#ffffffd9;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff05}.hero-symbol span{font-size:9px;letter-spacing:2px;color:#b9d3e6}.main-content{padding:55px 0}.section-heading,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:2px 0;font-size:27px;color:var(--navy)}.count-pill{background:#e7f3fb;color:var(--blue);padding:5px 14px;border-radius:20px;font-size:13px;font-weight:700}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card,.form-card,.panel,.stat,.auth-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.job-card{padding:23px}.job-tag{display:inline-block;background:#edf6fc;color:var(--blue);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.job-card h3{font-size:18px;margin:12px 0 7px;color:var(--navy)}.job-card p{font-size:13px;color:var(--muted);min-height:68px}.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;color:#63768a;font-size:11px}.job-meta span{background:#f3f6f9;padding:4px 9px;border-radius:5px}.text-link{font-weight:700;font-size:13px}.apply-section{margin-top:65px}.muted{color:var(--muted);font-size:13px}.form-card{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label,.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#34495e}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dce4ec;border-radius:8px;padding:11px 12px;font:400 13px 'Cairo',sans-serif;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#5aa7d2;box-shadow:0 0 0 3px #5aa7d21c}textarea{resize:vertical}.check{display:flex!important;flex-direction:row!important;align-items:center;font-weight:500!important}.check input{width:auto}.form-card button{margin-top:18px;min-width:180px}.empty{background:white;border:1px dashed #cbd8e4;border-radius:12px;padding:30px;text-align:center;color:var(--muted)}footer{padding:25px 0;background:#102d50;color:#d5e4f1;font-size:12px}.notice{padding:13px 17px;border-radius:9px;background:#eef6fb;border:1px solid #cde3f1;margin:15px 0;color:#214f70;font-size:13px}.notice.success{background:#eaf7f0;border-color:#c4e8d3;color:#176541}.notice.error{background:#fff0f0;border-color:#f1caca;color:#9d3038}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#102d50,#1769aa)}.auth-card{width:min(430px,100%);padding:35px}.auth-card .brand-mark{margin:0 auto 18px}.auth-card h1{text-align:center;color:var(--navy);margin:0}.auth-card>p{text-align:center}.auth-card form{display:grid;gap:16px;margin-top:25px}.auth-card .btn{width:100%;margin-top:5px}.back-link{display:block;text-align:center;margin-top:20px;font-size:12px}.admin-body{background:#f3f6fa;min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:#102d50;color:white;padding:24px 17px;display:flex;flex-direction:column;z-index:2}.side-brand{color:white;padding:0 8px 28px;border-bottom:1px solid #ffffff20}.side-brand small{color:#b9cde0}.sidebar nav{display:grid;gap:7px;margin-top:25px}.sidebar nav a{color:#d2e1ee;padding:11px 13px;border-radius:8px;font-size:13px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff18;color:#fff}.side-user{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 8px 0;font-size:12px}.side-user b,.side-user small{display:block}.side-user small{color:#aec2d5}.side-user a{display:inline-block;margin-top:12px;color:#8bd8ec}.admin-main{margin-right:250px;padding:30px;max-width:1600px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top h1{font-size:25px;margin:0;color:var(--navy)}.user-chip{background:white;border:1px solid var(--line);padding:8px 14px;border-radius:30px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stat{padding:19px}.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{font-size:30px;color:var(--blue)}.panel{padding:23px;margin-bottom:20px}.panel h2{font-size:17px;color:var(--navy);margin:0 0 18px}.panel h3{font-size:15px;color:var(--navy);margin:25px 0 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:right;background:#f5f8fb;color:#64788c;font-weight:700}th,td{padding:12px 10px;border-bottom:1px solid var(--line)}td{color:#35485b}.status{display:inline-block;background:#eaf3fb;color:#24628e;padding:3px 9px;border-radius:20px;font-size:11px}.table-sub{display:block;color:var(--muted);font-size:10px}.filter-form,.inline-form{display:flex;gap:10px;align-items:center;margin-bottom:18px}.filter-form input{flex:1}.filter-form select,.inline-form select{max-width:210px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px;background:#f7f9fc;border-radius:10px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:var(--muted);font-size:11px}.detail-grid b{font-size:13px;overflow-wrap:anywhere}.assessment-row{border-top:1px solid var(--line);padding:13px 0}.assessment-row small{display:block;color:var(--muted);font-size:11px}.assessment-row p{font-size:12px}.admin-footer{text-align:center;color:#9aa8b6;font-size:11px;padding:20px}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(3,1fr)}.job-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.hero-inner{min-height:300px}.hero h1{font-size:31px}.hero-symbol{display:none}.job-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.sidebar{position:static;width:auto;padding:12px}.side-brand{padding-bottom:12px}.sidebar nav{display:flex;overflow:auto;margin-top:12px}.sidebar nav a{white-space:nowrap}.side-user{display:none}.admin-main{margin:0;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.filter-form{flex-wrap:wrap}.filter-form input{flex-basis:100%}.nav{height:70px}.logo b{font-size:12px}.logo small{font-size:10px}.nav>.btn{padding:8px 11px;font-size:11px}.main-content{padding:35px 0}}


/* الهوية البصرية المحسّنة لبوابة التوظيف */
:root{--navy:#073b68;--blue:#0877bd;--cyan:#25a8d1;--ink:#20364b;--muted:#6c8194;--line:#dce8f1;--bg:#f2f7fb;--shadow:0 16px 42px rgba(8,55,94,.09)}
body{background:linear-gradient(180deg,#f4f9fd 0%,#f7f9fc 55%,#edf4f9 100%)}
.public-header{background:rgba(255,255,255,.97);border-bottom:1px solid #dce9f2;box-shadow:0 4px 20px rgba(8,55,94,.045)}
.brand-mark{background:linear-gradient(140deg,#06365f,#087fc2);border-radius:15px}
.hero{background:linear-gradient(90deg,rgba(4,39,70,.94) 0%,rgba(5,72,116,.86) 54%,rgba(7,102,151,.68) 100%),url('https://ushhospital.com/wp-content/uploads/2025/08/DeptHeader.webp') center center/cover no-repeat}
.hero-inner{min-height:345px;padding:58px 0}
.hero h1{font-size:clamp(32px,4vw,46px);font-weight:800;text-shadow:0 2px 12px #00294b40}
.hero p{font-size:15px;line-height:2;color:#e0edf7}
.hero-symbol{border-color:#ffffff55;color:#fff;background:#ffffff0a;backdrop-filter:blur(2px)}
.btn{border-radius:11px;padding:12px 24px}
.btn.primary{background:linear-gradient(120deg,#075c9b,#078bc5);box-shadow:0 8px 20px rgba(0,105,174,.22)}
.btn.outline{border-color:#c7dceb;color:#07558b}
.main-content{padding:48px 0 65px}
.section-heading{margin-bottom:20px}
.section-heading h2{font-weight:800;color:#073b68}
.count-pill{background:#e2f2fb;color:#0769a8;border:1px solid #cde8f7}
.job-card,.form-card{border:1px solid #e0eaf2;border-radius:17px;box-shadow:0 12px 32px rgba(8,55,94,.065)}
.job-card{transition:transform .2s,box-shadow .2s}
.job-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(8,55,94,.11)}
.apply-section{margin-top:58px}
.form-card{padding:clamp(20px,3vw,34px);position:relative;overflow:hidden}
.form-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#0a5b96,#20a4ce)}
.form-grid{gap:19px 20px}
.form-grid label{color:#24435e;font-size:13px}
.form-grid input:not([type=checkbox]):not([type=file]),.form-grid select,.form-grid textarea{border:1px solid #d6e3ed;border-radius:10px;background:#fbfdff;min-height:45px;padding:10px 13px;transition:border-color .18s,box-shadow .18s,background .18s}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#1685c2;box-shadow:0 0 0 4px rgba(22,133,194,.10);background:#fff}
.form-grid textarea{min-height:105px;line-height:1.8}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#9aabba}
.form-grid .muted{font-size:11px;font-weight:400}
.form-card button{min-width:210px;margin-top:24px}
.form-grid .check{background:#f1f8fc;border:1px solid #dcecf6;border-radius:10px;padding:12px 14px;color:#31536d}
.empty{border-color:#cbdfea;background:#fff;padding:28px;line-height:2}
.notice{border-radius:11px}
footer{background:linear-gradient(110deg,#062e51,#075a91);padding:28px 0}
@media(max-width:720px){.hero-inner{min-height:280px;padding:40px 0}.hero h1{font-size:31px}.main-content{padding:30px 0 45px}.form-card{padding:20px 15px}.form-grid{gap:14px}.form-grid .full{grid-column:1/-1}.form-card button{width:100%}}


/* تخطيط الحقول بأسلوب الملصق الثابت بجوار مربع الإدخال */
.form-grid .field-row {
    display: grid !important;
    grid-template-columns: 148px minmax(0, 1fr);
    align-items: stretch;
    gap: 0 !important;
    min-width: 0;
    min-height: 48px;
    overflow: hidden;
    border: 1px solid #d4e3ef;
    border-radius: 10px;
    background: #fff;
    color: #24435e;
    transition: border-color .18s, box-shadow .18s;
}
.form-grid .field-row:focus-within {
    border-color: #1685c2;
    box-shadow: 0 0 0 4px rgba(22,133,194,.10);
}
.form-grid .field-caption {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    padding: 9px 11px;
    background: linear-gradient(180deg, #eef6fc, #e5f1f9);
    border-left: 1px solid #d4e3ef;
    color: #07558b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.55;
}
.form-grid .field-row input:not([type="checkbox"]):not([type="file"]),
.form-grid .field-row select,
.form-grid .field-row textarea,
.form-grid .field-row input[type="file"] {
    width: 100%;
    min-width: 0;
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0;
    box-shadow: none !important;
    background: #fff;
    color: #20364b;
    font: 400 13px 'Cairo', sans-serif;
}
.form-grid .field-row input:not([type="checkbox"]):not([type="file"]),
.form-grid .field-row select {
    min-height: 48px;
    padding: 10px 12px;
}
.form-grid .field-row input[type="file"] {
    min-height: 48px;
    padding: 8px 10px;
}
.form-grid .field-row textarea {
    min-height: 112px;
    padding: 11px 12px;
    resize: vertical;
    line-height: 1.8;
}
.form-grid .field-row input::placeholder,
.form-grid .field-row textarea::placeholder {
    color: #9aabba;
}
.form-grid .field-row .field-help {
    grid-column: 2;
    margin: 0;
    padding: 0 12px 8px;
    color: #71879a;
    font-size: 10px;
    font-weight: 500;
    background: #fff;
}
.form-grid .field-row-large {
    min-height: 112px;
}
.form-grid .field-row-large .field-caption {
    align-items: flex-start;
    padding-top: 15px;
}
.form-grid .check {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}
@media (max-width: 720px) {
    .form-grid .field-row {
        grid-template-columns: 118px minmax(0, 1fr);
    }
    .form-grid .field-caption {
        padding: 8px;
        font-size: 11px;
    }
    .form-grid .field-row input:not([type="checkbox"]):not([type="file"]),
    .form-grid .field-row select,
    .form-grid .field-row textarea {
        font-size: 12px;
        padding-right: 9px;
        padding-left: 9px;
    }
}
@media (max-width: 380px) {
    .form-grid .field-row {
        grid-template-columns: 104px minmax(0, 1fr);
    }
    .form-grid .field-caption {
        font-size: 10px;
    }
}

/* === تخطيط الحقول مطابق للصورة المرجعية === */
.form-grid {
    gap: 7px 10px;
}

.form-grid .field-row {
    display: grid !important;
    direction: rtl;
    /* في اتجاه RTL يظهر مربع المسمى إلى اليمين ومربع الإدخال إلى اليسار */
    grid-template-columns: minmax(118px, 40%) minmax(0, 60%);
    align-items: stretch;
    gap: 0 !important;
    min-width: 0;
    min-height: 34px;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none;
}

.form-grid .field-caption {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 34px;
    padding: 5px 10px;
    background: #e2f1f9;
    border: 1px solid #c4dbea;
    border-left: 0;
    border-radius: 0;
    color: #123e60;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.45;
    text-align: right;
}

.form-grid .field-row input:not([type="checkbox"]):not([type="file"]),
.form-grid .field-row select,
.form-grid .field-row textarea,
.form-grid .field-row input[type="file"] {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 34px;
    height: 34px;
    margin: 0;
    padding: 5px 9px;
    border: 1px solid #b9d1e3 !important;
    border-radius: 0 !important;
    outline: 0;
    box-shadow: none !important;
    background: #fff;
    color: #183d5b;
    font: 400 12px 'Cairo', Tahoma, Arial, sans-serif;
    text-align: right;
}

.form-grid .field-row input:focus,
.form-grid .field-row select:focus,
.form-grid .field-row textarea:focus {
    position: relative;
    z-index: 1;
    border-color: #438dbd !important;
    box-shadow: inset 0 0 0 1px #d6eaf7 !important;
    background: #fff;
}

.form-grid .field-row input::placeholder,
.form-grid .field-row textarea::placeholder {
    color: #7e95a8;
    opacity: 1;
}

.form-grid .field-row-large {
    min-height: 44px;
}

.form-grid .field-row-large .field-caption {
    min-height: 44px;
    align-items: center;
    padding-top: 5px;
}

.form-grid .field-row textarea {
    min-height: 44px;
    height: 44px;
    resize: vertical;
    line-height: 1.6;
}

.form-grid .field-row input[type="file"] {
    height: auto;
    min-height: 34px;
    padding: 3px 7px;
    font-size: 11px;
}

.form-grid .field-row .field-help {
    grid-column: 2;
    margin: 0;
    padding: 3px 9px 5px;
    border: 1px solid #d7e6f0;
    border-top: 0;
    background: #fff;
    color: #71879a;
    font-size: 10px;
    font-weight: 500;
}

.form-grid .check {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}

@media (max-width: 720px) {
    .form-grid {
        gap: 9px;
    }

    .form-grid .field-row {
        grid-template-columns: minmax(105px, 40%) minmax(0, 60%);
    }

    .form-grid .field-caption {
        padding: 5px 7px;
        font-size: 10px;
    }

    .form-grid .field-row input:not([type="checkbox"]):not([type="file"]),
    .form-grid .field-row select,
    .form-grid .field-row textarea {
        padding-right: 7px;
        padding-left: 7px;
        font-size: 11px;
    }
}

@media (max-width: 360px) {
    .form-grid .field-row {
        grid-template-columns: minmax(92px, 42%) minmax(0, 58%);
    }

    .form-grid .field-caption {
        font-size: 9px;
        padding-right: 5px;
        padding-left: 5px;
    }
}