body.yetenek-yonetimi-sayfasi{--kart:var(--yuzey);--zemin-ikincil:var(--yuzey-ikincil);--golge-hafif:var(--golge);--mavi-100:var(--mavi-yumusak);--mavi-200:color-mix(in srgb,var(--mavi) 24%,var(--cizgi));--mavi-300:color-mix(in srgb,var(--mavi) 42%,var(--cizgi));--mavi-500:var(--mavi);--mavi-600:var(--mavi);--mavi-700:var(--mavi);--yesil-100:var(--yesil-yumusak);--yesil-700:var(--yesil);--turuncu-100:var(--turuncu-yumusak);--turuncu-700:var(--turuncu);--kirmizi-100:var(--kirmizi-yumusak);--kirmizi-600:var(--kirmizi);--kirmizi-700:var(--kirmizi)}
.yetenek-sayfa-basligi{--canli-baslik-ebeveyn-araligi:0px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.yetenek-baslik-eylem{display:flex;gap:8px;flex-shrink:0}
.yetenek-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid var(--cizgi);border-radius:16px;background:var(--kart);overflow:hidden;box-shadow:var(--golge-hafif)}.yetenek-kpi article{display:flex;align-items:center;gap:12px;min-height:84px;padding:13px 17px;border-right:1px solid var(--cizgi)}.yetenek-kpi article:last-child{border:0}.yetenek-kpi article>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--mavi-100);color:var(--mavi-700);font-style:normal;font-size:16px;font-weight:900}.yetenek-kpi article:nth-child(2)>i{background:var(--yesil-100);color:var(--yesil-700)}.yetenek-kpi article:nth-child(3)>i{background:#eee9ff;color:#6c4ccf}.yetenek-kpi article:nth-child(4)>i{background:var(--turuncu-100);color:var(--turuncu-700)}.yetenek-kpi article>span{display:grid;grid-template-columns:1fr auto;grid-template-areas:"s b" "e b";align-items:center;gap:3px 12px;width:100%}.yetenek-kpi small{grid-area:s;color:var(--metin-ikincil);font-size:11px}.yetenek-kpi b{grid-area:b;font-size:24px;line-height:1}.yetenek-kpi em{grid-area:e;color:var(--metin-soluk);font-size:10px;font-style:normal}
.yetenek-calisma{min-height:0;border:1px solid var(--cizgi);border-radius:18px;background:var(--kart);box-shadow:var(--golge);overflow:hidden}.yetenek-calisma>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid var(--cizgi)}.yetenek-calisma h2{margin:0 0 4px;font-size:16px}.yetenek-calisma header p{margin:0;color:var(--metin-ikincil);font-size:11px}.yetenek-filtre{display:flex;gap:8px;flex-wrap:wrap}.yetenek-gorunum-secimi{display:flex;align-self:center;padding:3px;border:1px solid var(--cizgi);border-radius:9px;background:var(--yuzey-ikincil)}.yetenek-gorunum-secimi button{min-width:48px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--metin-ikincil);font:700 11px/1.2 var(--yazi);cursor:pointer}.yetenek-gorunum-secimi button[aria-pressed="true"]{background:var(--lacivert);color:#fff}.yetenek-gorunum-secimi button:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}.yetenek-filtre label{display:flex;align-items:center;gap:7px;width:300px;padding:0 11px;border:1px solid var(--cizgi);border-radius:10px;background:var(--zemin-ikincil)}.yetenek-filtre label>span{color:var(--metin-soluk)}.yetenek-filtre input{width:100%;border:0;outline:0;background:transparent;color:var(--metin);padding:10px 0}.yetenek-filtre select{border:1px solid var(--cizgi);border-radius:10px;background:var(--zemin-ikincil);color:var(--metin);padding:0 12px}.yetenek-icerik{min-width:0}.yetenek-calisma-alt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--cizgi);color:var(--metin-ikincil);font-size:10px}.yetenek-sayfalama-alani,.yetenek-sayfalama-alani label,.yetenek-sayfalama-alani nav{display:flex;align-items:center;gap:8px}.yetenek-sayfalama-alani select,.yetenek-sayfalama-alani button{height:30px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey-ikincil);color:var(--metin);font-size:10px}.yetenek-sayfalama-alani select{padding:0 26px 0 8px}.yetenek-sayfalama-alani button{width:32px;font-weight:900}.yetenek-sayfalama-alani button:disabled{opacity:.42;cursor:not-allowed}.yetenek-sayfalama-alani nav b{min-width:48px;text-align:center}.yetenek-bos{display:grid;place-items:center;align-content:center;gap:7px;min-height:220px;color:var(--metin-ikincil)}.yetenek-bos>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mavi-100);color:var(--mavi-700);font-style:normal;font-size:18px}.yetenek-bos>b{color:var(--metin);font-size:14px}.yetenek-bos>span{font-size:11px}.yetenek-bos.hata{color:var(--kirmizi-600)}
.yetenek-kart-izgarasi{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,224px));gap:10px;padding:12px}.yetenek-katalog-karti{display:flex;flex-direction:column;min-height:148px;border:1px solid var(--cizgi);border-radius:13px;background:var(--kart);overflow:hidden;box-shadow:0 6px 18px rgb(23 48 82 / 5%);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.yetenek-katalog-karti:hover{transform:translateY(-1px);border-color:var(--mavi-300);box-shadow:0 10px 24px rgb(23 48 82 / 8%)}.yetenek-katalog-karti.canli-pano-karti.operasyon-aile-karti>header{min-height:36px;padding:5px 8px}.yetenek-katalog-karti>header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 3px}.yetenek-kart-ikon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--mavi-yumusak);color:var(--mavi);font-size:11px;font-weight:800}.yetenek-katalog-karti header>em{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:850}.yetenek-katalog-karti header>em i{width:6px;height:6px;border-radius:50%;background:currentColor}.yetenek-katalog-karti header>em.aktif{background:var(--yesil-100);color:var(--yesil-700)}.yetenek-katalog-karti header>em.pasif{background:var(--zemin-ikincil);color:var(--metin-soluk)}.yetenek-kart-govde{flex:1;padding:3px 8px 5px}.yetenek-kart-govde>small{color:var(--mavi-700);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.yetenek-kart-govde h3{margin:3px 0 4px;color:var(--metin);font-size:14px;line-height:1.2;overflow-wrap:anywhere}.yetenek-kart-govde p{display:-webkit-box;overflow:hidden;margin:0;color:var(--metin-ikincil);font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.yetenek-katalog-karti>section{display:grid;grid-template-columns:1fr 1fr;margin:0 8px 5px;border:1px solid var(--cizgi);border-radius:9px;background:var(--zemin-ikincil);overflow:hidden}.yetenek-katalog-karti>section span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:4px 6px}.yetenek-katalog-karti>section span+span{border-left:1px solid var(--cizgi)}.yetenek-katalog-karti>section small{color:var(--metin-ikincil);font-size:8px}.yetenek-katalog-karti>section b{font-size:14px}.yetenek-katalog-karti>footer{display:flex;gap:6px;padding:5px 8px;border-top:1px solid var(--cizgi);background:color-mix(in srgb,var(--zemin-ikincil) 55%,var(--kart))}.yetenek-katalog-karti button,.yetenek-tablo button,.yetenek-satir-dugme{border:1px solid var(--cizgi);border-radius:8px;background:var(--kart);color:var(--metin);padding:6px 9px;font-size:9px;font-weight:800}.yetenek-katalog-karti button:first-child,.yetenek-satir-dugme{border-color:var(--mavi-300);background:var(--mavi-100);color:var(--mavi-700)}.yetenek-katalog-karti button:disabled,.yetenek-tablo button:disabled{opacity:.42;cursor:not-allowed}
.yetenek-tablo{overflow:auto}.yetenek-tablo .baslik,.yetenek-tablo article{display:grid;grid-template-columns:minmax(260px,1.5fr) 130px 130px 100px 185px;align-items:center;gap:12px;min-width:880px;padding:12px 18px}.yetenek-tablo.kurallar .baslik,.yetenek-tablo.kurallar article{grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) 140px 100px 140px}.yetenek-tablo .baslik{background:var(--zemin-ikincil);color:var(--metin-soluk);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.yetenek-tablo article{border-top:1px solid var(--cizgi);min-height:68px}.yetenek-tablo article:hover{background:color-mix(in srgb,var(--mavi-100) 32%,transparent)}.yetenek-tablo article>span:first-child{display:grid;grid-template-columns:38px 1fr;grid-template-areas:"i b" "i s";align-items:center;column-gap:10px}.yetenek-tablo article>span:first-child i{grid-area:i;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--mavi-100);color:var(--mavi-700);font-style:normal;font-size:11px;font-weight:850}.yetenek-tablo article b{grid-area:b;font-size:12px}.yetenek-tablo article small{grid-area:s;display:block;margin-top:3px;color:var(--metin-ikincil);font-size:10px}.yetenek-tablo article>strong{font-weight:400}.yetenek-tablo article>strong>b{display:block;font-size:16px}.yetenek-tablo article>em{justify-self:start;padding:5px 8px;border-radius:999px;font-style:normal;font-size:9px;font-weight:850}.yetenek-tablo article>em.aktif{background:var(--yesil-100);color:var(--yesil-700)}.yetenek-tablo article>em.pasif{background:var(--zemin-ikincil);color:var(--metin-soluk)}.yetenek-tablo .eylem{display:flex;justify-content:flex-end;gap:6px}
.yetenek-personel-tablosu{overflow:auto}.yetenek-personel-tablosu>.baslik,.yetenek-personel-tablosu>article{display:grid;grid-template-columns:minmax(220px,1.15fr) 90px minmax(310px,1.7fr) 130px 140px;align-items:center;gap:14px;min-width:940px;padding:12px 18px}.yetenek-personel-tablosu>.baslik{background:var(--zemin-ikincil);color:var(--metin-soluk);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.yetenek-personel-tablosu>article{min-height:72px;border-top:1px solid var(--cizgi)}.yetenek-personel-tablosu>article:hover{background:color-mix(in srgb,var(--mavi-100) 30%,transparent)}.personel-kimlik{display:flex;align-items:center;gap:11px}.personel-kimlik>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mavi-100);color:var(--mavi-700);font-style:normal;font-size:11px;font-weight:900}.personel-kimlik>span{display:grid;gap:3px}.personel-kimlik b{font-size:12px}.personel-kimlik small{color:var(--metin-ikincil);font-size:9px}.yetenek-personel-tablosu code{justify-self:start;padding:5px 8px;border-radius:8px;background:var(--zemin-ikincil);color:var(--metin);font:800 11px/1 var(--yazi)}.personel-yetenekler{display:flex;flex-wrap:wrap;gap:6px}.yetenek-etiket{display:grid;grid-template-columns:1fr auto;grid-template-areas:"b x" "s x";column-gap:8px;padding:6px 7px 6px 9px;border:1px solid var(--mavi-200);border-radius:9px;background:var(--mavi-100)}.yetenek-etiket b{grid-area:b;font-size:10px}.yetenek-etiket small{grid-area:s;color:var(--metin-ikincil);font-size:8px}.yetenek-etiket button{grid-area:x;align-self:center;padding:2px 5px;border:0;background:transparent;color:var(--metin-ikincil);font-size:14px}.atanmamis{color:var(--metin-soluk);font-size:10px}.seviye-ozeti{display:grid;gap:3px}.seviye-ozeti b{font-size:16px}.seviye-ozeti small{color:var(--metin-ikincil);font-size:9px}
.yetenek-kural-ust{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid var(--cizgi);background:color-mix(in srgb,var(--mavi-100) 48%,var(--kart))}.yetenek-kural-ust>span{display:flex;align-items:center;gap:11px}.yetenek-kural-ust>span>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--kart);color:var(--mavi-700);font-style:normal;font-size:16px}.yetenek-kural-ust>span>span{display:grid;gap:3px}.yetenek-kural-ust b{font-size:12px}.yetenek-kural-ust small{color:var(--metin-ikincil);font-size:10px}
.yetenek-kuyruk-envanteri{overflow:auto}.yetenek-kuyruk-envanteri>.baslik,.yetenek-kuyruk-envanteri>article{display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.7fr) 120px 110px;align-items:center;gap:14px;min-width:880px;padding:11px 18px}.yetenek-kuyruk-envanteri>.baslik{background:var(--zemin-ikincil);color:var(--metin-soluk);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.yetenek-kuyruk-envanteri>article{min-height:62px;border-top:1px solid var(--cizgi)}.yetenek-kuyruk-envanteri>article:hover{background:color-mix(in srgb,var(--mavi-100) 28%,transparent)}.yetenek-kuyruk-kimlik{display:flex;align-items:center;gap:10px}.yetenek-kuyruk-kimlik>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--mavi-100);color:var(--mavi-700);font-style:normal;font-size:10px;font-weight:900}.yetenek-kuyruk-kimlik>span{display:grid;gap:3px}.yetenek-kuyruk-kimlik b{font-size:11px}.yetenek-kuyruk-kimlik small{color:var(--metin-ikincil);font-size:9px}.yetenek-kuyruk-kurallari{display:flex;flex-wrap:wrap;gap:6px}.yetenek-kuyruk-kurallari>span{display:grid;grid-template-columns:1fr auto;grid-template-areas:"b x" "s x";align-items:center;column-gap:8px;padding:5px 6px 5px 8px;border:1px solid var(--mavi-200);border-radius:8px;background:var(--mavi-100)}.yetenek-kuyruk-kurallari b{grid-area:b;font-size:9px}.yetenek-kuyruk-kurallari small{grid-area:s;color:var(--metin-ikincil);font-size:8px}.yetenek-kuyruk-kurallari button{grid-area:x;padding:2px 5px;border:0;background:transparent;color:var(--metin-ikincil);font-size:14px}.yetenek-kuyruk-envanteri>article>em{justify-self:start;padding:5px 8px;border-radius:999px;font-style:normal;font-size:9px;font-weight:850}.yetenek-kuyruk-envanteri>article>em.aktif{background:var(--yesil-100);color:var(--yesil-700)}.yetenek-kuyruk-envanteri>article>em.uyari{background:var(--turuncu-100);color:var(--turuncu-700)}.yetenek-kuyruk-envanteri>article>em.pasif{background:var(--zemin-ikincil);color:var(--metin-soluk)}.yetenek-kuyruk-envanteri .yetenek-satir-dugme:disabled{opacity:.45;cursor:not-allowed}
.yetenek-katman{position:fixed;inset:0;z-index:140}.yetenek-arka{position:absolute;inset:0;border:0;background:rgb(5 18 42 / 60%);backdrop-filter:blur(4px)}.yetenek-dialog{position:absolute;top:0;right:0;width:min(660px,100%);height:100%;border-left:1px solid var(--cizgi);background:var(--yuzey);box-shadow:-28px 0 80px rgb(4 18 44 / 25%);overflow:auto;isolation:isolate}.yetenek-dialog>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--cizgi);background:var(--yuzey)}.yetenek-dialog header small{color:var(--mavi-700);font-size:10px;font-weight:900;letter-spacing:.1em}.yetenek-dialog h2{margin:5px 0;font-size:22px}.yetenek-dialog header p{margin:0;color:var(--metin-ikincil);font-size:11px}.yetenek-dialog header button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey-ikincil);color:var(--metin);font-size:20px}.yetenek-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.yetenek-dialog label>span{display:block;margin-bottom:7px;color:var(--metin-ikincil);font-size:11px;font-weight:750}.yetenek-dialog input:not([type=checkbox]),.yetenek-dialog select,.yetenek-dialog textarea{width:100%;box-sizing:border-box;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey-ikincil);color:var(--metin);padding:11px}.yetenek-dialog textarea{resize:vertical}.yetenek-dialog .tam{grid-column:1/-1}.yetenek-anahtar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--cizgi);border-radius:11px}.yetenek-anahtar small{display:block;margin-top:3px;color:var(--metin-ikincil);font-weight:400}.yetenek-dialog footer{display:flex;justify-content:flex-end;gap:8px}.yetenek-hata{padding:10px;border-radius:9px;background:var(--kirmizi-100);color:var(--kirmizi-700);font-size:11px}.yetenek-seviye-aciklamasi{padding:14px;border:1px solid var(--mavi-200);border-radius:12px;background:var(--mavi-100)}.yetenek-seviye-aciklamasi b{font-size:12px}.yetenek-seviye-aciklamasi p{margin:5px 0 0;color:var(--metin-ikincil);font-size:11px;line-height:1.55}
.yetenek-secim{position:relative}.yetenek-secim>select{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.yetenek-secim-tetik{display:grid;width:100%;min-height:44px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 13px;border:1px solid var(--cizgi-guclu);border-radius:10px;background:var(--yuzey-ikincil);color:var(--metin);text-align:left}.yetenek-secim-tetik span{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.yetenek-secim-tetik i{color:var(--metin-soluk);font-size:13px;font-style:normal;transition:transform .18s ease}.yetenek-secim.acik .yetenek-secim-tetik{border-color:var(--mavi);box-shadow:0 0 0 3px color-mix(in srgb,var(--mavi) 16%,transparent)}.yetenek-secim.acik .yetenek-secim-tetik i{transform:rotate(180deg)}.yetenek-secim-menu{position:absolute;z-index:8;top:calc(100% + 7px);right:0;left:0;max-height:248px;padding:6px;overflow:auto;border:1px solid var(--cizgi-guclu);border-radius:12px;background:var(--yuzey-yuksek);box-shadow:var(--golge-yuksek)}.yetenek-secim-menu[hidden]{display:none}.yetenek-secim-menu button{display:grid;width:100%;min-height:39px;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:10px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--metin);text-align:left}.yetenek-secim-menu button:hover,.yetenek-secim-menu button:focus-visible{border-color:var(--cizgi);background:var(--yuzey-ikincil);outline:0}.yetenek-secim-menu button[aria-selected="true"]{border-color:color-mix(in srgb,var(--mavi) 32%,var(--cizgi));background:var(--mavi-yumusak);color:var(--mavi)}.yetenek-secim-menu button span{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.yetenek-secim-menu button i{visibility:hidden;color:var(--mavi);font-size:12px;font-style:normal;text-align:center}.yetenek-secim-menu button[aria-selected="true"] i{visibility:visible}
@media(max-width:960px){.yetenek-kpi{grid-template-columns:repeat(2,1fr)}.yetenek-kpi article:nth-child(2){border-right:0}}
@media(max-width:700px){.yetenek-sayfa-basligi,.yetenek-calisma>header{align-items:stretch;flex-direction:column}.yetenek-baslik-eylem{display:grid;grid-template-columns:1fr 1fr}.yetenek-kpi{grid-template-columns:1fr}.yetenek-kpi article{border-right:0;border-bottom:1px solid var(--cizgi)}.yetenek-kart-izgarasi{grid-template-columns:1fr}.yetenek-filtre{flex-direction:column}.yetenek-filtre label{width:auto}.yetenek-kural-ust{align-items:stretch;flex-direction:column}.yetenek-calisma-alt{align-items:flex-start;flex-direction:column;gap:5px}.yetenek-dialog form{grid-template-columns:1fr}.yetenek-dialog .tam{grid-column:auto}}