/* The selected Console drawer, with exact draft fields and bounded row pages. @req GUI-1 */
.native-draft-editor { --nd-border: #cbd5e1; --nd-bg: #fff; --nd-muted: #475569; --nd-error: #a12820; color: #0f172a; font-size: .875rem; }
.dark .native-draft-editor { --nd-border: #475569; --nd-bg: #182334; --nd-muted: #cbd5e1; --nd-error: #fca5a5; color: #f1f5f9; }
.nd-header p, .nd-content p { margin-block: .4rem; color: var(--nd-muted); }
.nd-header strong { font-size: 1.125rem; overflow-wrap: anywhere; }
.nd-owner { overflow-wrap: anywhere; }
.nd-toolbar, .nd-row-actions, .nd-section-heading, .nd-pagination { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.nd-toolbar { padding-block: 1rem; border-block-end: 1px solid var(--nd-border); }
.nd-toolbar-footer { border-block-end: 0; }
.native-draft-editor button { min-height: 2.5rem; border: 1px solid var(--nd-border); border-radius: .375rem; padding: .4rem .7rem; background: var(--nd-bg); color: inherit; font-weight: 600; }
.native-draft-editor button.nd-primary { background: #2f5bea; color: #fff; border-color: #2f5bea; }
.native-draft-editor button:disabled { opacity: .5; cursor: not-allowed; }
.native-draft-editor :is(button,input,select,textarea,summary):focus-visible { outline: 2px solid #4c7aff; outline-offset: 3px; }
.nd-content { border: 0; padding: 0; margin: 0; min-width: 0; }
.nd-content section { padding-block: 1.25rem; border-block-end: 1px solid var(--nd-border); }
.nd-content h3 { font-size: 1rem; font-weight: 700; margin-block-end: .6rem; }
.nd-section-heading { justify-content: space-between; }
.nd-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1rem; }
.nd-field { min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.nd-field label { font-weight: 600; }
.nd-field :is(input,select,textarea) { display: block; width: 100%; min-height: 2.5rem; border: 1px solid var(--nd-border); border-radius: .3rem; padding: .45rem .6rem; background: var(--nd-bg); color: inherit; font: inherit; }
.nd-field textarea { resize: vertical; }
.nd-field small { color: var(--nd-muted); font-size: .75rem; }
.nd-field-error { color: var(--nd-error); font-size: .8rem; }
.nd-field-error:empty { display: none; }
.nd-card { margin-block: .8rem; border: 1px solid var(--nd-border); border-radius: .5rem; padding: .8rem; }
.nd-card summary { font-weight: 700; cursor: pointer; overflow-wrap: anywhere; }
.nd-card[open] summary { margin-block-end: .9rem; }
.nd-row-actions { margin-block-start: .8rem; }
.nd-errors, .nd-notice { padding: .75rem; margin-block: .75rem; border: 1px solid currentColor; border-radius: .4rem; }
.nd-errors { color: var(--nd-error); }
.nd-errors ul { padding-inline-start: 1.2rem; list-style: disc; }
.nd-notice { color: #147a4b; }
.dark .nd-notice { color: #86efac; }
.nd-dirty { color: #855000; }
.dark .nd-dirty { color: #f2c879; }
.nd-empty { padding: .6rem 0; }
.nd-pagination { justify-content: space-between; margin-block-start: .75rem; }
.nd-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
    .nd-grid { grid-template-columns: minmax(0, 1fr); }
    .nd-toolbar button { flex: 1 1 45%; }
    .nd-card { padding: .65rem; }
    .nd-field :is(input,select,textarea) { font-size: 1rem; }
}