:root {
  --navy: #10233f;
  --orange: #c6a66b;
  --green: #10233f;
  --red: #8a6d42;
  color: #1b1e23;
  background: #f1f2f3;
}

body { background: #f1f2f3; color: #1b1e23; }
.login { background: linear-gradient(155deg, #091523, #10233f); }
.login-card { background: #fff; box-shadow: 0 28px 80px #0006; }
.eyebrow, .sop-row .num, .topic { color: #a9854f; }
.login input, .filters input, .filters select, .project-box select,
.dialog-body textarea { border-color: #bfc3c8; background: #fff; color: #171a1f; }
.login button, .primary, header, .summary, .dialog-head { background: #10233f; color: #fff; }
.tabs, .tabs button, .project-box { background: #fff; }
.tabs { border-bottom-color: #c8cbd0; }
.tabs button { color: #555b63; }
.tabs button.active { color: #10233f; box-shadow: inset 0 -4px #c6a66b; }
.ghost { border-color: #d9c49d; color: #fff; }

.list { gap: 5px; }
.sop-row {
  padding: 9px 10px;
  border-color: #cfd2d6;
  border-radius: 10px;
  background: #fff;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 6px;
}
.sop-row .num { padding-top: 1px; font-size: 11px; }
.sop-row b { margin-bottom: 2px; color: #171a1f; font-size: 12px; line-height: 1.22; }
.sop-row p { color: #343940; font-size: 12px; line-height: 1.32; }
.badge { border: 1px solid #d0d3d7; background: #eceeef; color: #555b63; font-size: 9px; padding: 2px 5px; }
.badge.changed { border-color: #c6a66b; background: #f5efe5; color: #72572f; }
.more, .outline { border-color: #10233f; background: #fff; color: #10233f; }

.check-row, .inspection-summary button { border-color: #cfd2d6; background: #fff; color: #1b1e23; }
.check-row.warning { border-color: #c6a66b; background: #fbf7ef; }
.check-row.completed { border-color: #10233f; background: #f0f3f7; }
.warning .check-icon { color: #9b7844; }
.completed .check-icon { color: #10233f; }
.status-actions .done { background: #10233f; color: #fff; }
.status-actions .warn { background: #9b7844; color: #fff; }
.danger { color: #705a39; }
.history-item { border-left-color: #c6a66b; background: #f3f3f1; }
#toast { background: #171a1f; color: #fff; }

.category-switch button { border-color: #c7cbd0; background: #fff; color: #3e444c; }
.category-switch button.active { border-color: #10233f; background: #10233f; color: #fff; }
.category-browser { border-color: #d0d3d7; background: #fff; }
.folder-breadcrumb button { background: #eceeef; color: #454b53; }
.folder-breadcrumb button.active { background: #eee4d2; color: #6f552f; }
.category-grid button { border-color: #d1d4d8; background: #f6f6f5; color: #20252b; }
.category-grid button.active { border-color: #c6a66b; background: #f5efe5; }
.category-grid button small, .category-leaf, .source-meta { color: #666d75; }

@media (max-width: 650px) {
  .list { gap: 1px; }
  .sop-row {
    padding: 3px 4px;
    border-radius: 4px;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 2px;
  }
  .sop-row .num { padding-top: 0; font-size: 8px; line-height: 1.12; }
  .sop-row b { margin-bottom: 1px; font-size: 9.25px; line-height: 1.12; }
  .sop-row p { font-size: 9.25px; line-height: 1.14; }
  .sop-row .badge { padding: 1px 3px; font-size: 7px; line-height: 1.15; }
}