/* Esnaf Hastanesi | kariyer premium theme */
:root {--navy:#102b3b;--deep:#0d2432;--teal:#087f83;--mint:#e5f4f2;--muted:#72818d;--line:#e7ebee;--canvas:#f3f6f8}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy)}
.career-layout{min-height:100vh}.career-topbar{height:88px;padding:0 max(34px,calc((100vw - 1450px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}
.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup img{height:49px;max-width:120px;object-fit:contain}.brand-lockup span{display:flex;flex-direction:column;gap:4px}.brand-lockup strong{font-size:13px;letter-spacing:1.4px;font-weight:800}.brand-lockup small{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.8px}.topbar-caption{color:#85939c;font-size:12px;letter-spacing:.3px}
.career-shell{max-width:1450px;min-height:calc(100vh - 88px);margin:0 auto;display:grid;grid-template-columns:365px minmax(0,1fr);background:#fff;box-shadow:0 6px 40px rgba(15,42,55,.035)}
.career-sidebar{background:linear-gradient(160deg,#123a4a,#0c2938 72%);color:#fff;padding:65px 45px 45px;position:relative}.sidebar-eyebrow,.sidebar-section{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#75cbcb}.career-sidebar h1{font-size:38px;line-height:1.16;letter-spacing:-1.3px;font-weight:750;margin:21px 0 20px}.career-sidebar h1 em{font-style:normal;color:#7cdbd2}.career-sidebar p{font-size:13px;line-height:1.9;color:#b7cbd2;max-width:255px}.sidebar-rule{border-top:1px solid rgba(255,255,255,.15);margin:40px 0 31px}.step-list{list-style:none;padding:0;margin:20px 0 40px;counter-reset:step}.step-list li{display:flex;align-items:center;gap:13px;padding:12px 10px;border-radius:10px;color:#a9c1c9;font-size:13px;counter-increment:step}.step-list li:before{content:counter(step,decimal-leading-zero);width:31px;height:31px;border:1px solid rgba(255,255,255,.22);border-radius:8px;display:grid;place-items:center;font-size:10px;letter-spacing:.5px;flex-shrink:0}.step-list li.current{background:rgba(255,255,255,.13);color:#fff;font-weight:700}.step-list li.current:before{background:#78d7cf;color:#123440;border-color:#78d7cf}.step-list li.completed:before{content:'✓';color:#80ded4;border-color:#80ded4}.sidebar-foot{font-size:11px;color:#90afb8;line-height:1.6}
.career-main{min-width:0;padding:58px clamp(28px,5vw,95px) 48px}.career-breadcrumb{font-size:10px;letter-spacing:1.8px;color:#82949e;font-weight:800}.career-breadcrumb span{padding:0 9px;color:#c3cbd0}.career-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:37px}.career-kicker{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:1.6px}.career-heading h2{font-size:32px;letter-spacing:-1px;margin:9px 0 9px;font-weight:760}.career-heading p{color:var(--muted);font-size:14px;margin:0}.step-pill{white-space:nowrap;font-size:10px;letter-spacing:1.3px;color:#82939c;border:1px solid #e1e8eb;border-radius:9px;padding:12px 14px}.step-pill strong{color:var(--teal);font-size:13px;margin-left:5px}.progress-track{height:5px;background:#e8f0f1;overflow:hidden;border-radius:100px;margin:31px 0 28px}.progress-fill{height:100%;background:linear-gradient(90deg,#119698,#6ac8bd);border-radius:100px}.career-form-card{padding:35px 34px;background:#fff;border:1px solid #e6edef;border-radius:18px;box-shadow:0 16px 44px rgba(19,51,62,.045);min-height:340px}.career-form-note{text-align:center;color:#86969e;font-size:11px;margin-top:24px}
.career-form-card [id^=baslik] {color:var(--navy);font-size:17px;font-weight:750}.career-form-card hr{border:0;border-top:1px solid var(--line);margin:21px 0 27px}.career-form-card .form-group{margin-bottom:18px}.career-form-card input:not([type=checkbox]),.career-form-card textarea,.career-form-card select{border-radius:8px!important;min-height:43px;border-color:#dbe5e9!important;box-shadow:none!important}.career-form-card input:focus,.career-form-card textarea:focus{border-color:#0c8c8e!important;outline:2px solid rgba(12,140,142,.08)}.career-form-card .dx-combobox{width:100%}.career-form-card .btn,.career-form-card button{border-radius:9px}.career-form-card .btn-primary,.career-form-card .btn.btn-primary{background:var(--teal);border-color:var(--teal);padding:11px 25px;font-weight:700}.career-form-card .btn-danger{background:#f1f4f6;color:#3e5561;border-color:#e0e7ea;padding:11px 24px}.career-form-card [id^=butonlar]{text-align:right}.career-form-card [id^=butonlar] > div{display:flex;justify-content:flex-end;gap:12px;align-items:center;flex-wrap:wrap}.career-form-card #detay3{text-align:center}.career-form-card #detay3 img{object-fit:cover;border-radius:14px;border:4px solid #eff5f5;max-width:100%}.bottom-footer{padding:24px;text-align:center}.footer-copyright{font-size:11px;color:#83929d;margin:0}.modal-content{border-radius:14px;overflow:hidden}.modal-dialog{max-width:750px!important}
@media(max-width:1050px){.career-shell{grid-template-columns:280px 1fr}.career-sidebar{padding:48px 25px}.career-sidebar h1{font-size:30px}.career-main{padding:43px 32px}.career-form-card{padding:25px}}
@media(max-width:760px){.career-topbar{height:74px;padding:0 18px}.brand-lockup img{height:40px}.brand-lockup strong{font-size:11px}.brand-lockup small{font-size:9px}.topbar-caption{display:none}.career-shell{display:block}.career-sidebar{padding:22px 22px 17px}.sidebar-eyebrow,.career-sidebar h1,.career-sidebar p,.sidebar-rule,.sidebar-section,.sidebar-foot{display:none}.step-list{display:flex;overflow-x:auto;gap:5px;margin:0;padding-bottom:5px}.step-list li{flex:0 0 auto;font-size:0;padding:4px}.step-list li:before{width:30px;height:30px;font-size:10px}.career-main{padding:28px 17px}.career-heading{margin-top:23px;align-items:flex-start}.career-heading h2{font-size:26px}.career-heading p{font-size:12px}.step-pill{padding:8px;font-size:9px}.career-form-card{padding:24px 16px;border-radius:13px}.career-form-card [class*=col-]{max-width:100%;flex:0 0 100%}.modal-dialog{max-width:calc(100% - 24px)!important}}




/* Form bileşenleri: DevExpress 17.2 / Bootstrap çakışmasını önler */
.career-form-card {min-width:0;padding:36px 34px 30px}
.career-form-card .career-fields-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 26px;align-items:start;min-width:0;padding:0!important;max-width:100%!important}
.career-form-card .career-field {min-width:0;width:100%;max-width:100%;margin:0}
.career-form-card .career-field-wide {grid-column:1/-1}
.career-form-card .career-field-label {font-size:13px;font-weight:650;color:#344b59;line-height:1.5;margin:0 0 9px}
.career-form-card .career-required {color:#087f83}
/* Doğrudan ASPx editor köküne uygulanır; label artık editörün iç tablosunda değil. */
.career-form-card .career-editor {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
.career-form-card .career-editor.dxeTextBoxSys,
.career-form-card .career-editor.dxeButtonEditSys,
.career-form-card .career-editor[class*="dxeTextBox_"],
.career-form-card .career-editor[class*="dxeButtonEdit_"] {
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:50px!important;border:1px solid #d9e4ea!important;
  border-radius:11px!important;background:#f8fafc!important;box-shadow:none!important;
  padding:0!important;overflow:hidden!important;box-sizing:border-box!important;
}
/* Sadece editörün ilk iç tablosu: başka tabloların kolon ölçülerini bozma. */
.career-form-card .career-editor > table {width:100%!important;max-width:100%!important;table-layout:auto!important;border-spacing:0!important;margin:0!important}
.career-form-card .career-editor td {box-sizing:border-box!important}
.career-form-card .career-editor td.dxeButtonEditButton,
.career-form-card .career-editor td[class*="dxeButtonEditButton"] {width:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;white-space:nowrap!important;background:#eef5f6!important;border:0!important;border-left:1px solid #d9e4ea!important}
.career-form-card .career-editor input.dxeEditArea,
.career-form-card .career-editor input.dxeEditAreaSys,
.career-form-card .career-editor input[type="text"],
.career-form-card .career-editor textarea {
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
  height:50px!important;min-height:50px!important;padding:0 13px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;outline:none!important;box-sizing:border-box!important;
  font-size:16px!important;font-weight:450!important;line-height:normal!important;color:#163648!important;
  text-overflow:ellipsis!important;
}
.career-form-card .career-editor textarea {min-height:96px!important;height:96px!important;padding:13px!important;resize:vertical!important}
.career-form-card .career-editor input:focus,.career-form-card .career-editor textarea:focus {border:0!important;outline:0!important;box-shadow:none!important}
.career-form-card .career-editor:focus-within {border-color:#0c9093!important;box-shadow:0 0 0 3px rgba(12,144,147,.13)!important;background:#fff!important}
.career-form-card .career-editor input::placeholder,.career-form-card .career-editor textarea::placeholder {color:#8699a5!important;opacity:1}
.career-form-card .career-editor .dxeErrorCell {font-size:12px!important;color:#b93434!important}
.career-form-card .career-upload-control {width:100%!important;max-width:390px;margin:18px auto!important}
.career-form-card #detay3.career-photo-section{background:#f6fbfb;border:1px dashed #a5ced0;border-radius:16px;padding:25px 14px;text-align:center}
.career-photo-intro{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}
.career-photo-intro strong{font-size:17px}.career-photo-intro span{font-size:12px;color:#667d88}
.career-form-card [id^="butonlar"] .btn-primary {background:#087f83;border-color:#087f83}
@media (max-width:850px){
 .career-form-card .career-fields-grid{grid-template-columns:minmax(0,1fr)!important;gap:19px!important}
 .career-form-card .career-field-wide{grid-column:auto}
}
@media (max-width:760px){
 html,body,.career-layout,.career-shell,.career-main,.career-form-card{max-width:100%;min-width:0}
 .career-main {padding:25px 14px!important}
 .career-form-card {padding:23px 17px!important}
 .career-form-card .career-fields-grid{width:100%!important}
 .career-form-card .career-field{width:100%!important;min-width:0!important}
 .career-form-card .career-editor {width:100%!important;min-width:0!important}
 .career-form-card .career-editor input[type="text"],.career-form-card .career-editor input.dxeEditArea,.career-form-card .career-editor textarea{font-size:16px!important}
 .career-heading {gap:10px}.career-heading h2{font-size:25px}
 .career-form-card [id^="butonlar"] > div{justify-content:stretch}
 .career-form-card [id^="butonlar"] > div > *{flex:1 1 auto}
}