/* mesh-page.css — Mesh Azalt sekmesi (30.10.2026, v8 sade; 29.10 v5 premium). Veri Merkezi dili: ipeksi bordo, 14px köşe. Önek .ma- */
.ma-root {
  --ma-b: #681620; --ma-b2: #86283a; --ma-bs: #f8e9ec; --ma-k: #ecd3d8; --ma-k2: #f3e6e9; --ma-a: #fff4d6; --ma-a-y: #7a5a00;
  --ma-t: var(--text, #2b2224); --ma-t2: var(--text-secondary, #6d6062); --ma-t3: var(--text-tertiary, #9a8e90);
  --ma-yz: var(--surface, #fff); --ma-zem: var(--surface-sunken, #faf7f7);
  --ma-yesil: #1f7a4d; --ma-yesil-z: #e5f4ec; --ma-yesil-k: #bfe3cf; --ma-kirmizi: #a3242f; --ma-kirmizi-z: #fbe4e6; --ma-kirmizi-k: #f1c2c7;
  --ma-mavi: #2b5f8a; --ma-mavi-z: #e6f0f8;
  --ma-golge: 0 1px 2px rgba(40, 6, 12, .05), 0 8px 24px rgba(40, 6, 12, .06);
  --ma-golge2: 0 2px 4px rgba(40, 6, 12, .06), 0 14px 34px rgba(40, 6, 12, .10);
  display: flex; flex-direction: column; gap: 14px; color: var(--ma-t); max-width: 1120px; font-variant-numeric: tabular-nums;
}
.ma-ust h2 { margin: 0; font-size: 23px; letter-spacing: -.01em; color: var(--ma-b); }
.ma-ust p { margin: 4px 0 0; color: var(--ma-t2); font-size: 13.5px; }

/* özet şeridi */
.ma-ozet { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  background: var(--ma-yz); border: 1px solid var(--ma-k); border-radius: 14px; padding: 10px 14px; box-shadow: var(--ma-golge); }
.ma-ozet-sayilar { display: flex; gap: 22px; }
.ma-ozet-k { display: flex; align-items: baseline; gap: 7px; }
.ma-ozet-k b { font-size: 20px; line-height: 1; }
.ma-ozet-k span { font-size: 12.5px; color: var(--ma-t2); }
.ma-ozet-k.tas b { color: var(--ma-a-y); } .ma-ozet-k.cal b { color: var(--ma-b); } .ma-ozet-k.haz b { color: var(--ma-yesil); }
.ma-ozet-k.sifir b { color: var(--ma-t3); }
.ma-ajanlar { display: flex; gap: 8px; flex-wrap: wrap; }
.ma-cip { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--ma-k); background: var(--ma-zem); white-space: nowrap; color: var(--ma-t2); }
.ma-cip i { width: 8px; height: 8px; border-radius: 50%; background: var(--ma-t3); }
.ma-cip.ma-acik { color: var(--ma-yesil); border-color: var(--ma-yesil-k); background: var(--ma-yesil-z); }
.ma-cip.ma-acik i { background: var(--ma-yesil); box-shadow: 0 0 0 3px rgba(31, 122, 77, .18); }
.ma-uyar-serit { background: var(--ma-a); border: 1px solid #f0dc9c; border-radius: 12px; padding: 10px 14px; font-size: 13.5px; }

/* bırakma alanı (kompakt) + sayfa geneli örtü */
.ma-birak { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 2px dashed var(--ma-k); border-radius: 14px;
  background: var(--ma-zem); cursor: pointer; transition: border-color .15s, background .15s; }
.ma-birak:hover, .ma-birak:focus-within { border-color: var(--ma-b2); background: var(--ma-bs); }
.ma-birak-ikon { flex: none; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 22px; color: #fff; background: var(--ma-b); }
.ma-birak b { color: var(--ma-b); font-size: 15px; }
.ma-birak small { display: block; font-size: 12.5px; color: var(--ma-t3); margin-top: 2px; }
.ma-ortu { position: fixed; inset: 0; z-index: 9998; display: none; place-items: center; background: rgba(104, 22, 32, .55); backdrop-filter: blur(3px); pointer-events: none; }
.ma-ortu.on { display: grid; }
.ma-ortu > div { background: #fff; border-radius: 22px; padding: 34px 54px; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); border: 3px dashed #86283a; }
.ma-ortu span { display: block; font-size: 44px; color: #681620; line-height: 1; }
.ma-ortu b { display: block; font-size: 22px; color: #681620; margin-top: 8px; }
.ma-ortu small { color: #6d6062; }
.ma-toplu { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--ma-a); border: 1px solid #f0dc9c; border-radius: 12px; padding: 8px 8px 8px 14px; }
.ma-toplu[hidden] { display: none; }
.ma-toplu b { font-size: 13.5px; color: var(--ma-a-y); }

/* kartlar */
.ma-isler { display: flex; flex-direction: column; gap: 10px; }
.ma-bos { display: flex; flex-direction: column; gap: 4px; align-items: center; text-align: center; padding: 34px 20px; color: var(--ma-t2); border: 1px dashed var(--ma-k); border-radius: 14px; }
.ma-bos b { color: var(--ma-t); font-size: 15px; }
.ma-bos span { font-size: 13px; max-width: 520px; }
.ma-is { background: var(--ma-yz); border: 1px solid var(--ma-k); border-left: 4px solid var(--ma-k); border-radius: 14px; padding: 14px 16px; box-shadow: var(--ma-golge);
  display: flex; flex-direction: column; gap: 12px; transition: box-shadow .15s; }
.ma-is:hover { box-shadow: var(--ma-golge2); }
.ma-d-taslak { border-left-color: #e2b84a; } .ma-d-kuyruk { border-left-color: var(--ma-t3); } .ma-d-isleniyor { border-left-color: var(--ma-b2); }
.ma-d-bitti { border-left-color: var(--ma-yesil); } .ma-d-bekle { border-left-color: var(--ma-mavi); } .ma-d-hata { border-left-color: var(--ma-kirmizi); }
.ma-is header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.ma-is-ad { display: flex; align-items: center; gap: 11px; min-width: 0; }
.ma-is-ad b { display: block; font-size: 14.5px; word-break: break-word; }
.ma-is-ad small { font-size: 12px; color: var(--ma-t3); }
.ma-dosya-ikon { flex: none; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; font-size: 10.5px; font-weight: 700; letter-spacing: .04em;
  background: var(--ma-bs); color: var(--ma-b); border: 1px solid var(--ma-k); }
.ma-rozet { flex: none; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: var(--ma-zem); color: var(--ma-t2); white-space: nowrap; }
.ma-d-taslak .ma-rozet { background: var(--ma-a); color: var(--ma-a-y); }
.ma-d-isleniyor .ma-rozet { background: var(--ma-bs); color: var(--ma-b); }
.ma-d-bitti .ma-rozet { background: var(--ma-yesil-z); color: var(--ma-yesil); }
.ma-d-bekle .ma-rozet { background: var(--ma-mavi-z); color: var(--ma-mavi); }
.ma-d-hata .ma-rozet { background: var(--ma-kirmizi-z); color: var(--ma-kirmizi); }
.ma-is footer { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* hazır ayarlar + gelişmiş */
.ma-hazirlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ma-hazir { text-align: left; display: flex; flex-direction: column; gap: 4px; padding: 11px 12px; border-radius: 12px; border: 1.5px solid var(--ma-k);
  background: var(--ma-zem); color: var(--ma-t); cursor: pointer; font: inherit; transition: border-color .15s, background .15s, transform .1s; }
.ma-hazir:hover { border-color: var(--ma-b2); }
.ma-hazir:active { transform: scale(.99); }
.ma-hazir b { font-size: 13.5px; }
.ma-hazir b em { font-style: normal; font-size: 10.5px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: var(--ma-yesil-z); color: var(--ma-yesil); margin-left: 4px; }
.ma-hazir small { font-size: 11.5px; color: var(--ma-t2); line-height: 1.35; }
.ma-hazir.on { border-color: var(--ma-b); background: var(--ma-bs); box-shadow: inset 0 0 0 1px var(--ma-b); }
.ma-hazir.on b { color: var(--ma-b); }
.ma-gelismis-ac { align-self: flex-start; background: none; border: 0; padding: 2px 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--ma-b); cursor: pointer; }
.ma-gelismis-ac small { font-weight: 400; color: var(--ma-t3); margin-left: 6px; }
.ma-form { display: flex; flex-direction: column; gap: 8px; }
.ma-adim-blok { border: 1px solid var(--ma-k); border-radius: 12px; padding: 10px 12px; background: var(--ma-zem); }
.ma-adim-blok.kapali { opacity: .6; }
.ma-adim-blok.kapali .ma-ek { display: none; }
.ma-adim-sec { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.ma-adim-sec input { margin-top: 3px; width: 17px; height: 17px; accent-color: var(--ma-b); flex: none; }
.ma-adim-sec b { display: block; font-size: 14px; }
.ma-adim-sec small { display: block; font-size: 12px; color: var(--ma-t2); }
.ma-deneysel { font-style: normal; font-size: 10.5px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: var(--ma-a); color: var(--ma-a-y); margin-left: 6px; vertical-align: 1px; }
.ma-ek { margin: 8px 0 0 27px; display: flex; flex-direction: column; gap: 8px; }
.ma-alt { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ma-t2); flex-wrap: wrap; }
.ma-alt input[type=checkbox] { accent-color: var(--ma-b); }
.ma-alt select { font: inherit; padding: 5px 8px; border-radius: 8px; border: 1px solid var(--ma-k); background: var(--ma-yz); color: var(--ma-t); min-width: 0; max-width: 100%; }
.ma-sevler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ma-sev { text-align: left; display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 10px; border: 1.5px solid var(--ma-k); background: var(--ma-yz); color: var(--ma-t); cursor: pointer; font: inherit; }
.ma-sev b { font-size: 13.5px; } .ma-sev span { font-size: 12px; color: var(--ma-t2); }
.ma-sev.on { border-color: var(--ma-b); background: var(--ma-bs); box-shadow: inset 0 0 0 1px var(--ma-b); }
.ma-sev.on b { color: var(--ma-b); }

/* çalışan iş: adım bölmeli şerit */
.ma-bolmeli { display: flex; gap: 4px; }
.ma-bolmeli span { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ma-bolmeli i { display: block; height: 7px; border-radius: 4px; background: var(--ma-k2); overflow: hidden; position: relative; }
.ma-bolmeli .tamam i { background: var(--ma-yesil); }
.ma-bolmeli .hata i { background: var(--ma-kirmizi); }
.ma-bolmeli .calisiyor i { background: var(--ma-bs); }
.ma-bolmeli .calisiyor i::after { content: ''; position: absolute; inset: 0; width: 45%; background: var(--ma-b2); border-radius: 4px; animation: ma-kay 1.2s ease-in-out infinite; }
.ma-bolmeli small { font-size: 11px; color: var(--ma-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ma-bolmeli .calisiyor small { color: var(--ma-b); font-weight: 600; } .ma-bolmeli .tamam small { color: var(--ma-yesil); }
@keyframes ma-kay { 0% { transform: translateX(-100%); } 100% { transform: translateX(230%); } }
.ma-canli { margin: 0; font-size: 13px; color: var(--ma-t2); }
.ma-canli b { color: var(--ma-t); }
.ma-ilerleme { height: 6px; border-radius: 3px; background: var(--ma-k2); overflow: hidden; }
.ma-ilerleme i { display: block; height: 100%; background: var(--ma-b2); transition: width .2s; }

/* biten iş: sonuç çipleri */
.ma-cipler { display: flex; gap: 8px; flex-wrap: wrap; }
.ma-cipler span { display: flex; flex-direction: column; gap: 1px; background: var(--ma-zem); border: 1px solid var(--ma-k2); border-radius: 10px; padding: 7px 11px; }
.ma-cipler small { font-size: 11px; color: var(--ma-t3); }
.ma-cipler b { font-size: 13.5px; }
.ma-cipler em { font-style: normal; color: var(--ma-yesil); font-weight: 700; }

/* zaman çizelgesi */
.ma-cizelge { list-style: none; margin: 0; padding: 4px 0 0; display: flex; flex-direction: column; border-top: 1px solid var(--ma-k2); }
.ma-cizelge li { display: flex; gap: 12px; position: relative; padding: 10px 0 2px; }
.ma-cizelge li:not(:last-child)::before { content: ''; position: absolute; left: 13px; top: 38px; bottom: -10px; width: 2px; background: var(--ma-k2); }
.ma-c-ikon { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700;
  background: var(--ma-zem); color: var(--ma-t3); border: 1.5px solid var(--ma-k); position: relative; z-index: 1; }
.ma-c-tamam .ma-c-ikon { background: var(--ma-yesil-z); color: var(--ma-yesil); border-color: var(--ma-yesil-k); }
.ma-c-hata .ma-c-ikon { background: var(--ma-kirmizi-z); color: var(--ma-kirmizi); border-color: var(--ma-kirmizi-k); }
.ma-c-calisiyor .ma-c-ikon { border: 2.5px solid var(--ma-k); border-top-color: var(--ma-b); animation: ma-don .9s linear infinite; }
@keyframes ma-don { to { transform: rotate(360deg); } }
.ma-c-govde { flex: 1; min-width: 0; padding-top: 3px; }
.ma-c-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.ma-c-ust b { font-size: 14px; }
.ma-c-eylem { display: flex; gap: 6px; }
.ma-c-govde p { margin: 3px 0 0; font-size: 13px; word-break: break-word; }
.ma-c-govde small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--ma-t3); }
.ma-c-govde .ma-uyari { margin-top: 6px; }
.ma-uyari { margin: 0; padding: 8px 12px 8px 28px; background: var(--ma-a); border-radius: 10px; font-size: 12.5px; }
.ma-soluk { color: var(--ma-t3) !important; }
.ma-hata-yazi { color: var(--ma-kirmizi); font-size: 13px; margin: 3px 0 0; word-break: break-word; }
.ma-yol { margin: 0; font-size: 13px; color: var(--ma-t2); }
@media (prefers-reduced-motion: reduce) { .ma-c-calisiyor .ma-c-ikon, .ma-bolmeli .calisiyor i::after { animation: none; } }

/* düğmeler */
.ma-btn { font: inherit; font-size: 13px; padding: 7px 14px; border-radius: 9px; border: 1px solid var(--ma-k); background: var(--ma-yz); color: var(--ma-t); cursor: pointer;
  text-decoration: none; transition: background .12s, border-color .12s; display: inline-flex; align-items: center; gap: 6px; }
.ma-btn:hover:not(:disabled) { border-color: var(--ma-b2); }
.ma-btn:focus-visible, .ma-hazir:focus-visible, .ma-sev:focus-visible, .ma-gelismis-ac:focus-visible { outline: 2px solid var(--ma-b2); outline-offset: 2px; }
.ma-btn:disabled { opacity: .6; cursor: progress; }
.ma-btn small { font-size: 11.5px; opacity: .8; font-weight: 400; }
.ma-btn.ma-ana { background: var(--ma-b); border-color: var(--ma-b); color: #fff; font-weight: 600; }
.ma-btn.ma-ana:hover:not(:disabled) { background: var(--ma-b2); }
.ma-btn.ma-buyuk { padding: 9px 20px; font-size: 14px; }
.ma-btn.ma-ikincil { background: var(--ma-yz); color: var(--ma-b); border-color: var(--ma-b); font-weight: 600; }
.ma-btn.ma-kucuk { padding: 4px 10px; font-size: 12px; border-radius: 8px; }
.ma-btn.ma-sil { margin-left: auto; color: var(--ma-t2); }
.ma-acici { color: var(--ma-t2); }
.ma-menu { position: relative; margin-left: auto; }
.ma-menu summary { list-style: none; padding: 7px 12px; font-weight: 700; letter-spacing: .1em; }
.ma-menu summary::-webkit-details-marker { display: none; }
.ma-menu > div { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 20; min-width: 210px; background: var(--ma-yz); border: 1px solid var(--ma-k);
  border-radius: 12px; box-shadow: var(--ma-golge2); padding: 6px; display: flex; flex-direction: column; }
.ma-menu > div button { text-align: left; font: inherit; font-size: 13px; padding: 8px 10px; border: 0; border-radius: 8px; background: none; color: var(--ma-t); cursor: pointer; }
.ma-menu > div button:hover { background: var(--ma-zem); }
.ma-sil-yazi { color: var(--ma-kirmizi) !important; }

/* 3D önizleyici */
body.ma-gor-acik { overflow: hidden; }
.ma-gor { position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; background: #f4f1f1; color: #2b2224; }
.ma-gor-ust { display: flex; align-items: center; gap: 14px; padding: 10px 14px; background: #fff; border-bottom: 1px solid #ecd3d8; flex-wrap: wrap; }
.ma-gor-baslik { min-width: 0; flex: 1; }
.ma-gor-baslik b { display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ma-gor-baslik span { font-size: 12.5px; color: #6d6062; font-variant-numeric: tabular-nums; }
.ma-gor-adimlar { display: flex; gap: 4px; flex-wrap: wrap; background: #faf7f7; border: 1px solid #ecd3d8; border-radius: 10px; padding: 3px; }
.ma-gor-adimlar button, .ma-gor-kip button { font: inherit; font-size: 12.5px; padding: 6px 11px; border: 0; border-radius: 7px; background: none; color: #6d6062; cursor: pointer; }
.ma-gor-adimlar button.on, .ma-gor-kip button.on { background: #681620; color: #fff; font-weight: 600; }
.ma-gor-kip button:disabled { opacity: .4; cursor: default; }
.ma-gor-kapat { font: inherit; font-size: 18px; width: 38px; height: 38px; border-radius: 10px; border: 1px solid #ecd3d8; background: #fff; cursor: pointer; }
.ma-gor-sahne { flex: 1; position: relative; min-height: 0; }
.ma-gor-sahne canvas { display: block; width: 100% !important; height: 100% !important; touch-action: none; }
.ma-gor-yuk { position: absolute; inset: 0; display: grid; place-items: center; font-size: 15px; color: #6d6062; background: rgba(244, 241, 241, .6); }
.ma-gor-yuk[hidden] { display: none; }
.ma-gor-alt { display: flex; align-items: center; gap: 14px; padding: 9px 14px; background: #fff; border-top: 1px solid #ecd3d8; flex-wrap: wrap; }
.ma-gor-kip { display: flex; gap: 4px; background: #faf7f7; border: 1px solid #ecd3d8; border-radius: 10px; padding: 3px; }
.ma-gor-tel { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.ma-gor-tel input { accent-color: #681620; }
.ma-gor-ipucu { margin-left: auto; font-size: 12px; color: #9a8e90; }

@media (max-width: 860px) {
  .ma-hazirlar, .ma-sevler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ma-ek { margin-left: 0; }
  .ma-btn.ma-sil { margin-left: 0; }
  .ma-ozet-sayilar { gap: 16px; }
  .ma-gor-ipucu { display: none; }
  .ma-is footer .ma-btn.ma-buyuk { flex: 1 1 100%; justify-content: center; }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ma-root { --ma-bs: #3a1a20; --ma-k: #4a3036; --ma-k2: #3a2a2e; --ma-a: #3d3418; --ma-a-y: #f0cf6a; --ma-yesil-z: #173527; --ma-yesil-k: #2c5a43;
    --ma-kirmizi-z: #3d1a1e; --ma-kirmizi-k: #6a2c33; --ma-mavi-z: #18293a; --ma-mavi: #8bbbe3; --ma-b: #e08a98; --ma-b2: #c96676; }
}
:root[data-theme="dark"] .ma-root { --ma-bs: #3a1a20; --ma-k: #4a3036; --ma-k2: #3a2a2e; --ma-a: #3d3418; --ma-a-y: #f0cf6a; --ma-yesil-z: #173527; --ma-yesil-k: #2c5a43;
  --ma-kirmizi-z: #3d1a1e; --ma-kirmizi-k: #6a2c33; --ma-mavi-z: #18293a; --ma-mavi: #8bbbe3; --ma-b: #e08a98; --ma-b2: #c96676; }

/* 29.10 v6: açılıp kapanan adım düğmeleri + durdur */
.ma-pillar { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ma-pil { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 13px; padding: 6px 12px 6px 7px; border-radius: 999px;
  border: 1.5px dashed var(--ma-k); background: var(--ma-yz); color: var(--ma-t3); cursor: pointer; transition: all .12s; }
.ma-pil i { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 700; background: var(--ma-zem); border: 1px solid var(--ma-k); }
.ma-pil.on { border-style: solid; border-color: var(--ma-b2); color: var(--ma-b); background: var(--ma-bs); font-weight: 600; }
.ma-pil.on i { background: var(--ma-b); border-color: var(--ma-b); color: #fff; }
.ma-pil.on.tamam { border-color: var(--ma-yesil-k); color: var(--ma-yesil); background: var(--ma-yesil-z); }
.ma-pil.on.tamam i { background: var(--ma-yesil); border-color: var(--ma-yesil); }
.ma-pil.on.hata { border-color: var(--ma-kirmizi-k); color: var(--ma-kirmizi); background: var(--ma-kirmizi-z); }
.ma-pil.on.hata i { background: var(--ma-kirmizi); border-color: var(--ma-kirmizi); }
.ma-pil.deneysel:not(.on) { font-style: italic; }
.ma-pil:hover:not(:disabled) { border-color: var(--ma-b); }
.ma-pil:disabled { cursor: default; opacity: .85; }
.ma-pil-sev { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ma-t2); margin-left: 4px; }
.ma-pil-sev select { font: inherit; font-size: 12.5px; padding: 4px 8px; border-radius: 8px; border: 1px solid var(--ma-k); background: var(--ma-yz); color: var(--ma-t); }
.ma-btn.ma-durdur { color: var(--ma-kirmizi); border-color: var(--ma-kirmizi-k); font-weight: 600; }
.ma-btn.ma-durdur:hover:not(:disabled) { background: var(--ma-kirmizi-z); border-color: var(--ma-kirmizi); }

/* ── 30.10 v8 sade: başlıkta özet, tercih anahtarları, 3 kararlı taslak kartı, segment seviye, tek satır biten iş ── */
.ma-root { gap: 12px; }
.ma-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.ma-ust h2 { font-size: 24px; font-weight: 700; }
.ma-ust .ma-ozet { background: none; border: 0; box-shadow: none; padding: 0; gap: 14px; }
.ma-ozet-sayilar { gap: 14px; }
.ma-ozet-k b { font-size: 17px; } .ma-ozet-k span { font-size: 12px; }
.ma-tercih { display: flex; gap: 8px 22px; flex-wrap: wrap; padding: 2px 2px 0; }
.ma-anahtar { display: inline-flex; align-items: center; gap: 9px; font-size: 13px; color: var(--ma-t); cursor: pointer; user-select: none; }
.ma-anahtar small { color: var(--ma-t3); font-size: 12px; }
.ma-anahtar input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ma-anahtar > span { flex: none; width: 34px; height: 20px; border-radius: 999px; background: var(--ma-k); position: relative; transition: background .15s; }
.ma-anahtar > span::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .15s; }
.ma-anahtar input:checked + span { background: var(--ma-b); }
.ma-anahtar input:checked + span::after { transform: translateX(14px); }
.ma-anahtar input:focus-visible + span { outline: 2px solid var(--ma-b2); outline-offset: 2px; }

.ma-birak.kucuk { padding: 9px 14px; border-width: 1.5px; }
.ma-birak.kucuk .ma-birak-ikon { width: 30px; height: 30px; font-size: 16px; border-radius: 9px; }
.ma-birak.kucuk b { font-size: 13.5px; }
.ma-birak.kucuk small { display: inline; margin: 0 0 0 8px; }
.ma-toplu > span { display: flex; gap: 8px; flex-wrap: wrap; }
.ma-hazir-serit { background: var(--ma-yesil-z); border-color: var(--ma-yesil-k); }
.ma-hazir-serit b { color: var(--ma-yesil); }

.ma-is { padding: 14px 16px; gap: 12px; }
.ma-satir { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; align-items: center; }
.ma-etiket { font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--ma-t3); }
.ma-hazir { padding: 8px 11px; gap: 2px; border-width: 1px; }
.ma-hazir b { font-size: 13px; }
.ma-hazir small { font-size: 11px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.ma-seg { display: inline-grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; padding: 3px; border-radius: 11px; background: var(--ma-zem); border: 1px solid var(--ma-k); max-width: 520px; width: 100%; }
.ma-seg button { font: inherit; border: 0; background: none; border-radius: 8px; padding: 6px 8px; cursor: pointer; color: var(--ma-t2); display: flex; flex-direction: column; align-items: center; gap: 0; }
.ma-seg button b { font-size: 13px; } .ma-seg button small { font-size: 11px; opacity: .8; }
.ma-seg button:hover { color: var(--ma-t); background: var(--ma-yz); }
.ma-seg button.on { background: var(--ma-b); color: #fff; box-shadow: 0 1px 3px rgba(40, 6, 12, .25); }
.ma-seg button:focus-visible { outline: 2px solid var(--ma-b2); outline-offset: 1px; }
.ma-gelismis-ac { font-size: 12.5px; }
.ma-ozel { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 12px; background: var(--ma-zem); border: 1px solid var(--ma-k2); }
.ma-ozel .ma-adim-blok { background: var(--ma-yz); }
.ma-btn.ma-hayalet { background: none; border-color: transparent; color: var(--ma-t2); }
.ma-btn.ma-hayalet:hover:not(:disabled) { background: var(--ma-zem); border-color: var(--ma-k); color: var(--ma-t); }
.ma-btn.ma-buyuk { padding: 10px 22px; font-size: 14.5px; border-radius: 11px; box-shadow: 0 2px 8px rgba(104, 22, 32, .22); }
.ma-is footer { padding-top: 2px; }

.ma-kompakt { padding: 9px 12px 9px 14px; gap: 0; box-shadow: none; border-left-width: 3px; }
.ma-kompakt:hover { box-shadow: var(--ma-golge); }
.ma-kompakt .ma-dosya-ikon { width: 32px; height: 32px; font-size: 9.5px; border-radius: 8px; }
.ma-kompakt .ma-is-ad b { font-size: 13.5px; }
.ma-kompakt .ma-is-ad small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.ma-kompakt-eylem { display: flex; gap: 6px; flex: none; }

@media (max-width: 860px) {
  .ma-satir { grid-template-columns: 1fr; gap: 6px; }
  .ma-seg { max-width: none; }
  .ma-kompakt header { flex-wrap: wrap; }
  .ma-kompakt .ma-is-ad small { white-space: normal; }
}