body.organizasyon-hiyerarsisi-sayfasi { --oh-mor: #7653d9; --oh-turuncu: #c77b17; }
.oh-baslik { align-items:center; margin-bottom:15px; }
.oh-baslik>div:first-child { min-width:0; }
.oh-baslik h1 { margin-bottom:4px; }
.oh-baslik p { max-width:720px; }
.oh-baslik-eylemleri { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:9px; }
.oh-yetki-rozeti { display:inline-flex; min-height:31px; align-items:center; padding:0 10px; border:1px solid color-mix(in srgb,var(--yesil) 30%,var(--cizgi)); border-radius:999px; background:var(--yesil-yumusak); color:var(--yesil); font-size:var(--yazi-meta); font-weight:750; white-space:nowrap; }
.oh-yetki-rozeti::before { width:7px; height:7px; margin-right:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent); content:""; }
.oh-kpi { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:15px; overflow:hidden; border:1px solid var(--cizgi); border-radius:15px; background:var(--yuzey); box-shadow:var(--golge); }
.oh-kpi article { --oh-ton:var(--mavi); display:grid; min-height:88px; grid-template-columns:40px minmax(0,1fr); align-items:center; justify-content:initial; gap:12px; padding:13px 16px; border-right:1px solid var(--cizgi); }
.oh-kpi article:last-child { border-right:0; }
.oh-kpi article[data-ton="mor"] { --oh-ton:var(--oh-mor); }
.oh-kpi article[data-ton="yesil"] { --oh-ton:var(--yesil); }
.oh-kpi article[data-ton="turuncu"] { --oh-ton:var(--oh-turuncu); }
.oh-kpi article>i { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--oh-ton) 11%,var(--yuzey)); color:var(--oh-ton); font-size:17px; font-style:normal; font-weight:850; }
.oh-kpi article>span { display:grid; min-width:0; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"label value" "detail value"; align-items:center; gap:3px 10px; }
.oh-kpi small { grid-area:label; color:var(--metin-ikincil); font-size:var(--yazi-aciklama); font-weight:750; }
.oh-kpi strong { grid-area:value; color:var(--metin); font-size:25px; line-height:1; }
.oh-kpi em { grid-area:detail; overflow:hidden; color:var(--metin-soluk); font-size:var(--yazi-meta); font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.oh-yerlesim { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(360px,.72fr); align-items:start; gap:15px; }
.oh-agac,.oh-kapsam { min-width:0; overflow:hidden; border:1px solid var(--cizgi); border-radius:14px; background:var(--yuzey); box-shadow:var(--golge); }
.oh-panel-basligi,.oh-agac>.oh-panel-basligi,.oh-kapsam>.oh-panel-basligi { display:flex; min-height:78px; align-items:center; justify-content:space-between; gap:16px; padding:14px 17px; border-bottom:1px solid var(--cizgi); }
.oh-panel-basligi>div { display:grid; min-width:0; gap:2px; }
.oh-panel-etiket { color:var(--mavi); font-size:var(--yazi-meta); font-weight:850; letter-spacing:.1em; }
.oh-panel-basligi h2 { margin:1px 0 0; font-size:16px; }
.oh-panel-basligi p { margin:0; color:var(--metin-soluk); font-size:var(--yazi-aciklama); line-height:var(--satir-aciklama); }
.oh-kaynak { display:inline-flex; flex:0 0 auto; align-items:center; gap:7px; padding:6px 9px; border-radius:8px; background:var(--yesil-yumusak); color:var(--yesil); font-size:var(--yazi-meta); font-weight:750; }
.oh-kaynak i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent); }
.oh-seviye-seridi { display:flex; align-items:center; gap:9px; padding:10px 16px; border-bottom:1px solid var(--cizgi); background:var(--yuzey-ikincil); color:var(--metin-soluk); }
.oh-seviye-seridi span { display:inline-flex; align-items:center; gap:6px; color:var(--metin-soluk); font-size:var(--yazi-meta); font-weight:750; }
.oh-seviye-seridi span i { display:grid; width:21px; height:21px; place-items:center; border:1px solid color-mix(in srgb,var(--mavi) 25%,var(--cizgi)); border-radius:7px; background:var(--mavi-yumusak); color:var(--mavi); font-size:8px; font-style:normal; }
.oh-seviye-seridi b { color:var(--cizgi-guclu); font-size:12px; }
#ohAgac { display:grid; gap:11px; padding:13px; }
.oh-operasyon { overflow:hidden; border:1px solid color-mix(in srgb,var(--mavi) 28%,var(--cizgi)); border-radius:13px; background:var(--yuzey); }
.oh-operasyon>header { display:flex; min-height:68px; align-items:center; justify-content:space-between; gap:14px; padding:11px 13px; border-bottom:1px solid var(--cizgi); background:linear-gradient(90deg,var(--mavi-yumusak),var(--yuzey)); }
.oh-dugum-kimligi { display:grid; min-width:0; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:10px; }
.oh-dugum-kimligi>i { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; background:var(--mavi); color:white; font-size:var(--yazi-kart-basligi); font-style:normal; font-weight:850; }
.oh-dugum-kimligi>span { display:grid; min-width:0; gap:2px; }
.oh-dugum-kimligi small { color:var(--mavi); font-size:8px; font-weight:850; letter-spacing:.1em; }
.oh-dugum-kimligi b { overflow:hidden; color:var(--metin); font-size:var(--yazi-kart-basligi); text-overflow:ellipsis; white-space:nowrap; }
.oh-dugum-kimligi em { overflow:hidden; color:var(--metin-soluk); font-size:var(--yazi-meta); font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.oh-dugum-eylemleri { display:flex; flex:0 0 auto; align-items:center; gap:6px; }
.oh-dugum-eylemleri button,.oh-grup>header>button { min-height:31px; padding:0 9px; border:1px solid var(--cizgi); border-radius:8px; background:var(--yuzey); color:var(--metin-ikincil); font-size:var(--yazi-meta); font-weight:750; }
.oh-dugum-eylemleri button:first-child { border-color:color-mix(in srgb,var(--mavi) 28%,var(--cizgi)); background:var(--mavi-yumusak); color:var(--mavi); }
.oh-dugum-eylemleri button:hover,.oh-grup>header>button:hover { border-color:var(--mavi); color:var(--mavi); }
.oh-operasyon>.oh-grup-listesi { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr)); gap:9px; padding:10px; }
.oh-grup { min-width:0; overflow:hidden; border:1px solid var(--cizgi); border-radius:11px; background:var(--yuzey-ikincil); }
.oh-grup>header { display:flex; min-height:61px; align-items:center; justify-content:space-between; gap:10px; padding:10px; border-bottom:1px solid var(--cizgi); background:var(--yuzey); }
.oh-grup .oh-dugum-kimligi { grid-template-columns:32px minmax(0,1fr); gap:8px; }
.oh-grup .oh-dugum-kimligi>i { width:32px; height:32px; border-radius:9px; background:color-mix(in srgb,var(--oh-mor) 12%,var(--yuzey)); color:var(--oh-mor); font-size:var(--yazi-meta); }
.oh-grup .oh-dugum-kimligi small { color:var(--oh-mor); }
.oh-grup>.oh-takim-listesi { display:grid; gap:5px; padding:7px; }
.oh-takim { display:grid; width:100%; min-height:54px; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; justify-content:initial; gap:8px; padding:7px 9px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--metin); text-align:left; }
.oh-takim>i { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; background:var(--yesil-yumusak); color:var(--yesil); font-size:var(--yazi-meta); font-style:normal; font-weight:850; }
.oh-takim>span { display:grid; min-width:0; gap:1px; }
.oh-takim small { color:var(--yesil); font-size:8px; font-weight:850; letter-spacing:.08em; }
.oh-takim b { overflow:hidden; font-size:var(--yazi-kart-basligi); text-overflow:ellipsis; white-space:nowrap; }
.oh-takim em { color:var(--metin-soluk); font-size:var(--yazi-meta); font-style:normal; }
.oh-takim strong { color:var(--mavi); font-size:var(--yazi-meta); white-space:nowrap; }
.oh-takim:not(:disabled):hover { border-color:color-mix(in srgb,var(--mavi) 32%,var(--cizgi)); background:var(--mavi-yumusak); }
.oh-takim:disabled { cursor:default; }
.oh-kapsam { position:sticky; top:76px; }
.oh-kapsam form { display:grid; gap:0; padding:0; }
.oh-adim,.oh-kapsam fieldset.oh-adim { display:grid; gap:11px; margin:0; padding:14px 15px; border:0; border-bottom:1px solid var(--cizgi); border-radius:0; }
.oh-adim>header,.oh-adim>legend { display:flex; width:100%; align-items:center; gap:9px; padding:0; color:var(--metin); }
.oh-adim>header>i,.oh-adim>legend>i { display:grid; width:27px; height:27px; flex:0 0 auto; place-items:center; border-radius:9px; background:var(--mavi-yumusak); color:var(--mavi); font-size:var(--yazi-meta); font-style:normal; font-weight:850; }
.oh-adim>header>span,.oh-adim>legend>span { display:grid; gap:2px; }
.oh-adim>header b,.oh-adim>legend b { font-size:var(--yazi-kart-basligi); }
.oh-adim>header small,.oh-adim>legend small { color:var(--metin-soluk); font-size:var(--yazi-meta); font-weight:400; }
.oh-kapsam label,.oh-dialog label { display:grid; gap:6px; }
.oh-kapsam label>span,.oh-dialog label>span { color:var(--metin-ikincil); font-size:var(--yazi-meta); font-weight:750; }
.oh-kapsam select,.oh-dialog input,.oh-dialog select,.oh-dialog textarea { width:100%; min-height:40px; padding:8px 10px; border:1px solid var(--cizgi); border-radius:9px; outline:0; background:var(--yuzey-ikincil); color:var(--metin); font-size:var(--yazi-aciklama); }
.oh-kapsam select:focus,.oh-dialog input:focus,.oh-dialog select:focus,.oh-dialog textarea:focus { border-color:var(--mavi); box-shadow:0 0 0 3px var(--mavi-yumusak); }
.oh-kapsam-listesi { display:grid; min-height:64px; gap:6px; }
.oh-kapsam-listesi article { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:10px; padding:8px 9px; border:1px solid var(--cizgi); border-radius:9px; background:var(--yuzey-ikincil); }
.oh-kapsam-listesi article span { display:grid; min-width:0; gap:2px; }
.oh-kapsam-listesi b { overflow:hidden; font-size:var(--yazi-kart-basligi); text-overflow:ellipsis; white-space:nowrap; }
.oh-kapsam-listesi small { color:var(--metin-soluk); font-size:var(--yazi-meta); }
.oh-kapsam-listesi button { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border:1px solid color-mix(in srgb,var(--kirmizi) 25%,var(--cizgi)); border-radius:8px; background:transparent; color:var(--kirmizi); font-size:16px; }
.oh-kapsam-ekle { width:100%; }
.oh-kapsam form>footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px 15px; background:var(--yuzey-ikincil); }
.oh-kapsam form>footer>span { display:flex; align-items:center; gap:7px; color:var(--metin-soluk); font-size:var(--yazi-meta); }
.oh-kapsam form>footer>span i { width:7px; height:7px; border-radius:50%; background:var(--yesil); }
.oh-bos { padding:20px 12px; color:var(--metin-soluk); font-size:var(--yazi-aciklama); text-align:center; }
.oh-bos.buyuk { min-height:220px; align-content:center; }
.oh-bos.hata { color:var(--kirmizi); }
.oh-dialog { width:min(620px,calc(100vw - 32px)); padding:0; overflow:hidden; border:1px solid var(--cizgi); border-radius:18px; background:var(--yuzey); color:var(--metin); box-shadow:0 28px 80px rgb(8 25 49 / 28%); }
.oh-dialog::backdrop { background:rgb(7 20 38 / 48%); backdrop-filter:blur(4px); }
.oh-dialog form { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:0; }
.oh-dialog header { display:flex; grid-column:1/-1; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid var(--cizgi); background:var(--yuzey-ikincil); }
.oh-dialog header small { color:var(--mavi); font-size:var(--yazi-meta); font-weight:850; letter-spacing:.12em; }
.oh-dialog h2 { margin:4px 0 0; font-size:21px; }
.oh-dialog header button { display:grid; width:34px; height:34px; place-items:center; padding:0; border:1px solid var(--cizgi); border-radius:9px; background:var(--yuzey); color:var(--metin); font-size:20px; }
.oh-dialog form>label { padding:0 22px; }
.oh-dialog form>label:has(textarea) { grid-column:1/-1; }
.oh-dialog textarea { min-height:92px; resize:vertical; }
.oh-dialog footer { display:flex; grid-column:1/-1; align-items:center; justify-content:flex-end; gap:8px; padding:15px 22px 20px; border-top:1px solid var(--cizgi); }
.oh-dialog footer .tehlike-dugme { min-height:37px; margin-right:auto; padding:0 12px; border:1px solid color-mix(in srgb,var(--kirmizi) 36%,var(--cizgi)); border-radius:9px; background:transparent; color:var(--kirmizi); font-size:var(--yazi-meta); font-weight:750; }
@media(max-width:1220px){.oh-yerlesim{grid-template-columns:minmax(0,1fr) 340px}.oh-operasyon>.oh-grup-listesi{grid-template-columns:1fr}}
@media(max-width:980px){.oh-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.oh-kpi article:nth-child(2){border-right:0}.oh-kpi article:nth-child(-n+2){border-bottom:1px solid var(--cizgi)}.oh-yerlesim{grid-template-columns:1fr}.oh-kapsam{position:static}}
@media(max-width:700px){.oh-baslik{align-items:flex-start;flex-direction:column}.oh-baslik-eylemleri{justify-content:flex-start}.oh-kpi{grid-template-columns:1fr}.oh-kpi article{border-right:0;border-bottom:1px solid var(--cizgi)}.oh-kpi article:last-child{border-bottom:0}.oh-operasyon>header{align-items:flex-start;flex-direction:column}.oh-dugum-eylemleri{width:100%}.oh-dugum-eylemleri button{flex:1}.oh-seviye-seridi{overflow-x:auto}.oh-kapsam form>footer{grid-template-columns:1fr}.oh-kapsam form>footer .ana-dugme{width:100%}.oh-dialog form{grid-template-columns:1fr}.oh-dialog header,.oh-dialog footer,.oh-dialog form>label,.oh-dialog form>label:has(textarea){grid-column:1}}