/* ===== Reset e bases mobile ===== */
:root { --line:#e5e7eb; --bg:#f7fafc; --card:#fff; --blue:#2563eb; --text:#111827; --muted:#6b7280; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { width:100%; min-height:100%; margin:0; padding:0; background:var(--bg); color:var(--text); }
body { overflow-x: hidden; }
img, video, canvas { max-width:100%; height:auto; display:block; }
input, select, textarea, button { font: inherit; }
.wrap { width:100%; max-width:1080px; margin:0 auto; padding:16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; }
.topnav, .row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.topnav > * { flex: 0 1 auto; }
.brand { display:flex; gap:12px; align-items:center; }
.logo { width:44px; height:44px; border-radius:12px; background:#fff; display:grid; place-items:center; }
input[type="text"], input[type="number"], input[type="password"], input[type="file"], select, textarea {
  width:100%; padding:12px; border:1px solid var(--line); border-radius:12px; background:#fff;
}
button, .btn { padding:12px 16px; border-radius:12px; border:0; background:#2563eb; color:#fff; font-weight:700; }
.btn { text-decoration:none; white-space:nowrap; display:inline-block; }
.table-wrap { width:100%; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { padding:10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.table th { background:#f8fafc; }
@media (max-width: 768px) {
  .table, .table thead, .table tbody, .table th, .table tr { display:block; }
  .table thead { display:none; }
  .table tr { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px; margin-bottom:12px; }
  .table td { display:flex; gap:10px; padding:8px 0; border:none; border-bottom:1px dashed var(--line); }
  .table td:last-child { border-bottom:none; }
  .table td::before { content: attr(data-th); min-width: 110px; color: var(--muted); font-weight:600; }
  .thumb { width:72px; height:72px; object-fit:cover; border-radius:10px; border:1px solid var(--line); }
  .actions { display:flex; gap:8px; flex-wrap:wrap; }
}