.midocean-panel{grid-column:1/-1;min-width:0;scroll-margin-top:90px}.midocean-settings-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.midocean-key-field{flex:1 1 300px;min-width:0}.midocean-enabled{display:flex;align-items:center;gap:8px;min-height:42px}.midocean-enabled input{width:auto}.midocean-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.midocean-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.midocean-states article{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border,#dbe1eb);border-radius:10px;padding:14px}.midocean-states small{color:var(--muted,#64748b)}.midocean-automation{margin-top:16px}.midocean-automation code{display:block;overflow-wrap:anywhere;white-space:normal;padding:12px;background:#f5f7fa}.oi-stock-note{display:block;font-size:10px;line-height:1.3;margin-top:3px;color:#356341;white-space:normal}.oi-stock-note[hidden]{display:none}.oi-stock-note.is-unverified{color:#925200}@media(max-width:640px){.midocean-states{grid-template-columns:1fr}.midocean-settings-form{align-items:stretch;flex-direction:column}.midocean-key-field{flex:auto;width:100%}.midocean-toolbar .button,.midocean-settings-form .button{width:100%}}

.draft-recipient-panel .draft-send-notes{grid-column:1/-1}.draft-recipient-panel>button[data-send-drafts]{grid-column:1/-1;justify-self:end}@media(max-width:640px){.draft-recipient-panel>button[data-send-drafts]{justify-self:stretch}}.draft-send-notes{display:block;min-width:0}.draft-send-notes textarea{display:block;width:100%;min-height:68px;resize:vertical}.proof-send-notes{padding:12px 16px;border-bottom:1px solid #e4e7ec;background:#f8fafc}.proof-send-notes p{margin:5px 0 0;white-space:normal;overflow-wrap:anywhere}

@media(min-width:1101px){.draft-recipient-panel{grid-template-columns:minmax(190px,.8fr) repeat(2,minmax(290px,1.25fr))}}

.approval-bulk-status{flex-basis:100%;margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.approval-bulk-status:empty{display:none}

.draft-bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center}.draft-bulk-toolbar>div{flex:1 1 320px;min-width:0}.draft-bulk-toolbar>.draft-approval-date{flex:0 1 165px}.draft-bulk-toolbar>.button{flex:0 0 auto;min-height:40px}.draft-bulk-toolbar>.approval-bulk-status{flex:1 1 100%}@media(max-width:640px){.draft-bulk-toolbar>div,.draft-bulk-toolbar>.draft-approval-date,.draft-bulk-toolbar>.button{flex:1 1 100%;width:100%}}