/* Styles for src/pages/style-edit.js and nothing else. A TabControl. */

.style-edit__tabs { display: flex; gap: 0; border-bottom: 1px solid var(--c-button-border); margin-bottom: var(--s-3); padding-left: 2px; }
.style-edit__tab {
  border: 1px solid var(--c-button-border);
  border-bottom: none;
  background: var(--c-control);
  min-height: 0;
  padding: 3px 10px;
  margin-bottom: -1px;
  color: var(--c-text);
}
.style-edit__tab--on { background: var(--c-window); padding-bottom: 4px; }

.style-edit__rules h4 { margin: var(--s-2) 0 var(--s-1); }
.style-edit__ok { padding-left: 18px; }
.style-edit__ok li::marker { color: var(--c-success); content: "\2713  "; }
.style-edit__no { padding-left: 18px; }
.style-edit__no li::marker { color: var(--c-error); content: "\2717  "; }
.style-edit__no li { margin-bottom: var(--s-1); }

.style-edit__img { width: 100%; min-height: 20px; padding: 1px 4px; font-size: var(--t-xs); }
.style-edit .form-grid { margin-top: var(--s-2); }