.client-draft-actions { position: sticky; top: 12px; z-index: 8; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--accent-line); background: var(--surface); color: var(--ink); }
.client-draft-actions strong { display: block; font-size: var(--text-ui); font-weight: 500; }
.client-draft-actions p { margin: 4px 0 0; color: var(--muted); font-size: var(--text-meta); }
.client-draft-actions__buttons { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; }
.client-draft-actions:focus { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.sheet-input[data-client-draft="true"] { box-shadow: inset 0 -2px var(--accent-line); }
/* Grid editing must not move the rows when the first draft or save notice appears. */
.order-book-page > .client-draft-actions {
  position: fixed;
  top: auto;
  right: var(--page-gutter, 32px);
  bottom: 20px;
  left: calc(var(--sidebar-width, 0px) + var(--page-gutter, 32px));
  z-index: 50;
  margin: 0;
  box-shadow: var(--shadow-menu);
}
.order-book-page #order-sheet { height: var(--sheet-draft-height, auto); scroll-padding-bottom: calc(var(--sheet-draft-clearance, 0px) + 12px); }
.order-book-page #order-sheet::after {
  content: "";
  display: block;
  height: var(--sheet-draft-clearance, 0px);
  pointer-events: none;
  overflow-anchor: none;
}
.order-book-page > .page-header .page-header__identity { position: relative; }
.order-book-page > .page-header .sheet-save-status {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 760px) {
  .client-draft-actions { flex-wrap: wrap; top: 0; padding: 12px; }
  .client-draft-actions__buttons { width: 100%; justify-content: flex-end; }
  .order-book-page > .client-draft-actions { top: auto; bottom: calc(var(--mobile-nav-height, 70px) + 12px); }
}