.dvs-widget--child {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  min-height: 0;
}

.dvs-widget--child > .widget-shell__header {
  min-height: 36px;
  padding: 0 0 var(--space-2);
  border-bottom: 0;
}

.dvs-widget--child .widget-shell__eyebrow { display: none; }
.dvs-widget--child .widget-shell__title { font-size: var(--text-sm); letter-spacing: 0; color: var(--dvs-ink-soft); font-weight: 560; }
.dvs-widget--child > .widget-shell__body { padding: 0; }
.dvs-widget--child > .widget-shell__footer { padding: var(--space-2) 0 0; }
.dvs-widget--child[data-state="warning"] { box-shadow: none; }

.position-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5) var(--space-6);
}

.position-tool-slot {
  min-width: 0;
  padding: 0 0 var(--space-4);
  border-bottom: 1px solid var(--dvs-line);
}

.position-action-area {
  padding-top: var(--space-2);
}

.position-action-area > .ui-button--primary {
  width: 100%;
  min-height: 50px;
}

.dvs-widget--child .option-grid {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}

.dvs-widget--child[data-widget-type="validation"] .ui-value {
  font-size: clamp(18px, 6cqi, 28px);
}

.active-order-focus { gap: var(--space-4); }
.active-order-editor-list {
  display: grid;
  gap: var(--space-3);
}
.active-order-line-slot {
  min-width: 0;
  border: 1px solid var(--dvs-line);
  border-radius: var(--radius-sm);
  background: var(--dvs-surface-raised);
  padding: var(--space-3);
}
.active-order-line-slot > dvs-widget { width: 100%; }
.order-line-editor {
  display: grid;
  grid-template-columns: minmax(150px, .8fr) minmax(0, 2fr) auto;
  gap: var(--space-4);
  align-items: end;
}
.order-line-editor__identity { min-width: 0; align-self: center; }
.order-line-editor__title { margin-top: 3px; font-size: var(--text-lg); font-weight: 610; overflow: hidden; text-overflow: ellipsis; }
.order-line-editor__fields {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(130px, 1fr) minmax(88px, .55fr) minmax(150px, 1.15fr);
  gap: var(--space-3);
}
.order-line-editor__actions { display: flex; align-items: end; }
.active-order-actions { justify-content: flex-end; }

.settings-tool-slot {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: 1px solid var(--dvs-line);
}

.settings-tool-slot > dvs-widget {
  width: 100%;
}

.layout-editor {
  display: grid;
  border-top: 1px solid var(--dvs-line);
}

.layout-editor__row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(130px, 180px) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: 58px;
  padding: 8px 0;
  border-bottom: 1px solid var(--dvs-line);
}

.layout-editor__identity { min-width: 0; }
.layout-editor__title { font-weight: 580; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layout-editor__size { min-width: 0; }
.layout-editor__actions { display: flex; gap: 4px; }
.layout-editor__move,
.layout-editor__hide { border: 1px solid transparent; }
.layout-editor__hide { color: var(--dvs-ink-faint); }
.layout-editor__hide:not(:disabled):hover { color: var(--dvs-danger); }
.layout-editor__move:focus-visible,
.layout-editor__hide:focus-visible { border-color: var(--dvs-line-strong); outline: 2px solid var(--dvs-accent); outline-offset: 2px; }

.layout-hidden {
  display: grid;
  gap: var(--space-2);
}
.layout-hidden:empty { display: none; }
.layout-hidden__list { display: flex; flex-wrap: wrap; gap: 6px; }
.layout-hidden__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 4px 5px 4px 10px;
  border: 1px solid var(--dvs-line);
  border-radius: 999px;
  background: var(--dvs-surface-raised);
  font-size: var(--text-sm);
}
.layout-hidden__item .ui-button { min-height: 32px; padding-inline: 9px; }

.dvs-widget--child[data-widget-type="backup"] .widget-shell__body {
  display: grid;
  gap: var(--space-3);
}

.dvs-widget--child[data-widget-type="backup"] input[type="file"] {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: var(--space-3);
  border: 1px dashed var(--dvs-line-strong, var(--dvs-line));
  border-radius: var(--radius-md, 10px);
  background: var(--dvs-surface-soft, transparent);
  color: inherit;
}

.backup-separator {
  border-top: 1px solid var(--dvs-line);
}

@container (max-width: 980px) {
  .order-line-editor { grid-template-columns: minmax(130px, .7fr) minmax(0, 2fr); }
  .order-line-editor__actions { grid-column: 1 / -1; justify-content: flex-end; }
  .order-line-editor__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container (max-width: 620px) {
  .position-tools { grid-template-columns: 1fr; gap: var(--space-4); }
  .position-tool-slot { padding-bottom: var(--space-3); }
  .settings-tool-slot { margin-top: var(--space-4); padding-top: var(--space-4); }
  .layout-editor__row { grid-template-columns: minmax(0, 1fr) auto; }
  .layout-editor__size { grid-column: 1 / -1; grid-row: 2; }
  .layout-editor__actions { grid-column: 2; grid-row: 1; }
  .order-line-editor { grid-template-columns: 1fr; align-items: stretch; }
  .order-line-editor__fields { grid-template-columns: 1fr; }
  .order-line-editor__actions { grid-column: 1; }
  .order-line-editor__actions .ui-button { width: 100%; }
}
