.auth-layout {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 46% 54%;
  background: #faf9f6;
  color: #293d35;
}
.auth-story {
  padding: 48px 56px;
  background: #e7ece4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.auth-brand {
  font-family: Georgia, serif;
  font-size: 34px;
  color: inherit;
  text-decoration: none;
  letter-spacing: -1px;
}
.auth-brand span {
  display: block;
  font: 9px/2 sans-serif;
  letter-spacing: 2px;
}
.auth-story-copy {
  padding: 70px 0 20px;
}
.auth-eyebrow {
  font-size: 10px;
  letter-spacing: 2.4px;
  color: #6b7b6c;
}
.auth-story h1 {
  font-size: clamp(32px, 3.3vw, 52px);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 2px;
  margin: 24px 0;
}
.auth-story p {
  line-height: 1.9;
  color: #68776b;
}
.auth-story img {
  display: block;
  width: 190px;
  height: 190px;
  object-fit: contain;
  margin: 35px auto 0;
}
.auth-story small,
.auth-footer {
  font-size: 10px;
  letter-spacing: 1px;
  color: #7b857c;
}
.auth-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 70px 48px;
  position: relative;
}
.auth-card {
  width: 100%;
  max-width: 380px;
}
.auth-card h2 {
  font-size: 28px;
  font-weight: 500;
  margin: 18px 0 12px;
}
.auth-muted {
  color: #7b827b;
  font-size: 13px;
  line-height: 1.8;
}
.auth-card form {
  margin-top: 32px;
}
.auth-card label {
  display: block;
  font-size: 12px;
  margin: 20px 0 9px;
}
.auth-card input:not([type="checkbox"]),
.auth-card select {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #d6ddd4;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: 14px;
  color: #293d35;
}
.auth-card input:focus,
.auth-card select:focus {
  outline: 2px solid #69816c;
  outline-offset: 2px;
}
.auth-password {
  position: relative;
}
.auth-password input {
  padding-right: 64px !important;
}
.auth-password button {
  position: absolute;
  right: 8px;
  top: 7px;
  min-height: 34px;
  border: 0;
  background: transparent;
  font-size: 12px;
  color: #68776b;
}
.auth-primary {
  width: 100%;
  min-height: 49px;
  padding: 13px 18px;
  border: 0;
  border-radius: 8px;
  background: #314c3d;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.auth-primary:disabled,
.auth-secondary:disabled {
  opacity: 0.55;
  cursor: wait;
}
.auth-status {
  font-size: 12px;
  line-height: 1.6;
  min-height: 20px;
  color: #8b523e;
  margin: 14px 0;
}
.auth-help {
  font-size: 11px;
  line-height: 1.8;
  color: #7b827b;
  margin-top: 22px;
}
.auth-divider {
  height: 1px;
  background: #e2e5df;
  margin: 32px 0 24px;
}
.auth-demo {
  font-size: 13px;
  color: #405e48;
  text-decoration: none;
}
.auth-small {
  font-size: 11px;
}
.auth-footer {
  margin-top: 60px;
}
.auth-notice {
  padding: 18px;
  background: #edf0e9;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.8;
  margin: 24px 0;
}
.auth-secondary {
  min-height: 40px;
  padding: 8px 16px;
  background: transparent;
  border: 1px solid #bcc8bb;
  border-radius: 7px;
  color: #314c3d;
  cursor: pointer;
}
.account-form {
  border-top: 1px solid #d6ddd4;
  padding-top: 15px;
}
.account-form p {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.account-active {
  display: flex !important;
  gap: 8px;
  align-items: center;
}
.account-active input {
  width: 16px;
  height: 16px;
}
.account-result {
  color: #405e48;
}
.demo-exit {
  font-size: 12px;
  color: #607362;
  white-space: nowrap;
}
.auth-workspace {
  max-width: 480px;
}
@media (max-width: 760px) {
  .auth-layout {
    grid-template-columns: 1fr;
  }
  .auth-story {
    padding: 24px;
  }
  .auth-story-copy,
  .auth-story > small {
    display: none;
  }
  .auth-brand {
    font-size: 28px;
  }
  .auth-content {
    padding: 40px 24px;
    justify-content: flex-start;
  }
  .auth-footer {
    margin-top: 36px;
  }
  .auth-card h2 {
    font-size: 25px;
  }
  .top-actions {
    gap: 6px;
  }
  .demo-exit {
    font-size: 10px;
  }
}
.auth-primary:hover {
  background: #263f31;
}
.auth-primary:disabled:hover {
  background: #314c3d;
}
.account-create,
.password-reset {
  margin: 22px 0;
  padding: 16px;
  border: 1px solid #d6ddd4;
  border-radius: 8px;
}
.account-create summary,
.password-reset summary {
  cursor: pointer;
  font-size: 13px;
}
.create-result,
.password-result {
  font-size: 12px;
  color: #526c58;
  line-height: 1.6;
}
.username-prefix {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 8px;
}
.username-prefix span {
  padding: 12px;
  background: #edf0e9;
  border: 1px solid #d6ddd4;
  border-right: 0;
  border-radius: 8px 0 0 8px;
  font-size: 14px;
}
.username-prefix input {
  border-radius: 0 8px 8px 0 !important;
  min-width: 0;
}

.cloud-intake{margin:20px 0;padding:18px;border:1px solid #d8c8d0;border-radius:16px;background:#fff}.cloud-intake summary{font-weight:650;cursor:pointer}.cloud-intake label{display:grid;gap:7px;margin:12px 0;font-size:14px}.cloud-intake input,.cloud-intake textarea,.cloud-intake select{box-sizing:border-box;min-width:0;width:100%;font:inherit;padding:10px;border:1px solid #c9c4c7;border-radius:8px;background:#fff}.cloud-intake textarea{min-height:100px;resize:vertical}.cloud-intake button{font:inherit;padding:10px 14px;border-radius:8px;cursor:pointer}.intake-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.intake-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.cloud-intake .intake-consent{display:flex;align-items:center;gap:10px}.intake-consent input{width:auto}.cloud-intake [data-status]{line-height:1.6;font-size:15px}.cloud-intake button:disabled{opacity:.6;cursor:wait}[data-order-detail]{padding:18px;border:1px solid #bdb2bc;border-radius:14px;margin:16px 0;background:#fff}[data-order-detail] pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}[data-order-detail] p{overflow-wrap:anywhere;line-height:1.6}@media(max-width:600px){.intake-fields{grid-template-columns:1fr}}
