/* Sign-in page (guided Cognito setup per target tenant). Builds on workbench.css and tenants.css tokens; works from 375px up. */
.si-toolbar { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; margin: 0 0 10px; min-width: 0; }
.si-toolbar .wb-action-bar { flex: 1 1 420px; min-width: 0; margin: 0; }
.si-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.si-panel-host:empty { display: none; }
.si-panel-host { margin: 0 0 12px; min-width: 0; }
.si-panel { padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--white); overflow-wrap: anywhere; }
.si-panel > .wb-run-log { padding: 0; border: 0; }
.si-panel h3 { margin: 0 0 8px; color: var(--navy); font-size: 15px; }
.si-panel .field input { width: 100%; max-width: 100%; box-sizing: border-box; }
.si-recovery { margin: 8px 0; }
.si-recovery code { overflow-wrap: anywhere; word-break: break-all; }
.si-dismiss { margin-top: 10px; }

.si-drawer { min-width: 0; overflow-wrap: anywhere; }
.si-drawer h3 { margin: 14px 0 6px; color: var(--navy); font-size: 15px; }
.si-steps { margin: 6px 0 12px; padding-left: 22px; }
.si-steps li { margin: 0 0 8px; line-height: 1.45; }
.si-checklist, .si-result, .si-prerequisites { margin: 0 0 12px; }
.si-drawer button { max-width: 100%; }

@media (max-width: 599px) {
  .si-toolbar { flex-direction: column; align-items: stretch; }
  .si-toolbar .wb-action-bar { flex-basis: auto; }
  .si-toolbar .wb-verbs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .si-toolbar .wb-verb { max-width: none; }
  .si-toolbar .wb-verb button { padding-inline: 8px; font-size: 13.5px; }
  .si-tools { justify-content: space-between; }
  .si-panel .actions { flex-direction: column; align-items: stretch; }
  .si-panel .actions button, .si-dismiss { width: 100%; }
}