.tool-order-icon { background: #dfeade; color: var(--green); }
.tool-order-panel { margin-bottom: 6rem; border: 1px solid var(--line); border-radius: var(--radius-shell) var(--radius-shell) var(--radius-shell) .65rem; background: rgba(252,253,249,.94); box-shadow: var(--shadow); overflow: hidden; }
.tool-order-toolbar { padding: 2rem; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 2rem; background: var(--green-wash); }
.tool-order-toolbar h2 { margin: .3rem 0 .45rem; font-size: 1.55rem; }
.tool-order-toolbar p { margin: 0; color: var(--muted); font-size: .84rem; }
.tool-order-toolbar .primary-button { min-width: 8.5rem; }
.tool-order-list { margin: 0; padding: .8rem; list-style: none; display: grid; gap: .55rem; }
.tool-order-item { min-width: 0; padding: 1rem 1.15rem; border: 1px solid transparent; border-radius: .9rem; background: #fff; display: grid; grid-template-columns: 3rem minmax(0,1fr) auto; align-items: center; gap: 1rem; transition: border-color .18s, box-shadow .18s, transform .18s; }
.tool-order-item:hover { border-color: var(--line-strong); box-shadow: var(--shadow-soft); }
.tool-order-number { color: var(--green-mid); font-size: 1.1rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.tool-order-copy { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: .2rem .65rem; align-items: baseline; }
.tool-order-copy strong { font-size: 1rem; }
.tool-order-copy span { color: var(--green-mid); font-size: .72rem; }
.tool-order-copy p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tool-order-actions { display: flex; gap: .45rem; }
.tool-order-actions .secondary-button { min-height: 2.55rem; padding: .55rem .75rem; display: inline-flex; align-items: center; gap: .35rem; }
.tool-order-actions svg { width: 1rem; height: 1rem; }
.move-tool-up svg { transform: rotate(90deg); }
.move-tool-down svg { transform: rotate(90deg); }

@media (max-width: 47.5rem) {
  .tool-order-toolbar { padding: 1.25rem; align-items: stretch; flex-direction: column; gap: 1rem; }
  .tool-order-toolbar .primary-button { width: 100%; }
  .tool-order-list { padding: .6rem; }
  .tool-order-item { padding: .9rem; grid-template-columns: 2.3rem minmax(0,1fr); gap: .65rem; }
  .tool-order-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .tool-order-actions .secondary-button { justify-content: center; }
}