/* KAYNAK: wmwebdemuhasebe/src/app/pages/cari-kartlar/cari-kart-form.css
   ELLE DÜZENLEMEYİN — scripts/wmweb-css-esitle.mjs ile yenilenir.
   WMOfis'e özgü kurallar: wwwroot/css/wm-uyum.css */

.wm-ckart{--font-size-sm:11px;--app-alan-etiket-boyut:11px;--app-kontrol-pad-x:7px;position:relative;display:flex;width:100%;min-width:0;height:100%;min-height:0;flex-direction:column;gap:10px;overflow:hidden}
.wm-ckart--kaydediyor{pointer-events:none}
.wm-ckart__kaydet-yukle{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--app-surface) 72%,transparent);backdrop-filter:blur(6px);animation:wm-ckart-yukle-in .22s ease-out;pointer-events:auto}
.wm-ckart__kaydet-yukle-kart{position:relative;display:flex;width:min(360px,100%);flex-direction:column;align-items:center;gap:14px;padding:28px 24px 22px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);box-shadow:var(--app-shadow-lg);text-align:center}
.wm-ckart__kaydet-yukle-rozet{position:absolute;top:12px;right:12px;border-radius:999px;padding:3px 9px;background:var(--app-accent-soft);color:var(--app-accent);font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
.wm-ckart__kaydet-yukle-ikon{position:relative;display:grid;place-items:center;width:56px;height:56px}
.wm-ckart__kaydet-yukle-halka{position:absolute;inset:0;border:3px solid var(--app-primary-soft);border-top-color:var(--app-primary);border-radius:50%;animation:wm-ckart-spin .75s linear infinite}
.wm-ckart__kaydet-yukle-ikon .material-symbols-outlined{position:relative;z-index:1;font-size:22px;color:var(--app-primary)}
.wm-ckart__kaydet-yukle-yazi{display:flex;min-width:0;flex-direction:column;gap:4px}
.wm-ckart__kaydet-yukle-yazi strong{font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.3;color:var(--app-text-primary)}
.wm-ckart__kaydet-yukle-yazi em{font-size:12px;font-style:normal;line-height:1.4;color:var(--app-text-muted)}
.wm-ckart__kaydet-yukle-cubuk{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:var(--app-primary-soft)}
.wm-ckart__kaydet-yukle-cubuk span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--app-accent),var(--app-primary));animation:wm-ckart-kaydet-bar 1.1s ease-in-out infinite}
.wm-ckart__btn-halka{width:14px;height:14px;flex-shrink:0;border:2px solid color-mix(in srgb,var(--app-text-inverse) 35%,transparent);border-top-color:var(--app-text-inverse);border-radius:50%;animation:wm-ckart-spin .7s linear infinite}
.wm-ckart__head{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface)}
.wm-ckart__baslik-grup{display:flex;min-width:0;align-items:center;gap:10px}
.wm-ckart__geri,.wm-ckart__ikon{display:inline-flex;width:34px;height:34px;flex-shrink:0;align-items:center;justify-content:center;border-radius:10px}
.wm-ckart__geri{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-primary)}
.wm-ckart__geri:hover,.wm-ckart__btn:hover,.wm-ckart__panel-islem:hover,.wm-ckart__lookup button:hover,.wm-ckart__sekme:hover{background:var(--app-primary-soft);color:var(--app-text-primary)}
.wm-ckart__geri .material-symbols-outlined,.wm-ckart__ikon .material-symbols-outlined{font-size:18px;line-height:1}
.wm-ckart__ikon{background:var(--app-primary);color:var(--app-text-inverse)}
.wm-ckart__ust{margin:0;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--app-text-muted)}
.wm-ckart__baslik{margin:0;font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--app-text-primary)}
.wm-ckart__ozet{margin:2px 0 0;max-width:42rem;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--app-text-muted);white-space:nowrap}
.wm-ckart__rozet{flex-shrink:0;border-radius:999px;padding:3px 9px;background:var(--app-success-light);color:var(--app-success-text);font-size:11px;font-weight:500}
.wm-ckart__rozet--yeni{background:var(--app-accent-soft);color:var(--app-accent)}
.wm-ckart__rozet--incele{background:color-mix(in srgb,var(--app-primary-soft) 85%,var(--app-surface));color:var(--app-primary)}
.wm-ckart__rozet--duzenleyici{background:var(--app-primary-soft);color:var(--app-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 18%,transparent)}
.wm-ckart--incele .wm-ckart__izgara{pointer-events:none;user-select:text}
.wm-ckart--incele .wm-ckart__sifre-btn{pointer-events:auto}
.wm-ckart__araclar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wm-ckart__btn--vazgec{margin-left:auto}
.wm-ckart__btn--vurgu{border-color:color-mix(in srgb,var(--app-primary) 40%,var(--app-border));background:var(--app-primary-soft);color:var(--app-primary);font-weight:600}
.wm-ckart__btn--vurgu .material-symbols-outlined,.wm-ckart__btn--vurgu .wm-ckart__btn-yazi{color:var(--app-primary)}
.wm-ckart__btn--vurgu:hover{border-color:color-mix(in srgb,var(--app-primary) 58%,var(--app-border));background:color-mix(in srgb,var(--app-primary-soft) 65%,var(--app-surface));color:var(--app-primary-hover)}
.wm-ckart__btn--vurgu:hover .material-symbols-outlined,.wm-ckart__btn--vurgu:hover .wm-ckart__btn-yazi{color:var(--app-primary-hover)}
.wm-ckart__duzen-bilgi{font-size:11px;font-weight:500;color:var(--app-text-muted);white-space:nowrap}
.wm-ckart__btn{display:inline-flex;align-items:center;gap:6px;min-height:var(--app-kontrol-yukseklik);height:var(--app-kontrol-yukseklik);border:1px solid var(--app-border);border-radius:8px;padding:0 10px;background:var(--app-surface);color:var(--app-text-body);font-size:12px;font-weight:500}
.wm-ckart__btn .material-symbols-outlined,.wm-ckart__panel-islem .material-symbols-outlined{font-size:16px;line-height:1}
.wm-ckart__btn--birincil{border-color:var(--app-primary);background:var(--app-primary);color:var(--app-text-inverse)}
.wm-ckart__btn--birincil:hover{background:var(--app-primary-hover);color:var(--app-text-inverse)}
.wm-ckart__btn:disabled{opacity:.55;cursor:default}
.wm-ckart__sekmeler{flex-shrink:0}
.wm-ckart__sekme-ray{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;overflow-x:auto;padding:4px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface-alt)}
.wm-ckart__sekme{display:flex;min-width:9.5rem;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:7px 10px;background:transparent;color:var(--app-text-body);text-align:left}
.wm-ckart__sekme .material-symbols-outlined{font-size:18px;color:var(--app-text-muted)}
.wm-ckart__sekme strong{display:block;font-size:12px;font-weight:500;line-height:1.2}
.wm-ckart__sekme em{display:block;margin-top:1px;font-size:10px;font-style:normal;color:var(--app-text-muted)}
.wm-ckart__sekme--aktif{border-color:var(--app-border);background:var(--app-surface);color:var(--app-text-primary);box-shadow:inset 0 -2px 0 var(--app-accent)}
.wm-ckart__sekme--aktif .material-symbols-outlined{color:var(--app-accent)}
.wm-ckart__govde{position:relative;min-height:0;flex:1 1 auto;overflow:auto}
.wm-ckart__sekme:disabled{opacity:.55;cursor:default}
.wm-ckart__sekme-yukle{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px 16px;background:color-mix(in srgb,var(--app-surface) 58%,transparent);backdrop-filter:blur(4px);animation:wm-ckart-yukle-in .2s ease-out}
.wm-ckart__sekme-yukle::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;overflow:hidden;background:color-mix(in srgb,var(--app-primary-soft) 70%,transparent)}
.wm-ckart__sekme-yukle::after{content:"";position:absolute;top:0;left:0;width:38%;height:3px;border-radius:0 2px 2px 0;background:linear-gradient(90deg,var(--app-accent),var(--app-primary));animation:wm-ckart-yukle-bar 1.05s ease-in-out infinite}
.wm-ckart__sekme-yukle-kart{display:flex;align-items:center;gap:12px;min-width:min(260px,100%);max-width:320px;padding:14px 16px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface);box-shadow:var(--app-shadow-lg)}
.wm-ckart__sekme-yukle-halka{width:26px;height:26px;flex-shrink:0;border:2.5px solid var(--app-primary-soft);border-top-color:var(--app-primary);border-radius:50%;animation:wm-ckart-spin .7s linear infinite}
.wm-ckart__sekme-yukle-yazi{display:flex;min-width:0;flex-direction:column;gap:2px}
.wm-ckart__sekme-yukle-yazi strong{font-size:13px;font-weight:500;line-height:1.25;color:var(--app-text-primary)}
.wm-ckart__sekme-yukle-yazi em{font-size:11px;font-style:normal;line-height:1.3;color:var(--app-text-muted)}
.wm-ckart__izgara--soluk{opacity:.22;pointer-events:none;filter:saturate(.65)}
.wm-ckart__izgara{position:relative;display:block;min-height:120px;padding-bottom:48px}
.wm-ckart__alanlar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 10px;align-content:start}
.wm-ckart__alan--satir,.wm-ckart__alan-alta{grid-column:1/-1}
.wm-ckart__kart,.wm-ckart__bos-sekme{display:flex;flex-direction:column;border-radius:12px;background:var(--app-surface)}
.wm-ckart__kart{position:absolute;box-sizing:border-box;min-height:0;border:1px solid var(--app-border);padding:0;overflow:hidden}
.wm-ckart__kart .wm-ckart__alanlar{flex:1 1 auto;min-height:0;padding:10px}
.wm-ckart__bos-sekme{position:relative;width:100%;align-items:center;gap:12px;padding:28px 20px;border:1px dashed color-mix(in srgb,var(--app-primary) 28%,var(--app-border));background:color-mix(in srgb,var(--app-primary-soft) 40%,var(--app-surface));text-align:center}
.wm-ckart__alan--span1{grid-column:span 1}.wm-ckart__alan--span2{grid-column:span 2}.wm-ckart__alan--span3{grid-column:span 3}.wm-ckart__alan--span4{grid-column:span 4}
.wm-ckart__kart--serbest{border-style:solid;border-color:color-mix(in srgb,var(--app-primary) 28%,var(--app-border));background:color-mix(in srgb,var(--app-primary-soft) 55%,var(--app-surface));box-shadow:inset 3px 0 0 var(--app-primary)}
.wm-ckart__kart--serbest header{background:color-mix(in srgb,var(--app-primary-soft) 70%,var(--app-surface-alt))}
.wm-ckart__bos-sekme-ikon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto;border-radius:12px;background:var(--app-primary-soft);color:var(--app-primary);font-size:22px}
.wm-ckart__bos-sekme p,.wm-ckart__meta{margin:0;color:var(--app-text-muted)}
.wm-ckart__bos-sekme p{font-size:13px}.wm-ckart__meta{font-size:11px}
.wm-ckart__kart header{display:flex;flex-shrink:0;box-sizing:border-box;align-items:center;gap:6px;margin:0;height:var(--app-grup-header-yukseklik);min-height:var(--app-grup-header-yukseklik);max-height:var(--app-grup-header-yukseklik);padding:0 10px;overflow:hidden;border-bottom:1px solid var(--app-grup-header-cizgi);background:var(--app-grup-header-bg)}
.wm-ckart__kart header>.min-w-0{flex:1 1 auto;min-width:0}
.wm-ckart__kart header h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--app-grup-header-baslik);font-weight:var(--font-weight-medium);color:var(--app-grup-header-yazi)}
.wm-ckart__alan{display:flex;min-width:0;flex-direction:row;align-items:center;gap:6px 8px}
.wm-ckart__alan:has(textarea){align-items:flex-start}
.wm-ckart__alan>span:not(.wm-ckart__tutamac):not(.wm-ckart__boyut){
  flex:0 1 var(--app-alan-etiket-genislik);width:var(--app-alan-etiket-genislik);min-width:4.25rem;max-width:42%;
  box-sizing:border-box;line-height:1.25;overflow-wrap:anywhere;font-size:var(--app-alan-etiket-boyut);font-weight:var(--font-weight-normal);color:var(--app-text-muted)
}
.wm-ckart__etiket{font-size:var(--app-alan-etiket-boyut);font-weight:var(--font-weight-normal)}
.wm-ckart__alan:has(textarea)>span:not(.wm-ckart__tutamac):not(.wm-ckart__boyut){padding-top:7px}
.wm-ckart__zorunlu{color:#c62828;font-style:normal;font-weight:500;margin-left:2px}
.wm-ckart__alan--hata input:not([type=checkbox]),.wm-ckart__alan--hata select,.wm-ckart__alan--hata textarea,.wm-ckart__alan--hata .wm-ckart__arama,.wm-ckart__alan--hata .wm-ckart__arama-sar--temizle,.wm-ckart__alan--hata .wm-ckart__lookup,.wm-ckart__alan--hata .wm-ckart__sifre input{border-color:#c62828;box-shadow:0 0 0 1px rgba(198,40,40,.18)}
.wm-ckart__alan input:not([type=checkbox]),.wm-ckart__alan select,.wm-ckart__alan textarea{
  flex:1 1 auto;min-width:0;width:auto;min-height:var(--app-kontrol-yukseklik);height:var(--app-kontrol-yukseklik);
  border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);padding:0 var(--app-kontrol-pad-x);
  background:var(--app-surface-alt);color:var(--app-text-body);font:inherit;font-size:var(--font-size-sm)
}
.wm-ckart__alan textarea{min-height:100px;height:auto;padding:6px 9px;resize:vertical}
.wm-ckart__alan input:not([type=checkbox]):focus,.wm-ckart__alan select:focus,.wm-ckart__alan textarea:focus,.wm-ckart__lookup:focus-within,.wm-ckart__arama:focus-within{border-color:var(--app-primary);outline:none;box-shadow:var(--app-shadow-focus)}
.wm-ckart__alan input:not([type=checkbox]):disabled,.wm-ckart__alan select:disabled,.wm-ckart__alan textarea:disabled{cursor:default;opacity:.55;color:var(--app-text-muted);background:color-mix(in srgb,var(--app-surface-alt) 70%,var(--app-border));border-color:color-mix(in srgb,var(--app-border) 85%,transparent)}
.wm-ckart__alan--kilit{opacity:.78}
.wm-ckart__alan--kilit .wm-ckart__etiket{color:color-mix(in srgb,var(--app-text-muted) 88%,transparent)}
.wm-ckart__alan--kilit input:not([type=checkbox]),.wm-ckart__alan--kilit select,.wm-ckart__alan--kilit textarea,.wm-ckart__alan--kilit .wm-ckart__lookup,.wm-ckart__alan--kilit .wm-ckart__arama{opacity:.7;color:var(--app-text-muted);background:color-mix(in srgb,var(--app-surface-alt) 65%,var(--app-border));border-color:color-mix(in srgb,var(--app-border) 80%,transparent)}
.wm-ckart__alan--kilit .wm-ckart__arama-metin{color:var(--app-text-muted)}
.wm-ckart__lookup{display:flex;overflow:hidden;min-width:0;min-height:var(--app-kontrol-yukseklik);height:var(--app-kontrol-yukseklik);border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);background:var(--app-surface-alt)}
.wm-ckart__alan .wm-ckart__lookup,.wm-ckart__alan .wm-ckart__arama,.wm-ckart__alan .wm-ckart__arama-sar,.wm-ckart__alan .wm-ckart__sifre,.wm-ckart__alan .wm-ckart__kutular,.wm-ckart__alan .wm-ckart__tek-kutu{
  flex:1 1 auto;min-width:0;width:auto
}
.wm-ckart__lookup--kilit{opacity:.55;background:color-mix(in srgb,var(--app-surface-alt) 65%,var(--app-border))}
.wm-ckart__lookup input{flex:1 1 auto;min-width:0;width:auto;border:0;border-radius:0;box-shadow:none}
.wm-ckart__lookup button{display:inline-flex;width:var(--app-kontrol-yukseklik);flex-shrink:0;align-items:center;justify-content:center;border:0;border-left:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted)}
.wm-ckart__lookup-temizle{width:24px}
.wm-ckart__lookup-temizle .material-symbols-outlined{font-size:16px;line-height:1}
.wm-ckart__lookup-temizle:disabled{opacity:.35;cursor:default;pointer-events:none}
.wm-ckart__lookup-temizle:hover:not(:disabled){color:#c62828;background:color-mix(in srgb,#c62828 10%,var(--app-surface))}
.wm-ckart__arama-sar{display:flex;min-width:0;width:100%;align-items:stretch}
.wm-ckart__arama-sar--temizle{overflow:hidden;border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);background:var(--app-surface-alt)}
.wm-ckart__arama-sar--temizle .wm-ckart__arama{flex:1;min-width:0;width:auto;border:0;border-radius:0;box-shadow:none}
.wm-ckart__arama-sar--temizle .wm-ckart__lookup-temizle,
.wm-ckart__arama-sar--temizle>button:last-child{
  display:inline-flex;width:24px;flex-shrink:0;align-items:center;justify-content:center;
  border:0;border-left:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text-muted)
}
.wm-ckart__arama-sar--temizle>button:last-child{width:var(--app-kontrol-yukseklik)}
.wm-ckart__arama-sar--temizle>button:last-child .material-symbols-outlined{font-size:18px}
.wm-ckart__arama{position:relative;display:flex;width:100%;align-items:center;gap:6px;min-height:var(--app-kontrol-yukseklik);height:var(--app-kontrol-yukseklik);border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);padding:0 7px 0 var(--app-kontrol-pad-x);background:var(--app-surface-alt);color:var(--app-text-body);text-align:left;font:inherit;font-size:var(--font-size-sm);cursor:pointer}
.wm-ckart__arama-metin{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--app-text-body)}
.wm-ckart__arama-metin--bos{color:var(--app-text-muted)}
.wm-ckart__arama>.material-symbols-outlined,.wm-ckart__arama-spin{flex-shrink:0;color:var(--app-text-muted);font-size:18px}
.wm-ckart__arama-spin{width:14px;height:14px;border:2px solid var(--app-border);border-top-color:var(--app-primary);border-radius:50%;animation:wm-ckart-spin .7s linear infinite}
.wm-ckart__arama--kilit,.wm-ckart__arama:disabled{opacity:.55;cursor:default;background:color-mix(in srgb,var(--app-surface-alt) 65%,var(--app-border));color:var(--app-text-muted)}
.wm-ckart__sifre{position:relative;display:flex;width:100%;align-items:center}
.wm-ckart__sifre input{padding-right:32px}
.wm-ckart__sifre-btn{position:absolute;right:3px;top:50%;z-index:1;display:inline-flex;width:var(--app-panel-islem);height:var(--app-panel-islem);align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--app-text-muted);transform:translateY(-50%);cursor:pointer}
.wm-ckart__sifre-btn:hover{background:var(--app-primary-soft);color:var(--app-primary)}
.wm-ckart__sifre-btn .material-symbols-outlined{font-size:18px}
.wm-ckart__arama:disabled .wm-ckart__arama-metin,.wm-ckart__arama--kilit .wm-ckart__arama-metin{color:var(--app-text-muted)}
.wm-ckart__popup-mask{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.4);backdrop-filter:blur(2px)}
.wm-ckart__popup{display:flex;width:min(460px,100%);max-height:min(72vh,520px);flex-direction:column;overflow:hidden;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface);box-shadow:0 20px 48px rgba(15,23,42,.2)}
.wm-ckart__popup-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:var(--app-grup-header-pad);border-bottom:1px solid var(--app-border);background:var(--app-surface-alt)}
.wm-ckart__popup-baslik{display:flex;min-width:0;align-items:center;gap:8px}
.wm-ckart__popup-ikon{display:inline-flex;width:var(--app-panel-islem);height:var(--app-panel-islem);flex-shrink:0;align-items:center;justify-content:center;border-radius:7px;background:var(--app-primary);color:var(--app-text-inverse);font-size:15px}
.wm-ckart__popup-baslik h3{margin:0;font-size:var(--app-grup-header-baslik);font-weight:500;color:var(--app-text-primary)}
.wm-ckart__popup-baslik p{margin:0;font-size:11px;color:var(--app-text-muted)}
.wm-ckart__popup-kapat{display:inline-flex;width:var(--app-panel-islem);height:var(--app-panel-islem);flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:var(--app-text-muted)}
.wm-ckart__popup-kapat:hover{background:var(--app-surface);color:var(--app-text-primary)}
.wm-ckart__popup-ara{display:flex;flex-shrink:0;align-items:center;gap:6px;margin:8px 10px 6px;border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);padding:0 8px;background:var(--app-surface-alt)}
.wm-ckart__popup-ara:focus-within{border-color:var(--app-primary);box-shadow:var(--app-shadow-focus);background:var(--app-surface)}
.wm-ckart__popup-ara .material-symbols-outlined{font-size:16px;color:var(--app-text-muted)}
.wm-ckart__popup-ara input{flex:1;min-width:0;min-height:var(--app-kontrol-yukseklik);border:0;background:transparent;color:var(--app-text-body);font:inherit;font-size:12px;outline:none;box-shadow:none}
.wm-ckart__popup-tablo{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;margin:0 8px 0;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}
.wm-ckart__popup-kolon{display:grid;flex-shrink:0;grid-template-columns:minmax(4.75rem,6.5rem) minmax(0,1fr);gap:10px;align-items:center;padding:5px 10px;border-bottom:1px solid var(--app-border);background:var(--app-surface-alt);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted)}
.wm-ckart__popup-tablo--coklu .wm-ckart__popup-kolon{grid-template-columns:16px minmax(4.75rem,6.5rem) minmax(0,1fr);gap:8px}
.wm-ckart__popup-check-bos{width:15px;height:15px}
.wm-ckart__popup-liste{flex:1;min-height:0;margin:0;padding:0;overflow:auto;list-style:none}
.wm-ckart__popup-yukleniyor{display:flex;flex:1;min-height:100px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--app-text-muted);font-size:12px}
.wm-ckart__popup-liste>li{display:flex;align-items:center;gap:8px;min-height:28px;margin:0;padding:3px 10px;border:0;border-bottom:1px solid color-mix(in srgb,var(--app-border) 70%,transparent);border-radius:0;cursor:pointer}
.wm-ckart__popup-liste>li:last-child{border-bottom:0}
.wm-ckart__popup-liste>li:hover{background:color-mix(in srgb,var(--app-primary-soft) 75%,var(--app-surface))}
.wm-ckart__popup-oge--aktif{background:var(--app-primary-soft)!important;box-shadow:inset 2px 0 0 var(--app-primary)}
.wm-ckart__popup-satir{display:grid;min-width:0;flex:1;grid-template-columns:minmax(4.75rem,6.5rem) minmax(0,1fr);gap:10px;align-items:center}
.wm-ckart__popup-kod{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--app-text-muted)}
.wm-ckart__popup-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:400;line-height:1.25;color:var(--app-text-primary)}
.wm-ckart__popup-kolon .wm-ckart__popup-kod,.wm-ckart__popup-kolon .wm-ckart__popup-ad{font-size:10px;font-weight:500;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.04em}
.wm-ckart__popup-bos{display:flex!important;flex-direction:column!important;justify-content:center;gap:4px!important;min-height:100px!important;margin:8px!important;padding:12px!important;border:1px dashed var(--app-border)!important;border-radius:8px!important;background:var(--app-surface-alt)!important;cursor:default!important;text-align:center;pointer-events:none}
.wm-ckart__popup-bos .material-symbols-outlined{font-size:22px;color:var(--app-text-muted);opacity:.7}
.wm-ckart__popup-bos strong{font-size:12px;font-weight:500;color:var(--app-text-primary)}
.wm-ckart__popup-bos em{font-size:11px;font-style:normal;color:var(--app-text-muted)}
.wm-ckart__popup-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;padding:5px 12px 8px;color:var(--app-text-muted);font-size:10px;font-weight:500}
.wm-ckart__popup-meta .wm-ckart__btn{margin-right:auto}
.wm-ckart__popup-liste--coklu>li{display:grid;grid-template-columns:16px minmax(4.75rem,6.5rem) minmax(0,1fr);gap:8px;align-items:center}
.wm-ckart__popup-liste--coklu .wm-ckart__popup-satir{display:contents}
.wm-ckart__popup-oge--secili{background:color-mix(in srgb,var(--app-primary-soft) 85%,var(--app-surface))!important}
.wm-ckart__popup-oge--secili .wm-ckart__popup-ad{font-weight:500}
.wm-ckart__popup-check-kutu{display:inline-flex;width:15px;height:15px;flex-shrink:0;align-items:center;justify-content:center;border:1.5px solid var(--app-border-strong);border-radius:4px;background:var(--app-surface);color:var(--app-text-inverse)}
.wm-ckart__popup-oge--secili .wm-ckart__popup-check-kutu{border-color:var(--app-primary);background:var(--app-primary)}
.wm-ckart__popup-check-kutu .material-symbols-outlined{font-size:12px;line-height:1}
.wm-ckart__popup-alt{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:var(--app-grup-header-pad);border-top:1px solid var(--app-border);background:var(--app-surface-alt)}
.wm-ckart__popup-secim{font-size:11px;font-weight:500;color:var(--app-text-muted)}
.wm-ckart__popup-aksiyon{display:flex;gap:6px}
.wm-ckart__popup-aksiyon .wm-ckart__btn{min-height:var(--app-kontrol-yukseklik);padding:0 10px;font-size:12px}
@keyframes wm-ckart-spin{to{transform:rotate(360deg)}}
@keyframes wm-ckart-yukle-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes wm-ckart-yukle-bar{0%{transform:translateX(-20%);opacity:.85}50%{transform:translateX(170%);opacity:1}100%{transform:translateX(280%);opacity:.85}}
@keyframes wm-ckart-kaydet-bar{0%{transform:translateX(-40%)}50%{transform:translateX(120%)}100%{transform:translateX(240%)}}
.wm-ckart__sayi{text-align:right;font-variant-numeric:tabular-nums}
.wm-ckart__kutular{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;min-height:var(--app-kontrol-yukseklik)}
.wm-ckart__kutular label,.wm-ckart__tek-kutu{display:inline-flex;align-items:center;gap:8px;min-height:var(--app-kontrol-yukseklik);color:var(--app-text-body);font-size:var(--font-size-sm);font-weight:400;white-space:nowrap;cursor:pointer}
.wm-ckart__kutular input[type=checkbox],.wm-ckart__tek-kutu input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--app-primary)}
.wm-ckart__etiket--gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.wm-ckart__panel-span,.wm-ckart__span{font-size:10px;font-style:normal;font-weight:600;letter-spacing:.02em;color:var(--app-primary)}
.wm-ckart__panel-span{flex-shrink:0;border-radius:999px;padding:2px 8px;background:var(--app-primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 14%,transparent)}
.wm-ckart__span{position:absolute;top:6px;right:22px;border-radius:999px;padding:1px 6px;background:var(--app-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 16%,transparent)}
.wm-ckart__panel-islem{display:inline-flex;width:var(--app-panel-islem);height:var(--app-panel-islem);flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);background:var(--app-surface);color:var(--app-text-muted)}
.wm-ckart__panel-islem--sil:hover{background:var(--app-error-light);color:var(--app-error)}
.wm-ckart__kart--yukseklik{min-height:0;overflow:hidden}
.wm-ckart__kart--yukseklik .wm-ckart__alanlar{flex:1 1 auto;min-height:0;overflow:auto}

/* —— Form düzenleyici (profesyonel tuval) —— */
.wm-ckart__duzen-serit{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--app-primary) 18%,var(--app-border));border-radius:10px;background:linear-gradient(180deg,var(--app-primary-soft),color-mix(in srgb,var(--app-primary-soft) 35%,var(--app-surface)))}
.wm-ckart__duzen-adim{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;background:var(--app-surface);color:var(--app-text-body);font-size:11px;font-weight:500;box-shadow:var(--app-shadow-sm)}
.wm-ckart__duzen-adim em{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--app-primary);color:var(--app-text-inverse);font-size:10px;font-style:normal;font-weight:600}
.wm-ckart__duzen-adim--ipucu{background:transparent;box-shadow:none;color:var(--app-text-muted)}
.wm-ckart--duzenle .wm-ckart__head{border-color:color-mix(in srgb,var(--app-primary) 22%,var(--app-border));box-shadow:inset 3px 0 0 var(--app-primary)}
.wm-ckart--duzenle .wm-ckart__govde{border-radius:12px;background:
  linear-gradient(var(--app-border) 1px,transparent 1px) 0 0/20px 20px,
  linear-gradient(90deg,var(--app-border) 1px,transparent 1px) 0 0/20px 20px,
  color-mix(in srgb,var(--app-surface-alt) 70%,var(--app-surface));
  background-size:24px 24px,24px 24px,auto}
.wm-ckart--duzenle .wm-ckart__kart{padding-bottom:0;border-color:color-mix(in srgb,var(--app-primary) 16%,var(--app-border));box-shadow:var(--app-shadow-sm);outline:none;transition:box-shadow .15s ease,border-color .15s ease}
.wm-ckart--duzenle .wm-ckart__kart:hover{border-color:color-mix(in srgb,var(--app-primary) 36%,var(--app-border));box-shadow:var(--app-shadow-md)}
.wm-ckart--duzenle .wm-ckart__kart header{cursor:grab;background:color-mix(in srgb,var(--app-primary-soft) 45%,var(--app-surface-alt))}
.wm-ckart--duzenle .wm-ckart__kart header:active{cursor:grabbing}
.wm-ckart__tutamac{flex-shrink:0;width:18px;color:var(--app-text-muted);font-size:18px;line-height:1;cursor:grab;user-select:none;touch-action:none}
.wm-ckart--duzenle .wm-ckart__tutamac{color:var(--app-primary)}
.wm-ckart__alan--duzenle{position:relative;padding:0 0 0 16px;border:0;outline:1px dashed color-mix(in srgb,var(--app-primary) 28%,var(--app-border));outline-offset:-1px;border-radius:6px;background:transparent;cursor:grab}
.wm-ckart__alan--duzenle:hover{outline-color:color-mix(in srgb,var(--app-primary) 55%,var(--app-border))}
.wm-ckart__alan--duzenle .wm-ckart__tutamac{position:absolute;top:50%;left:0;z-index:2;transform:translateY(-50%);opacity:.85;pointer-events:none}
.wm-ckart__alan--duzenle .wm-ckart__span{top:2px;right:4px}
.wm-ckart__boyut{position:absolute;right:0;bottom:0;z-index:3;width:18px;height:18px;cursor:ew-resize;touch-action:none}
.wm-ckart__kart>.wm-ckart__boyut{z-index:5;width:26px;height:26px;cursor:nwse-resize}
.wm-ckart__alan--duzenle>.wm-ckart__boyut{top:2px;right:0;bottom:2px;width:10px;height:auto;cursor:ew-resize}
.wm-ckart__boyut::before,.wm-ckart__boyut::after{content:"";position:absolute;right:3px;bottom:3px;border-right:2px solid var(--app-border-strong);border-bottom:2px solid var(--app-border-strong)}
.wm-ckart__boyut::before{width:9px;height:9px}.wm-ckart__boyut::after{width:5px;height:5px}
.wm-ckart__alan--duzenle>.wm-ckart__boyut::before,.wm-ckart__alan--duzenle>.wm-ckart__boyut::after{
  top:50%;bottom:auto;right:auto;left:50%;width:2px;height:10px;border:0;border-radius:1px;background:var(--app-border-strong);transform:translate(-3px,-50%)
}
.wm-ckart__alan--duzenle>.wm-ckart__boyut::after{transform:translate(1px,-50%);width:2px;height:10px}
.wm-ckart__boyut:hover::before,.wm-ckart__boyut:hover::after,.wm-ckart__boyut--aktif::before,.wm-ckart__boyut--aktif::after{border-color:var(--app-primary)}
.wm-ckart__alan--duzenle>.wm-ckart__boyut:hover::before,.wm-ckart__alan--duzenle>.wm-ckart__boyut:hover::after,
.wm-ckart__alan--duzenle>.wm-ckart__boyut--aktif::before,.wm-ckart__alan--duzenle>.wm-ckart__boyut--aktif::after{background:var(--app-primary);border-color:transparent}
.wm-ckart__alan--boyut,.wm-ckart__kart--boyut{outline:2px solid color-mix(in srgb,var(--app-primary) 55%,transparent);outline-offset:1px}
.wm-ckart__alan--birak-once{box-shadow:inset 3px 0 0 var(--app-primary)}
.wm-ckart__alan--birak-sonra{box-shadow:inset -3px 0 0 var(--app-primary)}
.wm-ckart__kart--birak-once{box-shadow:inset 0 3px 0 var(--app-primary)}.wm-ckart__kart--birak-sonra{box-shadow:inset 0 -3px 0 var(--app-primary)}
.wm-ckart__panel-ara,.wm-ckart__panel-drop,.wm-ckart__birak{display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.01em}
.wm-ckart__panel-ara{position:absolute;left:0;z-index:4;width:100%;min-height:40px;border:1px solid color-mix(in srgb,var(--app-primary) 45%,var(--app-border));border-radius:10px;background:color-mix(in srgb,var(--app-primary-soft) 80%,var(--app-surface));color:var(--app-primary);font-size:12px;box-shadow:var(--app-shadow-sm)}
.wm-ckart__panel-drop{position:absolute;z-index:6;border:1px solid color-mix(in srgb,var(--app-primary) 40%,transparent);background:color-mix(in srgb,var(--app-primary-soft) 72%,transparent);color:var(--app-primary);font-size:11px;backdrop-filter:blur(2px)}
.wm-ckart__panel-drop span{border-radius:999px;padding:3px 8px;background:var(--app-surface);box-shadow:var(--app-shadow-sm)}
.wm-ckart__panel-drop--yan{top:14%;right:0;bottom:14%;width:28%;border-radius:10px 0 0 10px;border-right:none}
.wm-ckart__panel-drop--alt{left:0;right:0;bottom:0;height:30%;border-radius:0 0 10px 10px;border-bottom:none}
.wm-ckart__alan--tasiniyor{opacity:.55;transform:scale(.985);box-shadow:var(--app-shadow-lg)}
.wm-ckart__kart--tasiniyor,.wm-ckart__kart--boyut{z-index:8;opacity:1;box-shadow:var(--app-shadow-lg)}
.wm-ckart__birak{min-height:48px;border:1px dashed color-mix(in srgb,var(--app-primary) 32%,var(--app-border));border-radius:8px;background:color-mix(in srgb,var(--app-primary-soft) 50%,var(--app-surface));color:var(--app-text-muted);font-size:11px}
.wm-ckart__birak--hazir{border-style:solid;border-color:var(--app-primary);background:var(--app-primary-soft);color:var(--app-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 12%,transparent)}
.wm-ckart__alan-alta{display:flex;align-items:center;justify-content:center;grid-column:1/-1;min-height:52px;margin-top:4px;border:1px dashed color-mix(in srgb,var(--app-primary) 36%,var(--app-border));border-radius:8px;background:color-mix(in srgb,var(--app-primary-soft) 40%,var(--app-surface));color:var(--app-primary);font-size:11px;font-weight:600}
.wm-ckart__alan-alta--hazir{border-style:solid;background:var(--app-primary-soft)}
.wm-ckart__kart--alan-hedef .wm-ckart__alanlar{padding-bottom:8px}
.wm-ckart__kart--alan-hedef .wm-ckart__alan-alta{min-height:72px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary) 20%,transparent)}
.wm-ckart__hiza-cizgi{position:absolute;left:0;right:0;z-index:20;height:0;border-top:2px solid #e53935;pointer-events:none;box-shadow:0 0 0 1px rgba(229,57,53,.25)}
.wm-ckart__hiza-cizgi--dikey{top:0;bottom:0;right:auto;height:auto;width:0;border-top:none;border-left:2px solid #e53935}
.wm-ckart--duzenle .wm-ckart__alan input,.wm-ckart--duzenle .wm-ckart__alan select,.wm-ckart--duzenle .wm-ckart__alan textarea,.wm-ckart--duzenle .wm-ckart__lookup button,.wm-ckart--duzenle .wm-ckart__arama,.wm-ckart--duzenle .wm-ckart__arama-sar button,.wm-ckart--duzenle .wm-ckart__sifre-btn{pointer-events:none;opacity:.72}
.wm-ckart__kayit-alt{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px 16px;padding:6px 10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-alt);color:var(--app-text-muted);font-size:11px;font-variant-numeric:tabular-nums}
.wm-ckart__evrak-mask{z-index:90;align-items:stretch;justify-content:center}
.wm-ckart__evrak-popup{width:min(720px,100%);max-height:min(86vh,720px);margin:auto}
.wm-ckart__evrak-govde{display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto;padding:12px 14px 14px}
@media (max-width:720px){
  .wm-ckart__ozet,.wm-ckart__sekme em,.wm-ckart__btn-yazi,.wm-ckart__duzen-adim--ipucu{display:none}
  .wm-ckart__alanlar{grid-template-columns:1fr}
  .wm-ckart:not(.wm-ckart--duzenle) .wm-ckart__alanlar .wm-ckart__alan{grid-column:1/-1!important}
  .wm-ckart--duzenle .wm-ckart__alanlar{grid-template-columns:repeat(12,minmax(0,1fr))}
  .wm-ckart__alan{flex-direction:row;align-items:center;gap:6px 8px}
  .wm-ckart__alan:has(textarea){align-items:flex-start}
  .wm-ckart__alan>span:not(.wm-ckart__tutamac):not(.wm-ckart__boyut){
    flex:0 1 var(--app-alan-etiket-genislik);width:var(--app-alan-etiket-genislik);min-width:4.25rem;max-width:38%
  }
  .wm-ckart__alan input:not([type=checkbox]),.wm-ckart__alan select,.wm-ckart__alan textarea,
  .wm-ckart__alan .wm-ckart__lookup,.wm-ckart__alan .wm-ckart__arama,.wm-ckart__alan .wm-ckart__arama-sar,.wm-ckart__alan .wm-ckart__sifre{
    flex:1 1 auto;min-width:0;width:auto
  }
  .wm-ckart__sekme{min-width:7.5rem}
  .wm-ckart__btn--vazgec{margin-left:0}
  .wm-ckart__panel-drop span{font-size:10px;padding:2px 6px}
}
.wm-ckart__alan > input:not([type=checkbox]),
.wm-ckart__alan > select,
.wm-ckart__alan > textarea,
.wm-ckart__alan > .wm-ckart__lookup,
.wm-ckart__alan > .wm-ckart__arama,
.wm-ckart__alan > .wm-ckart__arama-sar,
.wm-ckart__alan > .wm-ckart__sifre{
  flex:1 1 auto;
  width:auto;
  margin-inline-end:8px;
  font-size:var(--font-size-sm);
}