/* C4-A layout integration only. Canonical SMART tokens and components remain in app.css. */
.identity-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.identity-content-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 1rem; }
.identity-panel-stack { display: grid; align-content: start; gap: 1rem; min-width: 0; }
.identity-detail-list { display: grid; gap: 0; margin: 0; }
.identity-detail-list > div { display: grid; grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr); gap: 1rem; padding: .72rem 0; border-bottom: 1px solid var(--smart-divider); }
.identity-detail-list > div:last-child { border-bottom: 0; }
.identity-detail-list dt { color: var(--smart-text-muted); font-size: var(--smart-font-body-compact); font-weight: 700; }
.identity-detail-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--smart-text); font-size: var(--smart-font-body); }
.identity-filter-form { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(150px, .32fr) auto; align-items: end; gap: .7rem; }
.identity-filter-form label { display: grid; gap: .35rem; color: var(--smart-text-secondary); font-size: var(--smart-font-body-compact); font-weight: 700; }
.identity-filter-form :is(input, select) { min-height: var(--smart-control-height); border: 1px solid var(--smart-control-border); border-radius: var(--smart-radius-control); color: var(--smart-text); background: var(--smart-input-bg); }
.identity-filter-form :is(input, select):focus { border-color: var(--smart-primary); outline: 3px solid var(--smart-focus-ring); outline-offset: 2px; }
.identity-status-unavailable { color: var(--smart-danger); background: var(--smart-danger-soft); }
.identity-status-degraded { color: var(--smart-warning); background: var(--smart-warning-soft); }
.identity-status-pending { color: var(--smart-primary); background: var(--smart-primary-soft); }
.operational-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.operational-detail-list dd { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
.operational-detail-list code { overflow-wrap: anywhere; }
.operational-copy { max-width: 70ch; margin: 0; color: var(--smart-text-secondary); }
.operational-residuals ul { display: grid; gap: .45rem; max-width: 70ch; margin: 0; padding-left: 1.25rem; color: var(--smart-text-secondary); }
.profile-menu form { margin: 0; }
.profile-menu form button { display: flex; width: 100%; min-height: 44px; align-items: center; gap: .6rem; padding: .65rem .8rem; border: 0; color: var(--smart-text); background: transparent; font: inherit; text-align: left; }
.profile-menu form button:hover { color: var(--smart-primary); background: var(--smart-row-hover); }
.profile-menu form button:focus-visible { outline: 3px solid var(--smart-focus-ring); outline-offset: -3px; }
.smart-content-loading [data-smart-content] { opacity: .48; pointer-events: none; }
[data-smart-content] { transition: opacity var(--smart-motion-fast) var(--smart-ease-standard); }
.p1-launcher-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.p1-launcher-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; min-height: 88px; padding: 1rem; border: 1px solid var(--smart-border); border-radius: var(--smart-radius-md); color: var(--smart-text); background: var(--smart-surface); }
.p1-launcher-card:hover { color: var(--smart-text); border-color: var(--smart-primary); background: var(--smart-row-hover); text-decoration: none; }
.p1-launcher-card:focus-visible { outline: 3px solid var(--smart-focus-ring); outline-offset: 2px; color: var(--smart-text); text-decoration: none; }
.p1-launcher-card > span:nth-child(2) { display: grid; min-width: 0; gap: .15rem; }
.p1-launcher-card small, .p1-launcher-card em { overflow-wrap: anywhere; color: var(--smart-text-secondary); font-size: var(--smart-font-caption); font-style: normal; }
.p1-external-icon { color: var(--smart-text-muted); }
.p1-unavailable-record .badge-soft { max-width: 260px; white-space: normal; text-align: right; }
.p1-account-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.p1-section-title { margin: 0 0 .5rem; font-size: 1rem; }

@media (max-width: 980px) {
  .identity-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .identity-content-grid { grid-template-columns: 1fr; }
}

.smart-feedback {
  margin-bottom: 1rem;
  padding: .875rem 1rem;
  border: 1px solid var(--smart-border);
  border-radius: var(--smart-radius-md);
  background: var(--smart-surface);
  color: var(--smart-text);
}

.smart-feedback-success {
  border-color: color-mix(in srgb, var(--smart-success) 45%, var(--smart-border));
}

.smart-feedback-error {
  border-color: color-mix(in srgb, var(--smart-danger) 45%, var(--smart-border));
}

.smart-admin-form {
  display: grid;
  gap: 1rem;
}

.smart-admin-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smart-admin-form-grid .smart-form-actions {
  grid-column: 1 / -1;
}

.smart-table-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
}

.smart-table-actions form {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
}

.smart-timezone-note {
  margin: -.4rem 0 1rem;
  color: var(--smart-text-secondary);
  font-size: var(--smart-font-body-compact);
}

.smart-inline-action span:first-child {
  display: grid;
  gap: .2rem;
}

.smart-inline-action small {
  color: var(--smart-text-muted);
}

.smart-admin-form label:not(.form-check) {
  display: grid;
  gap: .4rem;
  font-size: .8125rem;
  font-weight: 600;
}

.smart-admin-form h3 {
  margin: 0;
  font-size: 1rem;
}

.smart-form-actions {
  display: flex;
  justify-content: flex-end;
}

.smart-admin-split,
.identity-admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.smart-lifecycle-form {
  align-content: center;
  padding: 1rem;
  border: 1px solid var(--smart-border);
  border-radius: var(--smart-radius-md);
  background: var(--smart-primary-soft);
}

.smart-admin-stack,
.smart-record-list {
  display: grid;
  gap: .75rem;
}

.smart-inline-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem 0;
  border-top: 1px solid var(--smart-border);
}

.smart-edit-record {
  border: 1px solid var(--smart-border);
  border-radius: var(--smart-radius-md);
  background: var(--smart-surface);
}

.smart-edit-record summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  cursor: pointer;
}

.smart-edit-record summary span:first-child {
  display: grid;
  gap: .2rem;
}

.smart-edit-record summary small {
  color: var(--smart-text-muted);
}

.smart-edit-record[open] .smart-admin-form {
  padding: 0 1rem 1rem;
}

@media (max-width: 767.98px) {
  .p1-launcher-grid,
  .p1-account-columns { grid-template-columns: 1fr; }

  .p1-unavailable-record .badge-soft { max-width: none; text-align: left; }

  .smart-admin-split,
  .identity-admin-grid,
  .operational-status-grid {
    grid-template-columns: 1fr;
  }

  .smart-admin-form-grid {
    grid-template-columns: 1fr;
  }

  .smart-admin-form-grid .smart-form-actions {
    grid-column: auto;
  }

  .smart-inline-action,
  .smart-edit-record summary {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .identity-stats-grid { grid-template-columns: 1fr; }
  .identity-filter-form { grid-template-columns: 1fr; }
  .identity-filter-form :is(input, select) { min-height: 44px; font-size: 16px; }
  .identity-detail-list > div { grid-template-columns: 1fr; gap: .2rem; }
}

@media (prefers-reduced-motion: reduce) {
  [data-smart-content] { transition: none; }
}