/* =========================================================================
   dialog.css  —  #page-dialog (SA-MP სტილის დიალოგი, LOGIN/REGISTER-ის დიზაინით)
   ყველა სელექტორი დასკოპულია #page-dialog-ზე, კლასები იწყება dlg- პრეფიქსით.
   ========================================================================= */
#page-dialog {
  --red: #ff4747;
  --red-dark: #d93030;
  --light: #eaeaea;
  --muted: #eaeaea8c;
  --black: #0a0a0a;
  --panel: #eaeaea0a;
  --line: #eaeaea1f;
  --radius: 12px;
  --font-head: "Rajdhani", "Noto Sans Georgian", "Segoe UI", Arial, sans-serif;
  --font-body: "Noto Sans Georgian", "Manrope", "Segoe UI", Arial, sans-serif;
  font-family: var(--font-body);
  color: var(--light);
  background: radial-gradient(ellipse at center, #00000059 0%, #000000b3 100%);
  backdrop-filter: blur(3px);
}
#page-dialog * { box-sizing: border-box; }

/* ---------- ფანჯარა ---------- */
#page-dialog .dlg-window {
  position: relative;
  width: min(440px, 92vw);
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #131316 0%, #08080a 100%);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 30px 90px #000000cc, 0 0 60px #ff474718;
  overflow: hidden;
  transform: translateY(10px) scale(0.97);
  transition: transform 0.18s ease;
}
#page-dialog.dlg-wide .dlg-window { width: min(720px, 94vw); }
#page-dialog.visible .dlg-window { transform: none; }

/* ზედა წითელი ხაზი */
#page-dialog .dlg-window::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--red), var(--red-dark) 60%, transparent);
}
/* სინათლის ლაქა ზემოთ */
#page-dialog .dlg-window::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 120px;
  background: radial-gradient(60% 100% at 50% 0%, #ff47471f, transparent 75%);
  pointer-events: none;
}

/* ---------- სათაური ---------- */
#page-dialog .dlg-head { position: relative; z-index: 1; padding: 22px 26px 16px; }
#page-dialog .dlg-brand {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.22em;
  color: var(--muted);
  margin-bottom: 8px;
}
#page-dialog .dlg-brand span { color: var(--red); }
#page-dialog .dlg-title {
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  word-break: break-word;
}

/* ---------- შიგთავსი ---------- */
#page-dialog .dlg-body { position: relative; z-index: 1; padding: 0 26px 8px; min-height: 0; display: flex; flex-direction: column; }

#page-dialog .dlg-text {
  font-size: 14px;
  line-height: 1.65;
  color: #eaeaeae6;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 46vh;
  overflow-y: auto;
  margin-bottom: 14px;
}

/* ---------- სია ---------- */
#page-dialog .dlg-list {
  max-height: 46vh;
  overflow-y: auto;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}
#page-dialog .dlg-table { width: 100%; border-collapse: collapse; font-size: 14px; }
#page-dialog .dlg-table th {
  position: sticky; top: 0;
  padding: 10px 16px;
  text-align: left;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  background: #141417;
  border-bottom: 1px solid var(--line);
}
#page-dialog .dlg-table td {
  padding: 11px 16px;
  border-bottom: 1px solid #eaeaea0d;
  cursor: pointer;
  transition: background 0.12s;
}
#page-dialog .dlg-table tr:last-child td { border-bottom: none; }
#page-dialog .dlg-table tbody tr:hover td { background: #eaeaea0f; }
#page-dialog .dlg-table tbody tr.sel td { background: #ff474724; color: #fff; }
#page-dialog .dlg-table tbody tr.sel td:first-child { box-shadow: inset 3px 0 0 var(--red); }

/* ---------- input ---------- */
#page-dialog .dlg-input {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  margin-bottom: 14px;
  font: 600 14px/1.4 var(--font-body);
  color: var(--light);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  outline: none;
  user-select: text;
  -webkit-user-select: text;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#page-dialog .dlg-input::placeholder { color: #eaeaea40; font-weight: 400; }
#page-dialog .dlg-input:focus { border-color: var(--red); box-shadow: 0 0 0 3px #ff474726; }

/* ---------- ღილაკები ---------- */
#page-dialog .dlg-foot { position: relative; z-index: 1; display: flex; gap: 12px; padding: 10px 26px 24px; }
#page-dialog .dlg-btn {
  flex: 1;
  height: 50px;
  font: 800 13px/1 var(--font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--light);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, filter 0.15s, transform 0.05s;
}
#page-dialog .dlg-btn:hover { background: #eaeaea14; border-color: #eaeaea40; }
#page-dialog .dlg-btn:active { transform: translateY(1px); }
#page-dialog .dlg-btn-primary {
  color: #fff;
  background: linear-gradient(180deg, var(--red), var(--red-dark));
  border-color: transparent;
  box-shadow: 0 10px 26px #ff474759;
}
#page-dialog .dlg-btn-primary:hover { background: linear-gradient(180deg, var(--red), var(--red-dark)); border-color: transparent; filter: brightness(1.08); }
#page-dialog .dlg-btn:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }

/* ---------- სქროლბარი ---------- */
#page-dialog .dlg-text::-webkit-scrollbar,
#page-dialog .dlg-list::-webkit-scrollbar { width: 6px; }
#page-dialog .dlg-text::-webkit-scrollbar-thumb,
#page-dialog .dlg-list::-webkit-scrollbar-thumb { background: #eaeaea33; border-radius: 3px; }
#page-dialog .dlg-text::-webkit-scrollbar-track,
#page-dialog .dlg-list::-webkit-scrollbar-track { background: transparent; }

@media (prefers-reduced-motion: reduce) { #page-dialog .dlg-window { transition: none; } }