/* ==========================================================
   DANGYLSIRL ADMIN LEGAL DOCUMENTS V1
   ========================================================== */

.legal-admin-manager {
  margin-top:18px;
}


.legal-admin-tabs {

  display:flex;

  gap:8px;

  flex-wrap:wrap;

  margin-bottom:15px;
}


.legal-doc-tab {

  display:flex;

  align-items:center;

  gap:8px;

  padding:10px 13px;

  border:
    1px solid rgba(255,255,255,.1);

  border-radius:10px;

  background:
    rgba(255,255,255,.025);

  color:inherit;

  font:inherit;

  font-size:12px;

  font-weight:750;

  cursor:pointer;
}


.legal-doc-tab:hover {

  border-color:
    rgba(255,255,255,.2);
}


.legal-doc-tab.active {

  border-color:
    #d7ff35;

  box-shadow:
    0 0 0 1px
    rgba(215,255,53,.07);
}


.legal-tab-status {

  padding:3px 6px;

  border-radius:999px;

  font-size:8px;

  font-weight:900;

  letter-spacing:.06em;
}


.legal-tab-status.published {

  color:#78ef91;

  background:
    rgba(80,220,110,.1);

  border:
    1px solid rgba(80,220,110,.2);
}


.legal-tab-status.draft {

  color:#ffcf5a;

  background:
    rgba(255,190,50,.08);

  border:
    1px solid rgba(255,190,50,.18);
}


.legal-admin-body {

  display:flex;

  flex-direction:column;

  gap:15px;
}


.legal-admin-meta {

  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:12px;
}


.legal-admin-published {

  display:flex !important;

  flex-direction:row !important;

  align-items:center;

  justify-content:space-between;

  gap:12px;
}


.legal-admin-published
input[type="checkbox"] {

  width:20px;

  height:20px;
}


.legal-admin-language-grid {

  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:14px;
}


.legal-language-card {

  min-width:0;

  padding:14px;

  border:
    1px solid rgba(255,255,255,.08);

  border-radius:13px;

  background:
    rgba(255,255,255,.018);
}


.legal-language-head {

  margin-bottom:13px;

  color:#d7ff35;

  font-size:10px;

  font-weight:900;

  letter-spacing:.12em;
}


.legal-editor-label {

  margin:
    12px 0 7px;

  font-size:11px;

  font-weight:700;
}


.legal-toolbar {

  display:flex;

  gap:5px;

  flex-wrap:wrap;

  margin-bottom:7px;
}


.legal-toolbar button {

  min-width:35px;

  padding:6px 8px;

  border:
    1px solid rgba(255,255,255,.1);

  border-radius:7px;

  background:
    rgba(255,255,255,.035);

  color:inherit;

  font:inherit;

  font-size:10px;

  font-weight:750;

  cursor:pointer;
}


.legal-toolbar button:hover {

  border-color:#d7ff35;

  color:#d7ff35;
}


.legal-content-editor {

  width:100%;

  min-height:430px;

  resize:vertical;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;

  line-height:1.55;
}


.legal-admin-preview-actions {

  display:flex;

  gap:8px;

  flex-wrap:wrap;
}


.legal-admin-preview {

  padding:22px;

  border:
    1px solid rgba(215,255,53,.18);

  border-radius:14px;

  background:
    rgba(255,255,255,.018);
}


.legal-preview-head {

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  margin-bottom:17px;

  color:#8f9ba2;

  font-size:10px;

  font-weight:800;

  letter-spacing:.07em;
}


.legal-admin-preview h1 {

  margin:
    0 0 20px;

  font-size:28px;
}


.legal-preview-content {

  color:#b9c4c9;

  line-height:1.7;
}


.legal-preview-content h2 {

  margin:
    26px 0 10px;

  color:#edf5f7;

  font-size:20px;
}


.legal-preview-content h3 {

  margin:
    21px 0 8px;

  color:#edf5f7;

  font-size:16px;
}


.legal-preview-content p {

  margin:
    0 0 12px;
}


.legal-preview-content ul,
.legal-preview-content ol {

  margin:
    0 0 15px;

  padding-left:24px;
}


.legal-preview-content a {

  color:#d7ff35;
}


.legal-format-help {

  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:7px;

  color:#839097;

  font-size:10px;
}


.legal-format-help code {

  padding:4px 6px;

  border-radius:5px;

  background:
    rgba(255,255,255,.04);
}


.legal-admin-save {

  display:flex;

  justify-content:flex-end;
}


@media(max-width:900px) {

  .legal-admin-language-grid,
  .legal-admin-meta {

    grid-template-columns:1fr;
  }


  .legal-content-editor {

    min-height:330px;
  }
}


/* END DANGYLSIRL_ADMIN_LEGAL_DOCUMENTS_V1 */