.ng-section { background: var(--bg-secondary); border: 1px solid var(--border-default);
      border-radius: var(--radius-md); padding: var(--space-xl); margin-bottom: var(--space-xl);
      box-shadow: var(--shadow-panel); }
    .ng-section-title { font-family: var(--font-heading); font-size: 0.875rem; font-weight: 500;
      color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.06em;
      margin-bottom: var(--space-lg); border-bottom: 1px solid var(--border-default);
      padding-bottom: var(--space-md); }
    .ng-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
    .ng-table th { font-family: var(--font-heading); font-size: 0.6875rem; font-weight: 500;
      color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.06em;
      text-align: left; padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--border-default); }
    .ng-table td { padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--border-subtle);
      color: var(--text-primary); vertical-align: middle; }
    .ng-table tr:last-child td { border-bottom: none; }
    .filter-row { display: flex; gap: var(--space-md); margin-bottom: var(--space-lg); align-items: center; flex-wrap: wrap; }
    .filter-row select, .filter-row input {
      font-family: var(--font-body); font-size: 0.8125rem; padding: 6px 10px;
      border: 1px solid var(--border-default); border-radius: var(--radius-sm);
      background: var(--bg-subtle); color: var(--text-primary); }
    .add-form { display: grid; grid-template-columns: 1fr 2fr 2fr auto; gap: var(--space-sm);
      align-items: end; margin-top: var(--space-md); }
    .add-form label { font-size: 0.6875rem; color: var(--text-tertiary); display: block; margin-bottom: 2px; }
    .add-form input, .add-form select {
      font-family: var(--font-body); font-size: 0.8125rem; padding: 6px 8px;
      border: 1px solid var(--border-default); border-radius: var(--radius-sm);
      background: var(--bg-subtle); color: var(--text-primary); width: 100%; }
    .btn { border: none; border-radius: var(--radius-sm); padding: 4px 10px; font-size: 0.75rem;
      cursor: pointer; font-family: var(--font-body); transition: opacity 150ms; }
    .btn:hover { opacity: 0.85; }
    .btn-primary { background: var(--accent); color: #fff; }
    .btn-danger { background: var(--status-error); color: #fff; }
    .badge-type { display: inline-block; font-size: 0.6875rem; font-weight: 500; padding: 2px 8px;
      border-radius: var(--radius-sm); background: var(--bg-tertiary); color: var(--text-secondary); }
    .table-count { font-size: 0.8125rem; color: var(--text-tertiary); margin-left: var(--space-sm); }
    @media (max-width: 768px) { .add-form { grid-template-columns: 1fr 1fr; } }

    /* ── extracted inline style attributes (B-1, CSP compliance) ── */
    .ng-1 { align-self: end; }
    .ng-2 { margin-top: var(--space-sm); font-size: 0.875rem; }
    .ng-3 { font-size: 0.8125rem; color: var(--text-secondary); }
    .ng-4 { overflow-x: auto; }
    .ng-5 { text-align: center; color: var(--text-tertiary); padding: 24px; }