/* Minimal clean UI for MediaLK Documents */
.mlk-docs-wrap { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; }
.mlk-docs-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.mlk-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.mlk-field { display: flex; flex-direction: column; gap: .3rem; }
.mlk-field label { font-size: .9rem; color: #374151; }
.mlk-field input, .mlk-field select { padding: .5rem .6rem; border: 1px solid #d1d5db; border-radius: 10px; }
.mlk-actions { display:flex; gap:.6rem; align-items:center; }
.mlk-results .mlk-item { border-bottom: 1px solid #f3f4f6; padding: 1rem 0; }
.mlk-item h3 { margin:0; font-size: 1.05rem; }
.mlk-meta { font-size: .88rem; color:#4b5563; display:flex; flex-wrap:wrap; gap:.6rem; }
.mlk-tags { font-size:.85rem; color:#6b7280; }
.mlk-badges span { background:#eef2ff; border:1px solid #e0e7ff; padding:.1rem .4rem; border-radius:8px; margin-right:.3rem; }
.mlk-submit { background:#111827; color:white; padding:.6rem 1rem; border:none; border-radius:10px; cursor:pointer; }
.mlk-reset { background:#f3f4f6; color:#111827; padding:.6rem 1rem; border:none; border-radius:10px; cursor:pointer; }
@media (max-width: 800px) {
  .mlk-docs-grid { grid-template-columns: 1fr; }
}