/* ODTÜMD İş İlanları · Rıza KAYA · ODTÜ MD Bilgi İşlem · 2026 */
.vis-kariyer{--vis-kirmizi:#AD1C1C;--vis-kirmizi-koyu:#8A1414;--vis-rgb:173,28,28;--vis-btn-yazi:#fff;--vis-vurgu-metin:var(--vis-kirmizi);--vis-metin:#353E3D;--vis-soluk:#6B7473;--vis-cizgi:#E2E6E6;--vis-zemin:#F6F7F7;color:var(--vis-metin);font-size:15px;line-height:1.65;margin:8px 0 40px}
.vis-kariyer *,.vis-kariyer *::before,.vis-kariyer *::after{box-sizing:border-box}
.vis-giris{margin:0 0 22px;color:var(--vis-soluk)}
.vis-bos{margin:0;padding:22px 24px;border:1px dashed var(--vis-cizgi);border-radius:10px;background:var(--vis-zemin);color:var(--vis-soluk)}
.vis-ilanlar{display:flex;flex-direction:column;gap:12px}
.vis-ilan{border:1px solid var(--vis-cizgi);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.vis-ilan.acik{border-color:var(--vis-kirmizi);box-shadow:0 6px 20px rgba(var(--vis-rgb),.08)}
.vis-kariyer .vis-ilan-baslik{margin:0;padding:0;font-size:inherit;line-height:inherit;border:0;background:none}
.vis-kariyer .vis-tetik{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:14px 20px;cursor:pointer;font-family:inherit;font-size:17px;font-weight:600;color:var(--vis-metin);border-left:4px solid var(--vis-kirmizi);transition:background-color .2s,color .2s}
.vis-kariyer .vis-tetik:hover{background:var(--vis-zemin);color:var(--vis-vurgu-metin)}
.vis-kariyer .vis-tetik:focus-visible{outline:3px solid rgba(var(--vis-rgb),.45);outline-offset:-3px}
.vis-ok{flex:none;color:var(--vis-kirmizi);transition:transform .25s ease}
.vis-ilan.acik .vis-ok{transform:rotate(180deg)}
.vis-ilan-icerik{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.vis-ilan.acik .vis-ilan-icerik{grid-template-rows:1fr}
.vis-ilan-ic{overflow:hidden;min-height:0}
.vis-ilan-metin{padding:4px 24px 0}
.vis-kariyer .vis-ilan-metin h4{margin:18px 0 8px;font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--vis-vurgu-metin)}
.vis-kariyer .vis-ilan-metin p{margin:12px 0}
.vis-kariyer .vis-ilan-metin ul{margin:0;padding:0;list-style:none}
.vis-kariyer .vis-ilan-metin li{position:relative;margin:0 0 6px;padding-left:20px}
.vis-kariyer .vis-ilan-metin li::before{content:"";position:absolute;left:4px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--vis-kirmizi)}
.vis-kariyer .vis-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 26px;border:0;border-radius:8px;background:var(--vis-kirmizi);color:var(--vis-btn-yazi);font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .15s}
.vis-kariyer .vis-btn:hover{background:var(--vis-kirmizi-koyu);color:var(--vis-btn-yazi)}
.vis-kariyer .vis-btn:active{transform:translateY(1px)}
.vis-kariyer .vis-btn:focus-visible{outline:3px solid rgba(var(--vis-rgb),.45);outline-offset:2px}
.vis-kariyer .vis-btn:disabled{opacity:.7;cursor:wait}
.vis-basvur{margin:20px 24px 24px}
.vis-form-kutu{margin-top:44px;padding:28px;border:1px solid var(--vis-cizgi);border-top:4px solid var(--vis-kirmizi);border-radius:10px;background:var(--vis-zemin);scroll-margin-top:90px}
.vis-kariyer .vis-form-kutu h2{margin:0 0 20px;font-size:24px;color:var(--vis-metin)}
.vis-alan{margin-bottom:18px}
.vis-kariyer .vis-alan>label,.vis-etiket{display:block;margin-bottom:6px;font-weight:600;font-size:14px}
.vis-zorunlu{color:#B32D2E}
.vis-ikili{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.vis-kariyer .vis-form input[type=text],.vis-kariyer .vis-form input[type=tel],.vis-kariyer .vis-form select{display:block;width:100%;height:48px;margin:0;padding:0 14px;border:1px solid #C9D0D0!important;border-radius:8px!important;background:#fff;color:var(--vis-metin);font-family:inherit;font-size:16px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.vis-kariyer .vis-form input:focus,.vis-kariyer .vis-form select:focus{outline:none;border-color:var(--vis-kirmizi);box-shadow:0 0 0 3px rgba(var(--vis-rgb),.15)}
.vis-kariyer .vis-form select.vurgu{animation:vis-vurgu 1.2s ease}
@keyframes vis-vurgu{0%,100%{box-shadow:0 0 0 0 rgba(var(--vis-rgb),0)}30%{box-shadow:0 0 0 5px rgba(var(--vis-rgb),.25)}}
.vis-kariyer input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.vis-kariyer .vis-dosya{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px;border:1.5px dashed #B9C2C2;border-radius:8px;background:#fff;color:var(--vis-metin);font-weight:400;cursor:pointer;transition:border-color .2s,background-color .2s}
.vis-kariyer .vis-dosya:hover,.vis-kariyer input[type=file]:focus-visible+.vis-dosya{border-color:var(--vis-kirmizi);background:rgba(var(--vis-rgb),.04)}
.vis-dosya svg{color:var(--vis-kirmizi);flex:none}
.vis-dosya-ad{font-weight:600}
.vis-dosya-not{margin-left:auto;font-size:13px;color:var(--vis-soluk)}
.vis-dosya-hata{margin:6px 0 0;color:#B32D2E;font-size:14px}
.vis-onay{display:flex;align-items:flex-start;gap:10px}
.vis-kariyer .vis-onay input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--vis-kirmizi);cursor:pointer}
.vis-kariyer .vis-onay label{margin:0;font-weight:400;font-size:14px;cursor:pointer}
.vis-kariyer .vis-onay a{color:var(--vis-vurgu-metin);font-weight:600;text-decoration:underline}
.vis-gonder{width:100%}
.vis-not{margin:10px 0 0;font-size:13px;color:var(--vis-soluk)}
.vis-mesaj{margin:0 0 20px;padding:14px 16px;border-radius:8px;font-weight:600}
.vis-mesaj-basari{background:#E8F5EC;color:#1E6B3A;border:1px solid #B7DFC4}
.vis-mesaj-hata{background:#FDECEC;color:#8A1414;border:1px solid #F3C2C2}
.vis-tuzak{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:640px){.vis-ikili{grid-template-columns:1fr}.vis-form-kutu{padding:20px 16px}.vis-ilan-metin{padding:4px 16px 0}.vis-basvur{margin:18px 16px 20px;width:calc(100% - 32px)}.vis-dosya-not{margin-left:0;width:100%}}
@media (prefers-reduced-motion:reduce){.vis-kariyer *{transition:none!important;animation:none!important}}