/* Veri Merkezi (Kategori / Proje Tanımı Düzenleyici) — SPA pages.
   The tables reuse the global styles.css table look (matches Ana Projeler).
   These are only the bits not covered by the global styles. */
.vm-wrap { max-width: 1600px; margin: 0 auto; padding: 20px; }
.vm-date { font-size: 12px; color: #7f8c8d; white-space: nowrap; }
.vm-model-select { width: auto; min-width: 190px; }
.vm-cost {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.vm-cost:empty { display: none; }
.vm-seln { width: auto; min-width: 120px; }
.vm-count {
  margin-left: auto;
  align-self: center;
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.vm-chk { width: 34px; text-align: center; }
.vm-chk input, .vm-row-chk { width: 16px; height: 16px; cursor: pointer; }

tr.vm-clickable { cursor: pointer; }
tr.vm-clickable:hover { background: #f5f8fb; }

/* Category boxes */
.vm-boxes { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.vm-box { border: 1px solid #d5dee4; border-radius: 6px; padding: 5px 10px; font-size: 12.5px; background: #fbfcfd; display: inline-block; }
.vm-box.cur { color: #55636e; }
.vm-box.cur.empty .vm-val { font-style: italic; color: #9aa7b0; }
.vm-box.sug { color: #2c3e50; border-color: #cfe3f5; background: #f4f9ff; }
.vm-box.sug .vm-val { font-weight: 600; }

/* Project definition old/new */
.vm-old { font-size: 12.5px; color: #55636e; line-height: 1.45; }
.vm-new { font-size: 12.5px; color: #2c3e50; font-weight: 600; line-height: 1.45; background: #f4f9ff; border: 1px solid #cfe3f5; border-radius: 6px; padding: 5px 10px; display: inline-block; }

.vm-cmt { font-size: 12px; color: #6b7882; line-height: 1.45; }

/* Verdict (AI self-assessment) badges */
.vm-verdict { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.vm-vd-ok { background: #e8f0fb; color: #1d4ed8; border: 1px solid #bcd3f5; }   /* Yeterli — mavi */
.vm-vd-rev { background: #fef6e7; color: #b9770e; border: 1px solid #f5d9a0; }
.vm-vd-chg { background: #fdecea; color: #c0392b; border: 1px solid #f3c0bb; }

/* Durum — 3 top-level chips. Green reserved for Sonuçlandı. */
.vm-durum-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.vm-durum { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.vm-u-new  { background: #f1f5f9; color: #475569; border: 1px solid #d8dee6; }   /* Henüz işlenmedi — gri */
.vm-u-wait { background: #fef6e7; color: #b9770e; border: 1px solid #f5d9a0; }   /* Aksiyon bekliyor — amber */
.vm-u-done { background: #e8f6ee; color: #1e8449; border: 1px solid #b7e0c6; }   /* Sonuçlandı — yeşil */
/* Footnote under Sonuçlandı: how it concluded (nötr/renksiz metin) */
.vm-res { font-size: 11px; font-weight: 600; padding-left: 2px; color: #64748b; }

.vm-act { display: flex; gap: 6px; }
.vm-act button { border: none; border-radius: 6px; padding: 6px 10px; font-size: 13px; font-weight: 600; cursor: pointer; }
.vm-ok { background: #27ae60; color: #fff; }
.vm-edit { background: #fff; border: 1px solid #d5dee4 !important; }
.vm-no { background: #fbe9e7; color: #c0392b; }
.vm-run { background: #eef3f8; color: #2c3e50; border: 1px solid #cfd9e2 !important; font-size: 12px; }
.vm-run:hover { background: #e2eaf2; }
/* İşlem column text: neutral only — color cue comes from the Durum chip. */
.vm-status-txt { color: #475569; font-weight: 600; font-size: 13px; }
.vm-cust { display: flex; flex-direction: column; gap: 3px; }
.vm-cust-name { font-weight: 700; color: #1e293b; }
.vm-cust-def { font-size: 12px; color: #64748b; line-height: 1.4; }
.vm-spinner { width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.5); border-top-color: #fff; border-radius: 50%; animation: vmspin .7s linear infinite; display: inline-block; vertical-align: -2px; }
@keyframes vmspin { to { transform: rotate(360deg); } }