/* ============================================================
   POWER DESIGN SYSTEM — COMPONENTS  (v10)
   KPI · panel · tablo · rozet · buton · form · tab · toast
   Tümü .pw namespace + .pw-* sınıfları.
   ============================================================ */

/* ============================================================
   KART / PANEL
   ============================================================ */
.pw-card {
  background: var(--pw-surface);
  border: 1px solid var(--pw-border);
  border-radius: var(--pw-r-md);
  box-shadow: var(--pw-shadow-xs);
}
.pw-card-pad { padding: var(--pw-5); }

.pw-panel {
  background: var(--pw-surface);
  border: 1px solid var(--pw-border);
  border-radius: var(--pw-r-md);
  box-shadow: var(--pw-shadow-xs);
  overflow: hidden;
}
.pw-form-narrow { max-width: 720px; }
.pw-panel-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--pw-3);
  padding: var(--pw-4) var(--pw-5);
  border-bottom: 1px solid var(--pw-border-soft);
}
.pw-panel-head h3, .pw-panel-head h4 { display: flex; align-items: center; gap: var(--pw-2); font-size: var(--pw-fs-md); }
.pw-panel-head h3 i, .pw-panel-head h4 i { color: var(--pw-text-3); font-size: 18px; }
.pw-panel-body { padding: var(--pw-5); }
.pw-panel-body.pw-flush { padding: 0; }

/* ============================================================
   KPI / İSTATİSTİK KARTI
   ============================================================ */
.pw-kpi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--pw-4); }

.pw-kpi {
  position: relative;
  display: flex; flex-direction: column; gap: var(--pw-1);
  padding: var(--pw-5);
  background: var(--pw-surface);
  border: 1px solid var(--pw-border);
  border-radius: var(--pw-r-md);
  box-shadow: var(--pw-shadow-xs);
  transition: box-shadow var(--pw-t), border-color var(--pw-t), transform var(--pw-t);
}
.pw-kpi[data-href], .pw-kpi.pw-clickable { cursor: pointer; }
.pw-kpi[data-href]:hover, .pw-kpi.pw-clickable:hover { box-shadow: var(--pw-shadow-sm); border-color: var(--pw-border-strong); }
.pw-kpi-label {
  font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-medium); color: var(--pw-text-3);
  display: flex; align-items: center; gap: 6px;
}
.pw-kpi-value {
  font-size: var(--pw-fs-3xl); font-weight: var(--pw-fw-bold); line-height: 1.1; letter-spacing: -0.02em;
  color: var(--pw-text); font-variant-numeric: tabular-nums;
}
.pw-kpi-sub { font-size: var(--pw-fs-sm); color: var(--pw-text-3); }
.pw-kpi-ico {
  position: absolute; top: var(--pw-4); right: var(--pw-4);
  width: 36px; height: 36px; display: grid; place-items: center;
  background: var(--pw-surface-2); color: var(--pw-text-3);
  border-radius: var(--pw-r); font-size: 20px;
}
/* Durum aksanı — sol kenar şeridi */
.pw-kpi.is-success { border-left: 3px solid var(--pw-success); }
.pw-kpi.is-warning { border-left: 3px solid var(--pw-warning); }
.pw-kpi.is-danger  { border-left: 3px solid var(--pw-danger); }
.pw-kpi.is-accent  { border-left: 3px solid var(--pw-accent); }
.pw-kpi.is-danger  .pw-kpi-ico { background: var(--pw-danger-soft); color: var(--pw-danger); }
.pw-kpi.is-warning .pw-kpi-ico { background: var(--pw-warning-soft); color: var(--pw-warning-text); }
.pw-kpi.is-success .pw-kpi-ico { background: var(--pw-success-soft); color: var(--pw-success-text); }
.pw-kpi.is-accent  .pw-kpi-ico { background: var(--pw-accent-soft); color: var(--pw-accent); }
/* delta */
.pw-kpi-delta { display: inline-flex; align-items: center; gap: 3px; font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-medium); }
.pw-kpi-delta.up { color: var(--pw-success-text); }
.pw-kpi-delta.down { color: var(--pw-danger-text); }

/* ============================================================
   ROZET / PILL
   ============================================================ */
.pw-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 9px;
  font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-medium); line-height: 1.5;
  border-radius: var(--pw-r-full);
  background: var(--pw-surface-2); color: var(--pw-text-2);
  border: 1px solid transparent; white-space: nowrap;
}
.pw-badge i { font-size: 13px; }
.pw-badge.is-success { background: var(--pw-success-soft); color: var(--pw-success-text); border-color: var(--pw-success-border); }
.pw-badge.is-warning { background: var(--pw-warning-soft); color: var(--pw-warning-text); border-color: var(--pw-warning-border); }
.pw-badge.is-danger  { background: var(--pw-danger-soft);  color: var(--pw-danger-text);  border-color: var(--pw-danger-border); }
.pw-badge.is-accent  { background: var(--pw-accent-soft);  color: var(--pw-accent-strong); border-color: var(--pw-accent-border); }
.pw-badge.is-neutral { background: var(--pw-surface-2); color: var(--pw-text-2); border-color: var(--pw-border); }
/* Nokta göstergeli */
.pw-badge.has-dot::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }

/* ============================================================
   BUTON
   ============================================================ */
.pw-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--pw-2);
  height: 38px; padding: 0 var(--pw-4);
  font-family: inherit; font-size: var(--pw-fs-base); font-weight: var(--pw-fw-medium); line-height: 1;
  border: 1px solid var(--pw-border-strong);
  border-radius: var(--pw-r);
  background: var(--pw-surface); color: var(--pw-text);
  cursor: pointer; white-space: nowrap;
  transition: background var(--pw-t-fast), border-color var(--pw-t-fast), box-shadow var(--pw-t-fast), color var(--pw-t-fast);
}
.pw-btn i { font-size: 17px; }
.pw-btn:hover { background: var(--pw-surface-2); border-color: var(--pw-border-strong); }
.pw-btn:active { transform: translateY(.5px); }
.pw-btn:disabled, .pw-btn.is-disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }

/* Birincil buton: beyaz metin AA için cyan-700 zemin (5.4:1), hover cyan-800 */
.pw-btn.is-primary { background: var(--pw-accent-hover); border-color: var(--pw-accent-hover); color: #fff; }
.pw-btn.is-primary:hover { background: var(--pw-accent-strong); border-color: var(--pw-accent-strong); }

.pw-btn.is-ghost { background: transparent; border-color: transparent; color: var(--pw-text-2); }
.pw-btn.is-ghost:hover { background: var(--pw-surface-2); color: var(--pw-text); }

.pw-btn.is-danger { background: var(--pw-surface); border-color: var(--pw-danger-border); color: var(--pw-danger-text); }
.pw-btn.is-danger:hover { background: var(--pw-danger-soft); border-color: var(--pw-danger); }

.pw-btn.is-sm { height: 32px; padding: 0 var(--pw-3); font-size: var(--pw-fs-sm); }
.pw-btn.is-lg { height: 44px; padding: 0 var(--pw-5); font-size: var(--pw-fs-md); }
.pw-btn.is-icon { width: 38px; padding: 0; }
.pw-btn.is-icon.is-sm { width: 32px; }
.pw-btn.is-block { width: 100%; }
.pw-btn:focus-visible { box-shadow: 0 0 0 3px var(--pw-accent-ring); }

/* ============================================================
   FORM
   ============================================================ */
.pw-field { display: flex; flex-direction: column; gap: var(--pw-2); margin-bottom: var(--pw-4); }
.pw-label { font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-medium); color: var(--pw-text-2); }
.pw-label .req { color: var(--pw-danger); margin-left: 2px; }
.pw-details-block {
  margin-top: var(--pw-4);
  padding: var(--pw-4);
  border: 1px solid var(--pw-border-soft);
  border-radius: var(--pw-r-md);
  background: var(--pw-surface-2);
}
.pw-details-block > summary {
  cursor: pointer;
  font-weight: var(--pw-fw-semibold);
  color: var(--pw-text);
}
.pw-input, .pw-select, .pw-textarea {
  width: 100%;
  height: 38px; padding: 0 var(--pw-3);
  font-family: inherit; font-size: var(--pw-fs-base); color: var(--pw-text);
  background: var(--pw-surface);
  border: 1px solid var(--pw-border-strong);
  border-radius: var(--pw-r);
  transition: border-color var(--pw-t-fast), box-shadow var(--pw-t-fast);
}
.pw-textarea { height: auto; min-height: 90px; padding: var(--pw-3); resize: vertical; line-height: var(--pw-lh-normal); }
.pw-input::placeholder, .pw-textarea::placeholder { color: var(--pw-text-faint); }
.pw-input:hover, .pw-select:hover, .pw-textarea:hover { border-color: var(--pw-border-strong); }
.pw-input:focus, .pw-select:focus, .pw-textarea:focus {
  outline: none; border-color: var(--pw-accent); box-shadow: 0 0 0 3px var(--pw-accent-ring);
}
.pw-input.is-error, .pw-select.is-error { border-color: var(--pw-danger); }
.pw-help { font-size: var(--pw-fs-xs); color: var(--pw-text-3); }
.pw-error { font-size: var(--pw-fs-xs); color: var(--pw-danger-text); display: flex; align-items: center; gap: 4px; }
.pw-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 32px; }

/* ============================================================
   TABLO
   ============================================================ */
.pw-table-wrap { width: 100%; overflow-x: auto; border-radius: var(--pw-r-md); }
.pw-table { width: 100%; border-collapse: collapse; font-size: var(--pw-fs-base); }
.pw-table thead th {
  text-align: left; padding: var(--pw-3) var(--pw-4);
  font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-semibold);
  color: var(--pw-text-3); text-transform: uppercase; letter-spacing: 0.03em;
  background: var(--pw-surface-2); border-bottom: 1px solid var(--pw-border);
  white-space: nowrap; position: sticky; top: 0;
}
.pw-table tbody td { padding: var(--pw-3) var(--pw-4); border-bottom: 1px solid var(--pw-border-soft); color: var(--pw-text); vertical-align: middle; }
.pw-table tbody tr:last-child td { border-bottom: none; }
.pw-table tbody tr { transition: background var(--pw-t-fast); }
.pw-table tbody tr:hover { background: var(--pw-surface-2); }
.pw-table .pw-num, .pw-table td.num, .pw-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.pw-table.is-compact thead th, .pw-table.is-compact tbody td { padding: var(--pw-2) var(--pw-3); }

/* ============================================================
   TAB
   ============================================================ */
.pw-tabs { display: inline-flex; gap: 2px; padding: 3px; background: var(--pw-surface-2); border-radius: var(--pw-r); margin-bottom: var(--pw-5); }
.pw-tabs button {
  display: inline-flex; align-items: center; gap: 6px;
  padding: var(--pw-2) var(--pw-4); height: 34px;
  font-family: inherit; font-size: var(--pw-fs-base); font-weight: var(--pw-fw-medium);
  color: var(--pw-text-2); background: transparent; border: none; border-radius: var(--pw-r-sm);
  cursor: pointer; transition: background var(--pw-t-fast), color var(--pw-t-fast);
}
.pw-tabs button i { font-size: 17px; }
.pw-tabs button:hover { color: var(--pw-text); }
.pw-tabs button.aktif { background: var(--pw-surface); color: var(--pw-text); font-weight: var(--pw-fw-semibold); box-shadow: var(--pw-shadow-xs); }
.pw-tab-panel { display: none; }
.pw-tab-panel.aktif { display: block; animation: pw-fade var(--pw-t) ease-out; }
@keyframes pw-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ============================================================
   TOAST
   ============================================================ */
.pw-toast-wrap { position: fixed; bottom: var(--pw-5); right: var(--pw-5); display: flex; flex-direction: column; gap: var(--pw-2); z-index: var(--pw-z-toast); }
.pw-toast {
  display: flex; align-items: center; gap: var(--pw-3);
  min-width: 260px; max-width: 380px; padding: var(--pw-3) var(--pw-4);
  background: var(--pw-text); color: #fff;
  border-radius: var(--pw-r); box-shadow: var(--pw-shadow-md);
  font-size: var(--pw-fs-base); animation: pw-toast-in var(--pw-t-slow) cubic-bezier(.2,.8,.2,1);
}
.pw-toast i { font-size: 18px; flex-shrink: 0; }
.pw-toast.is-ok { background: #0f3d2e; }
.pw-toast.is-ok i { color: #34d399; }
.pw-toast.is-hata { background: #4c1212; }
.pw-toast.is-hata i { color: #f87171; }
.pw-toast.is-bilgi i { color: #38bdf8; }
@keyframes pw-toast-in { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) { .pw-toast-wrap { left: var(--pw-4); right: var(--pw-4); bottom: var(--pw-4); } .pw-toast { max-width: none; } }

/* ============================================================
   BOŞ DURUM / UYARI ŞERİDİ
   ============================================================ */
.pw-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--pw-3); padding: var(--pw-12) var(--pw-6); text-align: center; color: var(--pw-text-3); }
.pw-empty i { font-size: 40px; color: var(--pw-text-faint); }
.pw-empty p { margin: 0; max-width: 360px; }

.pw-notice { display: flex; align-items: flex-start; gap: var(--pw-3); padding: var(--pw-3) var(--pw-4); border-radius: var(--pw-r); font-size: var(--pw-fs-base); border: 1px solid; }
.pw-notice i { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.pw-notice.is-info    { background: var(--pw-info-soft); border-color: var(--pw-info-border); color: var(--pw-info-text); }
.pw-notice.is-warning { background: var(--pw-warning-soft); border-color: var(--pw-warning-border); color: var(--pw-warning-text); }
.pw-notice.is-danger  { background: var(--pw-danger-soft); border-color: var(--pw-danger-border); color: var(--pw-danger-text); }
.pw-notice.is-success { background: var(--pw-success-soft); border-color: var(--pw-success-border); color: var(--pw-success-text); }

/* ---- İlerleme çubuğu ---- */
.pw-progress { height: 6px; background: var(--pw-surface-3); border-radius: var(--pw-r-full); overflow: hidden; }
.pw-progress-bar { height: 100%; background: var(--pw-accent); border-radius: inherit; transition: width var(--pw-t-slow); }

/* ---- Ayraç ---- */
.pw-divider { height: 1px; background: var(--pw-border-soft); border: none; margin: var(--pw-5) 0; }

/* ============================================================
   ÜRÜN KARTI (liste / grid)
   ============================================================ */
.pw-pc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--pw-4); }

.pw-product-card {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: var(--pw-4);
  padding: var(--pw-4);
  background: var(--pw-surface);
  border: 1px solid var(--pw-border);
  border-radius: var(--pw-r-md);
  box-shadow: var(--pw-shadow-xs);
  cursor: pointer;
  transition: box-shadow var(--pw-t), border-color var(--pw-t), transform var(--pw-t);
}
.pw-product-card:hover { box-shadow: var(--pw-shadow-md, var(--pw-shadow-sm)); border-color: var(--pw-border-strong); }
.pw-product-card:hover .pw-pc-cover { transform: scale(1.08); box-shadow: 0 6px 18px rgba(15, 23, 42, .18); }
.pw-product-card:focus-visible { outline: 2px solid var(--pw-accent); outline-offset: 2px; }

.pw-pc-cover {
  width: 76px; height: 106px;          /* kitap kapağı oranı ~5:7, biraz büyütüldü */
  border-radius: var(--pw-r-sm);
  background: var(--pw-surface-2) center/cover no-repeat;
  border: 1px solid var(--pw-border);
  display: grid; place-items: center;
  color: var(--pw-text-faint); font-size: 22px;
  overflow: hidden; flex-shrink: 0;
  transition: transform var(--pw-t), box-shadow var(--pw-t);
  transform-origin: center;
}
.pw-pc-cover.is-yuklu { color: transparent; }
.pw-pc-body { min-width: 0; display: flex; flex-direction: column; gap: var(--pw-2); }
.pw-pc-title { font-size: var(--pw-fs-md); font-weight: var(--pw-fw-semibold); line-height: var(--pw-lh-snug); color: var(--pw-text);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pw-pc-sub { display: flex; align-items: center; gap: var(--pw-2); font-size: var(--pw-fs-sm); color: var(--pw-text-3); min-width: 0; }
.pw-pc-sub .pw-pc-author { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-pc-sub code { font-family: var(--pw-font-mono); font-size: var(--pw-fs-xs); color: var(--pw-text-faint); flex-shrink: 0; }

.pw-pc-stats { display: flex; gap: var(--pw-4); margin-top: auto; padding-top: var(--pw-1); }
.pw-pc-stat { display: flex; flex-direction: column; gap: 1px; }
.pw-pc-stat .k { font-size: 11px; color: var(--pw-text-faint); font-weight: var(--pw-fw-medium); }
.pw-pc-stat .v { font-size: var(--pw-fs-base); font-weight: var(--pw-fw-semibold); color: var(--pw-text); font-variant-numeric: tabular-nums; }
.pw-pc-stat .v.is-danger { color: var(--pw-danger-text); }
.pw-pc-stat .v.is-warning { color: var(--pw-warning-text); }

.pw-pc-tags { display: flex; flex-wrap: wrap; gap: 6px; }

/* ============================================================
   ÜRÜN DETAY — KİMLİK + STOK BAŞLIĞI (hub)
   ============================================================ */
.pw-hub-head { display: grid; grid-template-columns: 132px 1fr; gap: var(--pw-6); align-items: start; }
.pw-hub-cover {
  width: 132px; aspect-ratio: 5 / 7;
  border-radius: var(--pw-r-md);
  background: var(--pw-surface-2);
  border: 1px solid var(--pw-border);
  object-fit: cover;
  display: grid; place-items: center; color: var(--pw-text-faint); font-size: 28px; overflow: hidden;
  box-shadow: var(--pw-shadow-sm);
}
.pw-hub-info { min-width: 0; }
.pw-hub-title { font-size: var(--pw-fs-2xl); font-weight: var(--pw-fw-bold); letter-spacing: -0.02em; line-height: var(--pw-lh-tight); }
.pw-hub-author { margin-top: var(--pw-1); font-size: var(--pw-fs-md); color: var(--pw-text-3); }
.pw-hub-codes { margin-top: var(--pw-2); display: flex; flex-wrap: wrap; gap: var(--pw-2); }
.pw-hub-codes code { font-family: var(--pw-font-mono); font-size: var(--pw-fs-xs); color: var(--pw-text-2); background: var(--pw-surface-2); border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); padding: 2px 8px; }

.pw-hub-stats { margin-top: var(--pw-5); display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: var(--pw-3); }
.pw-hub-stat { padding: var(--pw-3) var(--pw-4); background: var(--pw-surface-2); border-radius: var(--pw-r); }
.pw-hub-stat .k { font-size: var(--pw-fs-xs); color: var(--pw-text-3); font-weight: var(--pw-fw-medium); }
.pw-hub-stat .v { margin-top: 2px; font-size: var(--pw-fs-xl); font-weight: var(--pw-fw-bold); color: var(--pw-text); font-variant-numeric: tabular-nums; line-height: 1.15; }
.pw-hub-stat .v.is-danger { color: var(--pw-danger-text); }
.pw-hub-stat.is-accent { background: var(--pw-accent-soft); }
.pw-hub-stat.is-accent .v { color: var(--pw-accent-strong); }

/* ---- Ürün özeti: Site / BizimHesap mutabakatı ---- */
.pw-recon-grid { margin-top: var(--pw-5); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pw-3); }
.pw-recon-card { min-width: 0; overflow: hidden; border: 0; border-radius: var(--pw-r); background: var(--pw-surface-2); }
.pw-recon-card.is-accent { background: var(--pw-accent-soft); }
.pw-recon-card.is-mismatch { background: var(--pw-danger-soft); }
.pw-recon-title { display: flex; align-items: center; gap: 6px; padding: var(--pw-3) var(--pw-4) var(--pw-2); color: var(--pw-text-3); font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-semibold); }
.pw-recon-title i { color: var(--pw-accent-strong); font-size: 14px; }
.pw-recon-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: var(--pw-2); padding: 4px var(--pw-4); font-size: var(--pw-fs-sm); }
.pw-recon-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pw-text-2); }
.pw-recon-row strong { color: var(--pw-text); font-size: var(--pw-fs-md); font-weight: var(--pw-fw-bold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pw-recon-row.is-bh { padding-bottom: var(--pw-3); font-size: var(--pw-fs-xs); }
.pw-recon-row.is-bh strong { font-size: var(--pw-fs-sm); color: var(--pw-text-2); }
.pw-recon-row small { grid-column: 1 / -1; margin-top: -3px; color: var(--pw-text-faint); font-size: 10px; }
.pw-recon-card.is-mismatch .pw-recon-title, .pw-recon-card.is-mismatch .pw-recon-row span, .pw-recon-card.is-mismatch .pw-recon-row strong { color: var(--pw-danger-text); }
@media (max-width: 620px) { .pw-recon-grid { grid-template-columns: 1fr; } }

/* Metadata tamamlanma halkası */
.pw-ring { --val: 0; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0;
  background: conic-gradient(var(--pw-accent) calc(var(--val) * 1%), var(--pw-surface-3) 0); }
.pw-ring::before { content: ''; position: absolute; width: 42px; height: 42px; border-radius: 50%; background: var(--pw-surface); }
.pw-ring strong { position: relative; font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-bold); color: var(--pw-text); font-variant-numeric: tabular-nums; }
.pw-hub-meta { display: flex; align-items: center; gap: var(--pw-3); margin-top: var(--pw-4); padding: var(--pw-3) var(--pw-4); border: 1px solid var(--pw-border); border-radius: var(--pw-r); }
.pw-hub-meta-txt { display: flex; flex-direction: column; }
.pw-hub-meta-txt strong { font-size: var(--pw-fs-base); font-weight: var(--pw-fw-semibold); }
.pw-hub-meta-txt small { font-size: var(--pw-fs-sm); color: var(--pw-text-3); }

@media (max-width: 560px) {
  .pw-hub-head { grid-template-columns: 96px 1fr; gap: var(--pw-4); }
  .pw-hub-cover { width: 96px; }
  .pw-product-card { grid-template-columns: 64px 1fr; }
  .pw-pc-cover { width: 64px; height: 90px; }
}

/* ============================================================
   GÖREV SATIRI (task row)
   ============================================================ */
.pw-task-list { display: flex; flex-direction: column; gap: var(--pw-2); }
.pw-task {
  display: flex; gap: var(--pw-3); align-items: flex-start;
  padding: var(--pw-3) var(--pw-4);
  background: var(--pw-surface);
  border: 1px solid var(--pw-border);
  border-radius: var(--pw-r);
  cursor: pointer;
  transition: border-color var(--pw-t-fast), box-shadow var(--pw-t-fast);
}
.pw-task:hover { border-color: var(--pw-border-strong); box-shadow: var(--pw-shadow-xs); }
.pw-task.onc-4 { border-left: 3px solid var(--pw-danger); }
.pw-task.onc-3 { border-left: 3px solid var(--pw-warning); }
.pw-task.is-done { opacity: .62; }
.pw-task.is-done .pw-task-title a { text-decoration: line-through; color: var(--pw-text-3); }

.pw-task-check {
  flex-shrink: 0; width: 24px; height: 24px; margin-top: 1px;
  display: grid; place-items: center;
  background: none; border: none; cursor: pointer;
  color: var(--pw-text-faint); font-size: 22px; border-radius: 50%;
  transition: color var(--pw-t-fast);
}
.pw-task-check:hover { color: var(--pw-accent); }
.pw-task-check.tamam { color: var(--pw-success); }

.pw-task-body { flex: 1; min-width: 0; }
.pw-task-title { display: flex; align-items: center; gap: var(--pw-2); flex-wrap: wrap; font-size: var(--pw-fs-base); font-weight: var(--pw-fw-semibold); }
.pw-task-title a { color: var(--pw-text); }
.pw-task-title a:hover { color: var(--pw-accent-strong); }
.pw-task-desc { margin-top: 2px; font-size: var(--pw-fs-sm); color: var(--pw-text-3); line-height: var(--pw-lh-snug);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pw-task-meta { display: flex; align-items: center; gap: var(--pw-3); flex-wrap: wrap; margin-top: var(--pw-2); font-size: var(--pw-fs-xs); color: var(--pw-text-3); }
.pw-task-meta i { font-size: 14px; vertical-align: -2px; }
.pw-task-cat {
  display: inline-flex; align-items: center; padding: 1px 8px;
  font-size: 11px; font-weight: var(--pw-fw-medium); text-transform: capitalize;
  background: var(--pw-surface-2); color: var(--pw-text-2); border-radius: var(--pw-r-full);
}
.pw-task-more { margin-left: auto; flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; font-size: var(--pw-fs-sm); color: var(--pw-text-3); }
.pw-task-daha { display: inline-flex; align-items: center; gap: 6px; margin-top: var(--pw-2); padding: var(--pw-2) var(--pw-3); font-size: var(--pw-fs-sm); color: var(--pw-accent-strong); font-weight: var(--pw-fw-medium); }

.pw-decision-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--pw-3);
}
.pw-decision-lane {
  min-width: 0;
  padding: var(--pw-3);
  border: 1px solid var(--pw-border-soft);
  border-radius: var(--pw-r);
  background: var(--pw-surface-2);
}
.pw-decision-lane.is-danger { border-color: var(--pw-danger-border); background: var(--pw-danger-bg); }
.pw-decision-lane.is-warning { border-color: var(--pw-warning-border); background: var(--pw-warning-bg); }
.pw-decision-lane.is-accent { border-color: var(--pw-accent-border); background: var(--pw-accent-soft); }
.pw-decision-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pw-2);
  margin-bottom: var(--pw-3);
}
.pw-decision-head span {
  display: inline-flex;
  align-items: center;
  gap: var(--pw-2);
  min-width: 0;
  font-size: var(--pw-fs-sm);
  font-weight: var(--pw-fw-semibold);
  color: var(--pw-text);
}
.pw-decision-empty {
  margin: 0;
  color: var(--pw-text-3);
  font-size: var(--pw-fs-sm);
}

.pw-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--pw-3);
}
.pw-action-card {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--pw-3);
  min-width: 0;
  padding: var(--pw-3);
  border: 1px solid var(--pw-border);
  border-radius: var(--pw-r);
  background: var(--pw-surface);
  color: var(--pw-text);
}
.pw-action-card:hover { border-color: var(--pw-border-strong); box-shadow: var(--pw-shadow-xs); }
.pw-action-card.is-danger { border-color: var(--pw-danger-border); background: var(--pw-danger-bg); }
.pw-action-card.is-warning { border-color: var(--pw-warning-border); background: var(--pw-warning-bg); }
.pw-action-card.is-accent { border-color: var(--pw-accent-border); background: var(--pw-accent-soft); }
.pw-action-card > i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: var(--pw-r);
  background: rgba(255, 255, 255, .72);
  color: var(--pw-text-2);
  font-size: 18px;
}
.pw-action-card span { min-width: 0; display: grid; gap: 2px; }
.pw-action-card strong { overflow-wrap: anywhere; font-size: var(--pw-fs-sm); }
.pw-action-card small { color: var(--pw-text-3); font-size: var(--pw-fs-xs); line-height: var(--pw-lh-snug); }
.pw-action-card em { color: var(--pw-accent-strong); font-size: var(--pw-fs-sm); font-style: normal; font-weight: var(--pw-fw-semibold); }

/* ============================================================
   BRIEFING (günün özeti)
   ============================================================ */
.pw-briefing {
  padding: var(--pw-5); margin-bottom: var(--pw-6);
  background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md);
  box-shadow: var(--pw-shadow-xs);
}
.pw-briefing-head { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-3); flex-wrap: wrap; }
.pw-briefing-selam { display: flex; align-items: center; gap: var(--pw-2); font-size: var(--pw-fs-lg); font-weight: var(--pw-fw-semibold); }
.pw-briefing-selam i { color: var(--pw-accent); font-size: 20px; }
.pw-briefing-date { font-size: var(--pw-fs-sm); color: var(--pw-text-3); text-transform: capitalize; }
.pw-briefing-chips { display: flex; flex-wrap: wrap; gap: var(--pw-2); margin-top: var(--pw-4); }
.pw-briefing-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-medium); border-radius: var(--pw-r-full); border: 1px solid transparent; }
.pw-briefing-chip i { font-size: 15px; }
.pw-briefing-chip.r-iyi  { background: var(--pw-success-soft); color: var(--pw-success-text); border-color: var(--pw-success-border); }
.pw-briefing-chip.r-warn { background: var(--pw-warning-soft); color: var(--pw-warning-text); border-color: var(--pw-warning-border); }
.pw-briefing-chip.r-kotu { background: var(--pw-danger-soft); color: var(--pw-danger-text); border-color: var(--pw-danger-border); }
.pw-briefing-chip.r-info { background: var(--pw-accent-soft); color: var(--pw-accent-strong); border-color: var(--pw-accent-border); }

/* ---- Kategori dağılımı ---- */
.pw-cat-grid { display: flex; flex-wrap: wrap; gap: var(--pw-2); }
.pw-cat-chip {
  display: inline-flex; align-items: center; gap: var(--pw-2);
  padding: var(--pw-2) var(--pw-3);
  background: var(--pw-surface-2); border: 1px solid var(--pw-border); border-radius: var(--pw-r);
  font-size: var(--pw-fs-sm); color: var(--pw-text-2); text-transform: capitalize;
}
.pw-cat-chip .adet { font-weight: var(--pw-fw-bold); color: var(--pw-text); font-variant-numeric: tabular-nums; }

/* ============================================================
   DRAWER (sağdan açılan detay paneli)
   ============================================================ */
.pw-drawer-host { position: fixed; inset: 0; z-index: var(--pw-z-modal); pointer-events: none; }
.pw-drawer-host.acik { pointer-events: auto; }
.pw-drawer-overlay {
  position: absolute; inset: 0; background: rgba(15,23,42,.45);
  opacity: 0; transition: opacity var(--pw-t);
}
.pw-drawer-host.acik .pw-drawer-overlay { opacity: 1; }
.pw-drawer {
  position: absolute; top: 0; right: 0; height: 100%;
  width: min(96vw, 820px);
  background: var(--pw-surface);
  border-left: 1px solid var(--pw-border);
  box-shadow: var(--pw-shadow-lg);
  display: flex; flex-direction: column;
  transform: translateX(100%);
  transition: transform var(--pw-t-slow);
}
.pw-drawer-host.acik .pw-drawer { transform: translateX(0); }
.pw-drawer-head {
  flex-shrink: 0; display: flex; align-items: center; gap: var(--pw-3);
  height: var(--pw-topbar-h); padding: 0 var(--pw-5);
  border-bottom: 1px solid var(--pw-border);
}
.pw-drawer-head h2 { font-size: var(--pw-fs-md); font-weight: var(--pw-fw-semibold); display: flex; align-items: center; gap: var(--pw-2); }
.pw-drawer-head h2 i { color: var(--pw-text-3); font-size: 19px; }
.pw-drawer-close {
  margin-left: auto; width: 34px; height: 34px; display: grid; place-items: center;
  background: none; border: none; cursor: pointer; color: var(--pw-text-3); border-radius: var(--pw-r-sm); font-size: 20px;
}
.pw-drawer-close:hover { background: var(--pw-surface-2); color: var(--pw-text); }
.pw-drawer-body { flex: 1; min-height: 0; overflow: hidden; padding: 0; display: flex; flex-direction: column; }
.pw-drawer-loading { display: grid; place-items: center; padding: var(--pw-12); color: var(--pw-text-faint); }
.pw-drawer-loading i { font-size: 28px; animation: pw-spin 1s linear infinite; }
@keyframes pw-spin { to { transform: rotate(360deg); } }

/* Drawer içi görev detay parçaları */
.pw-pd-title { font-size: var(--pw-fs-lg); font-weight: var(--pw-fw-bold); line-height: var(--pw-lh-snug); margin-top: var(--pw-2); }
.pw-pd-meta { display: flex; flex-wrap: wrap; gap: var(--pw-2); margin-top: var(--pw-3); }
.pw-pd-actions { display: flex; flex-wrap: wrap; gap: var(--pw-2); margin: var(--pw-4) 0; }
.pw-pd-section { margin-top: var(--pw-5); }
.pw-pd-section-label { font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-semibold); text-transform: uppercase; letter-spacing: .04em; color: var(--pw-text-faint); margin-bottom: var(--pw-2); }
.pw-pd-desc { font-size: var(--pw-fs-base); color: var(--pw-text-2); line-height: var(--pw-lh-normal); white-space: pre-wrap; }
.pw-gorev-drawer-action {
  display: grid; gap: var(--pw-3); margin: var(--pw-2) 0 var(--pw-4);
  padding: var(--pw-4); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md);
  background: var(--pw-surface-2); box-shadow: var(--pw-shadow-xs);
}
.pw-gda-main { min-width: 0; }
.pw-gda-main h3 { margin: var(--pw-2) 0 var(--pw-1); font-size: var(--pw-fs-md); line-height: var(--pw-lh-snug); color: var(--pw-text); overflow-wrap: anywhere; }
.pw-gda-main p { margin: 0; color: var(--pw-text-2); line-height: var(--pw-lh-normal); overflow-wrap: anywhere; }
.pw-gda-state { display: inline-flex; align-items: center; gap: 5px; font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-semibold); color: var(--pw-text-3); }
.pw-gda-state.is-tamam { color: var(--pw-success); }
.pw-gda-state.is-islem { color: var(--pw-accent); }
.pw-gda-state.is-kilitli { color: var(--pw-danger); }
.pw-gda-signals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-2); }
.pw-gda-signal, .pw-gda-metric {
  min-width: 0; padding: var(--pw-3); border: 1px solid var(--pw-border-soft);
  border-radius: var(--pw-r-sm); background: var(--pw-surface); color: var(--pw-text-2); text-decoration: none;
}
.pw-gda-signal:hover { border-color: var(--pw-border-strong); color: var(--pw-text); }
.pw-gda-signal span, .pw-gda-metric span { display: flex; align-items: center; gap: 6px; font-size: var(--pw-fs-xs); color: var(--pw-text-3); }
.pw-gda-signal strong, .pw-gda-metric strong { display: block; margin-top: 4px; color: var(--pw-text); font-size: var(--pw-fs-sm); overflow-wrap: anywhere; }
.pw-gda-signal small { display: block; margin-top: 3px; color: var(--pw-text-3); line-height: var(--pw-lh-snug); overflow-wrap: anywhere; }
.pw-gda-signal.is-tamam span i { color: var(--pw-success); }
.pw-gda-signal.is-bekliyor span i { color: var(--pw-warning); }
.pw-gda-signal.is-kilitli span i { color: var(--pw-danger); }
.pw-gda-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-2); }
.pw-gda-actions { margin: 0; }
.pw-gda-links { display: flex; flex-wrap: wrap; gap: var(--pw-2); padding-top: var(--pw-2); border-top: 1px solid var(--pw-border-soft); }
.pw-timeline { display: flex; flex-direction: column; gap: var(--pw-3); }
.pw-tl-item { display: flex; gap: var(--pw-3); }
.pw-tl-dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--pw-border-strong); margin-top: 6px; }
.pw-tl-item.ok .pw-tl-dot { background: var(--pw-success); }
.pw-tl-item.hata .pw-tl-dot { background: var(--pw-danger); }
.pw-tl-body { flex: 1; min-width: 0; }
.pw-tl-head { display: flex; align-items: center; gap: var(--pw-2); flex-wrap: wrap; font-size: var(--pw-fs-sm); }
.pw-tl-head strong { font-weight: var(--pw-fw-semibold); }
.pw-tl-msg { font-size: var(--pw-fs-sm); color: var(--pw-text-2); margin-top: 2px; }

/* Drawer: kalıcı kimlik şeridi + sekmeli yapı */
.pw-drawer-body.pw-flush { padding: 0; display: flex; flex-direction: column; }
.pw-dr-ident {
  display: flex; gap: var(--pw-3); align-items: center;
  padding: var(--pw-4) var(--pw-5); border-bottom: 1px solid var(--pw-border-soft); flex-shrink: 0;
}
.pw-dr-ident-cover {
  width: 44px; height: 62px; flex-shrink: 0; border-radius: var(--pw-r-sm);
  background: var(--pw-surface-2); border: 1px solid var(--pw-border);
  display: grid; place-items: center; color: var(--pw-text-faint); font-size: 18px; overflow: hidden;
  background-size: cover; background-position: center;
}
.pw-dr-ident-info { min-width: 0; flex: 1; }
.pw-dr-ident-title { font-size: var(--pw-fs-md); font-weight: var(--pw-fw-semibold); line-height: var(--pw-lh-snug);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pw-dr-ident-sub { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pw-2); margin-top: 3px; font-size: var(--pw-fs-sm); color: var(--pw-text-3); }
.pw-dr-ident-sub code { font-family: var(--pw-font-mono); font-size: var(--pw-fs-xs); color: var(--pw-text-faint); }

.pw-dr-tabs {
  display: flex; gap: 2px; padding: var(--pw-2) var(--pw-3); flex-shrink: 0;
  border-bottom: 1px solid var(--pw-border); overflow-x: auto; scrollbar-width: none;
  position: sticky; top: 0; background: var(--pw-surface); z-index: 2;
}
.pw-dr-tabs::-webkit-scrollbar { display: none; }
.pw-dr-tabs button {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  padding: var(--pw-2) var(--pw-3); height: 34px;
  font-family: inherit; font-size: var(--pw-fs-base); font-weight: var(--pw-fw-medium);
  color: var(--pw-text-3); background: none; border: none; border-radius: var(--pw-r-sm);
  cursor: pointer; transition: background var(--pw-t-fast), color var(--pw-t-fast);
}
.pw-dr-tabs button i { font-size: 17px; }
.pw-dr-tabs button:hover { background: var(--pw-surface-2); color: var(--pw-text); }
.pw-dr-tabs button.aktif { background: var(--pw-accent-soft); color: var(--pw-accent-strong); font-weight: var(--pw-fw-semibold); }
.pw-dr-scroll { flex: 1; overflow-y: auto; padding: var(--pw-5); }
.pw-dr-panel { display: none; }
.pw-dr-panel.aktif { display: block; animation: pw-fade var(--pw-t) ease-out; }

/* Drawer içi sade satır listesi (özellik dökümü) */
.pw-kv { display: flex; flex-direction: column; gap: 1px; }
.pw-kv-row { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-3); padding: var(--pw-2) 0; border-bottom: 1px solid var(--pw-border-soft); }
.pw-kv-row:last-child { border-bottom: none; }
.pw-kv-row .k { font-size: var(--pw-fs-sm); color: var(--pw-text-3); display: flex; align-items: center; gap: 6px; }
.pw-kv-row .v { font-size: var(--pw-fs-base); font-weight: var(--pw-fw-medium); color: var(--pw-text); text-align: right; }
.pw-kv-row .v.eksik { color: var(--pw-warning-text); }
.pw-kv-row .k .ok { color: var(--pw-success); } .pw-kv-row .k .no { color: var(--pw-text-faint); }

@media (max-width: 560px) { .pw-drawer-head, .pw-dr-ident { padding-left: var(--pw-4); padding-right: var(--pw-4); } .pw-drawer-body, .pw-dr-scroll { padding: var(--pw-4); } }

/* ---- Veri güncelliği ---- */
.pw-fresh-times { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: var(--pw-2); }
.pw-fresh-time { padding: var(--pw-2) var(--pw-3); background: var(--pw-surface-2); border-radius: var(--pw-r-sm); }
.pw-fresh-time span { display: block; font-size: 11px; color: var(--pw-text-3); }
.pw-fresh-time strong { font-size: var(--pw-fs-sm); font-variant-numeric: tabular-nums; }
.pw-fresh-steps { display: flex; flex-direction: column; gap: var(--pw-2); margin: var(--pw-3) 0; }
.pw-fresh-step { display: flex; align-items: flex-start; gap: var(--pw-2); font-size: var(--pw-fs-sm); }
.pw-fresh-step i { color: var(--pw-text-faint); font-size: 16px; margin-top: 2px; }
.pw-fresh-step small { display: block; color: var(--pw-text-3); }

/* ---- Drawer içi mini async modül (buybox / tedarikçi) ---- */
.pw-spin { display: inline-block; animation: pw-spin 1s linear infinite; }
.pw-mini-load { display: flex; align-items: center; gap: 6px; font-size: var(--pw-fs-sm); color: var(--pw-text-3); padding: var(--pw-2) 0; }
.pw-quote { display: flex; flex-direction: column; border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); overflow: hidden; background: var(--pw-surface); }
/* Hizalı tablo: ad esner, fiyat/stok/aksiyon sabit sütun → satırlar arası dikey hizalı */
.pw-quote-row { display: grid; grid-template-columns: minmax(0, 1fr) 72px 76px 52px; align-items: center; gap: var(--pw-2) var(--pw-3);
  padding: var(--pw-2) var(--pw-3); border-bottom: 1px solid var(--pw-border-soft); font-size: var(--pw-fs-base);
  border-left: 3px solid transparent; }
.pw-quote-row:last-child { border-bottom: none; }
.pw-quote-row .ad { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; color: var(--pw-text); font-weight: var(--pw-fw-medium);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-quote-row .ad i { color: var(--pw-warning, #d97706); font-size: 16px; }
.pw-quote-row .ad small { font-weight: var(--pw-fw-normal); color: var(--pw-text-3); }
.pw-quote-row .fy { white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: var(--pw-fw-bold); font-size: var(--pw-fs-md);
  color: var(--pw-text); text-align: right; }
.pw-quote-row .qstk { font-size: 11px; font-weight: var(--pw-fw-normal); color: var(--pw-text-3); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; text-align: left; }
.pw-quote-row .qstk.yok { color: var(--pw-danger-text); }
.pw-quote-row .qstk.var { color: var(--pw-success-text); }
.pw-quote-row .st { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.pw-quote-row.kazanan { background: var(--pw-success-soft); border-left-color: var(--pw-success); }
.pw-quote-row.kazanan .ad,
.pw-quote-row.kazanan .fy { color: var(--pw-success-text); }
.pw-quote-row.kazanan .qstk.var { color: var(--pw-success-text); }
.pw-quote-row.biz:not(.kazanan) { background: var(--pw-accent-soft); border-left-color: var(--pw-accent); }
.pw-quote-row.stoksuz { background: var(--pw-surface-2); opacity: .72; }
.pw-quote-row.stoksuz .fy,
.pw-quote-row.stoksuz .ad { color: var(--pw-text-3); }

/* ---- Drawer içi kompakt tablo (satış / alış / sayım geçmişi) ---- */
.pw-mini-table { width: 100%; border-collapse: collapse; font-size: var(--pw-fs-sm); }
.pw-mini-table thead th {
  text-align: left; font-weight: var(--pw-fw-semibold); color: var(--pw-text-faint);
  font-size: var(--pw-fs-xs); text-transform: uppercase; letter-spacing: .03em;
  padding: 0 var(--pw-2) var(--pw-2); border-bottom: 1px solid var(--pw-border); white-space: nowrap;
}
.pw-mini-table tbody td { padding: var(--pw-2); border-bottom: 1px solid var(--pw-border-soft); color: var(--pw-text-2); vertical-align: top; }
.pw-mini-table tbody tr:last-child td { border-bottom: none; }
.pw-mini-table th.num, .pw-mini-table td.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pw-mini-table td strong { font-weight: var(--pw-fw-semibold); color: var(--pw-text); }
.pw-mini-table .pw-badge { font-size: 10px; padding: 1px 6px; }
.pw-ell { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- FIFO maliyet özet kartı ---- */
.pw-fifo { border: 1px solid var(--pw-success-border); background: var(--pw-success-soft); border-radius: var(--pw-r-md); padding: var(--pw-3) var(--pw-4); margin-bottom: var(--pw-4); }
.pw-fifo.is-eksik { border-color: var(--pw-warning-border, #fde68a); background: var(--pw-warning-soft, #fffbeb); }
.pw-fifo-head { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-2); font-size: var(--pw-fs-sm); color: var(--pw-text-3); margin-bottom: var(--pw-3); }
.pw-fifo-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pw-3) var(--pw-4); }
.pw-fifo-stats > div { display: flex; flex-direction: column; gap: 1px; }
.pw-fifo-stats .k { font-size: var(--pw-fs-xs); color: var(--pw-text-3); }
.pw-fifo-stats strong { font-size: var(--pw-fs-base); font-weight: var(--pw-fw-bold); color: var(--pw-text); font-variant-numeric: tabular-nums; }
.pw-fifo-not { margin-top: var(--pw-3); padding-top: var(--pw-2); border-top: 1px solid var(--pw-border-soft); font-size: var(--pw-fs-sm); color: var(--pw-warning-text); }
.pw-mt-3 { margin-top: var(--pw-3); }

/* ---- Ticari sinyal mini grid (Özet) ---- */
.pw-sig-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--pw-2); }
.pw-sig { display: flex; flex-direction: column; gap: 1px; padding: var(--pw-2) var(--pw-3); background: var(--pw-surface-2); border-radius: var(--pw-r-sm); }
.pw-sig .k { font-size: 11px; color: var(--pw-text-faint); font-weight: var(--pw-fw-medium); }
.pw-sig strong { font-size: var(--pw-fs-md); font-weight: var(--pw-fw-bold); color: var(--pw-text); font-variant-numeric: tabular-nums; line-height: 1.2; }
.pw-sig small { font-size: 10px; color: var(--pw-text-3); }
@media (max-width: 620px) { .pw-sig-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---- Ürün aksiyon merkezi ---- */
.pw-ak-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-2); }
.pw-ak-card {
  display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-areas: "icon text" "action action";
  align-items: start; gap: var(--pw-2); min-width: 0; min-height: 112px;
  padding: var(--pw-3); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md);
  background: var(--pw-surface-2); border-left: 3px solid var(--pw-border-strong);
}
.pw-ak-card.durum-uyari { border-left-color: var(--pw-warning, #d97706); }
.pw-ak-card.durum-bekliyor { border-left-color: var(--pw-accent); }
.pw-ak-card.durum-tamam { border-left-color: var(--pw-success); }
.pw-ak-card.durum-notr { border-left-color: var(--pw-text-faint); }
.pw-ak-icon {
  grid-area: icon; width: 30px; height: 30px; display: grid; place-items: center;
  border-radius: var(--pw-r-sm); background: var(--pw-surface); color: var(--pw-text-3);
}
.pw-ak-main { grid-area: text; min-width: 0; }
.pw-ak-main strong { display: block; font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-semibold); color: var(--pw-text); line-height: 1.25; }
.pw-ak-main small { display: block; margin-top: 3px; font-size: var(--pw-fs-xs); color: var(--pw-text-3); line-height: 1.35; }
.pw-ak-btn { grid-area: action; justify-self: end; max-width: 100%; margin-left: 0; white-space: nowrap; }
@media (max-width: 620px) { .pw-ak-grid { grid-template-columns: 1fr; } }

/* ---- Maliyet: alış fiyat dağılım çubuğu ---- */
.pw-cost-bar { display: flex; height: 26px; border-radius: var(--pw-r-sm); overflow: hidden; border: 1px solid var(--pw-border); }
.pw-cost-seg { display: grid; place-items: center; font-size: 11px; font-weight: var(--pw-fw-semibold); color: #fff; min-width: 2px;
  font-variant-numeric: tabular-nums; overflow: hidden; white-space: nowrap; }
.pw-cost-legend { display: flex; flex-wrap: wrap; gap: var(--pw-2) var(--pw-4); margin-top: var(--pw-3); }
.pw-cost-leg { display: flex; align-items: center; gap: 6px; font-size: var(--pw-fs-sm); }
.pw-cost-leg strong { font-weight: var(--pw-fw-semibold); color: var(--pw-text); font-variant-numeric: tabular-nums; }
.pw-cost-leg .dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.pw-cost-seg.c0, .dot.c0 { background: #0891b2; } .pw-cost-seg.c1, .dot.c1 { background: #6366f1; }
.pw-cost-seg.c2, .dot.c2 { background: #10b981; } .pw-cost-seg.c3, .dot.c3 { background: #f59e0b; }
.pw-cost-seg.c4, .dot.c4 { background: #ec4899; } .pw-cost-seg.c5, .dot.c5 { background: #8b5cf6; }

/* ---- Sayım boş durumu ---- */
.pw-sayim-bos { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: var(--pw-5) var(--pw-4); text-align: center;
  background: var(--pw-surface-2); border-radius: var(--pw-r-md); color: var(--pw-text-3); }
.pw-sayim-bos i { font-size: 28px; color: var(--pw-text-faint); }
.pw-sayim-bos p { font-size: var(--pw-fs-sm); margin: 0; }
.pw-sayim-bos small { font-size: var(--pw-fs-xs); color: var(--pw-text-faint); }

/* ---- Rakip/Tedarikçi: satır aksiyonları + canlı buton + link formu ---- */
.pw-quote-row .st { gap: 6px; }
.pw-q-act { display: inline-flex; align-items: center; gap: 2px; margin-left: 2px; }
.pw-q-link, .pw-q-sil { display: grid; place-items: center; width: 24px; height: 24px; border-radius: var(--pw-r-sm); border: none; background: none; cursor: pointer; color: var(--pw-text-3); font-size: 15px; }
.pw-q-link:hover { background: var(--pw-surface-2); color: var(--pw-accent-strong); }
.pw-q-sil:hover { background: var(--pw-danger-soft); color: var(--pw-danger-text); }
.pw-mini-btn { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 2px 8px; height: 24px;
  font-family: inherit; font-size: 11px; font-weight: var(--pw-fw-medium); color: var(--pw-text-3);
  background: var(--pw-surface-2); border: 1px solid var(--pw-border); border-radius: 999px; cursor: pointer; text-decoration: none; }
.pw-mini-btn:hover:not(:disabled) { color: var(--pw-accent-strong); border-color: var(--pw-accent); }
.pw-mini-btn:disabled { opacity: .6; cursor: default; }
.pw-tl-head .pw-mini-btn { margin-left: 0; }
.pw-pd-section-label { display: flex; align-items: center; gap: 6px; }
.pw-link-ekle { margin-top: var(--pw-2); }
.pw-link-ekle > summary { list-style: none; cursor: pointer; font-size: var(--pw-fs-sm); color: var(--pw-accent-strong); display: inline-flex; align-items: center; gap: 4px; padding: var(--pw-1) 0; }
.pw-link-ekle > summary::-webkit-details-marker { display: none; }
.pw-link-ekle[open] > summary { margin-bottom: var(--pw-2); }
.pw-link-form { display: flex; flex-direction: column; gap: var(--pw-2); padding: var(--pw-3); background: var(--pw-surface-2); border-radius: var(--pw-r-sm); }
.pw-link-form input { width: 100%; height: 34px; padding: 0 var(--pw-3); font-family: inherit; font-size: var(--pw-fs-sm);
  color: var(--pw-text); background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); }
.pw-link-form input:focus { outline: none; border-color: var(--pw-accent); box-shadow: 0 0 0 3px var(--pw-accent-soft); }
.pw-link-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pw-2); }
.pw-link-form button { align-self: flex-start; }

/* ---- Kârlılık göstergeleri ---- */
.pw-kar-strip { display: flex; align-items: center; gap: var(--pw-3); margin-top: var(--pw-3); padding: var(--pw-3) var(--pw-4);
  border: 1px solid var(--pw-success-border); border-radius: var(--pw-r-md); background: var(--pw-success-soft); }
.pw-kar-strip > i { font-size: 20px; color: var(--pw-success-text); flex-shrink: 0; }
.pw-kar-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pw-kar-k { font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-semibold); color: var(--pw-text); }
.pw-kar-deg { font-size: var(--pw-fs-lg); font-weight: var(--pw-fw-bold); font-variant-numeric: tabular-nums; color: var(--pw-success-text); }
.pw-kar-strip.is-dusuk { border-color: var(--pw-danger-border); background: var(--pw-danger-soft); }
.pw-kar-strip.is-dusuk > i, .pw-kar-strip.is-dusuk .pw-kar-deg { color: var(--pw-danger-text); }
.pw-buybox-kar { display: flex; align-items: center; gap: var(--pw-2); margin-bottom: var(--pw-2); padding: var(--pw-2) var(--pw-3);
  border: 1px solid var(--pw-success-border); border-radius: var(--pw-r-sm); background: var(--pw-success-soft); font-size: var(--pw-fs-sm); }
.pw-buybox-kar > i { color: var(--pw-success-text); font-size: 16px; flex-shrink: 0; }
.pw-buybox-kar .lbl { flex: 1; min-width: 0; color: var(--pw-text-2); }
.pw-buybox-kar strong { font-variant-numeric: tabular-nums; font-weight: var(--pw-fw-bold); color: var(--pw-success-text); }
.pw-buybox-kar.is-dusuk { border-color: var(--pw-danger-border); background: var(--pw-danger-soft); }
.pw-buybox-kar.is-dusuk > i, .pw-buybox-kar.is-dusuk strong { color: var(--pw-danger-text); }
/* Buybox durum/hız/tazelik başlık şeridi (ambar özeti) */
.pw-bb-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pw-2) var(--pw-3); margin-bottom: var(--pw-2);
  padding: var(--pw-2) var(--pw-3); border-radius: var(--pw-r-sm); border: 1px solid var(--pw-border-soft); background: var(--pw-surface-2); }
.pw-bb-head.is-success { border-color: var(--pw-success-border); background: var(--pw-success-soft); }
.pw-bb-head.is-danger { border-color: var(--pw-danger-border); background: var(--pw-danger-soft); }
.pw-bb-head.is-warning { border-color: var(--pw-warning-border, #fde68a); background: var(--pw-warning-soft, #fffbeb); }
.pw-bb-info { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: var(--pw-fs-sm); color: var(--pw-text-2); }
.pw-bb-info i { font-size: 14px; vertical-align: -1px; margin-right: 2px; }
.pw-bb-sep { color: var(--pw-text-faint); margin: 0 2px; }
/* Rekabet Merkezi — özet chip + tablo */
.pw-text-2 { color: var(--pw-text-2); }
.pw-bb-chip { display: flex; flex-direction: column; gap: var(--pw-2); text-decoration: none; transition: border-color .12s, box-shadow .12s; }
.pw-bb-chip:hover { border-color: var(--pw-accent); }
.pw-bb-chip.aktif { border-color: var(--pw-accent); box-shadow: 0 0 0 2px var(--pw-accent-soft); }
.pw-bb-chip-val { font-size: var(--pw-fs-xl, 22px); font-weight: var(--pw-fw-bold); color: var(--pw-text); font-variant-numeric: tabular-nums; display: flex; align-items: center; gap: 6px; }
.pw-bb-chip-val i { font-size: 18px; color: var(--pw-text-3); }
.pw-bb-table tbody td { vertical-align: middle; }
.pw-bb-table tbody tr.is-reviewed { background: var(--pw-surface-2); }
.pw-bb-table tbody tr.is-reviewed .pw-bb-urun strong { color: var(--pw-text-3); }
.pw-bb-urun { color: var(--pw-text); text-decoration: none; cursor: pointer; }
.pw-bb-urun:hover { color: var(--pw-accent-strong); }
.pw-q-link.is-on { color: var(--pw-accent-strong); }
.pw-kar-isk { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 999px; font-size: 10px;
  color: var(--pw-text-3); background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); white-space: nowrap; }
.pw-kar-note { display: flex; align-items: flex-start; gap: var(--pw-2); margin-top: var(--pw-2); padding: var(--pw-2) var(--pw-3);
  font-size: var(--pw-fs-sm); line-height: 1.4; color: var(--pw-warning-text); border: 1px dashed var(--pw-warning-border, #fde68a);
  background: var(--pw-warning-soft, #fffbeb); border-radius: var(--pw-r-sm); }
.pw-kar-note > i { flex-shrink: 0; margin-top: 1px; }
.pw-kar-note strong { font-variant-numeric: tabular-nums; }
/* Liste kartında buybox kâr noktası */
.pw-pc-buybox-dot { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: var(--pw-fw-medium);
  padding: 1px 8px 1px 6px; border-radius: 999px; border: 1px solid var(--pw-border); background: var(--pw-surface-2); color: var(--pw-text-2); }
.pw-pc-buybox-dot::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--pw-success); flex-shrink: 0; }
.pw-pc-buybox-dot.is-dusuk { border-color: var(--pw-danger-border); background: var(--pw-danger-soft); color: var(--pw-danger-text); }
.pw-pc-buybox-dot.is-dusuk::before { background: var(--pw-danger); }

/* ---- Akış notları (yorum) ---- */
.pw-yorum-form { display: flex; flex-direction: column; gap: var(--pw-2); }
.pw-yorum-form textarea { width: 100%; min-height: 58px; resize: vertical; padding: var(--pw-2) var(--pw-3); font-family: inherit; font-size: var(--pw-fs-sm);
  color: var(--pw-text); background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); line-height: var(--pw-lh-normal); }
.pw-yorum-form textarea:focus { outline: none; border-color: var(--pw-accent); box-shadow: 0 0 0 3px var(--pw-accent-soft); }
.pw-yorum-form-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-2); }
.pw-yorum-list { display: flex; flex-direction: column; gap: var(--pw-2); }
.pw-yorum { padding: var(--pw-3); background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); border-left: 3px solid var(--pw-accent-border); }
.pw-yorum-head { display: flex; align-items: center; gap: var(--pw-2); }
.pw-yorum-head strong { font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-semibold); color: var(--pw-text); }
.pw-yorum-sil { margin-left: auto; display: grid; place-items: center; width: 24px; height: 24px; border: none; background: none; cursor: pointer; color: var(--pw-text-faint); border-radius: var(--pw-r-sm); font-size: 14px; }
.pw-yorum-sil:hover { background: var(--pw-danger-soft); color: var(--pw-danger-text); }
.pw-yorum-metin { margin-top: var(--pw-1); font-size: var(--pw-fs-base); color: var(--pw-text); line-height: var(--pw-lh-normal); white-space: pre-wrap; word-break: break-word; }
.pw-yorum-bos { margin: 0; }

.pw-detail-page { max-width: 980px; margin: 0 auto; }
.pw-detail-body { padding: 0; }
.pw-detail-body .pw-dr-scroll { max-height: none; overflow: visible; }
.pw-detail-body .pw-dr-ident { border-bottom: 1px solid var(--pw-border-soft); }

/* ---- v10 geçiş uyumluluğu: eski template sınıfları ---- */
.page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--pw-4); margin-bottom: var(--pw-5); }
.crumb-sep, .pw-crumb-sep { color: var(--pw-text-faint); }
.crumb-current, .pw-crumb-current { color: var(--pw-text); font-weight: var(--pw-fw-medium); }
.crumb-link, .pw-breadcrumb a, .breadcrumb a { color: var(--pw-text-3); text-decoration: none; }
.pw-breadcrumb a:hover, .breadcrumb a:hover { color: var(--pw-accent-strong); }
.page-title { display: flex; align-items: center; gap: var(--pw-2); margin: 0; font-size: var(--pw-fs-xl); font-weight: var(--pw-fw-bold); letter-spacing: 0; }
.page-subtitle, .muted, .panel-note { color: var(--pw-text-3); }
.tiny { font-size: var(--pw-fs-xs); }
.nowrap { white-space: nowrap; }
.fw-700 { font-weight: var(--pw-fw-bold); }
.text-right, .td-num { text-align: right; font-variant-numeric: tabular-nums; }
.page-actions, .form-actions, .hizli-linkler, .topbar-right, .row-actions { display: flex; align-items: center; gap: var(--pw-2); flex-wrap: wrap; }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-4); }
.kart-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--pw-4); margin-bottom: var(--pw-5); }
.kart { position: relative; min-height: 112px; padding: var(--pw-4); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); overflow: hidden; }
.kart.iyi, .kart.success { border-left: 3px solid var(--pw-success); }
.kart.warn, .kart.warning { border-left: 3px solid var(--pw-warning); }
.kart.kotu, .kart.danger { border-left: 3px solid var(--pw-danger); }
.kart.info { border-left: 3px solid var(--pw-info); }
.kart .etiket { font-size: var(--pw-fs-sm); color: var(--pw-text-3); font-weight: var(--pw-fw-medium); }
.kart .deger { margin-top: var(--pw-1); font-size: 28px; line-height: 1.1; font-weight: var(--pw-fw-bold); font-variant-numeric: tabular-nums; color: var(--pw-text); }
.kart .alt-bilgi { margin-top: var(--pw-1); font-size: var(--pw-fs-sm); color: var(--pw-text-3); }
.kart-ico { position: absolute; right: var(--pw-4); bottom: var(--pw-4); font-size: 30px; color: var(--pw-text-faint); }

/* ---- Analiz genel: v10 veri görünümü ---- */
.page-header:has(.pw-analysis-subtitle) { align-items: flex-start; margin-bottom: var(--pw-4); }
.pw-analysis-subtitle { margin: 5px 0 0; color: var(--pw-text-3); font-size: var(--pw-fs-sm); }
.pw-analysis-stamp { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 6px 10px; border: 1px solid var(--pw-border); border-radius: 999px; background: var(--pw-surface-2); color: var(--pw-text-3); font-size: var(--pw-fs-xs); }
.pw-analysis-stamp i { color: var(--pw-success-text); }
.pw-analysis-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pw-3); margin-bottom: var(--pw-4); }
.pw-analysis-kpi { min-width: 0; margin-bottom: 0 !important; overflow: hidden; border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); }
.pw-analysis-kpi > header { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-2); padding: var(--pw-3) var(--pw-4); border-bottom: 1px solid var(--pw-border-soft); color: var(--pw-text-2); font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-semibold); }
.pw-analysis-kpi > header > span { display: inline-flex; align-items: center; gap: 6px; }
.pw-analysis-kpi > header i { color: var(--pw-accent-strong); font-size: 16px; }
.pw-analysis-kpi > header a, .pw-analysis-kpi > header button { display: inline-flex; align-items: center; gap: 3px; padding: 0; border: 0; background: transparent; color: var(--pw-accent-strong); font: inherit; font-size: var(--pw-fs-xs); cursor: pointer; text-decoration: none; }
.pw-analysis-kpi > header a:hover, .pw-analysis-kpi > header button:hover { color: var(--pw-text); }
.pw-analysis-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pw-analysis-metrics.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pw-analysis-metrics > * { min-width: 0; padding: var(--pw-3) var(--pw-4); border-right: 1px solid var(--pw-border-soft); }
.pw-analysis-metrics > *:last-child { border-right: none; }
.pw-analysis-metrics span { display: block; color: var(--pw-text-3); font-size: var(--pw-fs-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-analysis-metrics strong { display: block; margin-top: 4px; color: var(--pw-text); font-size: 24px; line-height: 1; font-weight: var(--pw-fw-bold); font-variant-numeric: tabular-nums; }
.pw-analysis-metrics .is-good strong { color: var(--pw-success-text); }
.pw-analysis-metrics .is-danger strong { color: var(--pw-danger-text); }
.pw-analysis-kpi.is-risk { border-top: 3px solid var(--pw-warning); }
.pw-analysis-kpi.is-data { border-top: 3px solid var(--pw-accent); }
.pw-analysis-charts { display: grid; grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); gap: var(--pw-3); }
.pw-analysis-chart { min-width: 0; margin-bottom: 0 !important; border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); overflow: hidden; }
.pw-analysis-chart > header { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-3); padding: var(--pw-3) var(--pw-4); border-bottom: 1px solid var(--pw-border-soft); }
.pw-analysis-eyebrow { display: block; margin-bottom: 2px; color: var(--pw-text-faint); font-size: 10px; font-weight: var(--pw-fw-semibold); letter-spacing: .04em; text-transform: uppercase; }
.pw-analysis-chart h4 { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--pw-text); font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-semibold); }
.pw-analysis-chart h4 i { color: var(--pw-accent-strong); font-size: 16px; }
.pw-analysis-chart-note { color: var(--pw-text-faint); font-size: var(--pw-fs-xs); white-space: nowrap; }
.pw-analysis-chart .chart-box-tight { height: 320px; padding: var(--pw-3); }
@media (max-width: 980px) { .pw-analysis-kpis, .pw-analysis-charts { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .pw-analysis-metrics.three { grid-template-columns: 1fr; } .pw-analysis-metrics.three > * { border-right: none; border-bottom: 1px solid var(--pw-border-soft); } .pw-analysis-metrics.three > *:last-child { border-bottom: none; } .pw-analysis-stamp { display: none; } }
.pill, .rozet { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 2px 8px; border-radius: 999px; font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-semibold); border: 1px solid transparent; white-space: nowrap; }
.pill-g, .pill-iyi, .rozet-tamamlandi { background: var(--pw-success-soft); border-color: var(--pw-success-border); color: var(--pw-success-text); }
.pill-y, .pill-warn, .rozet-beklemede { background: var(--pw-warning-soft); border-color: var(--pw-warning-border); color: var(--pw-warning-text); }
.pill-r, .pill-kotu, .rozet-hata { background: var(--pw-danger-soft); border-color: var(--pw-danger-border); color: var(--pw-danger-text); }
.pill-b, .pill-info, .rozet-devam { background: var(--pw-info-soft); border-color: var(--pw-info-border); color: var(--pw-info-text); }
.pill-v { background: #f5f3ff; border-color: #ddd6fe; color: #6d28d9; }
.pill-n, .pill-ntr, .rozet { background: var(--pw-surface-2); border-color: var(--pw-border); color: var(--pw-text-3); }
.btn, button, a[role="button"], .topbar-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 0 var(--pw-3); border-radius: var(--pw-r-sm); border: 1px solid var(--pw-border); background: var(--pw-surface); color: var(--pw-text-2); font-family: inherit; font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-medium); text-decoration: none; cursor: pointer; }
.btn:hover, button:hover, a[role="button"]:hover, .topbar-btn:hover { background: var(--pw-surface-2); border-color: var(--pw-border-strong); color: var(--pw-text); }
.btn-primary, .topbar-btn-primary, button[type="submit"]:not(.secondary) { background: var(--pw-accent-hover); border-color: var(--pw-accent-hover); color: #fff; }
.btn-primary:hover, .topbar-btn-primary:hover, button[type="submit"]:not(.secondary):hover { background: var(--pw-accent-strong); border-color: var(--pw-accent-strong); color: #fff; }
.btn-ghost, .secondary, button.secondary, a.secondary { background: var(--pw-surface); border-color: var(--pw-border); color: var(--pw-text-2); }
article:not(.pw-panel):not(.pw-card):not(.pw-kpi):not(.pw-product-card):not(.pw-briefing) { border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); margin-bottom: var(--pw-4); }
article > header:not(.pw-panel-head) { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-3); padding: var(--pw-4); border-bottom: 1px solid var(--pw-border-soft); }
article > header h4, article > header h3 { margin: 0; display: flex; align-items: center; gap: var(--pw-2); font-size: var(--pw-fs-md); }
.panel-pad, .panel-pad-tight, .panel-pad-slim, .imza-panel-pad { padding: var(--pw-4); }
.panel-pad-tight, .panel-pad-slim { padding: var(--pw-3); }
.panel-pad-bottom { padding: 0 var(--pw-4) var(--pw-4); }
.tablo-wrap { width: 100%; overflow-x: auto; }
.list-frame { border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); background: var(--pw-surface); }
.tablo-wrap table, table.responsive-record-table { width: 100%; border-collapse: collapse; font-size: var(--pw-fs-base); }
.tablo-wrap th, .tablo-wrap td { padding: var(--pw-3); border-bottom: 1px solid var(--pw-border-soft); text-align: left; vertical-align: top; }
.tablo-wrap thead th { color: var(--pw-text-3); font-size: var(--pw-fs-xs); text-transform: uppercase; letter-spacing: .02em; font-weight: var(--pw-fw-semibold); background: var(--pw-surface-2); }
.tablo-wrap tbody tr:last-child td { border-bottom: none; }
.table-sm table { font-size: var(--pw-fs-sm); }
.table-sm th, .table-sm td { padding: var(--pw-2) var(--pw-3); }
.bos-durum, .ajax-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--pw-2); padding: var(--pw-8) var(--pw-4); color: var(--pw-text-3); text-align: center; }
.bos-durum i, .bos-durum-ikon { font-size: 34px; color: var(--pw-text-faint); }
.bos-durum p { margin: 0; }
.bos-durum-kompakt { padding: var(--pw-5) var(--pw-4); }
.hata-kutusu, .basarili-kutu, .bilgi-kutusu { display: flex; align-items: flex-start; gap: var(--pw-2); margin: var(--pw-3) 0; padding: var(--pw-3) var(--pw-4); border-radius: var(--pw-r); border: 1px solid var(--pw-border); font-size: var(--pw-fs-sm); }
.hata-kutusu { background: var(--pw-danger-soft); border-color: var(--pw-danger-border); color: var(--pw-danger-text); }
.basarili-kutu { background: var(--pw-success-soft); border-color: var(--pw-success-border); color: var(--pw-success-text); }
.bilgi-kutusu { background: var(--pw-info-soft); border-color: var(--pw-info-border); color: var(--pw-info-text); }
.kutu-inline { margin: 0; }
.imza-tabs { display: inline-flex; gap: 2px; padding: 3px; background: var(--pw-surface-2); border-radius: var(--pw-r); margin-bottom: var(--pw-5); max-width: 100%; overflow-x: auto; }
.imza-tabs button { min-height: 34px; border: none; background: transparent; box-shadow: none; white-space: nowrap; }
.imza-tabs button.aktif { background: var(--pw-surface); color: var(--pw-text); box-shadow: var(--pw-shadow-xs); }
.imza-tab-panel { display: none; }
.imza-tab-panel.aktif { display: block; animation: pw-fade var(--pw-t) ease-out; }
.arama-row { display: grid; grid-template-columns: minmax(140px, 190px) minmax(0, 1fr) auto; gap: var(--pw-2); align-items: center; }
.arama-row input, .arama-row select, label input, label select, label textarea, .bulk-import-form textarea { width: 100%; border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); background: var(--pw-surface); color: var(--pw-text); font-family: inherit; font-size: var(--pw-fs-base); padding: 8px 10px; }
label { display: flex; flex-direction: column; gap: var(--pw-2); font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-medium); color: var(--pw-text-2); }
pre { max-width: 100%; overflow: auto; padding: var(--pw-3); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); font-size: var(--pw-fs-sm); }
.is-hidden { display: none !important; }
.mt-md { margin-top: var(--pw-4); }
.icon-sm { font-size: 17px; }

.pw-confirm-host { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: var(--pw-4); background: rgb(15 23 42 / .36); }
.pw-confirm { width: min(420px, 100%); border-radius: var(--pw-r-md); border: 1px solid var(--pw-border); background: var(--pw-surface); box-shadow: var(--pw-shadow-lg); padding: var(--pw-5); }
.pw-confirm-head { display: flex; gap: var(--pw-3); align-items: flex-start; }
.pw-confirm-head i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--pw-r-sm); background: var(--pw-accent-soft); color: var(--pw-accent-strong); font-size: 20px; flex-shrink: 0; }
.pw-confirm-head h3 { margin: 0 0 4px; font-size: var(--pw-fs-lg); }
.pw-confirm-head p { margin: 0; color: var(--pw-text-3); }
.pw-confirm-actions { display: flex; justify-content: flex-end; gap: var(--pw-2); margin-top: var(--pw-5); }
.pw-confirm-body { margin-top: var(--pw-4); }
.pw-confirm-body .pw-input { width: 100%; }

/* ── inline-style konsolidasyonu (2026-06-28): statik inline'lar tek tek bu
      class'lara tasindi; deklarasyonlar birebir korundu (gorsel esdeger). ── */
.pw-m-0 { margin: 0; }
.pw-p-4 { padding: var(--pw-4); }
.pw-flex-1 { flex: 1; }
.pw-grow { flex-grow: 1; }
.pw-items-center { align-items: center; }
.pw-items-end { align-items: end; }
.pw-between { justify-content: space-between; }
.pw-text-right { text-align: right; }
.pw-text-center { text-align: center; }
.pw-cursor-pointer { cursor: pointer; }
.pw-c-accent { color: var(--pw-accent); }
.pw-c-danger { color: var(--pw-danger); }
.pw-c-strong { color: var(--pw-text-strong); }
.pw-c-warning { color: var(--pw-warning-text); }
.pw-w-28 { width: 28px; }
.pw-w-118 { width: 118px; }
.pw-w-120 { width: 120px; }
.pw-w-140 { width: 140px; }
.pw-panel-head.is-flush { border-top: 1px solid var(--pw-border-soft); border-bottom: none; }
.pw-cell-pad { padding: var(--pw-4); }
.pw-cell-bos { padding: 18px; text-align: center; }
/* urun arama */
.urun-arama-bar { max-width: none; margin: 0 0 var(--pw-3); height: 40px; background: var(--pw-surface-2); }
/* buybox portfoy */
.buybox-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-3); flex-wrap: wrap; }
.buybox-filtre-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
/* terk edilen sepetler */
.sepet-stats { margin-bottom: var(--pw-6); }
.sepet-stats .v.is-ciro { color: var(--pw-accent); }
.sepet-stats .v.is-kayip { color: var(--pw-danger); }
.sepet-filtre { margin-bottom: var(--pw-4); }
.sepet-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--pw-3); align-items: end; }
.sepet-form-label { grid-column: span 2; min-width: 0; }
.sepet-form-actions { display: flex; gap: var(--pw-2); align-items: center; }
.sepet-yenile-form { margin-top: var(--pw-3); display: flex; gap: var(--pw-2); align-items: center; flex-wrap: wrap; }
.sepet-body { padding: var(--pw-4); display: grid; gap: var(--pw-4); grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.sepet-card { border: 1px solid var(--pw-border); border-radius: 8px; padding: var(--pw-4); display: flex; flex-direction: column; gap: var(--pw-3); background: var(--pw-surface); }
.sepet-card-head { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--pw-border); padding-bottom: var(--pw-2); }
.sepet-uye { font-weight: 600; color: var(--pw-text-strong); }
.sepet-tags { margin-top: 6px; display: flex; gap: var(--pw-1); flex-wrap: wrap; }
.sepet-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--pw-2); }
.sepet-item { font-size: 13px; line-height: 1.4; }
.sepet-item-row { display: flex; gap: var(--pw-2); }
.sepet-adet { color: var(--pw-muted); font-weight: 600; }
.sepet-item-sub { margin-top: var(--pw-1); padding-left: 20px; }
.sepet-icerik-baslik { margin-bottom: var(--pw-2); font-weight: 500; }
.sepet-card-foot { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--pw-border); padding-top: var(--pw-3); margin-top: auto; }
.sepet-empty { grid-column: 1 / -1; }
.sepet-tutar { font-size: 14px; }
/* tasarim mockup kapaklari */
.tasarim-pc-cover { color: #fff; font-size: 9px; text-align: center; padding: 6px; line-height: 1.2; display: flex; align-items: flex-end; font-weight: 600; }
.tasarim-hub-cover { color: #fff; font-size: 13px; text-align: center; padding: 10px; line-height: 1.3; display: flex; align-items: flex-end; justify-content: center; font-weight: 600; }
.tasarim-cover-a { background: #0e7490; }
.tasarim-cover-b { background: #7c2d12; }
.pw-ring.is-full { --val: 100; position: relative; }

@media (max-width: 760px) {
  .page-header { flex-direction: column; }
  .grid-2, .arama-row { grid-template-columns: 1fr; }
  article > header:not(.pw-panel-head) { align-items: flex-start; flex-direction: column; }
}

/* ---- Sayım v10 ---- */
.sayim-preview { white-space: pre-wrap; max-height: 360px; overflow: auto; }
.sayim-command-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pw-3); margin-bottom: var(--pw-5); }
.sayim-command-tile { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 94px; padding: var(--pw-4); border-radius: var(--pw-r-md); border: 1px solid var(--pw-border); background: var(--pw-surface); color: var(--pw-text); text-align: left; box-shadow: var(--pw-shadow-xs); }
.sayim-command-tile i { font-size: 22px; color: var(--pw-accent); }
.sayim-command-tile strong { margin-top: var(--pw-2); font-size: var(--pw-fs-md); }
.sayim-command-tile span { color: var(--pw-text-3); font-size: var(--pw-fs-sm); }
.sayim-work-panel, .legacy-panel { border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); }
.sayim-primary-action { padding: var(--pw-6); display: grid; place-items: center; }
.pw-content.sayim-content-mobile { overflow-x: hidden; }
.sayim-kayit-header { align-items: center; }
.sayim-kayit-subtitle { margin: var(--pw-1) 0 0; color: var(--pw-text-3); }
.sayim-kayit-layout { display: grid; grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); grid-template-areas: "lookup entry" "selected entry"; gap: var(--pw-4); align-items: start; }
.sayim-lookup-panel { grid-area: lookup; }
.sayim-entry-panel { grid-area: entry; }
.sayim-selected-card { grid-area: selected; }
.sayim-kayit-panel, .sayim-selected-card { border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); padding: var(--pw-4); }
.sayim-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--pw-3); margin-bottom: var(--pw-4); }
.sayim-panel-head h4 { margin: 0; display: flex; align-items: center; gap: var(--pw-2); }
.sayim-inline-status { display: block; min-height: 18px; color: var(--pw-text-3); font-size: var(--pw-fs-xs); font-weight: var(--pw-fw-normal); }
.sayim-hidden-file, input[type="file"].sayim-hidden-file, .sayim-camera-input { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; }
.sayim-camera-panel { margin-bottom: var(--pw-4); padding: var(--pw-3); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface-2); }
.sayim-camera-panel[hidden] { display: none !important; }
.sayim-camera-panel video { width: 100%; max-height: 280px; border-radius: var(--pw-r-sm); background: #020617; object-fit: cover; }
.sayim-camera-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-2); margin-top: var(--pw-2); }
.sayim-search-box { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--pw-2); align-items: end; }
.sayim-search-main input, .sayim-name-search input, .sayim-entry-grid input, .sayim-entry-grid select, #sayim-form textarea { width: 100%; min-height: 38px; border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); background: var(--pw-surface); color: var(--pw-text); padding: 8px 10px; font: inherit; }
.sayim-name-search { margin: var(--pw-4) 0; }
.sayim-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-3); }
.sayim-stock-field input { font-size: 22px; font-weight: var(--pw-fw-bold); font-variant-numeric: tabular-nums; }
.sayim-check { flex-direction: row; align-items: center; min-height: 38px; padding: 0 var(--pw-3); border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); }
.sayim-check input { width: 18px; height: 18px; }
.sayim-details { margin: var(--pw-4) 0; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); background: var(--pw-surface-2); }
.sayim-details summary { cursor: pointer; padding: var(--pw-3) var(--pw-4); font-weight: var(--pw-fw-semibold); }
.sayim-details .sayim-entry-grid { padding: 0 var(--pw-4) var(--pw-4); }
.sayim-photo-section { margin: var(--pw-4) 0; }
.sayim-section-title { display: block; margin-bottom: var(--pw-2); color: var(--pw-text-3); font-size: var(--pw-fs-sm); font-weight: var(--pw-fw-semibold); }
.sayim-foto-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pw-3); }
.sayim-file-tile { min-height: 132px; align-items: center; justify-content: center; text-align: center; padding: var(--pw-3); border: 1px dashed var(--pw-border-strong); border-radius: var(--pw-r-md); background: var(--pw-surface-2); cursor: pointer; }
.sayim-file-tile:hover, .sayim-file-tile.is-filled { border-color: var(--pw-accent); background: var(--pw-accent-soft); }
.sayim-file-tile i { font-size: 26px; color: var(--pw-accent); }
.sayim-file-tile strong { color: var(--pw-text); }
.sayim-file-tile span { color: var(--pw-text-3); font-size: var(--pw-fs-xs); }
.sayim-file-preview { width: 76px; height: 98px; object-fit: cover; border-radius: var(--pw-r-sm); border: 1px solid var(--pw-border); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); }
.sayim-file-preview[hidden] { display: none !important; }
.sayim-file-tile.has-preview i { display: none; }
.sayim-submit-row { display: flex; align-items: center; gap: var(--pw-3); margin-top: var(--pw-4); }
.sayim-submit-status { color: var(--pw-text-3); font-size: var(--pw-fs-sm); }
.sayim-sonuclar { display: flex; flex-direction: column; gap: var(--pw-2); }
.sayim-sonuc-btn { width: 100%; min-height: 58px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding: var(--pw-3); border-radius: var(--pw-r-sm); text-align: left; }
.sayim-selected-card[hidden] { display: none !important; }
.sayim-selected-card strong { display: block; margin: var(--pw-1) 0; }
.sayim-selected-meta { display: flex; gap: var(--pw-2); flex-wrap: wrap; color: var(--pw-text-3); font-size: var(--pw-fs-sm); }
.sayim-site-link { margin-top: var(--pw-3); }
.sayim-entry-panel #sayim-urun-etiket, .sayim-selected-card strong, .sayim-selected-meta span { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.sayim-submit-row #sayim-kaydet-btn { min-width: 136px; }
.sayim-scan-modal[hidden] { display: none !important; }
.sayim-scan-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: var(--pw-4); background: rgba(15, 23, 42, .62); backdrop-filter: blur(2px); }
.sayim-scan-dialog { width: min(960px, 100%); max-height: calc(100dvh - 32px); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-lg); overflow: hidden; }
.sayim-scan-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--pw-3); padding: var(--pw-4); border-bottom: 1px solid var(--pw-border-soft); }
.sayim-scan-head h3 { margin: 0; display: flex; align-items: center; gap: var(--pw-2); font-size: var(--pw-fs-lg); }
.sayim-scan-status { display: block; margin-top: var(--pw-1); color: var(--pw-text-3); font-size: var(--pw-fs-sm); }
.sayim-scan-close { min-width: 40px; }
.sayim-scan-canvas-wrap { min-height: 260px; overflow: auto; display: grid; place-items: center; padding: var(--pw-3); background: #0f172a; touch-action: none; }
.sayim-scan-canvas-wrap canvas { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: var(--pw-r-sm); background: #111827; cursor: crosshair; touch-action: none; }
.sayim-scan-actions { display: flex; justify-content: flex-end; gap: var(--pw-2); padding: var(--pw-4); border-top: 1px solid var(--pw-border-soft); background: var(--pw-surface-2); }
body.sayim-scan-active .ai-widget { display: none !important; }

@media (max-width: 920px) {
  .sayim-command-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sayim-kayit-layout { grid-template-columns: 1fr; grid-template-areas: "lookup" "selected" "entry"; }
  .sayim-foto-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .pw-content.sayim-content-mobile { width: 100%; max-width: 100%; padding: var(--pw-2); overflow-x: hidden; }
  .sayim-kayit-header { align-items: stretch; gap: var(--pw-3); margin-bottom: var(--pw-3); }
  .sayim-kayit-header .page-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .sayim-kayit-header .page-actions > * { min-width: 0; width: 100%; }
  .sayim-panel-head { flex-direction: column; align-items: stretch; gap: var(--pw-2); }
  .sayim-command-strip, .sayim-entry-grid, .sayim-foto-grid, .sayim-search-box { grid-template-columns: 1fr; }
  .sayim-mobile-touch .sayim-kayit-panel, .sayim-mobile-touch .sayim-selected-card { padding: var(--pw-3); }
  .sayim-entry-panel #sayim-urun-etiket { display: flex; align-items: flex-start; line-height: 1.3; }
  .sayim-search-main input, .sayim-name-search input, .sayim-entry-grid input, .sayim-entry-grid select, #sayim-form textarea { min-height: 48px; font-size: 16px; }
  .sayim-camera-btn, .sayim-search-btn, #sayim-kaydet-btn, .sayim-sonuc-btn, .sayim-check { min-height: 52px; font-size: 16px; }
  .sayim-submit-row { flex-direction: column; align-items: stretch; }
  .sayim-submit-row #sayim-kaydet-btn, .sayim-camera-btn, .sayim-search-btn { width: 100%; }
  .sayim-file-tile { min-height: 144px; padding: var(--pw-4); }
  .sayim-file-preview { width: 88px; height: 112px; }
  .sayim-scan-modal { padding: 0; align-items: stretch; }
  .sayim-scan-dialog { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; border-left: 0; border-right: 0; }
  .sayim-scan-head { padding: 10px 12px; }
  .sayim-scan-head h3 { font-size: var(--pw-fs-md); }
  .sayim-scan-status { font-size: var(--pw-fs-xs); }
  .sayim-scan-canvas-wrap { min-height: 0; overflow: hidden; padding: var(--pw-2); }
  .sayim-scan-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-2); padding: var(--pw-2); }
  .sayim-scan-actions button { min-height: 52px; width: 100%; font-size: 16px; }
}

/* ============================================================
   MİGRE KÖPRÜSÜ (2026-06-12)
   v10 shell'e taşınmış sayfalarda kullanılıp henüz pw- bileşenine
   dönüşmemiş eski sınıflar. Tek kaynak --pw-* token'ları.
   Faz 3/4 ilerledikçe bu blok küçülür.
   ============================================================ */

/* --- Genel yardımcılar --- */
.flex-1 { flex: 1 1 auto; min-width: 0; }
.mt-0 { margin-top: 0; }
.mt-xs { margin-top: var(--pw-1); }
.mt-2 { margin-top: var(--pw-2); }
.mt-sm { margin-top: var(--pw-3); }
.mb-0 { margin-bottom: 0; }
.mb-3 { margin-bottom: var(--pw-3); }
.no-margin { margin: 0; }
.icon-y { color: var(--pw-warning); }
.icon-g { color: var(--pw-success); }
.icon-b { color: var(--pw-accent); }
.icon-r { color: var(--pw-danger); }
.panel-pad-result { padding: 0 var(--pw-4) var(--pw-4); }
.row { display: flex; flex-wrap: wrap; gap: var(--pw-2); }

/* --- Spinner --- */
.spinner { display: inline-block; width: 13px; height: 13px; border: 2px solid var(--pw-accent-ring); border-top-color: var(--pw-accent); border-radius: 50%; animation: pw-spin .7s linear infinite; vertical-align: -2px; margin-right: 4px; }

/* --- Form: checkbox satırı + arama input/select --- */
.checkbox-row { flex-direction: row; align-items: center; gap: var(--pw-2); font-weight: var(--pw-fw-normal); }
.checkbox-row input { width: 16px; height: 16px; }
.arama-input, .arama-tur { min-height: 42px; background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); color: var(--pw-text); padding: 0 var(--pw-3); font-family: var(--pw-font-sans); font-size: var(--pw-fs-base); }
.arama-tur { flex: 0 0 auto; }
.arama-input:focus, .arama-tur:focus { border-color: var(--pw-accent); outline: none; box-shadow: 0 0 0 3px var(--pw-accent-ring); }
.code-textarea { min-height: 300px; font-family: var(--pw-font-mono); font-size: var(--pw-fs-sm); line-height: var(--pw-lh-normal); }

/* --- imza action kartları (analiz / analiz_aylik) --- */
.imza-action-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--pw-3); }
.imza-action-card { display: flex; align-items: center; gap: var(--pw-3); padding: var(--pw-4); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); min-width: 0; }
.imza-action-card > div { min-width: 0; flex: 1 1 auto; }
.imza-action-card strong { display: block; color: var(--pw-text); font-size: var(--pw-fs-lg); line-height: var(--pw-lh-tight); }
.imza-action-card small { color: var(--pw-text-3); font-size: var(--pw-fs-xs); }
.imza-action-icon { width: 42px; height: 42px; flex: 0 0 auto; border-radius: var(--pw-r-md); display: grid; place-items: center; color: var(--pw-accent-strong); background: var(--pw-accent-soft); border: 1px solid var(--pw-accent-border); font-size: 20px; }

/* --- Grafik / chart kutuları --- */
.grafik-grid { display: grid; grid-template-columns: 2fr 1fr; gap: var(--pw-4); margin-bottom: var(--pw-5); align-items: start; }
.grafik-grid > * { min-width: 0; }
.chart-box-tight { height: 300px; padding: var(--pw-2) var(--pw-3); }

/* --- Öneri kartları (pazarlama) --- */
.tasarim-oneri-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(248px, 1fr)); gap: var(--pw-3); align-items: stretch; }
.oneri-top, .oneri-aksiyon { display: flex; align-items: center; gap: var(--pw-2); flex-wrap: wrap; }
.oneri-meta, .oneri-avantaj { color: var(--pw-text-3); font-size: var(--pw-fs-xs); line-height: 1.35; overflow-wrap: anywhere; }
.oneri-metrikler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pw-2); margin-top: var(--pw-2); }
.oneri-metrikler > div { display: grid; gap: 2px; padding: var(--pw-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); min-width: 0; }
.oneri-metrikler span { display: block; color: var(--pw-text-3); font-size: 11px; line-height: 1.15; }
.oneri-metrikler strong { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--pw-text); font-size: 13px; line-height: 1.2; }
.tasarim-cikti-img { display: block; max-width: 100%; border: 1px solid var(--pw-border); border-radius: var(--pw-r); }

/* --- GA4 fırsat blokları (analiz) --- */
.ga4-firsat-blok { margin-top: var(--pw-3); }
.ga4-firsat-blok h5 { margin: 0 0 var(--pw-2); color: var(--pw-text); font-size: var(--pw-fs-sm); }
.ga4-firsat-sayac { margin-bottom: var(--pw-3); }

/* --- buybox sayaç grid (analiz) --- */
.buybox-sayac-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: var(--pw-2); margin-top: var(--pw-3); }
.buybox-sayac-grid > div { min-height: 62px; padding: var(--pw-2) var(--pw-3); border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); }
.buybox-sayac-grid span { display: block; color: var(--pw-text-3); font-size: 11px; }

/* --- Personel tablosu (ayarlar) --- */
.kart-grid-compact { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.personel-ekle-form { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) minmax(120px, .5fr) auto; gap: var(--pw-2); align-items: end; margin-bottom: var(--pw-4); }
.personel-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pw-1); }
.personel-tablo td:first-child strong { display: block; color: var(--pw-text); }
.personel-tablo td:first-child small { display: block; margin-top: 2px; color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 11px; }
.rol-select { flex: 0 0 120px; }
.status-pill { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--pw-border); background: var(--pw-surface-2); color: var(--pw-text-2); font-size: var(--pw-fs-xs); white-space: nowrap; }

/* --- buybox portföy tablosu --- */
.buybox-portfoy-frame { max-height: clamp(520px, 68vh, 820px); overflow: auto; }
.buybox-portfoy-table { width: 100%; min-width: 1040px; border-collapse: collapse; }
.buybox-portfoy-table th, .buybox-portfoy-table td { vertical-align: top; }
.buybox-product-cell strong { display: block; color: var(--pw-text); line-height: 1.35; }
.buybox-rank { color: var(--pw-text-3); font-size: 11px; margin-bottom: 4px; }
.rakip-akilli-form { display: grid; grid-template-columns: minmax(150px,1.2fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(150px,.8fr); gap: var(--pw-3); align-items: end; }

/* --- Detay tabloları / listeler --- */
.tablo-detay { width: 100%; border-collapse: collapse; font-size: var(--pw-fs-sm); }
.tablo-detay th, .tablo-detay td { padding: var(--pw-2) var(--pw-3); border-bottom: 1px solid var(--pw-border-soft); text-align: left; }
.tablo-konteyner { width: 100%; overflow-x: auto; }
.compact-list { display: flex; flex-direction: column; gap: var(--pw-1); }
.toolbar-inline { display: flex; align-items: center; flex-wrap: wrap; gap: var(--pw-2); }
.tag-list { display: flex; flex-wrap: wrap; gap: var(--pw-1); margin-top: var(--pw-2); }
.kategori-blok > header h4 { display: flex; align-items: center; gap: var(--pw-2); }

/* --- Sayım ek köprüler --- */
.sayim-kayit-tablo { width: 100%; border-collapse: collapse; }
.sayim-kamera-panel { margin-bottom: var(--pw-4); padding: var(--pw-3); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface-2); }
.sayim-kamera-panel[hidden] { display: none !important; }
.sayim-kamera-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--pw-2); margin-top: var(--pw-2); }
.sayim-error-action { margin-top: var(--pw-2); }
.sayim-error-action a { display: inline-flex; align-items: center; gap: var(--pw-1); font-weight: var(--pw-fw-semibold); }
.sayim-kpi-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); max-width: 820px; align-items: stretch; }
.sayim-kpi-grid .kart { min-height: 126px; padding: var(--pw-5) 70px var(--pw-5) var(--pw-5); cursor: pointer; }
.sayim-kpi-grid .kart .deger { max-width: 100%; font-size: clamp(28px, 2.2vw, 34px); overflow-wrap: anywhere; }
.sayim-kpi-grid .kart .alt-bilgi { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sayim-kpi-grid .kart-ico {
  right: var(--pw-5);
  bottom: var(--pw-5);
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: var(--pw-r-md);
  background: var(--pw-surface-2);
  color: var(--pw-text-3);
  opacity: .7;
  font-size: 24px;
  pointer-events: none;
}

@media (max-width: 760px) {
  .grafik-grid, .oneri-metrikler, .personel-ekle-form, .rakip-akilli-form { grid-template-columns: 1fr; }
  .sayim-kpi-grid { max-width: none; grid-template-columns: 1fr; }
  .sayim-kpi-grid .kart { min-height: 108px; }
}


/* ============================================================
   FAZ 4 — iskonto + paylaşılan operasyon bileşenleri (2026-06-12)
   Eski power.css/-stable/-operations kurallarından --pw-* token'larına
   çevrildi, body.opero scope'u kaldırıldı, @media ayrıldı (altta).
   operasyon-* kuralları operasyon/maliyet sayfalarında da kullanılır.
   ============================================================ */
article > .filtre-form { padding: 1rem 1.1rem ; }
.filtre-form { padding: 1rem 1.1rem; }
.filtre-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .75rem; align-items: end; }
.filtre-grid label { margin-bottom: 0; }
.deger-buyuk { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--pw-text); }
.operasyon-kpi-grid { grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); }
.operasyon-panel-head { background:rgba(255,255,255,.52); border-bottom-color:var(--pw-border-soft); }
.iskonto-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.iskonto-grid > *, .filtre-grid > *, .operasyon-kpi-grid > * { min-width:0; }
.iskonto-grid .list-frame { max-height:clamp(420px,62vh,760px); }
.iskonto-tablo { min-width:820px; table-layout:auto; }
.iskonto-tablo td, .iskonto-tablo th { vertical-align:top; }
.iskonto-tablo td:nth-child(2) { min-width:250px; max-width:420px; }
.iskonto-tablo td:nth-child(2) strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.iskonto-tablo td:nth-child(2) small, .operasyon-tablo small { overflow-wrap:anywhere; }
.filtre-form { border-radius:var(--pw-r-md); }
.operasyon-panel { border:1px solid var(--pw-border) ; border-radius:var(--pw-r-md) ; background:var(--pw-surface) ; box-shadow:var(--pw-shadow) ; overflow:hidden; }
.operasyon-panel-head { min-height:48px; padding:14px 18px; border-bottom:1px solid var(--pw-border-soft) ; background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(248,250,252,.55)) ; }
.operasyon-kpi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; align-items:stretch; }
.maliyet-review-panel .operasyon-tablo { width:100%; max-width:100%; min-width:0 ; table-layout:fixed; }
.maliyet-review-panel .operasyon-tablo th, .maliyet-review-panel .operasyon-tablo td { white-space:normal; overflow-wrap:anywhere; }
.iskonto-grid { grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr) ; gap:16px ; align-items:start; }
.iskonto-grid > * { min-width:0; }
.iskonto-grid > article:nth-child(2) table { min-width:0 ; width:100%; table-layout:auto; }
.iskonto-grid > article:nth-child(2) th, .iskonto-grid > article:nth-child(2) td { padding:10px 12px; }
.iskonto-grid > article:nth-child(2) td:first-child { min-width:0; overflow-wrap:anywhere; }
.iskonto-grid > article:nth-child(2) td:nth-child(2), .iskonto-grid > article:nth-child(2) td:nth-child(3), .iskonto-grid > article:nth-child(2) td:nth-child(4) { width:72px; text-align:right; white-space:nowrap; }
.operasyon-baslik p { color: var(--pw-text-3); font-size: 13px; margin: .35rem 0 0; }
.operasyon-kpi-grid { display: grid; gap: .8rem; grid-template-columns: repeat(6, minmax(130px, 1fr)); margin-bottom: 1rem; }
.operasyon-panel { overflow: hidden; }
.operasyon-panel.is-hidden { display: none; }
.operasyon-panel-head p { color: var(--pw-text-3); font-size: 12px; margin: .3rem 0 0; }
.operasyon-panel .panel-note { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.operasyon-tablo small { color: var(--pw-text-3); display: block; font-size: 11px; margin-top: .22rem; }
.operasyon-tablo td:first-child { min-width: 275px; }
.operasyon-tablo td:last-child { text-align: right; white-space: nowrap; }
.operasyon-tablo td.operasyon-aksiyon-cell { min-width: 340px; text-align: right; white-space: normal; }
.site-missing-export-form { display: grid; gap: .7rem; padding: .85rem 1rem 1rem; }
.site-missing-export-toolbar { align-items: center; background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); display: flex; gap: .8rem; justify-content: space-between; padding: .75rem .85rem; }
.site-missing-export-toolbar strong { display: block; font-size: 13px; line-height: 1.25; }
.site-missing-export-toolbar small { color: var(--pw-text-3); display: block; font-size: 11px; margin-top: .18rem; overflow-wrap: anywhere; }
.site-missing-export-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.site-missing-export-option { align-items: center; color: var(--pw-text-2); display: inline-flex; font-size: 12px; font-weight: 700; gap: .4rem; justify-content: flex-end; min-height: 34px; }
.site-missing-export-option input { accent-color: var(--pw-accent); height: 16px; margin: 0; width: 16px; }
.site-missing-export-result:empty { display: none; }
.iskonto-kpi-grid { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
.iskonto-closure-panel { margin-top: 1rem; }
.iskonto-closure-grid { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(220px, 1fr)); padding: 1rem; }
.iskonto-closure-icon { align-items: center; border: 1px solid var(--pw-border-soft); border-radius: 999px; display: inline-flex; height: 36px; justify-content: center; width: 36px; }
.iskonto-closure-body { display: grid; gap: .25rem; min-width: 0; }
.iskonto-closure-body strong { font-size: 14px; line-height: 1.25; }
.iskonto-closure-body small { color: var(--pw-text-3); line-height: 1.35; overflow-wrap: anywhere; }
.iskonto-closure-metric { display: grid; justify-items: end; min-width: 76px; }
.iskonto-closure-metric b { font: 800 20px/1 var(--pw-font-mono); }
.iskonto-closure-metric em { color: var(--pw-text-3); font-size: 10px; font-style: normal; letter-spacing: .08em; margin-top: .25rem; text-transform: uppercase; }
.iskonto-closure-card.tone-g .iskonto-closure-icon, .iskonto-closure-card.tone-g .iskonto-closure-metric b { color: var(--pw-success); }
.iskonto-closure-card.tone-y .iskonto-closure-icon, .iskonto-closure-card.tone-y .iskonto-closure-metric b { color: var(--pw-warning); }
.iskonto-closure-card.tone-b .iskonto-closure-icon, .iskonto-closure-card.tone-b .iskonto-closure-metric b { color: var(--pw-accent); }
.iskonto-closure-card.tone-n .iskonto-closure-icon, .iskonto-closure-card.tone-n .iskonto-closure-metric b { color: var(--pw-text-3); }
.iskonto-grid { align-items: start; margin-top: 1rem; }
.iskonto-plan-panel { margin-bottom: 1rem; }
.iskonto-plan-grid { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(180px, 1fr)); padding: 1rem; }
.iskonto-plan-card { background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); color: var(--pw-text); display: grid; gap: .45rem; min-height: 132px; padding: .85rem; text-decoration: none; transition: border-color .15s, background .15s, transform .15s; }
.iskonto-plan-card:hover { background: rgba(34, 211, 238, .07); border-color: var(--pw-accent-border); transform: translateY(-1px); }
.iskonto-plan-card .pill { justify-self: start; }
.iskonto-plan-card strong { font-size: 14px; line-height: 1.25; }
.iskonto-plan-card small { color: var(--pw-text-3); line-height: 1.4; }
.iskonto-pilot-strip { align-items: center; border-top: 1px solid var(--pw-border-soft); display: flex; flex-wrap: wrap; gap: .45rem; padding: .75rem 1rem 0; }
.iskonto-pilot-btn { cursor: pointer; font: inherit; }
.iskonto-pilot-btn:disabled { cursor: progress; opacity: .65; }
.iskonto-pilot-grid { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); padding: .85rem 1rem 0; }
.iskonto-pilot-card { background: linear-gradient(135deg, rgba(245, 158, 11, .07), transparent 54%), var(--pw-bg); border: 1px solid color-mix(in srgb, var(--pw-warning) 26%, var(--pw-border-soft)); border-radius: var(--pw-r-md); display: grid; gap: .75rem; min-width: 0; padding: .85rem; }
.iskonto-pilot-title { display: grid; gap: .35rem; min-width: 0; }
.iskonto-pilot-title .pill { justify-self: start; }
.iskonto-pilot-title strong { color: var(--pw-text); font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.iskonto-pilot-title small { color: var(--pw-text-3); line-height: 1.35; overflow-wrap: anywhere; }
.iskonto-pilot-metrics { display: grid; gap: .45rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iskonto-pilot-metrics span { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); display: grid; gap: .18rem; min-width: 0; padding: .55rem; }
.iskonto-pilot-metrics b { color: var(--pw-text); font: 800 17px/1 var(--pw-font-mono); }
.iskonto-pilot-metrics em { color: var(--pw-text-3); font-size: 10px; font-style: normal; letter-spacing: .08em; overflow-wrap: anywhere; text-transform: uppercase; }
.iskonto-pilot-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.iskonto-pilot-actions .btn { min-width: 0; }
.iskonto-alias-panel { background: color-mix(in srgb, var(--pw-info-soft) 34%, var(--pw-bg)); border: 1px solid color-mix(in srgb, var(--pw-accent) 24%, var(--pw-border-soft)); border-radius: var(--pw-r-md); display: grid; gap: .75rem; margin: .85rem 1rem 0; min-width: 0; padding: .85rem; }
.iskonto-alias-head { align-items: center; display: grid; gap: .75rem; grid-template-columns: minmax(0, 1fr) auto; }
.iskonto-alias-head > div:first-child { display: grid; gap: .25rem; min-width: 0; }
.iskonto-alias-head strong { color: var(--pw-text); font-size: 14px; line-height: 1.25; }
.iskonto-alias-head small { color: var(--pw-text-3); line-height: 1.4; }
.iskonto-alias-actions { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.iskonto-alias-grid { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.iskonto-alias-grid article { background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); display: grid; gap: .25rem; min-width: 0; padding: .65rem; }
.iskonto-alias-grid strong, .iskonto-alias-grid span, .iskonto-alias-grid small { overflow-wrap: anywhere; }
.iskonto-alias-grid strong { color: var(--pw-text); font-size: 13px; line-height: 1.25; }
.iskonto-alias-grid span { color: var(--pw-accent); font: 800 12px/1.35 var(--pw-font-mono); }
.iskonto-alias-grid small { color: var(--pw-text-3); line-height: 1.35; }
.iskonto-quick-rate { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); display: grid; gap: .55rem; min-width: 0; padding: .65rem; }
.iskonto-quick-rate label { color: var(--pw-text-3); display: grid; font-size: 11px; font-weight: 800; gap: .35rem; letter-spacing: .08em; min-width: 0; text-transform: uppercase; }
.iskonto-quick-rate-input, .iskonto-quick-rate-note { background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text); font: 800 14px/1 var(--pw-font-mono); min-height: 38px; min-width: 0; padding: 0 .7rem; width: 100%; }
.iskonto-quick-rate-note { font-family: var(--pw-font-sans); font-weight: 700; }
.iskonto-quick-rate-input:focus, .iskonto-quick-rate-note:focus { border-color: var(--pw-accent); outline: 2px solid var(--pw-accent-soft); outline-offset: 2px; }
.iskonto-quick-rate-actions { display: grid; gap: .45rem; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.iskonto-quick-rate-actions .btn { justify-content: center; min-width: 0; width: 100%; }
.iskonto-bulk-bar { align-items: center; border-bottom: 1px solid var(--pw-border-soft); display: flex; gap: .75rem; justify-content: space-between; padding: .75rem 1rem; }
.op-textarea { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text); font: 12px/1.55 var(--pw-font-mono); min-height: 112px; padding: 12px; resize: vertical; width: 100%; }
.op-textarea:focus { border-color: var(--pw-accent); outline: 2px solid color-mix(in srgb, var(--pw-accent) 32%, transparent); outline-offset: 2px; }
.iskonto-tablo th:first-child, .iskonto-tablo td:first-child { min-width: auto; width: 42px; text-align: center; }
.iskonto-tablo input[type="checkbox"] { accent-color: var(--pw-accent); cursor: pointer; height: 16px; width: 16px; }
.iskonto-tablo td:nth-child(2) { min-width: 310px; }
.iskonto-tablo td:nth-child(5), .iskonto-tablo td:nth-child(6) { white-space: nowrap; }

@media (max-width: 920px) {
  .iskonto-grid { grid-template-columns: 1fr; }
  .iskonto-closure-grid, .iskonto-plan-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .operasyon-kpi-grid { grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); }
}
@media (max-width: 600px) {
  .iskonto-closure-grid, .iskonto-plan-grid, .iskonto-pilot-grid, .iskonto-alias-grid,
  .iskonto-kpi-grid, .filtre-grid, .iskonto-pilot-metrics, .iskonto-quick-rate-actions,
  .iskonto-alias-head { grid-template-columns: 1fr; }
  .iskonto-bulk-bar { flex-direction: column; align-items: stretch; gap: .5rem; }
}
.iskonto-secim { accent-color: var(--pw-accent); cursor: pointer; width: 16px; height: 16px; }
.iskonto-target-panel { border-color: var(--pw-accent-border); }
.iskonto-target-card { border-color: var(--pw-accent-border); }


/* ============================================================
   FAZ 4 — operasyon + maliyet_inceleme + tedarikçi panelleri (2026-06-12)
   power.css/-stable/-operations -> --pw-* token çevirisi, de-scope, @media ayrı.
   ============================================================ */
.gorev-oneri { margin-top: 14px; }
.gorev-oneri { padding: 12px 14px; border: 1px solid rgba(59, 130, 246, 0.22); border-radius: var(--pw-r-sm); background: var(--pw-info-soft); }
.gorev-oneri p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.operasyon-sekmeler button { border-radius:var(--pw-r-full); }
.operasyon-sekmeler button.aktif { background:var(--pw-accent-soft); color:var(--pw-accent-strong); border-color:transparent; }
.maliyet-review-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); gap:16px; align-items:start; }
.maliyet-review-grid > * { min-width:0; }
.maliyet-review-side { background:var(--pw-surface) ; border-color:var(--pw-border) ; box-shadow:var(--pw-shadow) ; }
.maliyet-source-list { display:grid; gap:10px; }
.maliyet-action-list { display:grid; gap:10px; margin-top:14px; max-width:100%; min-width:0; overflow:hidden; }
.maliyet-action-card { min-width:0; max-width:100%; display:grid; gap:7px; padding:12px; border:1px solid var(--pw-border); border-radius:10px; background:rgba(255,255,255,.78); }
.maliyet-action-top { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; min-width:0; }
.maliyet-action-top code, .maliyet-action-card strong, .maliyet-action-card small, .maliyet-action-card p, .maliyet-copy-box { max-width:100%; min-width:0; overflow-wrap:anywhere; }
.maliyet-action-card strong { color:var(--pw-text); }
.maliyet-action-card small { color:var(--pw-text-2); font-family:var(--pw-font-mono); font-size:12px; }
.maliyet-action-card p { margin:0; color:#334155; line-height:1.45; }
.maliyet-decision-grid { display:grid; grid-template-columns:minmax(0,.42fr) minmax(0,.58fr); gap:8px; min-width:0; }
.maliyet-decision-grid > div { min-width:0; padding:9px 10px; border:1px solid rgba(148,163,184,.28); border-radius:10px; background:rgba(248,250,252,.86); }
.maliyet-decision-grid span, .maliyet-proof-row span { color:var(--pw-text-2); font:700 10px/1.4 var(--pw-font-mono); letter-spacing:.08em; text-transform:uppercase; }
.maliyet-decision-grid strong, .maliyet-decision-grid small { display:block; margin-top:4px; overflow-wrap:anywhere; }
.maliyet-proof-row, .maliyet-token-row { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
.maliyet-proof-row span, .maliyet-token-row b { max-width:100%; padding:4px 7px; border:1px solid rgba(14,165,233,.22); border-radius:999px; background:rgba(236,254,255,.72); color:#0f7490; overflow-wrap:anywhere; }
.maliyet-token-row b { font:700 10px/1.35 var(--pw-font-mono); }
.maliyet-suggestion-list { display:grid; gap:8px; margin-top:10px; max-width:100%; min-width:0; overflow:hidden; }
.maliyet-suggestion-list > span { color:#64748b; font:800 10px var(--pw-font-mono); letter-spacing:.12em; text-transform:uppercase; }
.maliyet-suggestion { display:grid; grid-template-columns:minmax(92px,.24fr) minmax(0,1fr) minmax(0,.54fr); gap:10px; align-items:center; min-width:0; width:100%; padding:9px 10px; border:1px solid var(--pw-border-soft); border-radius:10px; background:rgba(255,255,255,.72); color:var(--pw-text); text-align:left; }
.maliyet-suggestion:hover { border-color:var(--pw-accent); background:rgba(224,247,252,.72); }
.maliyet-apply-suggestion { justify-self:start; width:auto; min-height:30px; padding:6px 10px; font-size:11px; }
.maliyet-cost-suggestion { grid-template-columns:minmax(92px,.2fr) minmax(0,1fr) minmax(0,.6fr); }
.maliyet-suggestion strong { font-family:var(--pw-font-mono); color:var(--pw-accent); min-width:0; overflow-wrap:anywhere; }
.maliyet-suggestion small { min-width:0; overflow-wrap:anywhere; }
.maliyet-suggestion em { color:#64748b; font-style:normal; font-family:var(--pw-font-mono); min-width:0; overflow-wrap:anywhere; white-space:normal; }
.inline-actions { display:flex; flex-wrap:wrap; gap:10px; }
.inline-actions .btn { min-width:0; }
.operasyon-sekmeler { border-bottom: 1px solid var(--pw-border-soft); display: flex; gap: .35rem; overflow-x: auto; padding: .65rem 1rem; }
.operasyon-sekmeler button { background: transparent; border: 1px solid transparent; border-radius: var(--pw-r-full); color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 11px; letter-spacing: .08em; margin: 0; padding: .42rem .72rem; text-transform: uppercase; white-space: nowrap; }
.operasyon-sekmeler button:hover, .operasyon-sekmeler button.aktif { background: var(--pw-accent-soft); border-color: var(--pw-accent-border); color: var(--pw-accent); }
.tedarikci-inline-form { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; min-width: 0; }
.tedarikci-inline-form input[type="url"] { background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text); flex: 1 1 210px; font: 600 12px var(--pw-font-sans); min-width: 160px; padding: .56rem .65rem; }
.tedarikci-inline-form input[type="url"]:focus { border-color: var(--pw-accent); box-shadow: 0 0 0 3px var(--pw-accent-soft); outline: none; }
.tedarikci-inline-result { flex: 1 0 100%; font-size: 11px; font-weight: 700; line-height: 1.35; min-height: 15px; text-align: left; }
.tedarikci-inline-result.bilgi { color: var(--pw-accent); }
.tedarikci-inline-result.ok { color: var(--pw-success); }
.tedarikci-inline-result.hata { color: var(--pw-danger); }
.tedarikci-bulk-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.tedarikci-pilot-strip { align-items: center; border-top: 1px solid var(--pw-border-soft); display: flex; flex-wrap: wrap; gap: .45rem; padding: .75rem 1rem 0; }
.tedarikci-pilot-btn { cursor: pointer; font: inherit; }
.tedarikci-pilot-btn:disabled { cursor: progress; opacity: .65; }
.tedarikci-quick-grid { border-top: 1px solid var(--pw-border-soft); display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); padding: .9rem 1rem 0; }
.tedarikci-quick-card { background: linear-gradient(135deg, rgba(0, 156, 214, .08), transparent 58%), var(--pw-bg); border: 1px solid color-mix(in srgb, var(--pw-accent) 34%, var(--pw-border-soft)); border-radius: var(--pw-r-md); display: grid; gap: .65rem; min-width: 0; padding: .78rem; }
.tedarikci-quick-title { display: grid; gap: .32rem; min-width: 0; }
.tedarikci-quick-title .pill { justify-self: start; }
.tedarikci-quick-title strong { color: var(--pw-text); font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; }
.tedarikci-quick-title small { color: var(--pw-text-3); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.tedarikci-quick-meta { display: grid; gap: .45rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tedarikci-quick-meta span { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text-3); font: 800 10px/1.25 var(--pw-font-mono); letter-spacing: .08em; min-width: 0; overflow-wrap: anywhere; padding: .5rem; text-transform: uppercase; }
.tedarikci-quick-card .tedarikci-inline-form { justify-content: stretch; }
.tedarikci-quick-card .tedarikci-inline-form input[type="url"] { flex-basis: 100%; }
.tedarikci-kaynak-preview { color: var(--pw-text-2); flex: 1 1 100%; font: 700 11px/1.35 var(--pw-font-sans); min-height: 16px; overflow-wrap: anywhere; }
.tedarikci-closure-rail { border-top: 1px solid var(--pw-border-soft); display: grid; gap: .65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: .85rem 1rem 0; }
.closure-step { align-items: center; background: linear-gradient(135deg, rgba(0, 156, 214, .06), transparent 54%), var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); display: flex; gap: .7rem; min-width: 0; padding: .72rem; }
.closure-step.aktif { border-color: color-mix(in srgb, var(--pw-accent) 44%, var(--pw-border-soft)); }
.closure-step > span { align-items: center; background: var(--pw-accent-soft); border: 1px solid color-mix(in srgb, var(--pw-accent) 45%, var(--pw-border-soft)); border-radius: 999px; color: var(--pw-accent); display: inline-flex; flex: 0 0 26px; font: 800 12px/1 var(--pw-font-mono); height: 26px; justify-content: center; }
.closure-step div { min-width: 0; }
.closure-step strong { color: var(--pw-text); display: block; font-size: 12px; }
.closure-step small { color: var(--pw-text-3); display: block; font-size: 11px; line-height: 1.35; margin-top: .15rem; overflow-wrap: anywhere; }
.tedarikci-live-summary { border-top: 1px solid var(--pw-border-soft); display: grid; gap: .65rem; grid-template-columns: repeat(4, minmax(120px, 1fr)) minmax(220px, 1.35fr); padding: .9rem 1rem 0; }
.tedarikci-live-card, .tedarikci-next-action { background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); min-width: 0; padding: .75rem; }
.tedarikci-live-card { display: grid; gap: .22rem; }
.tedarikci-live-card span { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.tedarikci-live-card strong { color: var(--pw-text); font: 800 22px/1.1 var(--pw-font-sans); }
.tedarikci-live-card small, .tedarikci-next-action small { color: var(--pw-text-3); font-size: 11px; line-height: 1.35; }
.tedarikci-live-card.warn strong { color: var(--pw-warning); }
.tedarikci-live-card.info strong { color: var(--pw-accent); }
.tedarikci-next-action { align-items: center; display: flex; gap: .7rem; }
.tedarikci-next-action i { color: var(--pw-accent); font-size: 20px; }
.tedarikci-next-action strong { color: var(--pw-text); display: block; font-size: 13px; margin-bottom: .15rem; }
.tedarikci-debt-map { border-top: 1px solid var(--pw-border-soft); display: grid; gap: .75rem; padding: 1rem; }
.tedarikci-debt-summary { display: grid; gap: .65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tedarikci-debt-list { display: grid; gap: .55rem; }
.tedarikci-debt-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.tedarikci-import-status { align-items: center; background: color-mix(in srgb, var(--pw-surface-2) 88%, transparent); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); display: flex; gap: .55rem; justify-content: space-between; min-width: 0; padding: .65rem .75rem; }
.tedarikci-import-status strong { color: var(--pw-text); font-size: 12px; white-space: nowrap; }
.tedarikci-import-status span { color: var(--pw-text-3); font-size: 11px; line-height: 1.35; min-width: 0; overflow-wrap: anywhere; text-align: right; }
.tedarikci-import-status.hazir { background: color-mix(in srgb, var(--pw-success-soft) 74%, var(--pw-surface)); border-color: color-mix(in srgb, var(--pw-success) 36%, var(--pw-border-soft)); }
.tedarikci-import-status.hazir strong { color: var(--pw-success); }
.tedarikci-import-status.eksik { background: color-mix(in srgb, var(--pw-warning-soft) 72%, var(--pw-surface)); border-color: color-mix(in srgb, var(--pw-warning) 36%, var(--pw-border-soft)); }
.tedarikci-import-status.eksik strong { color: var(--pw-warning); }
.tedarikci-xml-history { border-top: 1px solid var(--pw-border-soft); display: grid; gap: .7rem; padding: 1rem; }
.tedarikci-xml-history-list { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.tedarikci-xml-history-item { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); display: grid; gap: .45rem; min-width: 0; padding: .75rem; }
.tedarikci-xml-history-item > div { min-width: 0; }
.tedarikci-xml-history-item strong { color: var(--pw-text); display: block; }
.tedarikci-xml-history-item small { color: var(--pw-text-3); display: block; font-size: 11px; overflow-wrap: anywhere; }
.tedarikci-xml-history-item p { color: var(--pw-text-2); font-size: 12px; line-height: 1.45; margin: 0; overflow-wrap: anywhere; }
.tedarikci-parser-grid { border-top: 1px solid var(--pw-border-soft); display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 1rem; padding: 1rem; }
.tedarikci-parser-head { grid-column: 1 / -1; }
.tedarikci-parser-head strong { color: var(--pw-text); display: block; }
.tedarikci-parser-head small { color: var(--pw-text-3); display: block; font-size: 11px; margin-top: .2rem; }
.tedarikci-parser-state { margin-top: .35rem; width: fit-content; }
.tedarikci-parser-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }
.maliyet-focus-main, .maliyet-focus-evidence { display: grid; gap: .25rem; min-width: 0; }
.maliyet-focus-main strong { font-size: 18px; }
.maliyet-target-strip { display: grid; gap: .75rem; grid-template-columns: minmax(160px, .28fr) minmax(0, 1fr); margin: 0 0 1rem; }
.maliyet-target-head { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-lg); box-shadow: var(--pw-shadow-sm); min-width: 0; padding: .9rem; }
.maliyet-target-head { align-content: center; display: grid; gap: .25rem; }
.maliyet-target-head span { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.maliyet-target-head strong { color: var(--pw-text); font-size: 18px; }
.maliyet-summary-strip { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin: 0 0 1rem; }
.maliyet-decision-strip { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 1rem; }
.maliyet-decision-strip article { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); box-shadow: var(--pw-shadow-sm); display: grid; gap: .25rem; min-width: 0; padding: .75rem .85rem; }
.maliyet-decision-strip span { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.maliyet-decision-strip strong { color: var(--pw-text); font-size: 14px; overflow-wrap: anywhere; }
.maliyet-decision-strip p { color: var(--pw-text-3); font-size: 12px; line-height: 1.4; margin: 0; }
.maliyet-copy-box { background: var(--pw-bg); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); display: grid; gap: .5rem; padding: .65rem; }
.maliyet-copy-box > span { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 10px; overflow-wrap: anywhere; text-transform: uppercase; }
.maliyet-copy-snippet { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text); font: 600 11px var(--pw-font-mono); min-height: 54px; padding: .55rem; resize: vertical; width: 100%; }
.maliyet-quick-close { align-items: end; background: color-mix(in srgb, var(--pw-accent) 7%, var(--pw-bg)); border: 1px solid color-mix(in srgb, var(--pw-accent) 28%, var(--pw-border-soft)); border-radius: var(--pw-r-md); display: grid; gap: .6rem; grid-template-columns: minmax(0, 1fr) auto; margin-top: .6rem; min-width: 0; padding: .65rem; }
.maliyet-quick-close:empty { display: none; }
.maliyet-quick-close label { display: grid; gap: .35rem; margin: 0; min-width: 0; }
.maliyet-quick-close label span { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.maliyet-quick-close input { background: var(--pw-surface-2); border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text); font: 700 12px var(--pw-font-mono); height: 38px; min-width: 0; padding: 0 .65rem; width: 100%; }
.maliyet-quick-close label small { color: var(--pw-text-3); font-size: 11px; line-height: 1.35; }
.maliyet-quick-close .btn { grid-column: 1 / -1; justify-self: stretch; width: 100%; }
.maliyet-quick-result { grid-column: 1 / -1; min-width: 0; }
.maliyet-quick-result:empty { display: none; }
.operasyon-yukleniyor { color: var(--pw-text-3); font-family: var(--pw-font-mono); font-size: 12px; padding: 2rem; text-align: center; }
.operasyon-yukleniyor i { color: var(--pw-accent); display: inline-block; margin-right: .4rem; }
.operasyon-talep-grup { padding: 1rem 1rem 0; }
.operasyon-talep-grup:last-child { padding-bottom: 1rem; }
.operasyon-talep-grup h5 { align-items: center; color: var(--pw-text-3); display: flex; font-family: var(--pw-font-mono); font-size: 11px; gap: .55rem; margin: 0 0 .65rem; }
.operasyon-kural { margin-top: 1rem; }
.operasyon-kural > div { align-items: center; color: var(--pw-text-2); display: flex; flex-wrap: wrap; font-family: var(--pw-font-mono); font-size: 12px; gap: .7rem; padding: 1rem 1.1rem; text-transform: uppercase; }
.operasyon-kural i { color: var(--pw-accent); }

@media (max-width: 920px) {
  .maliyet-review-grid { grid-template-columns: 1fr; }
  .tedarikci-quick-grid, .tedarikci-parser-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .maliyet-decision-grid, .maliyet-suggestion, .maliyet-cost-suggestion,
  .tedarikci-quick-grid, .tedarikci-parser-grid, .iskonto-closure-grid { grid-template-columns: 1fr; }
  .operasyon-sekmeler { flex-wrap: nowrap; }
}
.tedarikci-source-input, .maliyet-quick-note, .maliyet-quick-value { width: 100%; min-height: 38px; padding: 0 .65rem; border: 1px solid var(--pw-border); border-radius: var(--pw-r-sm); background: var(--pw-surface); color: var(--pw-text); font: inherit; }
.tedarikci-source-input:focus, .maliyet-quick-note:focus, .maliyet-quick-value:focus { border-color: var(--pw-accent); outline: none; box-shadow: 0 0 0 3px var(--pw-accent-ring); }


/* ============================================================
   FAZ 4 — sistem, gorev_detay, ai, rakip, tedarikci, dashboard,
   dashboard_tema + veri_guncellik partial (2026-06-12)
   power.css/-stable/-operations -> --pw-* çeviri, de-scope, @media ayrı.
   ============================================================ */
.briefing-kart { position: relative; padding: 1.25rem 1.5rem; background: linear-gradient(135deg, rgba(34, 211, 238, 0.06), rgba(227, 6, 19, 0.04) 80%), rgba(10, 18, 36, 0.7); border: 1px solid var(--pw-accent-border); border-radius: var(--pw-r-lg); margin-bottom: 1.25rem; overflow: hidden; }
.briefing-kart::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 30%, rgba(34, 211, 238, 0.10) 50%, transparent 70%); transform: translateX(-120%) skewX(-12deg); animation: sweep 4s ease-in-out infinite; pointer-events: none; }
body.hud-calm .briefing-kart::after { display: none; }
.briefing-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .75rem; }
.briefing-selam { display: flex; align-items: center; gap: .5rem; font-family: var(--pw-font-sans); font-size: 1rem; letter-spacing: 0.05em; color: var(--pw-text); }
.briefing-selam i { color: var(--pw-accent); font-size: 20px; }
.briefing-selam strong { color: var(--pw-accent); font-weight: 600; }
.briefing-tarih { font-family: var(--pw-font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pw-text-3); }
.briefing-vurgular { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .65rem; }
.veri-guncellik-body { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(420px, 1.35fr); align-items: start; gap: 1.25rem; padding: 1rem 1.1rem 1.1rem ; }
.veri-guncellik-aciklama p { margin: 0 0 .65rem; }
.veri-guncellik-aksiyon { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.veri-guncellik-aksiyon .komut-btn:disabled { opacity: .55; cursor: default; }
.veri-guncellik-zamanlar { display: grid; grid-template-columns: repeat(5, minmax(108px, 1fr)); gap: .5rem; }
.veri-zaman { min-width: 0; padding: .62rem .68rem; border: 1px solid var(--pw-accent-soft); border-radius: var(--pw-r-md); background: rgba(15, 26, 51, .34); }
.veri-zaman span { display: block; margin-bottom: .32rem; color: var(--pw-text-3); font: 10px var(--pw-font-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.veri-zaman strong { color: var(--pw-text-2); font: 11px var(--pw-font-mono); font-weight: 500; white-space: nowrap; }
.rakip-yardimci-panel { margin: 1rem 0; border: 1px solid var(--pw-accent-soft); border-radius: var(--pw-r-md); background: rgba(7, 15, 30, .48); overflow: hidden; }
.rakip-yardimci-panel summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .8rem; padding: .85rem 1rem; cursor: pointer; list-style: none; }
.rakip-yardimci-panel summary::-webkit-details-marker { display: none; }
.rakip-yardimci-panel summary span { color: var(--pw-text); font-weight: 700; }
.rakip-yardimci-panel summary small { color: var(--pw-text-3); font-size: 11px; }
.rakip-yardimci-panel summary > i { color: var(--pw-accent); transition: transform .16s ease; }
.rakip-yardimci-panel[open] summary > i { transform: rotate(180deg); }
.rakip-filtre-panel { padding: .9rem 1rem; margin-bottom: 1rem; }
.rakip-filtre-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: .7rem; align-items: end; }
.rakip-filtre-form label { margin: 0; color: var(--pw-text-3); font-size: 11px; }
.rakip-filtre-form select, .rakip-filtre-form input { margin: .25rem 0 0; height: 36px; font-size: 12px; }
.rakip-filtre-form button, .rakip-filtre-form a { min-height: 36px; align-self: end; }
.rakip-filtre-ozet { display: flex; flex-wrap: wrap; gap: .45rem .7rem; margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--pw-border-soft); color: var(--pw-text-3); font-size: 12px; }
.rakip-filtre-ozet span { display: inline-flex; align-items: center; gap: .28rem; min-width: 0; }
.rakip-aksiyon-tablo { max-height: 31rem; overflow-y: auto; }
.rakip-sinyal-tablo .urun-hucre { min-width: 320px; }
.rakip-sinyal-tablo .urun-hucre strong { display: block; line-height: 1.35; max-width: 54rem; }
.rakip-sinyal-tablo td small { display: block; margin-top: .2rem; color: var(--pw-text-3); line-height: 1.35; }
.rakip-sinyal-tablo .adet-hucre strong { color: var(--pw-warning); font-size: 18px; letter-spacing: .02em; }
.mini-aksiyon { display: inline-flex; align-items: center; padding: .18rem .5rem; border: 1px solid var(--pw-accent-border); border-radius: var(--pw-r-full); color: var(--pw-accent); font: 10px var(--pw-font-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.mini-aksiyon:hover { background: rgba(34, 211, 238, .08); text-decoration: none; }
.rakip-aksiyonlar { min-width: 170px; white-space: nowrap; }
.rakip-aksiyonlar button, .rakip-aksiyonlar a { display: inline-flex; align-items: center; gap: .22rem; margin: .1rem .15rem .1rem 0; padding: .22rem .48rem; border: 1px solid var(--pw-accent-border); border-radius: var(--pw-r-full); background: rgba(34, 211, 238, .04); color: var(--pw-accent); font: 10px var(--pw-font-mono); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.rakip-aksiyonlar button:hover, .rakip-aksiyonlar a:hover { background: rgba(34, 211, 238, .1); text-decoration: none; }
.rakip-aksiyonlar button.aktif { color: var(--pw-success); border-color: var(--pw-success-border); background: var(--pw-success-soft); }
.rakip-aksiyonlar button:disabled { opacity: .65; cursor: wait; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
.slide-in { animation: slideUp .4s cubic-bezier(0.16, 1, 0.3, 1); }
.ai-sayfa-wrap { display: flex; flex-direction: column; height: calc(100vh - var(--pw-topbar-h) - 64px); margin-top: 0; overflow: hidden; }
.ai-sayfa-head { padding: 1rem 1.1rem; border-bottom: 1px solid rgba(34, 211, 238, 0.10); display: flex; align-items: center; justify-content: space-between; }
.ai-sayfa-head h3 { display: flex; align-items: center; gap: .5rem; font-family: var(--pw-font-sans); font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 4px; }
.ai-sayfa-head h3 i { color: var(--pw-accent); }
.ai-meta { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.ai-rozet { display: inline-flex; align-items: center; gap: .25rem; padding: 2px 9px; border-radius: var(--pw-r-full); font-family: var(--pw-font-mono); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border: 1px solid; }
.ai-rozet i { font-size: 8px; }
.ai-rozet.ai-aktif { background: var(--pw-success-soft); color: var(--pw-success); border-color: var(--pw-success-border); }
.ai-rozet.ai-rsn { background: var(--pw-accent-soft); color: var(--pw-accent); border-color: var(--pw-accent-border); }
.ai-rozet.ai-pasif { background: var(--pw-danger-soft); color: var(--pw-danger); border-color: var(--pw-danger-border); }
.ai-konusma { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: .75rem; scroll-behavior: smooth; background: rgba(3, 6, 13, 0.3); }
.ai-widget-panel .ai-konusma { padding: .9rem; gap: .65rem; }
.ai-bos { margin: auto; text-align: center; color: var(--pw-text-3); padding: 1.5rem 1.1rem; max-width: 420px; }
.ai-bos i { font-size: 36px; color: var(--pw-accent); opacity: 0.45; display: block; margin-bottom: .65rem; }
.ai-bos p { margin: 0 0 .9rem; font-size: 13px; }
.ai-bos.kucuk { padding: .75rem; }
.ai-bos.kucuk i { font-size: 22px; margin-bottom: 4px; }
.ai-orneklem { display: flex; flex-direction: column; gap: 6px; }
.ai-ornek-btn { padding: .5rem .75rem; font-family: var(--pw-font-sans); font-size: 12.5px; background: rgba(15, 26, 51, 0.5); border: 1px solid var(--pw-accent-soft); border-radius: var(--pw-r-md); color: var(--pw-text-2); cursor: pointer; text-align: left; transition: all 0.15s; }
.ai-ornek-btn:hover { border-color: var(--pw-accent-border); color: var(--pw-accent); background: var(--pw-accent-soft); }
.ai-mesaj { display: flex; flex-direction: column; max-width: 100%; }
.ai-mesaj.ai-kullanici { align-items: flex-end; }
.ai-mesaj.ai-asistan { align-items: flex-start; }
.ai-balon { max-width: 88%; padding: .6rem .85rem; border-radius: 14px; font-size: 13.5px; line-height: 1.55; word-wrap: break-word; }
.ai-kullanici .ai-balon { background: linear-gradient(135deg, var(--pw-accent-strong), var(--pw-accent)); color: var(--pw-text); border-bottom-right-radius: 4px; box-shadow: var(--pw-shadow-sm); font-weight: 500; }
.ai-asistan .ai-balon { background: rgba(15, 26, 51, 0.7); color: var(--pw-text); border: 1px solid var(--pw-accent-soft); border-bottom-left-radius: 4px; box-shadow: var(--pw-shadow-xs); }
.ai-balon p { margin: 0 0 .5rem; }
.ai-balon p:last-child { margin-bottom: 0; }
.ai-balon ul { margin: 6px 0; padding-left: 18px; }
.ai-balon li { margin: 2px 0; }
.ai-balon h4 { margin: .65rem 0 .25rem; font-size: 13.5px; color: var(--pw-text); }
.ai-balon h5 { margin: .5rem 0 .25rem; font-size: 12.5px; color: var(--pw-text-2); font-weight: 600; }
.ai-balon code { background: rgba(34, 211, 238, 0.12); padding: 1px 5px; border-radius: 4px; font-size: 12px; font-family: var(--pw-font-mono); color: var(--pw-accent); border: 1px solid var(--pw-accent-border); }
.ai-kullanici .ai-balon code { background: rgba(0, 0, 0, 0.25); color: var(--pw-text); border-color: rgba(0, 0, 0, 0.3); }
.ai-balon pre { background: rgba(3, 6, 13, 0.7); color: var(--pw-text); padding: .65rem .75rem; border-radius: 8px; font-size: 12px; font-family: var(--pw-font-mono); overflow-x: auto; margin: .5rem 0; border: 1px solid var(--pw-accent-soft); }
.ai-yaziyor { display: inline-flex; align-items: center; gap: 4px; padding: 4px 0; }
.ai-yaziyor span { width: 7px; height: 7px; border-radius: 50%; background: var(--pw-accent); opacity: 0.4; animation: ai-dot 1.2s ease-in-out infinite; }
.ai-yaziyor span:nth-child(2) { animation-delay: 0.15s; }
.ai-yaziyor span:nth-child(3) { animation-delay: 0.3s; }
.ai-yaziyor.altinda { margin-top: 8px; padding: 2px 0; }
.ai-hata { color: var(--pw-danger); background: var(--pw-danger-soft); padding: .65rem .75rem; border-radius: 8px; border: 1px solid var(--pw-danger-border); font-size: 12.5px; }
.ai-hata i { margin-right: 4px; }
.ai-giris { display: flex; gap: .5rem; padding: .75rem 1rem; border-top: 1px solid rgba(34, 211, 238, 0.10); background: rgba(15, 26, 51, 0.4); align-items: flex-end; }
.ai-giris textarea { flex: 1; resize: none; border: 1px solid var(--pw-accent-border); border-radius: var(--pw-r-md); padding: .55rem .75rem; font-family: var(--pw-font-sans); font-size: 13.5px; line-height: 1.45; color: var(--pw-text); background: rgba(3, 6, 13, 0.6); min-height: 40px; max-height: 180px; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }
.ai-giris textarea:focus { border-color: var(--pw-accent); box-shadow: var(--pw-shadow-sm); }
.ai-giris.kompakt { padding: .65rem .75rem; }
.ai-giris.kompakt textarea { padding: .45rem .65rem; font-size: 13px; min-height: 36px; }
.ai-gonder { flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--pw-r-md); background: linear-gradient(135deg, var(--pw-accent), var(--pw-accent-strong)); color: var(--pw-text); border: 1px solid var(--pw-accent); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.15s; box-shadow: 0 0 12px rgba(34, 211, 238, 0.3); }
.ai-gonder:hover { box-shadow: var(--pw-shadow-sm); transform: translateY(-1px); }
.ai-gonder:disabled { background: var(--pw-surface-2); color: var(--pw-text-3); border-color: rgba(100, 116, 139, 0.3); cursor: not-allowed; box-shadow: none; }
.komut-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; padding: 16px 18px; }
.komut-kart { background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; }
.komut-kart:hover { border-color: var(--pw-accent); box-shadow: var(--pw-shadow-sm); transform: translateY(-1px); }
.komut-kart.komut-tehlikeli { border-color: rgba(220, 38, 38, 0.3); background: linear-gradient(180deg, var(--pw-surface) 0%, rgba(254, 242, 242, 0.5) 100%); }
.komut-kart.komut-tehlikeli:hover { border-color: var(--pw-danger); }
.komut-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.komut-baslik strong { color: var(--pw-text); font-size: 13.5px; font-weight: 600; }
.komut-aciklama { font-size: 12px; line-height: 1.45; flex: 1; margin: 0; color: var(--pw-text-3); }
.komut-meta { display: flex; gap: 12px; font-size: 11px; color: var(--pw-text-3); }
.komut-meta i { font-size: 12px; margin-right: 2px; }
.komut-aksiyon { display: flex; justify-content: flex-end; margin-top: 4px; }
.komut-btn { display: inline-flex; align-items: center; gap: 5px; background: var(--pw-accent); color: #fff; border: 1px solid var(--pw-accent); font-size: 12.5px; font-weight: 500; padding: 6px 14px; border-radius: var(--pw-r-sm); cursor: pointer; transition: background 0.12s ease; }
.komut-btn:hover { background: var(--pw-accent-hover); }
.komut-btn i { font-size: 13px; }
.komut-tehlikeli .komut-btn { background: var(--pw-danger); border-color: var(--pw-danger); }
.komut-tehlikeli .komut-btn:hover { background: #b91c1c; }
.entegrasyon-sonuc { margin-top: 4px; padding: 8px 10px; font-size: 12px; }
.entegrasyon-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.log-modal { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.55); backdrop-filter: blur(3px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.log-modal-icerik { background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); width: 100%; max-width: 960px; max-height: 85vh; display: flex; flex-direction: column; box-shadow: var(--pw-shadow-md); }
.log-modal-baslik { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-bottom: 1px solid var(--pw-border); }
.log-modal-baslik h4 { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--pw-text); font-size: 14px; font-weight: 600; }
.log-modal-aksiyon { display: flex; align-items: center; gap: 10px; }
.log-icerik { flex: 1; margin: 0; padding: 16px 20px; background: #0f172a; color: #e2e8f0; font-family: 'JetBrains Mono', 'Consolas', monospace; font-size: 12px; line-height: 1.5; overflow: auto; white-space: pre-wrap; word-break: break-word; border-radius: 0 0 var(--pw-r-md) var(--pw-r-md); min-height: 240px; }
.inline-form { display: inline; }
.gorev-detay-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 16px; margin-bottom: 16px; }
.gorev-op-kart { margin: 0; background: var(--pw-surface); border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); overflow: hidden; }
.gorev-op-kart > header { padding: 12px 16px; border-bottom: 1px solid var(--pw-border-soft); background: var(--pw-surface-2); }
.gorev-op-kart h4 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.gorev-op-icerik, .gorev-form { padding: 16px; }
.gorev-asama-serit { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.gorev-kv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.gorev-kv-grid > div { min-height: 56px; padding: 10px 12px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); }
.gorev-kv-grid span { display: block; margin-bottom: 4px; color: var(--pw-text-3); font-size: 11px; }
.gorev-kv-grid strong { color: var(--pw-text); font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.gorev-blok, .gorev-aciklama-blok, .gorev-json, .gorev-deneme-liste { margin-top: 14px; }
.gorev-aciklama-blok p, .gorev-deneme p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.gorev-aksiyonlar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.gorev-json pre { margin: 8px 0 0; padding: 10px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.gorev-deneme-form { display: grid; gap: 10px; margin-bottom: 14px; }
.buybox-operasyon-kart { margin-bottom: 16px; }
.buybox-adim-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; align-items: stretch; }
.buybox-adim-head { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: start; }
.buybox-adim-head strong, .buybox-adim-head small { display: block; }
.buybox-adim-head small { margin-top: 2px; color: var(--pw-text-3); font-size: 11px; line-height: 1.35; }
.buybox-adim-no { display: inline-grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(34, 211, 238, 0.28); border-radius: 999px; color: var(--pw-accent); background: rgba(34, 211, 238, 0.08); font-weight: 700; }
.buybox-adim-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.buybox-adim-meta span { padding: 4px 7px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); color: var(--pw-text-2); background: var(--pw-surface); font-size: 11px; }
.buybox-log-link { width: fit-content; }
.buybox-shard-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.buybox-shard-summary div { display: grid; gap: 2px; padding: 8px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface); }
.buybox-shard-summary span { color: var(--pw-text-3); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.buybox-shard-summary strong { color: var(--pw-text); font-family: var(--pw-font-mono); font-size: 14px; }
.buybox-worker-package { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 10px 12px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface); }
.buybox-worker-package strong, .buybox-worker-package small { display: block; }
.buybox-worker-package strong { color: var(--pw-text); margin-top: 2px; }
.buybox-shard-details summary { display: flex; justify-content: space-between; gap: 10px; cursor: pointer; color: var(--pw-text-2); font-size: 12px; }
.buybox-shard-list { display: grid; gap: 6px; margin-top: 8px; }
.buybox-kapanis-kriteri { margin-top: 12px; }
.buybox-mini-form { display: grid; gap: 6px; margin: 0; padding: 12px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); }
.buybox-adim-form { padding: 0; border: 0; background: transparent; }
.buybox-form-row { display: grid; grid-template-columns: minmax(78px, 1fr) auto; gap: 8px; align-items: center; }
.buybox-form-row input { margin: 0; min-height: 38px; }
.buybox-check-row { display: inline-flex; gap: 8px; align-items: center; margin: 2px 0 0; color: var(--pw-text-2); font-size: 12px; }
.buybox-check-row input { width: 15px; height: 15px; min-height: 0; margin: 0; }
.buybox-export-link { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 10px; align-items: center; min-height: 82px; padding: 12px; border: 1px solid rgba(22, 163, 74, 0.28); border-radius: var(--pw-r-sm); color: var(--pw-accent); background: var(--pw-accent-soft); text-decoration: none; }
.buybox-export-link i { grid-row: 1 / 3; font-size: 22px; }
.buybox-export-link span { color: var(--pw-text-3); font-size: 11px; }
.buybox-export-link strong { overflow-wrap: anywhere; color: var(--pw-text); font-size: 12px; }
.buybox-ornek-tablo small { display: block; color: var(--pw-text-3); font-size: 11px; }
.buybox-action-deck { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; margin-top: 14px; }
.buybox-action-card-side { display: grid; align-content: space-between; justify-items: end; gap: 10px; }
.buybox-action-card-side b { color: var(--pw-text); font-size: 26px; line-height: 1; }
.buybox-action-card-side form { margin: 0; }
.buybox-action-card-side .btn { min-height: 34px; padding-inline: 12px; }
.buybox-task-action { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; padding: 12px; border: 1px solid rgba(14, 165, 233, 0.26); border-radius: var(--pw-r-sm); background: rgba(14, 165, 233, 0.08); }
.buybox-task-action strong, .buybox-task-action small { display: block; }
.buybox-task-action small { margin-top: 2px; color: var(--pw-text-3); font-size: 11px; line-height: 1.35; }
.buybox-task-action form { margin: 0; flex: 0 0 auto; }
.buybox-task-action a.btn { flex: 0 0 auto; }
.buybox-eslesme-kart > header { align-items: center; }
.buybox-eslesme-oneri { margin-top: 12px; }
.buybox-eslesme-filtre { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 0.8fr) minmax(160px, 0.8fr) auto auto; gap: 10px; align-items: end; margin-top: 12px; padding: 10px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); }
.buybox-eslesme-filtre label { display: block; margin-bottom: 4px; }
.buybox-eslesme-filtre input, .buybox-eslesme-filtre select { width: 100%; }
.buybox-eslesme-filtre .btn { white-space: nowrap; }
.buybox-eslesme-filtre #buybox-eslesme-sonuc { align-self: center; white-space: nowrap; }
.buybox-eslesme-tablo { margin-top: 14px; max-height: 620px; overflow: auto; }
.buybox-eslesme-tablo tr.tamam { opacity: 0.72; }
.buybox-eslesme-bos { margin: 12px; }
.buybox-eslesme-tablo td { vertical-align: top; }
.buybox-eslesme-tablo small, .buybox-eslesme-links a { display: block; }
.buybox-eslesme-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.buybox-eslesme-links a { font-size: 11px; }
.buybox-eslesme-form { margin: 0 0 8px; }
.buybox-eslesme-form:last-child { margin-bottom: 0; }
.buybox-eslesme-form > div { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 8px; align-items: center; }
.buybox-eslesme-form input { min-width: 0; }
.buybox-karar-tablo td { vertical-align: top; }
.buybox-karar-tablo small, .buybox-karar-tablo a.tiny { display: block; }
.buybox-karar-form { display: grid; gap: 8px; min-width: 260px; margin: 0; }
.buybox-karar-form textarea { min-height: 58px; resize: vertical; }
.buybox-return-btn { margin-top: 10px; }
.buybox-kapanis-ozet { margin-top: 14px; padding: 12px; border: 1px solid rgba(14, 165, 233, 0.24); border-radius: var(--pw-r-sm); background: rgba(14, 165, 233, 0.06); }
.buybox-kapanis-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.buybox-kapanis-ust strong, .buybox-kapanis-ust small { display: block; }
.buybox-kapanis-ust small { margin-top: 2px; color: var(--pw-text-3); font-size: 11px; line-height: 1.35; }
.buybox-progress-line { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; margin-top: 12px; }
.buybox-progress-dot { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; color: var(--pw-text-3); background: var(--pw-surface-2); }
.buybox-progress-step.tamam .buybox-progress-dot { color: var(--pw-success); background: var(--pw-success-soft); }
.buybox-progress-step.bekliyor .buybox-progress-dot { color: var(--pw-warning); background: var(--pw-warning-soft); }
.buybox-ornek-tablo { margin-top: 14px; }
.buybox-aksiyon-gruplar { display: grid; gap: 12px; margin-top: 14px; }
.buybox-aksiyon-grup { border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); overflow: hidden; }
.buybox-aksiyon-grup > header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding: 12px; border-bottom: 1px solid var(--pw-border-soft); background: var(--pw-surface); }
.buybox-aksiyon-grup > header strong, .buybox-aksiyon-grup > header small { display: block; }
.buybox-aksiyon-grup > header small { margin-top: 3px; color: var(--pw-text-3); font-size: 11px; line-height: 1.35; }
.buybox-aksiyon-grup .buybox-ornek-tablo { margin-top: 0; }
.buybox-ornek-tablo td { vertical-align: top; }
.buybox-yoksay-form { display: grid; grid-template-columns: minmax(92px, 1fr) 34px; gap: 6px; min-width: 150px; }
.buybox-yoksay-form input { margin: 0; min-height: 32px; font-size: 12px; }
.buybox-yoksay-form .btn { width: 34px; height: 32px; padding: 0; justify-content: center; }
.buybox-bos { margin-top: 14px; }
.gorev-deneme { padding: 12px; border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-sm); background: var(--pw-surface-2); }
.gorev-deneme + .gorev-deneme { margin-top: 8px; }
.gorev-deneme-head { display: flex; align-items: center; gap: 8px; }
.gorev-form { display: grid; gap: 12px; }
.briefing-kart, .gorev-deneme, .buybox-aksiyon-grup { background:var(--pw-surface); border:0; border-radius:var(--pw-r-lg); box-shadow:var(--pw-shadow-xs),var(--pw-shadow-md); backdrop-filter:blur(16px) saturate(1.1); -webkit-backdrop-filter:blur(16px) saturate(1.1); }
.briefing-kart::after { display:none; }
.buybox-aksiyon-grup > header { border-bottom-color:var(--pw-border-soft); background:transparent; }
.rakip-aksiyonlar button { border-radius:var(--pw-r-full); }
.rakip-aksiyonlar button.aktif { background:var(--pw-accent-soft); color:var(--pw-accent-strong); border-color:transparent; }
.rakip-aksiyon-tablo { max-height:clamp(340px, 56vh, 680px); overflow:auto; overscroll-behavior:contain; }
.imza-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.gorev-sol { height:100%; }
.gorev-icerik { display:flex; min-height:100%; flex-direction:column; }
.gorev-meta { margin-top:auto; }
.gorev-card-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }
.gorev-card-actions .mini-aksiyon { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.buybox-sonuc-details, .gorev-duzenle-details { margin-top:14px; border-radius:var(--pw-r-lg); background:rgba(255,255,255,.045); box-shadow:var(--pw-shadow-xs); overflow:hidden; }
.buybox-sonuc-details > summary, .gorev-duzenle-details > summary { min-height:54px; padding:14px 16px; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--pw-text); font-weight:800; }
.buybox-sonuc-details > summary::-webkit-details-marker, .gorev-duzenle-details > summary::-webkit-details-marker { display:none; }
.buybox-sonuc-details > summary::after, .gorev-duzenle-details > summary::after { content:""; width:9px; height:9px; border-right:2px solid var(--pw-text-3); border-bottom:2px solid var(--pw-text-3); transform:rotate(45deg); transition:transform .18s ease; }
.buybox-sonuc-details[open] > summary::after, .gorev-duzenle-details[open] > summary::after { transform:rotate(225deg); }
.buybox-sonuc-details .buybox-aksiyon-gruplar { padding:0 12px 12px; max-height:68vh; overflow:auto; }
.gorev-duzenle-details .gorev-form { padding:0 16px 16px; }
.gorev-duzenle-kart { align-self:start; }
.ai-konsol-wrap { display:grid; gap:14px; }
.ai-sayfa-head { gap:16px; }
.ai-konsol-mini { display:grid; grid-template-columns:repeat(3,minmax(82px,1fr)); gap:8px; min-width:min(360px,100%); }
.ai-konsol-mini div { padding:9px 10px; border-radius:var(--pw-r-md); background:rgba(255,255,255,.05); box-shadow:var(--pw-shadow-xs); }
.ai-konsol-mini span { display:block; color:var(--pw-text-3); font-size:11px; }
.ai-konsol-mini strong { display:block; color:var(--pw-text); margin-top:2px; font-size:15px; }
.ai-otomasyon-grid { margin-bottom:14px; }
.ai-komut-grid, .ai-yetenek-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; }
.ai-komut-card, .ai-yetenek-grid article { padding:14px; border-radius:var(--pw-r-lg); background:rgba(255,255,255,.04); box-shadow:var(--pw-shadow-xs); display:grid; gap:12px; min-width:0; }
.ai-komut-card strong, .ai-yetenek-grid strong { display:block; color:var(--pw-text); font-size:14px; line-height:1.3; }
.ai-komut-card small, .ai-yetenek-grid small { display:block; color:var(--pw-text-3); font-size:12px; line-height:1.4; margin-top:4px; }
.ai-komut-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; }
.ai-komut-card.calisiyor { background:var(--pw-accent-soft); }
.ai-yetenek-grid article i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--pw-accent-soft); background:rgba(203,245,62,.10); }
.ai-islem-listesi { display:grid; gap:8px; }
.ai-islem-row { display:grid; grid-template-columns:70px minmax(0,1fr) 120px 140px; gap:10px; align-items:center; padding:11px 12px; border-radius:var(--pw-r-md); color:var(--pw-text); background:rgba(255,255,255,.04); box-shadow:var(--pw-shadow-xs); }
.ai-islem-row strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-islem-row em { font-style:normal; color:var(--pw-text-3); }
.ai-otomasyon-sonuc { padding-top:10px; }
.komuta-ozet-grid { margin-bottom:14px; }
.komuta-ozet-kart { cursor:pointer; }
.komuta-ozet-kart .pill { width:max-content; margin-top:6px; }
.sistem-flow-map header { align-items:flex-start; }
.sistem-flow-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; padding:16px; }
.sistem-flow-step { position:relative; min-width:0; min-height:154px; display:grid; align-content:start; gap:9px; padding:14px; border:1px solid var(--pw-border); border-radius:var(--pw-r-lg); background:rgba(255,255,255,.64); box-shadow:var(--pw-shadow-sm,var(--pw-shadow-sm)); }
.sistem-flow-step::after { content:""; position:absolute; top:50%; right:-10px; width:10px; height:1px; background:var(--pw-border,var(--pw-border)); }
.sistem-flow-step:last-child::after { display:none; }
.sistem-flow-step i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--pw-accent-strong,var(--pw-accent-strong)); background:rgba(13,148,180,.10); }
.sistem-flow-step strong { color:var(--pw-text); font-size:15px; line-height:1.25; }
.sistem-flow-step small { color:var(--pw-text-2); font-size:12px; line-height:1.45; }
.flow-index { position:absolute; top:12px; right:12px; color:var(--pw-text-3); font-family:var(--pw-font-mono); font-size:11px; letter-spacing:.08em; }
.sistem-flow-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 16px 16px; }
.sistem-flow-lanes section { min-width:0; padding:13px 14px; border:1px solid var(--pw-border); border-radius:var(--pw-r-lg); background:rgba(255,255,255,.48); }
.sistem-flow-lanes p { margin:7px 0 0; color:var(--pw-text-2); font-size:13px; line-height:1.45; }
.flow-lane-label { display:block; color:var(--pw-accent-strong,var(--pw-accent-strong)); font-family:var(--pw-font-mono); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
body.imza.dark .sistem-flow-step, body.imza.dark .sistem-flow-lanes section { background:rgba(255,255,255,.04); }
.sistem-kapanis-dongusu { margin:0 16px 16px; padding:14px; border:1px solid var(--pw-border); border-radius:var(--pw-r-lg); background:rgba(255,255,255,.38); }
body.imza.dark .sistem-kapanis-dongusu { background:rgba(255,255,255,.035); }
.sistem-kapanis-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.sistem-kapanis-head h5 { margin:4px 0 0; color:var(--pw-text); font-size:16px; }
.sistem-kapanis-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:10px; }
.sistem-kapanis-card { min-width:0; display:grid; gap:10px; padding:14px; border:1px solid var(--pw-border); border-radius:var(--pw-r-lg); background:rgba(255,255,255,.68); box-shadow:var(--pw-shadow-sm,var(--pw-shadow-sm)); }
body.imza.dark .sistem-kapanis-card { background:rgba(255,255,255,.04); }
.kapanis-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sistem-kapanis-card strong { color:var(--pw-text); font-size:14px; line-height:1.35; }
.sistem-kapanis-card dl { display:grid; gap:7px; margin:0; }
.sistem-kapanis-card dl div { min-width:0; display:grid; gap:2px; }
.sistem-kapanis-card dt { color:var(--pw-text-3); font-family:var(--pw-font-mono); font-size:10px; font-weight:800; letter-spacing:.10em; text-transform:uppercase; }
.sistem-kapanis-card dd { margin:0; color:var(--pw-text-2); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.rakip-sinyal-tabs { margin-top:0; }
.rakip-sinyal-panel { margin-top:0; }
.rakip-sinyal-panel .rakip-aksiyon-tablo { max-height:clamp(360px, 62vh, 760px); }
.marufguard-draft-list { display:grid; gap:12px; padding:14px; max-height:clamp(420px, 68vh, 860px); overflow:auto; }
.marufguard-draft-form { display:grid; gap:12px; min-width:0; padding:12px; border:1px solid var(--pw-border-soft); border-radius:var(--pw-r-sm); background:var(--pw-surface-2); }
.marufguard-draft-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; }
.marufguard-draft-head strong { display:block; min-width:0; color:var(--pw-text); font-size:14px; line-height:1.3; overflow-wrap:anywhere; }
.marufguard-draft-head small { display:block; color:var(--pw-text-3); font-size:12px; overflow-wrap:anywhere; }
.marufguard-draft-body { display:grid; grid-template-columns:86px minmax(0,1.1fr) minmax(260px,.9fr); gap:12px; align-items:start; }
.marufguard-draft-media { width:86px; aspect-ratio:3/4; display:grid; place-items:center; overflow:hidden; border:1px solid var(--pw-border); border-radius:var(--pw-r-sm); background:var(--pw-surface); color:var(--pw-text-3); }
.marufguard-draft-media img { width:100%; height:100%; object-fit:cover; display:block; }
.marufguard-draft-media i { font-size:24px; }
.marufguard-draft-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; min-width:0; }
.marufguard-draft-fields label, .marufguard-draft-text label { display:grid; gap:4px; min-width:0; color:var(--pw-text-3); font-size:11px; }
.marufguard-draft-fields input, .marufguard-draft-fields select, .marufguard-draft-text input, .marufguard-draft-text textarea { width:100%; min-width:0; min-height:34px; border:1px solid var(--pw-border); border-radius:var(--pw-r-sm); background:var(--pw-surface); color:var(--pw-text); padding:7px 9px; font:inherit; font-size:12px; }
.marufguard-rate-note { color:var(--pw-text-3); font-size:10px; line-height:1.25; }
.marufguard-draft-text { display:grid; gap:8px; min-width:0; }
.marufguard-draft-text textarea { resize:vertical; min-height:68px; }
.marufguard-draft-foot { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
.marufguard-warnings { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
@media (max-width:980px) {
  .marufguard-draft-body { grid-template-columns:74px minmax(0,1fr); }
  .marufguard-draft-text { grid-column:1 / -1; }
  .marufguard-draft-media { width:74px; }
}
@media (max-width:640px) {
  .marufguard-draft-head, .marufguard-draft-body, .marufguard-draft-foot { grid-template-columns:1fr; }
  .marufguard-draft-fields { grid-template-columns:1fr; }
  .marufguard-draft-media { width:min(112px, 100%); }
}
.yazar-ozet-grid { margin-bottom:14px; }
.yazar-ozet-grid .imza-action-card { cursor:pointer; }
.yazar-page-header { align-items:flex-start; }
.yazar-page-header .page-subtitle { max-width:720px; text-align:left; line-height:1.45; }
.yazar-action-row { display:grid; grid-template-columns:minmax(220px, max-content) minmax(280px, 1fr) auto; gap:8px; align-items:center; margin-bottom:4px; }
.yazar-action-row .btn { min-width:0; white-space:normal; text-align:center; line-height:1.15; }
.yazar-action-row #site-excel-export-btn { justify-self:stretch; }
.yazar-action-row #site-excel-export-sonuc { min-width:0; overflow-wrap:anywhere; }
.yazar-merge-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; padding:1rem; align-items:start; }
.yazar-merge-grid > .bos-durum, .yazar-grid-info { grid-column:1 / -1; }
.yazar-grid-info { display:flex; align-items:center; gap:8px; min-height:40px; padding:8px 10px; border:1px solid var(--pw-border-soft); border-radius:var(--pw-r-sm); color:var(--pw-text-3); background:var(--pw-surface-2); font-size:var(--pw-fs-sm); }
.yazar-grid-info i { color:var(--pw-accent); font-size:18px; }
.yazar-grid-empty { min-height:180px; }
.yazar-merge-card, .tasarim-oneri-card { min-width:0; padding:14px; border-radius:var(--pw-r-lg); background:rgba(255,255,255,.04); box-shadow:var(--pw-shadow-xs); display:grid; gap:12px; }
.yazar-merge-card, .tasarim-oneri-card { background:rgba(255,255,255,.72); }
.yazar-merge-card:hover, .tasarim-oneri-card:hover { background:var(--pw-accent-soft); }
.yazar-aday-filtre, .merge-card-meta, .yazar-aday-neden { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.yazar-aday-filtre .topbar-btn.aktif { background:var(--pw-accent-soft); border-color:var(--pw-accent-border); color:var(--pw-accent-strong); }
.yazar-aday-neden { padding:8px 10px; border:1px solid var(--pw-border-soft); border-radius:var(--pw-r-sm); background:var(--pw-surface-2); }
.merge-varyantlar { display:flex; flex-wrap:wrap; gap:8px; }
.merge-varyantlar .topbar-btn { max-width:100%; justify-content:flex-start; text-align:left; white-space:normal; overflow-wrap:anywhere; line-height:1.25; }
.yazar-merge-card label { min-width:0; }
.yazar-merge-card input { min-width:0; text-overflow:ellipsis; }
.merge-card-actions { display:grid; grid-template-columns:minmax(0, .82fr) minmax(0, 1fr); gap:8px; align-items:center; }
.merge-card-actions button { width:100%; min-width:0; white-space:normal; line-height:1.25; }
.btn-danger-ghost { border-color:var(--pw-danger-border); color:var(--pw-danger-text); background:var(--pw-danger-soft); }
.btn-danger-ghost:hover { border-color:var(--pw-danger); color:var(--pw-danger-text); background:rgba(239,68,68,.13); }
.aday-tamamlandi { border-color:var(--pw-success-border); background:var(--pw-success-soft); opacity:.72; transition:opacity .22s ease, transform .22s ease; }
.aday-reddedildi { border-color:var(--pw-danger-border); background:var(--pw-danger-soft); opacity:.72; transition:opacity .22s ease, transform .22s ease; }
.c-red { color:var(--pw-danger-text); }
.merge-card-top { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.merge-card-top { justify-content:space-between; }
.tasarim-oneri-card h3 { margin:0; color:var(--pw-text); font-size:15px; line-height:1.35; }
.tasarim-oneri-card.tekrar { opacity:.86; }
.briefing-kart, .gorev-deneme, .buybox-aksiyon-grup, .yazar-merge-card, .tasarim-oneri-card, .ai-komut-card, .ai-yetenek-grid article { position:relative; overflow:hidden; border:1px solid var(--pw-border); border-radius:16px; background: linear-gradient(135deg, rgba(34,211,238,.08), transparent 40%), linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,252,.78)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), var(--pw-shadow-md); color:var(--pw-text-2); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
body.opero.dark .briefing-kart, body.opero.dark .gorev-deneme, body.opero.dark .buybox-aksiyon-grup, body.opero.dark .yazar-merge-card, body.opero.dark .tasarim-oneri-card, body.opero.dark .ai-komut-card, body.opero.dark .ai-yetenek-grid article { background: linear-gradient(135deg, rgba(34,211,238,.08), transparent 40%), rgba(6,11,24,.70); box-shadow:inset 0 0 0 1px rgba(34,211,238,.05), 0 18px 44px -28px rgba(0,0,0,.72); }
.buybox-aksiyon-grup > header { border-bottom:1px solid var(--pw-border-soft); background:transparent; }
.tasarim-oneri-card:hover, .yazar-merge-card:hover { transform:translateY(-1px); border-color:var(--pw-accent-border); box-shadow:inset 0 0 0 1px rgba(255,255,255,.62), 0 20px 42px -26px rgba(8,145,178,.45); }
.ai-komut-card small, .ai-yetenek-grid small { color:var(--pw-text-3); font-family:var(--pw-font-sans); }
.tasarim-oneri-card h3, .ai-komut-card strong, .ai-yetenek-grid strong { color:var(--pw-text); font-family:var(--pw-font-sans); font-weight:750; }
.briefing-selam i, .briefing-selam strong { color:var(--pw-accent); }
.rakip-aksiyon-tablo { max-height:clamp(340px,56vh,680px); overflow:auto; overscroll-behavior:contain; }
.imza-card-grid, .yazar-merge-grid, .ai-komut-grid, .ai-yetenek-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.yazar-merge-grid { grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); align-items:start; }
.ai-yetenek-grid article i { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; flex:0 0 auto; color:var(--pw-accent-strong); background:var(--pw-accent-soft); border:1px solid var(--pw-accent-border); }
.tasarim-oneri-card h3 { color:var(--pw-text); font-size:14px; line-height:1.32; }
.gorev-card-actions, .merge-card-top { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.gorev-card-actions { justify-content:space-between; margin-top:12px; }
.buybox-sonuc-details, .gorev-duzenle-details { border:1px solid var(--pw-border-soft); border-radius:16px; background:rgba(255,255,255,.58); box-shadow:var(--pw-shadow-xs); }
body.opero.dark .buybox-sonuc-details, body.opero.dark .gorev-duzenle-details { background:rgba(255,255,255,.05); }
.buybox-sonuc-details > summary, .gorev-duzenle-details > summary { min-height:54px; padding:14px 16px; cursor:pointer; list-style:none; color:var(--pw-text); font-weight:700; }
.ai-konsol-mini { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.ai-konsol-mini div { background:rgba(8,145,178,.07); border:1px solid var(--pw-border-soft); border-radius:10px; padding:9px; }
.ai-konsol-mini strong { display:block; color:var(--pw-text); font-size:14px; margin-top:2px; }
.briefing-kart, .gorev-deneme, .buybox-aksiyon-grup, .yazar-merge-card, .tasarim-oneri-card, .ai-komut-card, .ai-yetenek-grid article { border-color:var(--pw-border); border-radius:12px; background: linear-gradient(135deg, rgba(8,145,178,.042), transparent 34%), var(--pw-surface); box-shadow:var(--pw-shadow); }
.tasarim-oneri-card:hover, .yazar-merge-card:hover { border-color:rgba(8,145,178,.26); background: linear-gradient(135deg, rgba(8,145,178,.06), transparent 36%), rgba(255,255,255,.94); box-shadow:0 18px 34px -30px rgba(8,145,178,.42); transform:translateY(-1px); }
.tasarim-oneri-card { min-width:0; align-content:start; }
.tasarim-oneri-card > * { min-width:0; }
.tasarim-oneri-card h3 { overflow:hidden; overflow-wrap:anywhere; word-break:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.tasarim-oneri-card .oneri-aksiyon { margin-top:auto; }
.veri-guncellik-body { grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); }
.veri-guncellik-zamanlar { grid-template-columns:repeat(auto-fit,minmax(126px,1fr)); }
.veri-zaman, .ai-konsol-mini div { border-color:var(--pw-border-soft); background:var(--pw-surface-2); box-shadow:none; }
.veri-zaman strong { color:var(--pw-text); }
.gorev-sol { display:flex; align-items:flex-start; gap:12px; min-width:0; width:100%; }
.gorev-icerik, .gorev-baslik, .gorev-aciklama, .gorev-meta { min-width:0; }
.gorev-baslik { display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; }
.gorev-baslik a { min-width:0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gorev-aciklama { overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.gorev-card-actions { gap:8px; }
.gorev-card-actions .mini-aksiyon, .mini-aksiyon { flex:0 0 auto; white-space:nowrap; }
.briefing-kart, .gorev-op-kart, .buybox-aksiyon-grup { background: radial-gradient(ellipse at top left, rgba(34,211,238,.055), transparent 46%), linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.88)) ; border:1px solid var(--pw-border) ; border-radius:var(--pw-r-md) ; color:var(--pw-text-2); box-shadow:inset 0 0 0 1px rgba(255,255,255,.72), var(--pw-shadow) ; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.buybox-aksiyon-grup > header { min-height:52px; padding:14px 18px; background:rgba(255,255,255,.48) ; border-bottom:1px solid var(--pw-border-soft) ; }
.buybox-aksiyon-grup > header h3, .buybox-aksiyon-grup > header h4 { color:var(--pw-text); font-size:14px; font-weight:800; letter-spacing:.01em; text-transform:none; }
.briefing-kart { padding:30px 32px; margin-bottom:22px; }
.briefing-head { margin-bottom:18px; }
.briefing-selam { font-size:1.35rem; line-height:1.2; color:var(--pw-text); letter-spacing:0; }
.briefing-selam strong, .briefing-selam i { color:var(--pw-accent); }
.briefing-vurgular { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.gorev-detay-grid { gap:18px; }
.veri-guncellik-body { grid-template-columns:minmax(300px,1fr) minmax(520px,1.3fr); align-items:center; gap:24px; padding:22px 24px ; }
.veri-guncellik-zamanlar { grid-template-columns:repeat(5,minmax(118px,1fr)); gap:10px; }
.veri-zaman { background:rgba(248,250,252,.72) ; border:1px solid var(--pw-border-soft) ; border-radius:10px ; color:var(--pw-text-2); }
.veri-zaman span { color:#93a3b6; letter-spacing:.08em; }
.gorev-sol { gap:12px; }
.gorev-baslik { align-items:flex-start; color:var(--pw-text); font-size:15px; font-weight:800; line-height:1.32; }
.gorev-baslik a { display:-webkit-box; overflow:hidden; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gorev-aciklama { display:-webkit-box; overflow:hidden; margin-top:8px; color:#64748b; font-size:13px; line-height:1.46; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.gorev-meta { gap:8px; margin-top:12px; color:#64748b; letter-spacing:0; }
.akilli-agent-panel { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; padding:10px; border:1px solid var(--pw-border-soft); border-radius:var(--pw-r-sm); background:var(--pw-surface-2); }
.akilli-agent-panel strong, .akilli-agent-panel small { display:block; }
.akilli-agent-list { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.akilli-durum { border-top:1px solid var(--pw-border-soft); }
.akilli-durum-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.akilli-durum-head strong, .akilli-durum-head small { display:block; }
.akilli-progress { height:8px; overflow:hidden; border-radius:999px; background:var(--pw-surface-2); border:1px solid var(--pw-border-soft); }
.akilli-progress span { display:block; height:100%; width:0; border-radius:999px; background:var(--pw-accent); transition:width .2s ease; }
.akilli-rakip-grid { display:grid; grid-template-columns:repeat(3, minmax(150px, 1fr)); gap:10px; margin-top:12px; }
.akilli-rakip-card { border:1px solid var(--pw-border); border-radius:var(--pw-r-sm); padding:10px; background:var(--pw-surface); }
.akilli-rakip-card strong, .akilli-rakip-card span, .akilli-rakip-card small { display:block; }
.akilli-rakip-card span { margin:4px 0; font-weight:800; color:var(--pw-accent); }
.akilli-files { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.akilli-files a { display:inline-grid; grid-template-columns:18px minmax(0, 1fr); gap:2px 7px; align-items:center; max-width:360px; padding:8px 10px; border:1px solid var(--pw-border); border-radius:var(--pw-r-sm); background:var(--pw-surface); text-decoration:none; }
.akilli-files a i { grid-row:1 / span 2; }
.akilli-files a span, .akilli-files a small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.akilli-log { max-height:320px; margin:12px 0 0; padding:10px; overflow:auto; border:1px solid var(--pw-border); border-radius:var(--pw-r-sm); background:var(--pw-surface-2); color:var(--pw-text-2); font-size:12px; line-height:1.45; white-space:pre-wrap; }
.gorev-op-kart, .rakip-filtre-panel, .rakip-sinyal-panel { border:1px solid var(--pw-border) ; border-radius:var(--pw-r-md) ; background:var(--pw-surface) ; box-shadow:var(--pw-shadow) ; overflow:hidden; }
.veri-guncellik-plan { display:grid; gap:8px; margin:10px 0 12px; }
.veri-guncellik-plan > strong { color:var(--pw-text); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.veri-guncellik-adim { align-items:flex-start; background:rgba(240,249,252,.72); border:1px solid var(--pw-border-soft); border-radius:8px; display:flex; gap:8px; padding:8px 10px; }
.veri-guncellik-adim i { color:var(--pw-accent); flex:0 0 auto; margin-top:2px; }
.veri-guncellik-adim b { color:var(--pw-text); display:block; font-size:12px; }
.veri-guncellik-adim small { color:var(--pw-text-3); display:block; font-size:11px; line-height:1.35; margin-top:2px; }
.gorev-op-kart { background:var(--pw-surface) ; border-color:var(--pw-border) ; box-shadow:var(--pw-shadow) ; }
.buybox-veri-guveni { display:grid; grid-template-columns:repeat(auto-fit,minmax(96px,1fr)); gap:8px; margin:12px 0; }
.buybox-veri-guveni span { min-width:0; padding:9px 10px; border:1px solid var(--pw-border); border-radius:10px; background:rgba(255,255,255,.72); color:var(--pw-text-2); font-size:12px; }
.buybox-veri-guveni strong { color:var(--pw-text); font-family:var(--pw-font-mono); margin-right:4px; }
.buybox-veri-uyari { margin-top:8px; font-size:13px; }
.gorev-hizli-ozet { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(240px,.75fr) auto; gap:16px; align-items:center; margin:0 0 16px; padding:18px ; }
.gorev-hizli-ana { min-width:0; }
.gorev-hizli-ana h3 { margin:8px 0 4px; color:var(--pw-text); font-size:1.16rem; line-height:1.2; letter-spacing:0 ; overflow-wrap:anywhere; }
.gorev-hizli-ana p { margin:0; color:var(--pw-text-2); line-height:1.45; overflow-wrap:anywhere; }
.gorev-hizli-metrikler { display:grid; grid-template-columns:repeat(3,minmax(76px,1fr)); gap:8px; min-width:0; }
.gorev-hizli-sinyaller { display:grid; grid-template-columns:repeat(4,minmax(145px,1fr)); gap:10px; min-width:0; }
.gorev-sinyal-ust { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--pw-text-2); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.gorev-sinyal-ust > span { display:inline-flex; min-width:0; align-items:center; gap:6px; }
.gorev-sinyal-card.sinyal-tamam .gorev-sinyal-ust i:first-child { color:var(--pw-success); }
.gorev-sinyal-card.sinyal-bekliyor .gorev-sinyal-ust i:first-child { color:var(--pw-warning); }
.gorev-sinyal-card.sinyal-kilitli .gorev-sinyal-ust i:first-child { color:#f43f5e; }
.gorev-mini-stat { min-width:0; padding:10px 12px; border:1px solid var(--pw-border); border-radius:10px; background:rgba(248,250,252,.82); }
.gorev-mini-stat span { display:block; margin-bottom:3px; color:var(--pw-text-2); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.gorev-mini-stat strong { display:block; color:var(--pw-text); font-family:var(--pw-font-mono); font-size:1.05rem; overflow-wrap:anywhere; }
.gorev-hizli-aksiyonlar { display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; }

@media (max-width: 920px) {
  .sistem-flow-grid, .sistem-flow-lanes, .komuta-ozet-grid, .komut-grid,
  .gorev-detay-grid, .gorev-kv-grid, .ai-otomasyon-grid, .ai-komut-grid, .ai-yetenek-grid,
  .akilli-rakip-grid, .rakip-akilli-form, .buybox-adim-grid, .tedarikci-quick-grid,
  .tedarikci-parser-grid, .yazar-merge-grid, .yazar-ozet-grid, .entegrasyon-grid,
  .sistem-kapanis-grid, .iskonto-closure-grid { grid-template-columns: 1fr !important; }
}


/* ============================================================
   FAZ 4 — kalan yardımcı/yapısal sınıflar (2026-06-12)
   power-utilities/ui-kit/shell/tasks/products + el ile yazılanlar.
   ============================================================ */
.row-actions.end { justify-content: flex-end; }
.gap-sm { gap: .5rem; }
.mb-md { margin-bottom: 14px; }
.text-inherit-link { color: inherit; text-decoration: none; }
.arama-tur-compact { height: 34px; line-height: 32px; }
.btn-compact { padding: .4rem .85rem; }
.log-modal-narrow { max-width: 560px; }
.param-icerik { padding: 20px; }
.spacer-10 { height: 10px; }
.chart-box { height: 300px; padding: 14px 16px 8px; }
.c-lime { color: var(--pw-accent); }
.ui-card, .ui-filterbar { border:1px solid var(--pw-border); border-radius:var(--pw-r-lg); background:var(--pw-surface); box-shadow:var(--pw-shadow); color:var(--pw-text-2); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.ui-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--pw-2); min-height:38px; padding:0 var(--pw-4); border:1px solid var(--pw-border); border-radius:var(--pw-r-md); background:var(--pw-surface); color:var(--pw-text-2); font-weight:800; text-decoration:none; cursor:pointer; transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease; }
.ui-button:hover { border-color:var(--pw-accent-border); color:var(--pw-text); transform:translateY(-1px); }
.ui-button:focus-visible, .ui-input:focus-visible, .ui-filterbar input:focus-visible, .ui-filterbar select:focus-visible { outline:none; border-color:var(--pw-accent); box-shadow:var(--pw-accent-ring); }
.ui-button-primary { border-color:var(--pw-accent-border); background:var(--pw-accent-soft); color:var(--pw-accent); }
.ui-button-ghost { background:transparent; }
.ui-filterbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:var(--pw-3); padding:var(--pw-4); align-items:end; }
.ui-input, .ui-filterbar input, .ui-filterbar select, .ui-filterbar textarea { width:100%; min-height:42px; border:1px solid var(--pw-border); border-radius:var(--pw-r-md); background:var(--pw-surface); color:var(--pw-text); padding:0 var(--pw-3); }

/* el ile: eski CSS'te kuralı olmayan yapısal/marker sınıflar */
.wrap { flex-wrap: wrap; }
.table-wrap { width: 100%; overflow-x: auto; }
.operasyon-borc-tablo { width: 100%; border-collapse: collapse; }
.operasyon-borc-panel, .rakip-tarama-panel { border: 1px solid var(--pw-border); border-radius: var(--pw-r-md); background: var(--pw-surface); box-shadow: var(--pw-shadow-xs); overflow: hidden; }
.operasyon-borc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--pw-3); padding: var(--pw-4); }
.operasyon-borc-card, .ai-borc-card { border: 1px solid var(--pw-border-soft); border-radius: var(--pw-r-md); background: var(--pw-surface-2); padding: var(--pw-3); min-width: 0; }
.operasyon-borc-detay { margin-top: var(--pw-2); }
.yazar-satir:not(tr) { display: flex; align-items: center; gap: var(--pw-2); flex-wrap: wrap; padding: var(--pw-2) 0; border-bottom: 1px solid var(--pw-border-soft); }
.yazar-listesi-tablo { table-layout: fixed; min-width: 980px; }
.yazar-listesi-tablo th, .yazar-listesi-tablo td { vertical-align: middle; }
.yazar-listesi-tablo th:first-child, .yazar-listesi-tablo td:first-child { width: auto; }
.yazar-listesi-tablo th:nth-child(2), .yazar-listesi-tablo td:nth-child(2),
.yazar-listesi-tablo th:nth-child(3), .yazar-listesi-tablo td:nth-child(3),
.yazar-listesi-tablo th:nth-child(4), .yazar-listesi-tablo td:nth-child(4) { width: 96px; text-align: right; white-space: nowrap; }
.yazar-listesi-tablo th:nth-child(5), .yazar-listesi-tablo td:nth-child(5) { width: 128px; text-align: left; white-space: nowrap; }
.yazar-listesi-tablo td:first-child strong { display: block; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.yazar-search-form { display: flex; gap: var(--pw-2); flex-wrap: wrap; align-items: end; }
.islem-durum { color: var(--pw-text-3); font-size: var(--pw-fs-sm); }
.islem-ilerleme { margin-top: var(--pw-2); }
.veri-guncellik { display: block; }

@media (max-width: 760px) {
  .ui-filterbar { grid-template-columns: 1fr; }
}

/* AI Asistan sayfa toparlama - 2026-06-14 */
.ai-sayfa-wrap {
  height:auto;
  min-height:calc(100vh - var(--pw-topbar-h) - 64px);
  overflow:visible;
}
.ai-konsol-wrap {
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ai-sayfa-head {
  min-height:128px;
  padding:18px 20px;
  gap:18px;
  border-bottom:1px solid var(--pw-border);
  background:var(--pw-surface);
}
.ai-sayfa-head h3 { letter-spacing:.08em; }
.ai-konsol-mini {
  grid-template-columns:repeat(2,minmax(132px,1fr));
  min-width:min(360px,100%);
}
.ai-konsol-mini div {
  border:1px solid var(--pw-border-soft);
  background:var(--pw-surface-2);
  box-shadow:none;
}
.imza-tabs[data-scope="ai-konsol"] {
  min-height:56px;
  padding:0;
  border:1px solid var(--pw-border-soft);
  border-radius:var(--pw-r-md);
  background:var(--pw-surface-2);
  overflow:hidden;
}
.imza-tabs[data-scope="ai-konsol"] button {
  min-height:54px;
  padding:0 14px;
  border-radius:0;
}
.imza-tab-panel[data-scope="ai-konsol"] { display:none; }
.imza-tab-panel[data-scope="ai-konsol"].aktif { display:block; }
.imza-tab-panel[data-scope="ai-konsol"][data-tab-panel="sohbet"].aktif {
  display:flex;
  flex-direction:column;
  min-height:clamp(440px,58vh,640px);
  border:1px solid var(--pw-border);
  border-radius:var(--pw-r-md);
  background:var(--pw-surface);
  box-shadow:var(--pw-shadow-xs);
  overflow:hidden;
}
.ai-sayfa-wrap #ai-konusma {
  flex:1 1 auto;
  min-height:320px;
  padding:20px;
  background:var(--pw-surface);
}
.ai-sayfa-wrap .ai-bos { color:var(--pw-text-3); }
.ai-sayfa-wrap .ai-bos i {
  color:var(--pw-accent-strong);
  opacity:.72;
}
.ai-sayfa-wrap .ai-orneklem {
  width:min(420px,100%);
  margin:0 auto;
}
.ai-sayfa-wrap .ai-ornek-btn {
  border:1px solid var(--pw-border);
  background:var(--pw-surface);
  color:var(--pw-text-2);
  text-align:center;
}
.ai-sayfa-wrap .ai-ornek-btn:hover {
  border-color:var(--pw-accent-border);
  background:var(--pw-accent-soft);
  color:var(--pw-accent-strong);
}
.ai-sayfa-wrap .ai-giris {
  padding:12px 14px;
  border-top:1px solid var(--pw-border);
  background:var(--pw-surface-2);
}
.ai-sayfa-wrap .ai-giris textarea {
  min-height:44px;
  border-color:var(--pw-border);
  background:var(--pw-surface);
  color:var(--pw-text);
}
.ai-sayfa-wrap .ai-giris textarea::placeholder { color:var(--pw-text-3); }
.ai-sayfa-wrap .ai-giris textarea:focus {
  border-color:var(--pw-accent);
  box-shadow:0 0 0 3px var(--pw-accent-soft);
}
.ai-sayfa-wrap .ai-gonder {
  color:#fff;
  border-color:var(--pw-accent);
  background:var(--pw-accent);
  box-shadow:none;
}
.ai-sayfa-wrap .ai-gonder:hover {
  background:var(--pw-accent-hover);
  box-shadow:var(--pw-shadow-xs);
}
.ai-sayfa-wrap .ai-balon {
  max-width:min(920px,calc(100% - 48px));
  overflow-wrap:anywhere;
}
.ai-sayfa-wrap .ai-kullanici .ai-balon {
  color:#fff;
  background:var(--pw-accent);
  box-shadow:none;
}
.ai-sayfa-wrap .ai-asistan .ai-balon {
  color:var(--pw-text);
  border:1px solid var(--pw-border);
  background:var(--pw-surface-2);
  box-shadow:var(--pw-shadow-xs);
}
.ai-sayfa-wrap .ai-icerik {
  color:var(--pw-text);
  line-height:1.62;
}
.ai-sayfa-wrap .ai-reasoning {
  margin:0 0 10px;
  padding:0 0 10px;
  border-bottom:1px solid var(--pw-border-soft);
  color:var(--pw-text-2);
}
.ai-sayfa-wrap .ai-reasoning summary {
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--pw-text-2);
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.ai-sayfa-wrap .ai-reasoning summary::-webkit-details-marker { display:none; }
.ai-sayfa-wrap .ai-reasoning summary::before {
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid var(--pw-text-3);
  border-bottom:2px solid var(--pw-text-3);
  transform:rotate(-45deg);
  transition:transform .16s ease;
}
.ai-sayfa-wrap .ai-reasoning[open] summary::before { transform:rotate(45deg); }
.ai-sayfa-wrap .ai-rsn-icerik {
  max-height:220px;
  margin-top:8px;
  padding:10px 12px;
  overflow:auto;
  border:1px solid var(--pw-border-soft);
  border-radius:var(--pw-r-sm);
  background:var(--pw-surface);
  color:var(--pw-text-3);
  font-size:12px;
  line-height:1.5;
}
.ai-sayfa-wrap .ai-balon code {
  display:inline;
  padding:2px 6px;
  border:1px solid rgba(8,145,178,.24);
  border-radius:6px;
  background:rgba(8,145,178,.08);
  color:var(--pw-accent-strong);
  font-size:12px;
  overflow-wrap:anywhere;
}
.ai-sayfa-wrap .ai-balon pre {
  max-width:100%;
  padding:10px 12px;
  overflow:auto;
  border:1px solid #1e293b;
  border-radius:var(--pw-r-sm);
  background:#0f172a;
  color:#e2e8f0;
  box-shadow:none;
}
.ai-sayfa-wrap .ai-mesaj-meta {
  margin-top:10px;
  color:var(--pw-text-3);
  font-size:11.5px;
}
.ai-sayfa-wrap .ai-tool-cagri,
.ai-sayfa-wrap .ai-onay-kutu,
.ai-sayfa-wrap .ai-iterasyon {
  margin-top:8px;
}
.ai-otomasyon-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.ai-otomasyon-grid .imza-action-card {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:
    "icon text"
    "action action";
  align-items:start;
  gap:10px 12px;
  min-width:0;
  min-height:134px;
}
.ai-otomasyon-grid .imza-action-icon {
  grid-area:icon;
  align-self:start;
}
.ai-otomasyon-grid .imza-action-card > div:not(.imza-action-icon) {
  grid-area:text;
  min-width:0;
}
.ai-otomasyon-grid .imza-action-card > button,
.ai-otomasyon-grid .imza-action-card > a {
  grid-area:action;
  justify-self:end;
  max-width:100%;
  white-space:nowrap;
}
.ai-otomasyon-grid .imza-action-card strong {
  font-size:14px;
  line-height:1.25;
}
.ai-otomasyon-grid .imza-action-card small {
  display:block;
  margin-top:4px;
  line-height:1.42;
}
.ai-widget {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  display:grid;
  justify-items:end;
  pointer-events:none;
}
.ai-widget-toggle {
  pointer-events:auto;
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--pw-accent-border);
  border-radius:14px;
  background:var(--pw-accent);
  color:#fff;
  box-shadow:0 12px 28px rgba(8,47,73,.18);
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.ai-widget-toggle:hover {
  background:var(--pw-accent-hover);
  box-shadow:0 16px 34px rgba(8,47,73,.22);
  transform:translateY(-1px);
}
.ai-widget-toggle i { font-size:22px; }
.ai-widget-panel {
  pointer-events:auto;
  display:none;
  width:min(390px,calc(100vw - 32px));
  height:min(560px,calc(100vh - 96px));
  border:1px solid var(--pw-border);
  border-radius:var(--pw-r-lg);
  background:var(--pw-surface);
  box-shadow:0 24px 60px rgba(15,23,42,.22);
  overflow:hidden;
}
.ai-widget.acik .ai-widget-toggle { display:none; }
.ai-widget.acik .ai-widget-panel {
  display:flex;
  flex-direction:column;
}
.ai-widget-head {
  flex:0 0 auto;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--pw-border);
  background:var(--pw-surface-2);
}
.ai-widget-head strong {
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--pw-text);
  font-size:14px;
  letter-spacing:.02em;
}
.ai-widget-head strong i { color:var(--pw-accent-strong); }
.ai-widget-acts {
  display:flex;
  align-items:center;
  gap:6px;
}
.ai-widget-acts a,
.ai-widget-acts button {
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--pw-border);
  border-radius:var(--pw-r-sm);
  background:var(--pw-surface);
  color:var(--pw-text-2);
  text-decoration:none;
  cursor:pointer;
}
.ai-widget-acts a:hover,
.ai-widget-acts button:hover {
  border-color:var(--pw-accent-border);
  color:var(--pw-accent-strong);
  background:var(--pw-accent-soft);
}
.ai-widget-panel .ai-konusma {
  flex:1 1 auto;
  min-height:0;
  padding:14px;
  background:var(--pw-surface);
}
.ai-widget-panel .ai-giris {
  flex:0 0 auto;
  padding:10px;
  border-top:1px solid var(--pw-border);
  background:var(--pw-surface-2);
}
.ai-widget-panel .ai-giris textarea {
  min-height:38px;
  border-color:var(--pw-border);
  background:var(--pw-surface);
  color:var(--pw-text);
}
.ai-widget-panel .ai-giris textarea:focus {
  border-color:var(--pw-accent);
  box-shadow:0 0 0 3px var(--pw-accent-soft);
}
.ai-widget-panel .ai-gonder {
  width:38px;
  height:38px;
  border-color:var(--pw-accent);
  background:var(--pw-accent);
  color:#fff;
  box-shadow:none;
}
.ai-widget-panel .ai-asistan .ai-balon {
  border-color:var(--pw-border);
  background:var(--pw-surface-2);
  color:var(--pw-text);
}
.ai-widget-panel .ai-kullanici .ai-balon { color:#fff; }
@media (max-width: 1180px) {
  .ai-otomasyon-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 920px) {
  .ai-sayfa-head {
    align-items:flex-start;
    flex-direction:column;
    min-height:0;
  }
  .ai-konsol-mini {
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .ai-otomasyon-grid { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  .ai-sayfa-wrap { min-height:auto; }
  .imza-tabs[data-scope="ai-konsol"] {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .imza-tabs[data-scope="ai-konsol"] button {
    justify-content:center;
    min-height:48px;
    padding:0 10px;
  }
  .ai-otomasyon-grid .imza-action-card {
    grid-template-columns:38px minmax(0,1fr);
  }
  .ai-widget {
    right:12px;
    bottom:12px;
  }
  .ai-widget-toggle {
    width:46px;
    height:46px;
    border-radius:13px;
  }
  .ai-widget-panel {
    width:calc(100vw - 24px);
    height:min(560px,calc(100vh - 72px));
  }
}

/* ── Modul ici sekmeler (IA sadelestirme 2026-07-14) ── */
.modul-sekmeler { display:flex; gap:4px; margin-bottom:var(--pw-5); border-bottom:1px solid var(--pw-border); flex-wrap:wrap; }
.modul-sekme { display:inline-flex; align-items:center; gap:6px; padding:8px 14px;
  font-size:var(--pw-fs-sm); font-weight:var(--pw-fw-medium); color:var(--pw-text-3);
  border:1px solid transparent; border-bottom:none; border-radius:var(--pw-r) var(--pw-r) 0 0;
  text-decoration:none; transition:color var(--pw-t-fast), background var(--pw-t-fast); }
.modul-sekme:hover { color:var(--pw-text); background:var(--pw-surface-2); }
.modul-sekme.aktif { color:var(--pw-accent-strong); background:var(--pw-surface);
  border-color:var(--pw-border); margin-bottom:-1px; font-weight:var(--pw-fw-semibold); }

/* ═══ Rekabet sinyal listeleri (Rekabet Radarı + Rakip Analiz ortak) ═══
   Tek kaynak: iki sayfa da aynı satır/kart dilini kullansın diye buraya alındı. */
  .rk-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--pw-3);margin-bottom:var(--pw-4)}
  .rk-stat{position:relative;background:var(--pw-surface);border:1px solid var(--pw-border);
    border-radius:var(--pw-r-lg);padding:var(--pw-4);overflow:hidden}
  .rk-stat::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--pw-border-strong)}
  .rk-stat.is-win::after{background:var(--pw-success)}
  .rk-stat.is-risk::after{background:var(--pw-danger)}
  .rk-stat.is-warn::after{background:var(--pw-warning)}
  .rk-stat.is-info::after{background:var(--pw-accent)}
  .rk-stat-lab{font-size:var(--pw-fs-xs);color:var(--pw-text-3);text-transform:uppercase;
    letter-spacing:.04em;font-weight:600;display:flex;align-items:center;gap:6px}
  .rk-stat-val{font-size:var(--pw-fs-3xl);font-weight:700;color:var(--pw-text);line-height:1.1;margin-top:6px}
  .rk-stat-sub{font-size:var(--pw-fs-xs);color:var(--pw-text-3);margin-top:4px}
  .rk-stat.is-win .rk-stat-val{color:var(--pw-success)}
  .rk-stat.is-risk .rk-stat-val{color:var(--pw-danger)}

  .rk-bar{display:flex;height:10px;border-radius:var(--pw-r-full);overflow:hidden;margin-top:10px;background:var(--pw-surface-3)}
  .rk-bar span{display:block;height:100%}

  .rk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--pw-4)}
  .rk-sec{background:var(--pw-surface);border:1px solid var(--pw-border);border-radius:var(--pw-r-lg);overflow:hidden}
  .rk-sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pw-2);
    padding:var(--pw-3) var(--pw-4);border-bottom:1px solid var(--pw-border);background:var(--pw-surface-2)}
  .rk-sec-title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:var(--pw-fs-sm);color:var(--pw-text)}
  .rk-sec-title i{font-size:16px}
  .rk-sec-body{padding:var(--pw-2) 0;max-height:420px;overflow-y:auto}

  .rk-row{display:flex;align-items:center;gap:var(--pw-3);padding:10px var(--pw-4);
    border-bottom:1px solid var(--pw-border-soft,var(--pw-surface-3));cursor:pointer;transition:background var(--pw-fast,.12s)}
  .rk-row:last-child{border-bottom:0}
  .rk-row:hover{background:var(--pw-accent-soft)}
  .rk-row-main{flex:1;min-width:0}
  .rk-row-ad{font-size:var(--pw-fs-sm);color:var(--pw-text);font-weight:520;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rk-row-meta{font-size:var(--pw-fs-xs);color:var(--pw-text-3);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}
  .rk-row-val{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}
  .rk-row-val b{display:block;font-size:var(--pw-fs-sm);color:var(--pw-text)}
  .rk-row-val small{font-size:var(--pw-fs-xs);color:var(--pw-text-3)}
  .rk-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:var(--pw-r-full);
    font-size:11px;font-weight:600;line-height:1.6}
  .rk-chip.dn{background:var(--pw-success-soft);color:var(--pw-success-text,var(--pw-success))}
  .rk-chip.up{background:var(--pw-danger-soft);color:var(--pw-danger-text,var(--pw-danger))}
  .rk-chip.rk{background:var(--pw-surface-3);color:var(--pw-text-2)}
  .rk-chip.al{background:var(--pw-warning-soft);color:var(--pw-warning-text,var(--pw-warning))}

  .rk-note{padding:var(--pw-3) var(--pw-4);font-size:var(--pw-fs-xs);color:var(--pw-text-3);
    background:var(--pw-surface-2);border-top:1px solid var(--pw-border)}
  .rk-empty{padding:var(--pw-6) var(--pw-4);text-align:center;color:var(--pw-text-3);font-size:var(--pw-fs-sm)}
  .rk-empty i{display:block;font-size:26px;margin-bottom:8px;color:var(--pw-text-faint)}
.rk-row-ops{display:flex;gap:4px;flex-shrink:0;align-items:center}
.rk-row-ops .pw-btn{padding:4px 7px;min-height:0}
.rk-row[data-barkod]{cursor:pointer}