.durum-sayfa-basligi { align-items: center; }
.durum-yonetimi-yerlesimi { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 18px; }
.durum-yonetimi-ana { display: grid; min-width: 0; gap: 16px; }
.durum-yonetimi-karti, .durum-ayrinti-karti { border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); box-shadow: var(--golge); }
.durum-yonetimi-karti > header, .durum-ayrinti-karti > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 19px; border-bottom: 1px solid var(--cizgi); }
.durum-ayrinti-karti > header { display: block; }
.durum-yonetimi-karti h2, .durum-ayrinti-karti h2 { margin: 0; font-size: 15px; }
.durum-yonetimi-karti header p, .durum-ayrinti-karti header p { margin: 4px 0 0; color: var(--metin-ikincil); font-size: 11px; }
.kilit-etiketi { padding: 4px 8px; border-radius: 7px; color: var(--metin-ikincil); background: var(--yuzey-ikincil); font-size: 9px; }
.sistem-durum-listesi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; padding: 16px 19px; }
.sistem-durum-listesi > span { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 7px; min-height: 42px; padding: 7px 9px; border: 1px solid var(--cizgi); border-radius: 9px; }
.sistem-durum-listesi i, .durum-kimligi i, #operatorDurumOnizleme i, .onizleme-mevcut i { width: 9px; height: 9px; border-radius: 50%; background: var(--durum-rengi, var(--yesil)); }
.sistem-durum-listesi b { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.sistem-durum-listesi small { grid-column: 2; color: var(--metin-soluk); font-size: 8px; }
.sistem-durum-listesi em { grid-column: 3; grid-row: 1 / 3; color: var(--metin-soluk); font-style: normal; }
.durum-tablo-basligi, .yardimci-durum-satiri { display: grid; grid-template-columns: 28px minmax(150px, 1.35fr) 65px 85px minmax(105px, .9fr) 130px 55px; align-items: center; gap: 10px; }
.durum-tablo-basligi { padding: 11px 18px; color: var(--metin-soluk); background: var(--yuzey-ikincil); font-size: 9px; font-weight: 700; }
.yardimci-durum-listesi { padding: 0 18px 14px; }
.yardimci-durum-satiri { width: 100%; min-height: 55px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--cizgi); background: transparent; color: var(--metin); text-align: left; }
.yardimci-durum-satiri.secili { margin-inline: -8px; padding-inline: 8px; border-radius: 8px; background: var(--mavi-yumusak); }
.durum-surukle { color: var(--metin-soluk); font-size: 15px; }
.durum-kimligi { display: grid; grid-template-columns: 10px 1fr; align-items: center; gap: 7px; }
.durum-kimligi small { grid-column: 2; color: var(--metin-soluk); font-size: 8px; }
.yardimci-durum-satiri > em { justify-self: start; padding: 3px 7px; border-radius: 999px; font-size: 8px; font-style: normal; }
.yardimci-durum-satiri > em.etkin { color: var(--yesil); background: var(--yesil-yumusak); }
.yardimci-durum-satiri > em.kapali { color: var(--metin-soluk); background: var(--yuzey-ikincil); }
.yardimci-durum-satiri code { color: var(--mavi); font-size: 9px; }
.durum-sira-eylemleri { display: flex; gap: 4px; }
.durum-sira-eylemleri i { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--yuzey); font-style: normal; }
.durum-bos { padding: 30px; color: var(--metin-ikincil); text-align: center; font-size: 11px; }
.durum-ayrinti-karti { position: sticky; top: 82px; overflow: hidden; }
.durum-ayrinti-karti form { display: grid; gap: 13px; padding: 16px 18px; }
.durum-ayrinti-karti form[hidden] { display: none; }
.durum-ayrinti-karti label { display: grid; gap: 6px; color: var(--metin-ikincil); font-size: 9px; font-weight: 700; }
.durum-ayrinti-karti input { min-width: 0; height: 38px; padding: 0 10px; border: 1px solid var(--cizgi-guclu); border-radius: 8px; background: var(--yuzey); color: var(--metin); }
.durum-ayrinti-karti input[type="color"] { width: 100%; padding: 4px; }
.durum-ayrinti-karti label small { color: var(--metin-soluk); font-weight: 400; line-height: 1.4; }
.durum-form-ikili { display: grid; grid-template-columns: 1fr 80px; gap: 11px; }
.birimli-girdi { display: grid; grid-template-columns: 1fr 30px; align-items: center; }
.birimli-girdi input { border-radius: 8px 0 0 8px; }
.birimli-girdi em { display: grid; height: 38px; place-items: center; border: 1px solid var(--cizgi-guclu); border-left: 0; border-radius: 0 8px 8px 0; font-style: normal; }
.durum-anahtar { align-content: end; }
.durum-anahtar input { width: 42px; height: 23px; justify-self: end; }
.durum-anahtar.genis { grid-template-columns: 1fr auto; align-items: center; }
.durum-anahtar.genis span { display: grid; gap: 3px; }
.sure-asimi-politikasi { display: grid; gap: 11px; margin: 1px 0; padding: 12px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--yuzey-ikincil); }
.sure-asimi-politikasi legend { padding: 0 6px; color: var(--metin); font-size: 10px; font-weight: 800; }
.sure-asimi-politikasi > p { margin: 0; color: var(--metin-soluk); font-size: 9px; line-height: 1.45; }
.sure-asimi-politikasi select { width: 100%; height: 38px; padding: 0 9px; border: 1px solid var(--cizgi-guclu); border-radius: 8px; background: var(--yuzey); color: var(--metin); }
.bildirim-rol-secimi { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bildirim-rol-secimi label { display: flex; grid-template-columns: none; align-items: center; gap: 7px; min-height: 36px; padding: 0 9px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); color: var(--metin); }
.bildirim-rol-secimi input { width: 16px; height: 16px; padding: 0; }
.durum-form-eylemleri { display: flex; justify-content: space-between; gap: 9px; padding-top: 4px; }
.aux-hizli-uzatma { display: grid; gap: 10px; padding: 14px 18px; border-top: 1px solid var(--cizgi); background: color-mix(in srgb, var(--mavi-yumusak) 34%, var(--yuzey)); }
.aux-hizli-uzatma header { display: grid; gap: 3px; }
.aux-hizli-uzatma header b { font-size: 10px; }
.aux-hizli-uzatma header small { color: var(--metin-soluk); font-size: 8px; line-height: 1.4; }
.aux-hizli-uzatma > div { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.aux-hizli-uzatma input { height: 36px; padding: 0 9px; border: 1px solid var(--cizgi-guclu); border-radius: 8px; background: var(--yuzey); color: var(--metin); }
.durum-ayrinti-karti > footer { display: grid; grid-template-columns: 1fr auto; gap: 7px; padding: 13px 18px; border-top: 1px solid var(--cizgi); color: var(--metin-soluk); font-size: 9px; }
.operator-durum-onizleme > div { display: grid; grid-template-columns: 185px 1fr; align-items: center; gap: 18px; padding: 16px 19px; }
.onizleme-mevcut { display: grid; gap: 5px; padding-right: 18px; border-right: 1px solid var(--cizgi); }
.onizleme-mevcut small { color: var(--metin-soluk); font-size: 9px; }
.onizleme-mevcut strong, #operatorDurumOnizleme span { display: flex; align-items: center; gap: 7px; }
#operatorDurumOnizleme { display: flex; flex-wrap: wrap; gap: 8px; }
#operatorDurumOnizleme span { min-width: 105px; padding: 9px 12px; border: 1px solid var(--cizgi); border-radius: 8px; font-size: 10px; font-weight: 700; }
@media (max-width: 1350px) { .durum-yonetimi-yerlesimi { grid-template-columns: 1fr; } .durum-ayrinti-karti { position: static; } }
@media (max-width: 1050px) { .sistem-durum-listesi { grid-template-columns: repeat(3,1fr); } .durum-tablo-basligi { display: none; } .yardimci-durum-satiri { grid-template-columns: 24px minmax(150px,1fr) 60px 75px; } .yardimci-durum-satiri > :nth-child(5), .yardimci-durum-satiri > :nth-child(6) { display: none; } }
@media (max-width: 680px) { .sistem-durum-listesi { grid-template-columns: repeat(2,1fr); } .operator-durum-onizleme > div { grid-template-columns: 1fr; } .onizleme-mevcut { border-right: 0; } }
.bildirim-merkezi-karti { border:1px solid var(--cizgi);border-radius:14px;background:var(--yuzey);box-shadow:var(--golge);overflow:hidden; }
.bildirim-merkezi-karti>header { display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--cizgi); }
.bildirim-merkezi-karti h2 { margin:0;font-size:15px; }.bildirim-merkezi-karti header p { margin:4px 0 0;color:var(--metin-ikincil);font-size:11px; }
#bildirimAdedi { padding:5px 9px;border-radius:999px;background:var(--mavi-yumusak);color:var(--mavi);font-size:9px;font-weight:800; }
.bildirim-listesi { display:grid; }.bildirim-satiri { display:grid;grid-template-columns:10px 1fr;gap:12px;padding:15px 19px;border-bottom:1px solid var(--cizgi); }
.bildirim-satiri:last-child{border-bottom:0}.bildirim-satiri>i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--turuncu)}
.bildirim-satiri>div>header{display:flex;justify-content:space-between;gap:16px}.bildirim-satiri b{font-size:11px}.bildirim-satiri time,.bildirim-satiri small{color:var(--metin-soluk);font-size:8px}.bildirim-satiri p{margin:5px 0;color:var(--metin-ikincil);font-size:10px}.bildirim-satiri.okundu{opacity:.7}

/* Operasyon Merkezi içerik tipografisi: başlık ölçüleri korunur. */
.durum-yonetimi-karti header p,
.durum-ayrinti-karti header p,
.bildirim-merkezi-karti header p,
.sure-asimi-politikasi > p,
.bildirim-satiri p { font-size: var(--yazi-aciklama); line-height: var(--satir-aciklama); }
.sistem-durum-listesi b,
.durum-kimligi b,
.aux-hizli-uzatma header b,
.bildirim-satiri b { font-size: var(--yazi-kart-basligi); line-height: 1.3; }
.kilit-etiketi,
.sistem-durum-listesi small,
.durum-tablo-basligi,
.durum-kimligi small,
.yardimci-durum-satiri > em,
.yardimci-durum-satiri code,
.durum-ayrinti-karti label,
.durum-ayrinti-karti label small,
.sure-asimi-politikasi legend,
.aux-hizli-uzatma header small,
.durum-ayrinti-karti > footer,
.onizleme-mevcut small,
.bildirim-satiri time,
.bildirim-satiri small,
#bildirimAdedi { font-size: var(--yazi-meta); }
.durum-ayrinti-karti input,
.sure-asimi-politikasi select,
.birimli-girdi em,
#operatorDurumOnizleme span,
.bildirim-rol-secimi label { font-size: var(--yazi-aciklama); }
.durum-bos { font-size: var(--yazi-aciklama); }

/* AUX workspace uses the same page rhythm as IVR and queue settings. */
#auxCalismaAlani{display:grid;gap:16px;min-width:0}
#auxCalismaAlani [hidden]{display:none!important}
#auxCalismaAlani svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#auxCalismaAlani .baslik-eylemleri{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#auxCalismaAlani .aux-sekmeler{display:flex;align-items:center;gap:22px;overflow-x:auto;min-width:0;border-bottom:1px solid var(--cizgi);scrollbar-width:thin}
#auxCalismaAlani .aux-sekmeler button{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:42px;margin:0;padding:10px 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--metin-soluk);font:inherit;font-size:12px;font-weight:550;white-space:nowrap;cursor:pointer}
#auxCalismaAlani .aux-sekmeler button[aria-selected=true]{border-bottom-color:var(--mavi);color:var(--mavi);font-weight:650}
#auxCalismaAlani :is(button,input,select,summary):focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
#auxCalismaAlani [role=tabpanel]:focus{outline:none}
#auxCalismaAlani .aux-ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#auxCalismaAlani .aux-ozet article{display:flex;align-items:center;gap:8px;min-width:0;min-height:70px;padding:9px 10px;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey)}
#auxCalismaAlani .aux-ozet article>i{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:9px;font-size:16px;font-style:normal}
#auxCalismaAlani .aux-mavi{color:var(--mavi);background:var(--mavi-yumusak)}
#auxCalismaAlani .aux-yesil{color:var(--yesil);background:var(--yesil-yumusak)}
#auxCalismaAlani .aux-turuncu{color:var(--turuncu);background:var(--turuncu-yumusak)}
#auxCalismaAlani .aux-mor{color:var(--mor);background:var(--mor-yumusak)}
#auxCalismaAlani .aux-ozet article>span{display:grid;gap:3px;min-width:0}
#auxCalismaAlani .aux-ozet small{font-size:11px;font-weight:400;line-height:1.35;color:var(--metin-soluk)}
#auxCalismaAlani .aux-ozet strong{font-size:19px;font-weight:750;line-height:1.1;letter-spacing:-.4px}
#auxCalismaAlani .durum-yonetimi-yerlesimi{grid-template-columns:minmax(0,1fr) 360px;gap:16px}
#auxCalismaAlani :is(.durum-yonetimi-karti,.durum-ayrinti-karti){min-width:0;overflow:hidden;border-radius:12px;box-shadow:none}
#auxCalismaAlani :is(.durum-yonetimi-karti,.durum-ayrinti-karti)>header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:58px;padding:14px 18px}
#auxCalismaAlani :is(.durum-yonetimi-karti,.durum-ayrinti-karti) h2{font-size:14px;font-weight:650}
#auxCalismaAlani .aux-liste-baslik{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#auxCalismaAlani #auxKayitAdedi{font-size:11px;color:var(--metin-soluk)}
#auxCalismaAlani .aux-liste-eylem{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#auxCalismaAlani #auxDurumArama{min-width:0;width:200px;min-height:36px;padding:7px 10px;border:1px solid var(--cizgi);border-radius:7px;background:var(--yuzey);color:var(--metin);font-size:12px}
#auxCalismaAlani .aux-tablo-kabuk{overflow-x:auto;scrollbar-width:thin}
#auxCalismaAlani :is(.durum-tablo-basligi,.yardimci-durum-listesi){min-width:570px}
#auxCalismaAlani :is(.durum-tablo-basligi,.yardimci-durum-satiri){display:grid;grid-template-columns:minmax(160px,1.3fr) 58px 75px minmax(94px,.9fr) 64px;align-items:center;gap:12px}
#auxCalismaAlani .durum-tablo-basligi{padding:12px 16px;font-size:11px;font-weight:500}
#auxCalismaAlani .yardimci-durum-listesi{padding:0}
#auxCalismaAlani .yardimci-durum-satiri{min-height:65px;width:100%;margin:0;padding:10px 16px;border-radius:0;font-size:12px;border-bottom:1px solid var(--cizgi)}
#auxCalismaAlani .yardimci-durum-satiri:last-child{border-bottom:0}
#auxCalismaAlani .yardimci-durum-satiri.secili{background:var(--mavi-yumusak);box-shadow:inset 2px 0 var(--mavi)}
#auxCalismaAlani .durum-secimi{min-width:0;padding:0;border:0;background:transparent;text-align:left;color:var(--metin);cursor:pointer;font:inherit}
#auxCalismaAlani .durum-kimligi{grid-template-columns:9px minmax(0,1fr);gap:4px 7px}
#auxCalismaAlani .durum-kimligi b{font-size:12px;font-weight:600;overflow-wrap:anywhere}
#auxCalismaAlani .durum-kimligi small{font-size:10px;color:var(--metin-soluk);overflow-wrap:anywhere}
#auxCalismaAlani .yardimci-durum-satiri>em{padding:4px 7px;font-size:10px;font-weight:600}
#auxCalismaAlani .yardimci-durum-satiri>:nth-child(5){display:flex}
#auxCalismaAlani .durum-sira-eylemleri{gap:4px}
#auxCalismaAlani .durum-sira-eylemleri button{display:grid;place-items:center;width:28px;height:30px;padding:0;border:1px solid var(--cizgi);border-radius:6px;background:var(--yuzey);color:var(--metin);font-size:14px;cursor:pointer}
#auxCalismaAlani button:disabled{cursor:not-allowed;opacity:.55}
#auxCalismaAlani .aux-yayin-bilgisi{display:flex;flex-wrap:wrap;gap:18px;padding:12px 16px;border-top:1px solid var(--cizgi);font-size:11px;color:var(--metin-soluk)}
#auxCalismaAlani .aux-yayin-bilgisi b{margin-left:7px;color:var(--metin);font-weight:550}
#auxCalismaAlani .durum-ayrinti-karti{position:static}
#auxCalismaAlani .durum-ayrinti-karti form{gap:14px;padding:16px}
#auxCalismaAlani .durum-ayrinti-karti label{min-width:0;font-size:12px;font-weight:500;gap:6px}
#auxCalismaAlani .durum-ayrinti-karti :is(input:not([type=checkbox]),select){width:100%;min-width:0;height:36px;min-height:36px;padding:7px 10px;border:1px solid var(--cizgi-guclu);border-radius:7px;background:var(--yuzey);color:var(--metin);font-size:12px}
#auxCalismaAlani .durum-ayrinti-karti input[type=color]{padding:4px}
#auxCalismaAlani .durum-form-ikili{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr);gap:12px;align-items:start}
#auxCalismaAlani .birimli-girdi input{border-radius:7px 0 0 7px}
#auxCalismaAlani .birimli-girdi em{height:36px;font-size:11px;border-radius:0 7px 7px 0}
#auxCalismaAlani .durum-anahtar{align-content:start}
#auxCalismaAlani .durum-anahtar input[role=switch]{appearance:none;position:relative;width:38px;height:22px;min-height:22px;justify-self:start;margin:7px 0;padding:0;border:0;border-radius:99px;background:var(--cizgi-guclu);cursor:pointer}
#auxCalismaAlani .durum-anahtar input[role=switch]::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .15s}
#auxCalismaAlani .durum-anahtar input[role=switch]:checked{background:var(--mavi)}
#auxCalismaAlani .durum-anahtar input[role=switch]:checked::after{transform:translateX(16px)}
#auxCalismaAlani .sure-asimi-politikasi{gap:12px;padding:12px;border-radius:9px}
#auxCalismaAlani .sure-asimi-politikasi legend{font-size:12px;font-weight:600}
#auxCalismaAlani .aux-alan-etiketi{display:block;margin-bottom:6px;font-size:12px;color:var(--metin-ikincil)}
#auxCalismaAlani .bildirim-rol-secimi{gap:8px}
#auxCalismaAlani .bildirim-rol-secimi label{font-size:11px;padding:0 7px;gap:6px}
#auxCalismaAlani .bildirim-rol-secimi input{flex:none;width:15px;height:15px;margin:0;padding:0;accent-color:var(--mavi)}
#auxCalismaAlani .aux-kapsam{border:1px solid var(--cizgi);border-radius:8px;overflow:hidden}
#auxCalismaAlani .aux-kapsam summary{padding:10px 12px;font-size:12px;font-weight:550;cursor:pointer}
#auxCalismaAlani .aux-kapsam>div{display:grid;gap:12px;padding:0 12px 12px}
#auxCalismaAlani .durum-form-eylemleri{flex-wrap:wrap;gap:8px;padding-top:0}
#auxCalismaAlani .sistem-durum-listesi{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px 18px}
#auxCalismaAlani .sistem-durum-listesi>span{min-height:64px;padding:12px}
#auxCalismaAlani .sistem-durum-listesi b{font-size:12px}
#auxCalismaAlani .sistem-durum-listesi small{font-size:10px}
#auxCalismaAlani .sistem-durum-listesi em{display:none}
#auxCalismaAlani .kilit-etiketi{font-size:11px;font-weight:500}
#auxCalismaAlani .operator-durum-onizleme>div{padding:18px}
#auxCalismaAlani #operatorDurumOnizleme span{font-size:12px;font-weight:500}
#auxCalismaAlani .aux-hizli-uzatma{display:block;max-width:600px;padding:0;border-top:1px solid var(--cizgi);background:var(--yuzey)}
#auxCalismaAlani .aux-hizli-uzatma>div{display:flex;align-items:end;gap:12px;padding:18px}
#auxCalismaAlani .aux-hizli-uzatma label{display:grid;flex:1;gap:6px;font-size:12px;min-width:0}
#auxCalismaAlani .aux-hizli-uzatma input{width:100%;min-width:0;border-radius:7px;color:var(--metin)}
#auxCalismaAlani .aux-hata{margin:0;padding:12px 14px;border:1px solid var(--kirmizi);border-radius:8px;background:var(--kirmizi-yumusak);color:var(--kirmizi);font-size:12px}
@media(max-width:1250px){#auxCalismaAlani .durum-yonetimi-yerlesimi{grid-template-columns:minmax(0,1fr)}#auxCalismaAlani .durum-ayrinti-karti form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#auxCalismaAlani .durum-form-eylemleri{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:760px){#auxCalismaAlani .aux-ozet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#auxCalismaAlani .aux-ozet article{gap:6px}#auxCalismaAlani .aux-ozet article>i{width:28px;height:28px}#auxCalismaAlani .aux-sekmeler{gap:18px}#auxCalismaAlani .aux-sekmeler button{min-height:44px}#auxCalismaAlani .yardimci-durum-karti>header{align-items:stretch;flex-direction:column}#auxCalismaAlani .aux-liste-eylem{display:grid;grid-template-columns:minmax(0,1fr) auto}#auxCalismaAlani #auxDurumArama{width:100%;min-height:44px}#auxCalismaAlani .durum-ayrinti-karti form{grid-template-columns:minmax(0,1fr)}#auxCalismaAlani .durum-ayrinti-karti :is(input:not([type=checkbox]),select),#auxCalismaAlani .birimli-girdi em{height:44px;min-height:44px}#auxCalismaAlani .durum-anahtar input[role=switch]{margin:11px 0}#auxCalismaAlani .operator-durum-onizleme>div{grid-template-columns:minmax(0,1fr)}#auxCalismaAlani .aux-hizli-uzatma input{height:44px}#auxCalismaAlani .durum-sira-eylemleri button{height:44px}}