/* Work Orders › Internal (internalView.js): one card per work order with its internal
   operations. The filter chips reuse the Shrinkwrap tab's .sw-stage-chip. Uses design-tokens.css. */

#internal-view { flex-direction: column; gap: 12px; flex: 1; min-width: 0; min-height: 0; }
.iw-hint { font: 500 12px var(--font-body); color: var(--text-faint); margin-left: 6px; }
.iw-list { display: flex; flex-direction: column; gap: 10px; overflow-y: auto; min-height: 0; flex: 1; }

.iw-wo {
  flex-shrink: 0;
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: 10px 14px 4px;
}
.iw-wo-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-bottom: 8px; border-bottom: 1px solid var(--divider); }
.iw-wo-num {
  border: 0; background: #EEF4FC; color: var(--signal-blue);
  font: 700 12px var(--font-mono); padding: 4px 8px; border-radius: 6px; cursor: pointer; white-space: nowrap;
}
.iw-wo-num:hover { background: #DCE8F8; }
.iw-wo-what { font: 700 14px var(--font-display); color: var(--harbor-navy); min-width: 0; }
.iw-unit {
  border: 0; background: none; padding: 0; cursor: pointer;
  font: 600 12px var(--font-body); color: var(--signal-blue); white-space: nowrap;
}
.iw-unit:hover { text-decoration: underline; }
.iw-tag { font: 600 10.5px var(--font-body); color: #0E7C73; background: #EAF5F3; padding: 2px 7px; border-radius: 4px; }
.iw-wo-count { margin-left: auto; font: 600 11.5px var(--font-mono); color: var(--text-muted); }

.iw-op {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 4px; border-bottom: 1px solid var(--divider); cursor: pointer; border-radius: 6px;
}
.iw-op:last-child { border-bottom: 0; }
.iw-op:hover, .iw-op:focus-visible { background: #F7F9FB; outline: none; }
.iw-op.is-done .iw-op-title { color: var(--text-muted); }
.iw-op-main { flex: 1; min-width: 0; }
.iw-op-title { font: 600 13.5px var(--font-body); color: var(--harbor-navy); }
.iw-op-sub { font: 500 12px var(--font-body); color: var(--text-muted); margin-top: 1px; }
.iw-unassigned { color: #B5790C; font-weight: 600; }
.iw-high { font: 700 9.5px var(--font-mono); color: #B83A2E; background: #FBE9E6; padding: 1px 5px; border-radius: 4px; vertical-align: 1px; }
.iw-status {
  flex-shrink: 0; font: 600 11.5px var(--font-body); color: var(--text-body);
  background: #F1F4F7; padding: 3px 9px; border-radius: 999px; white-space: nowrap;
}

@media (max-width: 600px) {
  .iw-hint { display: none; }
  .iw-op { flex-wrap: wrap; }
}