admin_page.css

/* static/css/admin_page.css */

.admin-wrap{
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
  box-shadow: var(--shadow);
  padding: 18px;
}

.admin-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 14px;
}

.admin-title{
  margin:0;
  font-size: 22px;
  font-weight: 700;
}

.form-grid{
  display:grid;
  gap: 10px;
}

.form-grid label{ font-size: 13px; color: var(--muted); }

.form-grid input,
.form-grid textarea{
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  border-radius: 14px;
  padding: 10px 12px;
  outline:none;
}

.form-grid textarea{ min-height: 260px; resize: vertical; }

.admin-row{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  align-items:center;
}

.admin-table{
  width:100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.admin-table th{
  text-align:left;
  font-size: 12.5px;
  color: var(--muted);
  font-weight: 600;
  padding: 0 10px;
}

.admin-table td{
  background: rgba(109, 71, 21, 0.03);
  border: 1px solid var(--line);
  padding: 10px;
}

.admin-table tr td:first-child{ border-radius: 14px 0 0 14px; }
.admin-table tr td:last-child{ border-radius: 0 14px 14px 0; }

.flash{
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
  margin-bottom: 12px;
  background: rgba(109, 71, 21, 0.06);
}

.page-desc{
  margin: 0 0 18px 0;
  color: var(--muted);
  line-height: 1.8;
  font-size: 14px;
}


.admin-thumb-row{display:flex;gap:12px;align-items:center;margin:6px 0 10px}
.admin-thumb{width:120px;height:70px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.admin-gallery{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.admin-inline{display:flex;align-items:center;gap:8px;font-size:14px}