/* Blocks, attributes, references, counts (ui/blockref.js). */
/* The block authoring palette (ui/block-author.js). */
/* Over the drawing at the dock's right, above it: the tools stay where they are. */
.block-author { position: absolute; right: 0; bottom: calc(100% + 8px); width: min(440px, calc(100vw - 24px)); padding: 6px 10px 8px; font-size: 13px; max-height: min(55vh, 560px); overflow: auto; }
.block-author[hidden] { display: none; }
.ba-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ba-tabs { display: flex; flex-wrap: wrap; gap: 2px; margin: 6px 0; }
.ba-tab { border: 0; background: none; color: inherit; padding: 4px 8px; border-radius: 6px; cursor: pointer; font: inherit; }
.ba-tab.on { background: var(--hover, rgba(128, 128, 128, 0.15)); font-weight: 600; }
.ba-tools { display: flex; flex-wrap: wrap; gap: 4px; padding-bottom: 6px; border-bottom: 1px solid var(--line, rgba(128, 128, 128, 0.25)); }
.ba-list { display: flex; flex-direction: column; gap: 3px; padding-top: 6px; }
.ba-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ba-row .field { flex: 1; min-width: 80px; }
.ba-row .ba-kind { min-width: 52px; color: var(--muted, #888); }
.ba-row .ba-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ba-row .warn { color: var(--danger, #d33); }
.ba-vs { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; padding-left: 58px; }
.ba-vs .field { width: auto; min-width: 70px; flex: 1; }
.ba-vs-fields { display: contents; }
.ba-check { display: inline-flex; align-items: center; gap: 4px; }
.ba-scroll { overflow: auto; max-width: 100%; }
.ba-lookup .field { min-width: 64px; }
.ba-lookup-col { background: var(--hover, rgba(128, 128, 128, 0.08)); }
.ba-foot { justify-content: flex-end; border-top: 1px solid var(--line, rgba(128, 128, 128, 0.25)); padding-top: 6px; margin-top: 4px; }
.br-menu { width: min(480px, calc(100vw - 24px)); max-width: min(480px, calc(100vw - 24px)); gap: 6px; }
.dx-menu, .att-editor { width: min(620px, calc(100vw - 24px)); max-width: min(620px, calc(100vw - 24px)); }
.br-menu .sh2 { font-size: 12px; color: var(--muted, #888); margin-top: 6px; }
.br-row { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.br-row .br-k { min-width: 72px; color: var(--muted, #888); }
.br-row .field { flex: 1; min-width: 0; }
.br-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 4px 10px; padding: 4px 0; }
.br-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.br-table th, .br-table td { border-bottom: 1px solid var(--line, rgba(128, 128, 128, 0.25)); padding: 3px 6px; text-align: left; white-space: nowrap; }
.br-table td.br-actions { display: flex; gap: 2px; align-items: center; }
.dx-preview { max-height: 240px; overflow: auto; border: 1px solid var(--line, rgba(128, 128, 128, 0.25)); border-radius: 6px; }
.dx-checks { display: flex; flex-wrap: wrap; gap: 2px 8px; max-height: 160px; overflow: auto; padding: 4px 0; }
.att-list { display: flex; flex-direction: column; gap: 2px; max-height: 50vh; overflow: auto; }
.att-row { border: 1px solid var(--line, rgba(128, 128, 128, 0.25)); border-radius: 6px; padding: 2px 6px; }
.att-row.open { background: var(--hover, rgba(128, 128, 128, 0.08)); }
.att-head { display: grid; grid-template-columns: minmax(70px, auto) 1fr 1fr; gap: 8px; width: 100%; text-align: left; background: none; border: 0; color: inherit; padding: 4px 0; cursor: pointer; font: inherit; font-size: 13px; }
.att-head .att-val { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.count-list, .group-list { display: flex; flex-direction: column; gap: 2px; max-height: 50vh; overflow: auto; }
.count-row, .group-row { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 13px; padding: 2px 0; border-bottom: 1px solid var(--line, rgba(128, 128, 128, 0.2)); }
.count-row .name { flex: 1; min-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-row .field { width: 120px; flex: 1; }
.btn.warn { color: var(--danger, #d33); }
.count-found { font-weight: 600; padding: 4px 0; }
.xref-actions { display: flex; flex-wrap: wrap; gap: 4px; }
.refs-attach { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 0; }

/* Block palette tabs: this drawing, recent, favorites. */
.block-tabs { margin: 0 6px 6px; }
.block-tabs .btn { flex: 1; }
.block-tabs .btn[aria-selected="true"] { border-color: var(--accent); color: var(--accent); }

/* The REFEDIT bar: like the block editor banner (its own class, so the two are told apart). */
.refedit-banner { display: flex; align-items: center; gap: 8px; align-self: center; padding: 6px 6px 6px 12px; border-radius: 999px; font-size: 13px; white-space: nowrap; }
.refedit-banner[hidden] { display: none; }