/* admin.pochatok.online (19.10, Main site/server/admin.html): the owner's panel. Blocks = the cabinet's grey blocks (40 / 24, no border),
   inputs white with a border, buttons black; nothing yellow except a plate. Width = the cabinet's 1140 column. */
.adm-out[hidden], .adm-panel[hidden], .adm-mfa[hidden], .adm-qr[hidden] { display: none; }
.adm { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
.adm-out { padding: 0; border: 0; background: none; color: var(--white); font: inherit; font-size: 16px; cursor: pointer; }
.adm-out:hover { opacity: .7; }
.adm-main { display: flex; flex-direction: column; gap: 40px; width: 100%; max-width: calc(1140px + 2 * var(--pad)); margin: 0 auto;
  padding: 60px var(--pad) 140px; }
.adm-head { display: flex; flex-direction: column; gap: 12px; }
.adm-lead, .adm-text { font-size: 16px; line-height: 1.65; color: var(--grey-text); }
.adm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.adm-panel { display: flex; flex-direction: column; gap: 40px; }
.adm-block { display: flex; flex-direction: column; gap: 16px; padding: 40px; background: var(--grey-bg); }
.adm-h2 { font-size: 24px; line-height: 1.2; }
.adm-soon { font-size: 14px; color: var(--grey-text); }
.adm-mfa { max-width: 808px; }
.adm-qr { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.adm-qr img { width: 200px; height: 200px; padding: 12px; background: var(--white); }
.adm-qr .adm-text { flex: 1 1 240px; }
.adm-secret { font-family: inherit; color: var(--black); word-break: break-all; letter-spacing: 1px; }
.adm-code { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.adm-code .ob-field { width: 240px; }
.adm-code .adm-field { width: 360px; }
.adm-input { background: var(--white); }
.adm-code__input { background: var(--white); letter-spacing: 6px; }
.adm-code .req__error { margin: 0; }
.adm-table-wrap { overflow-x: auto; }
.adm-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; background: var(--white); }
.adm-table th, .adm-table td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--grey-bg); }
.adm-table th { color: var(--grey-text); font-weight: 400; white-space: nowrap; }
.adm-table td:first-child { white-space: nowrap; }
/* 19.10: the sections (tabs: the active one black, the rest grey; never an outline) */
.adm-sec[hidden], .adm-case__mail[hidden], .adm-hide[hidden] { display: none; }
.adm-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.adm-err:empty { display: none; }
.adm-sec, .adm-list { display: flex; flex-direction: column; gap: 20px; }
.adm-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.adm-field { width: 100%; max-width: 640px; }
.adm-field--s { width: 220px; }
.adm-textarea { height: auto; min-height: 220px; padding-top: 14px; padding-bottom: 14px; line-height: 1.6; resize: vertical;
  font: inherit; font-size: 16px; }
.adm-textarea--s { min-height: 96px; }
.adm-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.adm-fact { display: flex; flex-direction: column; gap: 6px; padding: 20px; background: var(--white); }
.adm-fact__k { font-size: 14px; color: var(--grey-text); }
.adm-fact__v { font-size: 22px; line-height: 1.25; }
.adm-h3 { font-size: 18px; line-height: 1.3; margin-top: 8px; }
.adm-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: var(--grey-text); }
.adm-pre { white-space: pre-wrap; word-break: break-word; font-size: 15px; line-height: 1.6; padding: 16px 20px; background: var(--white); }
.adm-tag { display: inline-block; padding: 2px 10px; font-size: 13px; line-height: 1.6; background: var(--white); color: var(--black); }
.adm-tag--warn { background: #f8e3dc; color: #c4320a; }
.adm-check { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; cursor: pointer; }
.adm-check input { width: 20px; height: 20px; accent-color: var(--black); }
.adm-site { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 16px 20px; background: var(--white); }
.adm-site__name { flex: 1 1 240px; display: flex; flex-direction: column; gap: 4px; }
.adm-site a, .adm-table a, .adm-meta a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.adm-hide { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; width: 100%; }
.adm-hide .ob-field { flex: 1 1 280px; }
.adm-case__mail { display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--white); }
.adm-case__mail .adm-input, .adm-case__mail .ob-select { border: 1px solid var(--grey-soft); }
.adm-num { text-align: right; white-space: nowrap; }
.adm-ok { font-size: 14px; color: var(--grey-text); }
.adm-bar { height: 8px; background: var(--white); }
.adm-bar span { display: block; height: 100%; background: var(--black); }
@media print {
  .page-top, .adm-head, .adm-tabs, .adm-noprint, .adm-sec:not([data-adm-sec="money"]), .adm-sec[data-adm-sec="money"] > .adm-block:not(.adm-print) { display: none !important; }
  .adm-main { padding: 0; }
  .adm-block { padding: 0; background: none; }
}
@media (max-width: 900px) {
  .adm-main { gap: 32px; padding: 40px var(--pad) 100px; }
  .adm-grid { grid-template-columns: 1fr; }
  .adm-block { padding: 24px; }
  .adm-h2 { font-size: 20px; }
  .adm-code .ob-field, .adm-code .adm-field, .adm-code .cbtn { width: 100%; }
  .adm-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm-fact { padding: 16px; }
  .adm-fact__v { font-size: 18px; }
  .adm-field, .adm-field--s, .adm-row .cbtn { width: 100%; }
  .adm-case__mail { padding: 16px; }
}