/* Halaman akun SSO SNJ: melengkapi css/snj.css milik tema login. */

.snj-home .snj-main { grid-template-columns: minmax(0, 1fr); }
.snj-home .snj-card { max-width: 520px; }

.snj-home-status { margin: 0; text-align: center; color: var(--snj-muted); }

.snj-app-list {
  display: grid;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

.snj-app {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: var(--snj-radius);
  border: 1px solid var(--snj-border);
  background: rgba(255, 255, 255, 0.05);
  color: var(--snj-text);
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
}
.snj-app:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(212, 175, 55, 0.5); }
.snj-app:focus-visible { outline: 2px solid var(--snj-gold); outline-offset: 2px; }
.snj-app svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--snj-gold); transition: transform .2s; }
.snj-app:hover svg { transform: translateX(2px); }

.snj-app-name { display: block; font-weight: 600; font-size: 15px; }
.snj-app-desc { display: block; margin-top: 2px; font-size: 12.5px; color: var(--snj-subtle); }

.snj-home-note { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--snj-muted); }
.snj-home-links { margin: 12px 0 0; font-size: 13px; }

/* Akun tertaut (Google Workspace, dll.) */
.snj-section-title { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--snj-text-soft); }
.snj-linked { margin: 0 0 22px; padding-top: 18px; border-top: 1px solid var(--snj-border); }
.snj-linked-list { display: grid; gap: 10px; margin: 0 0 10px; padding: 0; list-style: none; }
.snj-linked-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--snj-radius);
  border: 1px solid var(--snj-border);
  background: rgba(255, 255, 255, 0.05);
}
.snj-linked-item .snj-btn { padding: 8px 14px; font-size: 13.5px; flex-shrink: 0; }
.snj-linked-note { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--snj-subtle); }
.snj-home #snj-flash { margin-bottom: 18px; }

/* Atribut hidden harus menang atas display: flex/grid dari kelas komponen. */
.snj-home [hidden] { display: none !important; }