/* KG Portal V11.2 R11.10.8 — final cascade guard, loaded last. */

/* Work-package rows are data surfaces, not primary action buttons. */
html[data-kg-theme] .mainContent .ops115 button.opsJobRow {
  min-height: 98px !important;
  padding: 14px 16px !important;
  color: var(--ops-text) !important;
  border: 1px solid var(--ops-border) !important;
  border-radius: 13px !important;
  background: var(--ops-panel) !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
}

html[data-kg-theme] .mainContent .ops115 button.opsJobRow:hover:not(:disabled) {
  color: var(--ops-text) !important;
  border-color: var(--ops-border-strong) !important;
  background: var(--ops-panel-2) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--ops-bg) 58%, transparent) !important;
  transform: translateY(-1px) !important;
}

html[data-kg-theme] .mainContent .ops115 button.opsJobRow.is-overdue {
  border-color: color-mix(in srgb, var(--ops-danger) 44%, var(--ops-border)) !important;
}

html[data-kg-theme] .mainContent .ops115 button.opsJobRow
  :where(.opsJobIdentity > b, .opsJobOwner > b, .opsJobArrow) {
  color: var(--ops-text) !important;
  opacity: 1 !important;
}

html[data-kg-theme] .mainContent .ops115 button.opsJobRow
  :where(.opsJobIdentity > small, .opsJobOwner > small) {
  color: var(--ops-muted) !important;
  opacity: 1 !important;
}

html[data-kg-theme] .mainContent .ops115 button.opsJobRow .opsJobOwner > span {
  color: var(--ops-subtle) !important;
  opacity: 1 !important;
}

/* Permission dialog: keep the password action inside the active theme. */
html[data-kg-theme] .adminPermissionModalV112 .passwordAdminPanel {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 16px 0 !important;
  padding: 16px !important;
  color: var(--kg-r1132-ink) !important;
  border: 1px solid var(--kg-r1132-line-strong) !important;
  border-radius: 13px !important;
  background: var(--kg-r1132-surface-soft) !important;
}

html[data-kg-theme] .adminPermissionModalV112 .passwordAdminPanel b {
  color: var(--kg-r1132-ink) !important;
  opacity: 1 !important;
}

html[data-kg-theme] .adminPermissionModalV112 .passwordAdminPanel p {
  margin: 5px 0 0 !important;
  color: var(--kg-r1132-muted) !important;
  opacity: 1 !important;
}

html[data-kg-theme] .mainContent .adminPermissionModalV112
  .passwordAdminPanel button.secondary {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  color: var(--kg-r1132-ink) !important;
  border: 1px solid var(--kg-r1132-line-strong) !important;
  background: var(--kg-r1132-surface-raised) !important;
  box-shadow: none !important;
}

html[data-kg-theme] .adminPermissionModalV112 > div > label {
  display: block !important;
  margin: 18px 0 8px !important;
  color: var(--kg-r1132-ink) !important;
  font-weight: 760 !important;
}

html[data-kg-theme] .adminPermissionModalV112 > div > textarea {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 12px 14px !important;
  color: var(--kg-r1132-ink) !important;
  border: 1px solid var(--kg-r1132-line-strong) !important;
  border-radius: 10px !important;
  background: var(--kg-r1132-surface-soft) !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

html[data-kg-theme] .adminPermissionModalV112 > div > textarea::placeholder {
  color: var(--kg-r1132-muted) !important;
  opacity: 1 !important;
}

html[data-kg-theme] .adminPermissionModalV112 > div > textarea:focus {
  border-color: var(--kg-r1132-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--kg-r1132-accent) 20%, transparent) !important;
  outline: none !important;
}

@media (max-width: 640px) {
  html[data-kg-theme] .adminPermissionModalV112 .passwordAdminPanel {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html[data-kg-theme] .mainContent .adminPermissionModalV112
    .passwordAdminPanel button.secondary {
    width: 100% !important;
  }
}