/* ============================================================================
   SEGEA ERP — MASTER FORM UI  (master-ui.css)
   Reusable, opt-in presentation layer. Golden reference: Teklif Olustur ekrani.
   Tum siniflar "mf-" ile namespace'lidir ve OPT-IN'dir: sinif eklenmeyen hicbir
   mevcut ekranin gorunumu degismez. nav.js global Header/Tabs sisteminin sahibidir;
   bu dosya onu degistirmez, yalnizca form/operasyon bilesenlerini standartlastirir.
   Renk token'lari :root'tan (--acc) turer; blue/amber/success/danger dusuk doygunluk.
   ============================================================================ */

:root{
  --mf-primary:var(--acc,#5b5ef0);   --mf-primary-2:var(--acc2,#7c5cf5);
  --mf-blue:#4287e8;                  --mf-blue-2:#2f6ad6;
  --mf-amber:#eaa23c;                 --mf-amber-2:#d9822a;
  --mf-neutral:#8a94a8;
  --mf-success:#1fa16b;               --mf-success-2:#12805a;
  --mf-danger:#e8607e;                --mf-danger-2:#d64562;
  --mf-card-bg:#fff;
  --mf-card-border:#eaeef5;
  --mf-card-radius:18px;
  --mf-card-shadow:0 1px 2px rgba(16,24,40,.04),0 16px 32px -24px rgba(16,24,40,.16);
  --mf-ink:#0e1b2c; --mf-ink-2:#5a6785; --mf-ink-3:#8a94a8;
}

/* --- 3) Master Section Card --------------------------------------------- */
.mf-card{background:var(--mf-card-bg);border:1px solid var(--mf-card-border);border-radius:var(--mf-card-radius);padding:20px;box-shadow:var(--mf-card-shadow)}
.mf-card--summary{padding:15px 18px 14px}
.mf-card-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.mf-card--summary .mf-card-h{margin-bottom:12px}
.mf-card-tx{flex:1;min-width:0}
.mf-num{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--mf-primary),var(--mf-primary-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 8px 16px -7px rgba(91,94,240,.55);flex:0 0 auto}
.mf-card-t{font-family:'Sora','Inter',sans-serif;font-size:19px;font-weight:700;color:var(--mf-ink);letter-spacing:-.2px}
.mf-card-s{font-size:13px;color:var(--mf-ink-3);margin-top:2px}
.mf-card-action{margin-left:auto}

/* --- 8b) Semantic accent (anlam bazli; section numarasina bagli DEGIL) --- */
.mf-accent-primary{background:radial-gradient(135% 92% at 100% 0%, color-mix(in srgb,var(--mf-primary) 6%, transparent), transparent 58%), #fff}
.mf-accent-blue{background:radial-gradient(135% 92% at 100% 0%, rgba(52,120,234,.06), transparent 58%), #fff}
.mf-accent-amber{background:radial-gradient(135% 92% at 100% 0%, rgba(228,150,52,.075), transparent 58%), #fff}
.mf-accent-neutral{background:#fff}
.mf-accent-success{background:radial-gradient(135% 92% at 100% 0%, rgba(31,161,107,.06), transparent 58%), #fff}
.mf-accent-danger{background:radial-gradient(135% 92% at 100% 0%, rgba(214,69,98,.06), transparent 58%), #fff}
.mf-accent-blue .mf-num{background:linear-gradient(135deg,var(--mf-blue),var(--mf-blue-2));box-shadow:0 8px 16px -7px rgba(47,106,214,.55)}
.mf-accent-amber .mf-num{background:linear-gradient(135deg,var(--mf-amber),var(--mf-amber-2));box-shadow:0 8px 16px -7px rgba(217,130,42,.5)}
.mf-accent-success .mf-num{background:linear-gradient(135deg,var(--mf-success),var(--mf-success-2));box-shadow:0 8px 16px -7px rgba(18,128,90,.5)}
.mf-accent-danger .mf-num{background:linear-gradient(135deg,var(--mf-danger),var(--mf-danger-2));box-shadow:0 8px 16px -7px rgba(214,69,98,.5)}

/* --- 4) Master Form Fields (wrapper + label; kontrol gorseli app'in .sg-field/.sg-ro'sunda kalir) --- */
.mf-field{display:flex;flex-direction:column;min-width:0}
.mf-field > label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#6b7688;margin-bottom:5px;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-field > label .sgi{width:13px;height:13px;color:#aab3c4;flex:0 0 auto}
.mf-field-req{color:var(--mf-danger-2);font-weight:800}

/* --- 5) Master Work Table (editable satir tablosu; Master List/sg-tablo'dan AYRI) --- */
.mf-worktable{border:1px solid #e2e7f1;border-radius:14px;overflow-x:auto;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.05)}
/* Sayfa kolon sablonunu --wt-cols ile verir: .mf-worktable{--wt-cols:38px 2fr 3fr 1fr 1.1fr 1.1fr 40px} */
.mf-worktable-head{display:grid;grid-template-columns:var(--wt-cols,1fr);gap:10px;align-items:center;background:linear-gradient(180deg,#1a2c44,#0e1b2c);color:#cdd7e6;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:11px 14px}
.mf-worktable-head .r{text-align:right}
.mf-worktable-head .c{text-align:center}
.mf-worktable-body{counter-reset:wtrow}
.mf-worktable-row{display:grid;grid-template-columns:var(--wt-cols,1fr);gap:10px;align-items:center;padding:8px 14px;border-top:1px solid #eef1f7;position:relative}
.mf-worktable-body>.mf-worktable-row:first-child{border-top:none}
.mf-worktable-row.mf-wt-num::before{counter-increment:wtrow;content:counter(wtrow);font-family:'Sora',system-ui,sans-serif;font-size:12px;font-weight:700;color:#9aa6b8;text-align:center}
.mf-worktable input,.mf-worktable select{height:38px;border:1px solid #e5eaf3;border-radius:8px;background:#f6f8fc;font-size:13.5px;font-family:inherit;padding:0 10px;color:#1a2333;min-width:0;box-sizing:border-box;outline:none}
.mf-worktable input:focus,.mf-worktable select:focus{background:#fff;border-color:var(--mf-primary);box-shadow:0 0 0 3px rgba(91,94,240,.14)}
.mf-wt-val{font-family:'Sora',system-ui,sans-serif;font-weight:800;color:var(--mf-ink);font-size:14px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mf-worktable-del{width:34px;height:34px;border:1px solid transparent;background:transparent;border-radius:8px;position:relative;cursor:pointer;justify-self:end;font-size:0}
.mf-worktable-del::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:#aab3c4;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206h18M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206h18M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6%27/%3E%3C/svg%3E") center/contain no-repeat}
.mf-worktable-del:hover{background:#fef2f2;border-color:#fbdcdc}
.mf-worktable-del:hover::before{background:#e5484d}
.mf-worktable-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1.5px dashed #cdd6e6;background:#fbfcff;color:var(--mf-primary);border-radius:12px;padding:12px;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;margin-top:12px;transition:background .12s,border-color .12s}
.mf-worktable-add:hover{background:#f4f6ff;border-color:var(--mf-primary)}
.mf-worktable-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mf-worktable-subtotal{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;background:#f7f9fd;border:1px solid #eef1f7;border-radius:12px;font-weight:700;margin-top:12px}
.mf-worktable-subtotal .mf-wt-sub-val{font-family:'Sora',system-ui,sans-serif;font-size:16px;font-weight:800;color:var(--mf-ink);font-variant-numeric:tabular-nums}

/* --- 6) Master Financial Summary (yalniz presentation; deger/hesap TASINMAZ) --- */
.mf-fsum{display:flex;flex-wrap:nowrap;border:1px solid var(--mf-card-border);border-radius:14px;background:#fff;overflow:hidden;align-items:stretch}
.mf-fsum-group{display:flex;flex-direction:column;min-width:0}
.mf-fsum-group + .mf-fsum-group{background:#f6f8fc;border-left:3px solid #ccd5e6}
.mf-fsum-gh{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#93a0b5;padding:10px 14px 8px;box-shadow:inset 0 -1px 0 #e9edf6;white-space:nowrap}
.mf-fsum-cells{display:flex;flex:1;min-width:0}
.mf-fsum-metric{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 11px 12px;border-left:1px solid #eff2f8}
.mf-fsum-cells > .mf-fsum-metric:first-child{border-left:none}
.mf-fsum-lbl{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;color:#8f9cb0;text-transform:uppercase;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-fsum-val{font-family:'Sora',system-ui,sans-serif;font-size:16px;font-weight:700;color:var(--mf-ink);font-variant-numeric:tabular-nums;line-height:1.1;white-space:normal}
.mf-fsum-metric--primary{background:color-mix(in srgb,var(--mf-primary) 9%,#fff);box-shadow:inset 3px 0 0 var(--mf-primary)}
.mf-fsum-metric--primary .mf-fsum-val{color:#0c1626;font-size:18px;font-weight:800}
.mf-fsum-metric--cost .mf-fsum-val{color:var(--mf-ink)}
.mf-fsum-metric--success{background:linear-gradient(180deg,#e8f9ef,#f3fbf7);box-shadow:inset 3px 0 0 var(--mf-success)}
.mf-fsum-metric--success .mf-fsum-val{color:var(--mf-success-2);font-weight:800}
.mf-fsum-metric--danger{background:linear-gradient(180deg,#fdeef1,#fbf4f6);box-shadow:inset 3px 0 0 var(--mf-danger)}
.mf-fsum-metric--danger .mf-fsum-val{color:var(--mf-danger-2);font-weight:800}

/* --- 7) Master Action Bar (secondary sol / primary sag) ------------------ */
.mf-actionbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding:15px 18px;background:#fff;border:1px solid var(--mf-card-border);border-radius:16px;box-shadow:var(--mf-card-shadow)}
.mf-actionbar-sp{flex:1;min-width:8px}
.mf-actionbar-primary{margin-left:auto}
@media(max-width:560px){
  .mf-actionbar{flex-direction:column;align-items:stretch}
  .mf-actionbar-sp{display:none}
  .mf-actionbar > *{width:100%;justify-content:center}
}

/* --- 8) Optional Background Decoration (reusable helper; konum sayfaya ozel) --- */
.mf-decor-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;color:var(--acc,#5b5ef0);opacity:.11}
.mf-decor{position:absolute;display:block}
.mf-decor svg{display:block;width:100%;height:100%}
@media(max-width:1100px){.mf-decor-layer{display:none}}