/* ==========================================================================
   قوشۇمچە ئۇسلۇبلار — app.css نى تولۇقلايدۇ
   ========================================================================== */
.num {
  direction: ltr;
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
}

.dl-meta b { text-align: right; }
.dl-meta b.ltr { text-align: right; }

.card-stats { direction: ltr; unicode-bidi: isolate; }

.auth-card[data-mode="login"] .register-only { display: none; }

.prose pre {
  margin: 0 0 1em;
  padding: 13px 15px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: rgba(3, 11, 7, 0.7);
  overflow-x: auto;
  direction: ltr;
  text-align: left;
}
.prose pre code {
  border: 0;
  padding: 0;
  background: none;
  font-size: 0.82rem;
  color: #bdf7d0;
}

.cat-row {
  width: 100%;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
  text-align: start;
}

.dropzone[hidden],
.file-pill[hidden],
.progress[hidden],
#file-dz[hidden],
#file-pill[hidden] {
  display: none !important;
}

.dz-inner { display: grid; place-items: center; gap: 5px; }
.dropzone.has-image .dz-inner { display: none; }
.dropzone:not(.has-image) .dz-overlay { display: none; }
.dropzone.has-image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dropzone .progress { z-index: 2; }

.banner-preview {
  position: relative;
  aspect-ratio: 16 / 6;
  min-height: 76px;
  margin-top: 9px;
  border-radius: 12px;
  border: 1px solid var(--line);
  overflow: hidden;
  background:
    radial-gradient(320px 120px at 20% 0%, rgba(94, 242, 160, 0.14), transparent 70%),
    rgba(4, 14, 9, 0.55);
  display: grid;
  place-items: center;
  color: var(--dim);
  font-size: 0.76rem;
}
.banner-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-preview span { display: inline-flex; align-items: center; gap: 6px; }
.banner-preview .ic { width: 16px; height: 16px; color: var(--green); }

.settings-preview-body {
  position: relative;
  margin-top: -36px;
  padding: 0 16px 18px;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 3px;
}
.settings-preview-body .avatar { border: 3px solid #07160f; }
.settings-preview-body h3 { font-size: 0.98rem; margin-top: 8px; line-height: 1.4; }
.settings-preview-body .dim { font-size: 0.74rem; }
.settings-preview-body .muted { font-size: 0.72rem; }

.tag-chips { display: contents; }
.tag-input .tag button { margin-inline-start: 3px; }

.mini-author .name { color: var(--text); font-weight: 600; }

.hero-title { text-align: start; }

.form-card .sec-head small { color: var(--dim); }
.field-hint { line-height: 1.7; }

.preview-cover { position: relative; }
.preview-cover .cover-fallback { position: absolute; inset: 0; display: grid; place-items: center; }

.file-pill .rm .ic { width: 14px; height: 14px; }

.editor-form .form-actions { padding: 4px 2px; }
.settings .form-actions { padding: 0 2px; }

.auth-wrap > .auth-secure { justify-content: center; }

@media (max-width: 1120px) {
  .post-layout { display: flex; flex-direction: column; }
  .post-main { order: 2; }
  .post-aside { order: 1; }
}

@media (max-width: 760px) {
  .rail { display: none; }
  .landing-links .btn-ghost { display: none; }
  .landing-nav { gap: 10px; }
  .landing-links .btn { padding: 8px 13px; }
  .auth-secure span { min-width: 0; }
}

@media (max-width: 560px) {
  .dl-meta { gap: 6px; }
  .profile-stats { gap: 14px; }
  .hero-term { display: none; }
  .form-card { padding: 17px; }
  .form-grid--3 { grid-template-columns: 1fr; }
  .landing .brand { gap: 8px; }
  .landing .brand-mark { width: 36px; height: 36px; }
  .landing .brand-text b { font-size: 0.8rem; letter-spacing: 0.06em; }
  .landing .brand-text small { display: none; }
}