:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
    body { margin: 0; background: #0b0b0b; color: #f2f2f2; }
    .wrap { max-width: 980px; margin: 0 auto; padding: 16px; }
    .card { background: #141414; border: 1px solid #242424; border-radius: 14px; padding: 14px; }
    .row { display: flex; gap: 10px; flex-wrap: wrap; }
    input, button { border-radius: 10px; border: 1px solid #2a2a2a; background: #0f0f0f; color: #f2f2f2; padding: 10px; }
    input { flex: 1; min-width: 180px; }
    button { cursor: pointer; }
    button.primary { background: #1f2937; }
    button.danger { background: #3a1111; border-color: #5a1b1b; }
    .muted { color: #a1a1a1; font-size: 12px; }
    .topbar { display:flex; justify-content:space-between; align-items:center; gap: 10px; margin-bottom: 12px;}
    .grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-top: 12px; }
    .item { display:flex; gap: 10px; align-items:flex-start; }
    .thumb { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; border: 1px solid #2a2a2a; background:#0f0f0f; }
    .item h4 { margin: 0 0 4px 0; font-size: 16px; }
    .pill { display:inline-block; padding: 2px 8px; border-radius: 999px; background:#0f172a; border:1px solid #24324d; font-size:12px; }
    .actions { display:flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
    .mini input { padding: 8px; }
    .mini button { padding: 8px 10px; }
    /* Mobil iyileştirmeler */
    @media (max-width: 520px) {
    .wrap { padding: 12px; }
    .topbar { flex-direction: column; align-items: stretch; gap: 8px; }
    .row { flex-direction: column; }
    input, button { width: 100%; min-width: 0; }
    .grid { grid-template-columns: 1fr; }
    .actions { flex-direction: column; align-items: stretch; }
    .mini button { width: 100%; }
    }

    /* Ürün kartında aksiyonları daha düzenli yap */
    .actions.mini {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    }
    .actions.mini input {
    grid-column: 1 / -1; /* input tüm satırı kaplasın */
    }
    .actions.mini button.danger {
    grid-column: 1 / -1; /* sil butonu altta tam genişlik */
    }

    /* Üst başlıkta başlık kırılmasın */
    .topbar > div:first-child { line-height: 1.2; }