/* The existing PYMEHackers tokens, with bounded forms and readable records. */
#directory-workspace, #directory-workspace *, #directory-join, #directory-join * { min-width: 0; }
.directory-toolbar, .directory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.directory-toolbar { align-items: end; }
.directory-tabs, .directory-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1rem 0; }
.directory-tabs [aria-selected="true"] { border-color: #d22c21; background: #9b1f18; color: #fff; }
.directory-form { display: grid; gap: .8rem; margin: 1rem 0; }
.directory-form input, .directory-form select, .directory-form textarea { max-width: 100%; width: 100%; }
.directory-form input[type="checkbox"] { width: auto; }
.directory-form textarea { min-height: 6rem; }
.directory-form select[multiple] { min-height: 7rem; }
.directory-form label, #directory-workspace button, #directory-workspace summary { overflow-wrap: anywhere; white-space: normal; }
.directory-checks, .directory-schema { display: grid; gap: .6rem; padding: .8rem; border: 1px solid #3a3a3a; border-radius: .8rem; }
.directory-checks label { display: flex; gap: .6rem; align-items: start; }
.directory-entry { padding: 1rem; border: 1px solid #3a3a3a; border-radius: .85rem; background: rgba(255,255,255,.025); overflow-wrap: anywhere; }
.directory-entry p, #directory-workspace dd { white-space: pre-wrap; overflow-wrap: anywhere; }
.directory-entry h3 { margin-top: 0; }
#directory-workspace pre, #directory-secret pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; font-size: .8rem; }
#directory-workspace dt { font-weight: 650; color: #b8b8b8; }
#directory-workspace dd { margin: .1rem 0 .6rem; }
#directory-notice { border-left: 3px solid #d22c21; padding-left: .8rem; margin: 1rem 0; overflow-wrap: anywhere; }
#directory-notice:empty { display: none; }
#directory-secret { border-color: #d22c21; margin: 1rem 0; }
#directory-workspace .card-app > summary { cursor: pointer; font-weight: 700; }
#directory-workspace .directory-table { width: 100%; table-layout: fixed; }
#directory-workspace .directory-table td, #directory-workspace .directory-table th { overflow-wrap: anywhere; vertical-align: top; }
#directory-workspace.directory-compact .directory-entry { padding: .5rem .75rem; }
#directory-workspace .directory-grid { margin-top: 1rem; }
.directory-topology { overflow-x: auto; max-width: 100%; border: 1px solid #3a3a3a; border-radius: 1rem; margin-top: 1rem; }
#directory-workspace .directory-topology svg { width: 100%; min-width: 38rem; height: auto; display: block; }
.directory-topology text { fill: #fff; font-family: inherit; font-size: 14px; }
.directory-topology rect { fill: #202020; stroke: #d22c21; }
.directory-topology line { stroke: #7c7c7c; stroke-width: 1.5; }
.directory-topology .directory-link-active { stroke: #d22c21; stroke-width: 2; }
@media (max-width: 800px) {
  .directory-toolbar, .directory-grid { grid-template-columns: minmax(0, 1fr); }
  #directory-workspace .card-app { padding: 1rem; }
  .directory-tabs > button { flex: 1 1 8rem; }
}