/* operations: shared product styles. */
.logs-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  padding: 0 0 18px;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
}

.logs-overview-copy {
  min-width: 0;
}

.logs-overview-copy h2 {
  margin: 5px 0 7px;
}

.logs-overview-copy p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
}

.logs-overview-side {
  display: flex;
  align-items: end;
  min-width: 0;
  justify-content: flex-end;
  gap: 10px;
}

.logs-overview-side .field {
  width: min(100%, 210px);
  margin: 0;
}

.logs-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.logs-summary-grid.is-compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.logs-summary-card {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 116px;
  padding: 15px 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}

.logs-summary-card strong {
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1.2;
}

.logs-summary-card small,
.logs-summary-label {
  color: var(--muted);
}

.logs-summary-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.logs-summary-card.is-clear {
  border-color: rgba(var(--success-rgb), 0.2);
}

.logs-summary-card.has-issues {
  border-color: rgba(var(--warning-rgb), 0.3);
}

.logs-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.logs-section-head h3,
.logs-section-head p {
  margin: 0;
}

.logs-section-head p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

.logs-section-count {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.logs-empty-state {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 92px;
  padding: 16px;
  border: 1px dashed rgba(var(--primary-rgb), 0.16);
  border-radius: 13px;
  background: rgba(var(--primary-rgb), 0.025);
}

.logs-empty-state strong,
.logs-empty-state p {
  margin: 0;
}

.logs-empty-state p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.logs-empty-mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 1px solid rgba(var(--success-rgb), 0.3);
  border-radius: 12px;
  background: rgba(var(--success-rgb), 0.08);
  color: var(--green);
  font-size: 11px;
  font-weight: 900;
}

.logs-empty-mark.neutral {
  border-color: rgba(var(--primary-rgb), 0.22);
  background: rgba(var(--primary-rgb), 0.06);
  color: var(--primary);
}

.audit-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.audit-row > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.audit-row time {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 11px;
}

@media (max-width: 760px) {

  .logs-overview {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {

  .logs-overview-side {
    align-items: stretch;
    flex-direction: column;
    min-width: 0;
    justify-items: stretch;
  }
}

@media (max-width: 760px) {

  .logs-overview-side .field {
    width: 100%;
  }
}

.security-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.security-summary-item {
  display: grid;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}

.security-summary-item strong {
  font-size: 1.55rem;
  line-height: 1;
}

.security-summary-item span {
  color: var(--muted);
  font-size: 0.82rem;
}

.security-summary-item.severity-critical,
.security-summary-item.severity-high {
  border-color: rgba(var(--danger-rgb), 0.45);
}

.security-summary-item.severity-medium {
  border-color: rgba(var(--warning-rgb), 0.4);
}

.security-finding-list,
.security-history-list {
  display: grid;
}

.security-finding {
  border: 1px solid var(--line);
  border-left: 3px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}

.security-finding.severity-critical,
.security-finding.severity-high {
  border-left-color: var(--red);
}

.security-finding.severity-medium {
  border-left-color: var(--yellow);
}

.security-finding.severity-low {
  border-left-color: var(--primary);
}

.security-finding h3,
.security-finding p {
  margin: 0;
}

.security-finding > p {
  margin-top: var(--space-3);
  color: var(--text-soft);
}

.security-severity {
  display: inline-block;
  margin-bottom: var(--space-2);
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.security-recommendation {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--line);
}

.security-recommendation p {
  margin-top: var(--space-1);
  color: var(--text-soft);
}

.security-exception-compose {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--umi-space-4);
  margin-top: var(--umi-space-5);
  padding-top: var(--umi-space-5);
  border-top: 1px solid var(--umi-border);
}

.security-exception-compose > label { margin: 0; }
.security-compose-actions { display: flex; flex-wrap: wrap; gap: var(--umi-space-2); justify-content: flex-end; }

.security-exception-compose textarea {
  min-height: 72px;
  resize: vertical;
}

.security-history-grid,
.security-exceptions {
  margin-top: var(--space-5);
}

.security-history-group {
  padding-block: var(--space-3);
  border-top: 1px solid var(--line);
}

.security-history-group > summary {
  cursor: pointer;
  font-weight: 700;
}

.security-history-list {
  margin-top: var(--space-3);
}

.security-exceptions {
  padding-top: var(--space-5);
  border-top: 1px solid var(--line);
}

.security-exception-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--line);
}

.security-exception-row div {
  display: grid;
  gap: var(--space-1);
}

.security-exception-row small,
.security-disclaimer {
  color: var(--muted);
}

.security-event-history {
  margin-top: var(--space-5);
}

.security-event-list {
  display: grid;
  margin-top: var(--space-3);
}

.security-event-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-width: 0;
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--line);
}

.security-event-copy {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

.security-event-copy small {
  color: var(--muted);
}

.security-disclaimer {
  margin: var(--space-5) 0 0;
  font-size: 0.84rem;
}

@media (max-width: 720px) {

  .security-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {

  .security-exception-compose {
    grid-template-columns: 1fr;
  }
}

.security-summary {
  gap: var(--ui-gap-md);
  margin-block: var(--ui-gap-xl);
}

.security-summary-item {
  gap: var(--ui-gap-xs);
  padding: var(--ui-gap-md);
}

.security-finding-list,
.security-history-list {
  gap: var(--ui-gap-md);
}

.security-finding {
  padding: var(--ui-panel-padding);
}
.manual-reminder-workspace { display: grid; gap: var(--umi-space-6); min-width: 0; }
.manual-reminder-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--umi-space-4); }
.manual-reminder-toolbar > input { max-width: 340px; min-width: 0; }
.manual-reminder-toolbar .button-row { margin: 0; flex-shrink: 0; }
.manual-reminder-list { display: grid; border-top: 1px solid var(--umi-border); }
.manual-reminder-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--umi-space-5); padding: var(--umi-space-5) 0; border-bottom: 1px solid var(--umi-border); min-width: 0; }
.manual-reminder-copy { display: grid; gap: var(--umi-space-2); min-width: 0; }
.manual-reminder-copy > strong { font-size: var(--umi-font-sm); font-weight: 600; white-space: pre-wrap; overflow-wrap: anywhere; }
.manual-reminder-copy small { color: var(--umi-text-muted); font-size: var(--umi-font-xs); overflow-wrap: anywhere; }
.manual-reminder-details > summary { font-size: var(--umi-font-xs); color: var(--umi-text-muted); cursor: pointer; padding-block: var(--umi-space-2); width: fit-content; }
.manual-reminder-details > small { display: block; margin-block: var(--umi-space-2); }
.manual-reminder-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: var(--umi-space-2); max-width: 300px; }
.manual-reminder-actions > .status-pill { flex-basis: 100%; width: fit-content; justify-self: end; margin-left: auto; }
.manual-reminder-history > .ticket-pagination { margin-top: var(--umi-space-5); }
.reminder-editor-dialog { width: min(760px, calc(100vw - 32px)); }
.reminder-editor-dialog > .workspace-tabs { margin: 0 var(--umi-space-6); }
.reminder-editor-fields { min-height: 320px; padding: var(--umi-space-6); }
.reminder-editor-pane.form-grid { margin: 0; grid-template-columns: minmax(0, 1fr); align-content: start; }
.reminder-editor-pane[hidden] { display: none !important; }
.reminder-editor-error { margin: 0 var(--umi-space-6) var(--umi-space-4); }
.reminder-editor-dialog > .dialog-actions { position: sticky; bottom: 0; background: var(--umi-surface-1); padding: var(--umi-space-4) var(--umi-space-6); border-top: 1px solid var(--umi-border); }
@media (max-width: 760px) {
  .manual-reminder-toolbar { flex-wrap: wrap; }
  .manual-reminder-toolbar > input { max-width: none; flex: 1 1 240px; }
  .manual-reminder-row { grid-template-columns: minmax(0, 1fr); gap: var(--umi-space-3); }
  .manual-reminder-actions { max-width: none; justify-content: flex-start; }
  .manual-reminder-actions > .status-pill { flex-basis: auto; margin: 0; }
  .reminder-editor-fields { padding: var(--umi-space-4); }
}
.security-filter-toolbar { display: flex; flex-wrap: wrap; gap: var(--umi-space-3); margin-block: var(--umi-space-5); }
.security-filter-toolbar > input { flex: 1 1 240px; max-width: 440px; }
.security-filter-toolbar > select { flex: 0 1 240px; }
.security-finding-row { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: var(--umi-space-2) var(--umi-space-4); width: 100%; min-width: 0; padding: var(--umi-space-5) var(--umi-space-4); border: 0; border-bottom: 1px solid var(--umi-border); border-radius: 0; background: transparent; color: var(--umi-text); text-align: left; cursor: pointer; }
.security-finding-row:first-child { border-top: 1px solid var(--umi-border); }
.security-finding-row:hover { background: var(--umi-surface-2); }
.security-finding-row > strong { font-size: var(--umi-font-sm); font-weight: 600; overflow-wrap: anywhere; }
.security-finding-row > .security-severity { grid-row: 1 / 3; align-self: center; }
.security-finding-row .severity-critical, .security-finding-row .severity-high { color: var(--umi-danger); }
.security-finding-row .severity-medium { color: var(--umi-warning); }
.security-finding-excerpt { grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--umi-font-xs); color: var(--umi-text-muted); }
.security-detail-dialog { width: min(680px, calc(100vw - 32px)); }
.security-detail-dialog > .security-finding { background: transparent; border: 0; border-radius: 0; padding: var(--umi-space-6); }
.security-detail-dialog > .dialog-actions { border-top: 1px solid var(--umi-border); padding: var(--umi-space-4) var(--umi-space-6); }
.security-detail-dialog .security-finding h3 { font-size: var(--umi-font-lg); margin-top: var(--umi-space-2); }
.security-detail-dialog .security-finding p { line-height: 1.65; }