#drawer{width:min(780px,calc(100vw - 64px));max-width:none;box-shadow:-16px 0 60px #0002}#drawer.wd-expanded{width:min(1180px,calc(100vw - 40px))}#drawer-overlay{background:rgba(15,18,24,.4);backdrop-filter:blur(2px)}#drawer .drawer-head{align-items:flex-start;padding:22px 28px;flex-wrap:wrap;gap:16px;background:var(--surface)}.wd-heading{flex:1;min-width:220px}#drawer-context{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}#drawer .drawer-title{font-size:21px;font-weight:650;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}#drawer .drawer-btns{display:flex;gap:6px;align-items:center;flex-wrap:wrap}#drawer .drawer-btns button{width:auto;min-width:36px;min-height:36px;font-size:12px;padding:7px 10px;border-radius:var(--os-radius-card)}#drawer .drawer-btns .wd-close{font-size:19px}#drawer .drawer-body{padding:24px 28px 40px;scroll-padding:24px;overscroll-behavior:contain;line-height:1.65}#drawer .rec-about{font-size:12px;line-height:1.6;margin:0 0 20px;color:var(--text-2)}#drawer .rec-about summary{cursor:pointer;font-weight:600}#drawer .rec-about p{margin:8px 0}.wd-field-section{margin:0 0 24px;border-bottom:1px solid var(--border);padding:0 0 20px}.wd-field-section h2,.wd-field-section>summary{font-size:14px;font-weight:650;margin:0 0 16px;color:var(--text)}.wd-field-section>summary{cursor:pointer}.wd-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}#drawer .wd-field-grid>.fld{margin:0;min-width:0}.wd-field-grid>.wd-wide{grid-column:1/-1}#drawer .fld .fl,#drawer .ff .fl{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2);margin-bottom:6px}#drawer .fld .fv{font-size:15px;line-height:1.7;overflow-wrap:anywhere}#drawer .fld .fv a{line-height:1.7}#drawer .fld .fv p{margin:0 0 10px}#drawer .fld .fv pre,#drawer .fld .fv code{white-space:pre-wrap;overflow-wrap:anywhere}#drawer .fld .fld-hint,#drawer .ff-hint,#drawer .ff-rule{font-size:12px;line-height:1.6}.wd-secondary{border:1px solid var(--border);border-radius:var(--os-radius-card);padding:16px}.wd-secondary>summary{margin:0}.wd-secondary[open]>.wd-field-grid{margin-top:18px}#drawer .ff input[type=text],#drawer .ff input[type=number],#drawer .ff input[type=date],#drawer .ff input[type=datetime-local],#drawer .ff select,#drawer .ff textarea{font-size:15px;line-height:1.5;padding:11px 12px;min-height:44px;border-radius:var(--os-radius-card);background:var(--field);color:var(--text);max-width:100%;box-sizing:border-box}#drawer .ff textarea{min-height:150px}#rec-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}#rec-form>.ff{margin:0;min-width:0}#rec-form>.wd-wide,#rec-form>.ff-actions,#rec-form>.sh,#rec-form>#ff-more,#rec-form>#draft-note,#rec-form>.oe-sub{grid-column:1/-1}#ff-more{border-top:1px solid var(--border);padding-top:18px}#rec-form>.ff-actions:last-child{padding:16px 0 4px;border-top:1px solid var(--border);margin-top:8px}#drawer-form-status{font-size:11px;color:var(--text-2);line-height:1.5;width:100%}#drawer-form-status:empty{display:none}#drawer .drawer-danger{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}#drawer .drawer-danger summary{font-size:12px;color:var(--danger-text);cursor:pointer}#drawer .drawer-danger[open] button{margin-top:14px}#drawer .rel-create{gap:8px}#drawer .rowline{padding:12px 0;line-height:1.6}#drawer .fld-machine{background:var(--surface-2);border-color:var(--border)}#drawer .sh{line-height:1.5}#drawer .ff-err{font-size:12px;line-height:1.5}#drawer .wf-err{white-space:normal}#drawer details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:680px){#drawer,#drawer.wd-expanded{width:100vw;max-width:100vw;height:100dvh}#drawer .drawer-head{padding:16px;gap:12px}#drawer .drawer-title{font-size:19px}#drawer .wd-heading{flex-basis:100%;min-width:0}#drawer .drawer-body{padding:20px 16px 36px}#drawer-expand{display:none}#drawer .drawer-btns{width:100%;justify-content:flex-start}#drawer .drawer-btns .wd-close{margin-left:auto}#drawer .drawer-btns button{min-height:44px;min-width:44px}#rec-form,.wd-field-grid{grid-template-columns:1fr}#drawer .ff input,#drawer .ff select,#drawer .ff textarea{font-size:16px}#drawer .wd-field-grid>.fld{grid-column:1}#drawer .drawer-btns #drawer-submit{margin-right:auto}}@media print{#drawer,#drawer.wd-expanded{width:100%!important;max-width:100%!important;box-shadow:none!important}#drawer .drawer-btns,#drawer-form-status{display:none!important}.wd-field-grid{display:block}.wd-field-grid>.fld{margin-bottom:12px!important}.wd-secondary{display:block!important}.wd-secondary>.wd-field-grid{display:block!important}}

#drawer-form-status:not(:empty){padding:10px 28px;box-sizing:border-box;background:var(--surface-2);border-bottom:1px solid var(--border)}@media(max-width:680px){#drawer-form-status:not(:empty){padding:10px 16px}}

#drawer .wd-completion{border:1px solid var(--border);border-radius:var(--os-radius-card);margin:4px 0 24px;padding:14px 16px;font-size:13px;line-height:1.6}#drawer .wd-completion>summary{cursor:pointer;font-weight:600}#drawer .wd-completion-body{font-size:13px;color:var(--text-2)}#drawer .wd-completion-body p{margin:12px 0 0}#drawer .wd-completion-body a{color:var(--accent)}

#drawer .wd-full-text{white-space:pre-wrap;overflow-wrap:anywhere}#drawer .wd-json summary{cursor:pointer;font-size:13px}#drawer .wd-json pre{max-height:420px;overflow:auto;padding:12px;background:var(--surface-2);border-radius:var(--os-radius-card);font-size:12px}
.wd-section-nav{position:sticky;top:-24px;z-index:2;display:flex;gap:5px;overflow-x:auto;padding:12px 0;margin:-12px 0 20px;background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:thin}.wd-section-nav>button{white-space:nowrap;background:var(--surface);border:1px solid transparent;border-radius:var(--os-radius-control);padding:7px 10px;min-height:36px;color:var(--text-2);font-size:12px;cursor:pointer}.wd-section-nav>button:hover,.wd-section-nav>button.on{color:var(--accent);background:var(--surface-2);border-color:var(--border)}.wd-section-nav>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.wd-undated{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--os-radius-card);padding:16px;font-size:13px}.wd-undated>summary{font-weight:600;cursor:pointer}.wd-undated>p{font-size:12px;color:var(--text-2);line-height:1.5}.wd-undated-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.wd-undated-list>div:last-child{border-bottom:0}.wd-undated-title{background:none;color:var(--text);border:0;font:inherit;text-align:left;cursor:pointer;line-height:1.5}.wd-undated-title:hover{color:var(--accent)}.wd-undated-list .btn{white-space:nowrap}.view-toggle{display:flex;flex-wrap:wrap;gap:4px}.view-toggle .vt{min-height:36px;padding:7px 11px;line-height:1.4;border-radius:var(--os-radius-control);font-size:12px}
@media(max-width:600px){.wd-section-nav{top:-16px}.wd-section-nav>button{min-height:40px}.wd-undated{padding:12px}.wd-undated-list>div{align-items:flex-start}.wd-undated-list .btn{min-height:40px}.view-toggle .vt{min-height:40px}}

/* Many-to-many choices retain selected items while searching. */
#drawer .ff-multi{max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--os-radius-card);padding:7px}#drawer .ff-multi label{display:flex;align-items:flex-start;gap:8px;padding:8px;line-height:1.5;overflow-wrap:anywhere;border-radius:var(--os-radius-control)}#drawer .ff-multi label:hover{background:var(--surface-hover)}#drawer .ff-multi label[hidden]{display:none}#drawer .ff-multi input[type=checkbox]{flex-shrink:0;margin-top:4px}#drawer .wq-multi-search{margin-bottom:7px}#drawer .ff-multi label:has(input:checked){background:var(--surface-2)}
.wq-form-find{grid-column:1/-1;background:var(--surface-2);border:1px solid var(--border);padding:12px 14px;border-radius:var(--os-radius-card);margin:0 0 16px}.wq-form-find>label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}#drawer .wq-form-find>input{width:100%;background:var(--surface)}#wq-field-results{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}#wq-field-results:not(:empty){margin-top:8px}
#drawer .wq-form-find>input{font:inherit;font-size:14px;color:var(--text);min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--os-radius-card);box-sizing:border-box}#drawer .wq-form-find>input:focus{outline:2px solid var(--accent);outline-offset:2px}