// @import url('../../../../gbhost/public/gbstyle/gbcommonstyle.scss');

.mrp-review { padding: 16px; }

.mrp-review__header { margin-bottom: 16px; }

.mrp-run-row {
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
}
.res-label { font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); color: var(--text-secondary); }
.res-input {
  border: 1px solid var(--border-subtle); border-radius: 6px; padding: 7px 10px;
  font-size: var(--font-size-sm); color: var(--text-primary); background: var(--bg-surface);
  outline: none; min-width: 180px;
  &:focus { border-color: var(--action-primary-default); }
}

// Summary cards
.mrp-summary-bar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.mrp-card {
  min-width: 110px; border-radius: 8px; padding: 12px 16px; text-align: center;
  background: var(--bg-subtle);
  span { display: block; font-size: 22px; font-weight: var(--font-weight-semiBold); color: var(--text-primary); }
  label { font-size: var(--font-size-xs); color: var(--text-secondary); display: block; margin-top: 2px; }
  &--ok      { background: #e8f5e9; span { color: #2e7d32; } }
  &--partial { background: #fff3e0; span { color: #bf360c; } }
  &--shortage{ background: #fce4ec; span { color: #c62828; } }
}

.mrp-bulk-actions { display: flex; gap: 10px; margin-bottom: 14px; }

// Table
.res-table-wrap { overflow-x: auto; margin-bottom: 16px; }
.res-table {
  width: 100%; border-collapse: collapse; font-size: var(--font-size-sm);
  th {
    background: var(--bg-subtle); color: var(--text-secondary);
    font-weight: var(--font-weight-semiBold); padding: 10px 12px;
    text-align: left; border-bottom: 2px solid var(--border-subtle);
  }
  td { padding: 9px 12px; border-bottom: 1px solid var(--border-subtle); color: var(--text-primary); }
}
.mrp-row--shortage { background: #fff8f8; }
.res-item-code { color: var(--text-secondary); font-size: 11px; }

// Shortage section
.mrp-shortage-section { margin-top: 16px; }
.res-section__title {
  font-size: var(--font-size-xs); font-weight: var(--font-weight-semiBold);
  color: var(--text-secondary); text-transform: uppercase; letter-spacing: .5px;
  display: flex; align-items: center; gap: 6px; margin-bottom: 10px;
  mat-icon { font-size: 16px; color: #c62828; }
}
.mrp-shortage__qty {
  color: #c62828; font-weight: var(--font-weight-semiBold);
  display: flex; align-items: center; gap: 4px;
  mat-icon { font-size: 16px; }
}
.mrp-shortage-badge {
  display: inline-flex; align-items: center; gap: 2px;
  font-size: 11px; color: #c62828; font-weight: var(--font-weight-semiBold); margin-left: 6px;
  mat-icon { font-size: 14px; }
}

// Status badges
.res-status-badge {
  display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 12px;
  font-size: 11px; font-weight: var(--font-weight-semiBold); white-space: nowrap;
}
.res-status--confirmed        { background: #e8f5e9; color: #2e7d32; }
.res-status--tentative        { background: #fff8e1; color: #e65100; }
.res-status--released         { background: #f5f5f5; color: #757575; }
.res-status--reassigned       { background: #e3f2fd; color: #1565c0; }
.res-status--freetracked      { background: #f3e5f5; color: #6a1b9a; }
.res-status--partialfulfilled { background: #fff3e0; color: #bf360c; }
.res-status--fullyfulfilled   { background: #e8f5e9; color: #1b5e20; }
.res-status--subcontractingout{ background: #fce4ec; color: #880e4f; }

// Empty state
.res-empty-state {
  text-align: center; padding: 40px; color: var(--text-secondary);
  mat-icon { font-size: 48px; display: block; margin: 0 auto 12px; color: #b0b8c1; }
  p { font-size: var(--font-size-sm); }
}

// Buttons
.res-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 6px; border: none; cursor: pointer;
  font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); transition: opacity .15s;
  &--primary   { background: var(--action-primary-default); color: #fff; }
  &--secondary { background: var(--bg-subtle); color: var(--text-primary); }
  &--sm        { padding: 4px 10px; font-size: var(--font-size-xs); }
  &:disabled   { opacity: 0.4; cursor: not-allowed; }
}