/* Minimal RTL stylesheet for hmdqr.me */
body { font-family: system-ui, -apple-system, sans-serif; margin: 0; padding: 0; line-height: 1.6; background: #f9f9f9; color: #222; }
header { background: #1a1a2e; color: #fff; padding: 1rem; }
nav { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
nav a { color: #fff; text-decoration: none; }
main { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
footer { text-align: center; padding: 2rem; color: #666; }
.posts article { background: #fff; padding: 1rem; margin-bottom: 1rem; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.posts h2 { margin: 0 0 0.5rem; }
.meta { color: #666; font-size: 0.9rem; }
.error { color: #c00; }
.flash { color: #080; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { padding: 0.5rem; border-bottom: 1px solid #ddd; text-align: right; }
form label { display: block; margin-bottom: 0.5rem; }
input, textarea, select, button { box-sizing: border-box; width: 100%; padding: 0.5rem; font-size: 1rem; }
textarea { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
button, .button { display: inline-block; width: auto; padding: 0.55rem 0.9rem; border: 0; border-radius: 6px; background: #1a1a2e; color: #fff; text-decoration: none; cursor: pointer; }
.nav-form { display: inline; margin: 0; }
.nav-form button { background: transparent; color: #fff; padding: 0; }
.admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.editor-form { background: #fff; padding: 1rem; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.content { background: #fff; padding: 1rem; border-radius: 6px; }
@media (max-width: 640px) { .form-grid, .admin-heading { display: block; } }

/* --- Admin dashboard --- */
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.stat-card { display: flex; flex-direction: column; gap: 0.25rem; background: #fff; padding: 1rem; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); text-decoration: none; color: #222; border-inline-start: 4px solid #1a1a2e; }
.stat-card.stat-ok { border-inline-start-color: #1f9d55; }
.stat-card.stat-warn { border-inline-start-color: #d97706; }
.stat-num { font-size: 1.8rem; font-weight: 700; line-height: 1; }
.stat-label { color: #666; font-size: 0.85rem; }

.admin-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.panel { background: #fff; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); padding: 1rem; }
.panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.panel-head h2 { margin: 0; font-size: 1.1rem; }
.panel-head a { font-size: 0.85rem; }
.panel table { box-shadow: none; }
.empty { color: #666; padding: 0.5rem 0; }
.quick-links { display: flex; flex-wrap: wrap; gap: 1rem; }
.quick-links a { background: #fff; padding: 0.6rem 1rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); text-decoration: none; color: #1a1a2e; }

/* --- Status badges --- */
.badge { display: inline-block; padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.8rem; font-weight: 600; }
.badge-ok { background: #def7ec; color: #03543f; }
.badge-warn { background: #fef3c7; color: #92400e; }
.badge-muted { background: #e5e7eb; color: #374151; }

/* --- Posts table actions --- */
.posts-table .actions { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.posts-table .actions form { display: inline; margin: 0; width: auto; }
.btn-sm { width: auto; display: inline-block; padding: 0.3rem 0.7rem; font-size: 0.85rem; border: 0; border-radius: 6px; background: #1a1a2e; color: #fff; text-decoration: none; cursor: pointer; }
.btn-ok { background: #1f9d55; }
.btn-warn { background: #d97706; }
.btn-danger { background: #dc2626; }