.boot-message { padding: 40px; color: #345966; }
.qa-auth { display: grid; grid-template-columns: minmax(280px, .85fr) 1.15fr; min-height: 100dvh; }
.auth-story { background: #112b39; color: white; padding: 60px; display: flex; flex-direction: column; justify-content: center; }
.auth-story .brand { margin: 0 0 70px; }
.auth-story h1 { font-size: 45px; line-height: 1.15; max-width: 390px; }
.auth-story p { color: #bfd3dc; line-height: 1.9; font-size: 15px; max-width: 380px; }
.auth-story .eyebrow { color: #65d1bd; }
.auth-story footer { margin-top: 60px; font-size: 11px; color: #b6c8d1; max-width: 350px; line-height: 1.8; }
.auth-area { display: flex; align-items: center; justify-content: center; padding: 45px 25px; position: relative; }
.auth-language { position: absolute; right: 25px; top: 22px; }
.auth-card { width: min(100%, 460px); background: white; border: 1px solid #dfe7eb; border-radius: 17px; padding: 35px; box-shadow: 0 14px 45px #173f5710; }
.auth-card h2 { margin: 17px 0 12px; font-size: 25px; letter-spacing: -.6px; }
.auth-card p { line-height: 1.85; font-size: 12px; color: #667b86; }
.qa-form { display: flex; flex-direction: column; gap: 17px; margin-top: 24px; }
.qa-form label { display: flex; flex-direction: column; gap: 8px; font-size: 12px; font-weight: 600; }
.qa-form input, .qa-form select { border: 1px solid #ccdce3; background: white; border-radius: 8px; padding: 12px; font-size: 14px; color: #243f4e; width: 100%; }
.qa-form small { font-size: 10px; line-height: 1.6; color: #6a7b85; font-weight: 400; }
.qa-form .button { margin-top: 3px; }
.auth-link { color: #087f76; background: transparent; border: none; padding: 13px 0; font-size: 12px; display: block; margin-top: 13px; }
.form-error { padding: 12px; border-radius: 8px; border: 1px solid #e8bbc0; background: #fff2f2; color: #8e303b; font-size: 12px; line-height: 1.7; margin-bottom: 14px; }
.qr { display: block; width: 180px; height: 180px; margin: 18px auto; }
.setup-key { font: 12px/1.8 Consolas, monospace; overflow-wrap: anywhere; padding: 12px; background: #f0f5f6; border-radius: 7px; display: block; user-select: all; }
.recovery-grid { display: grid; gap: 8px; margin: 20px 0; font: 11px/1.5 Consolas, monospace; }
.recovery-grid code { border: 1px solid #dce7e3; border-radius: 5px; padding: 7px; overflow-wrap: anywhere; }
.qa-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.qa-workspace .company-card { align-items: flex-start; }
.qa-workspace .profile small { overflow-wrap: anywhere; }
.qa-nav { font-size: 13px; }
.qa-banner { background: #e9f3ee; color: #345b4d; border-bottom-color: #ccdfd3; }
.qa-banner .demo-tag { background: #cde7dc; }
.qa-status { display: flex; gap: 9px; align-items: center; color: #206749; font-size: 11px; }
.qa-company-select { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; font-size: 12px; }
.qa-company-select select { min-width: 200px; max-width: 100%; }
.qa-list { display: grid; gap: 14px; }
.qa-row { background: white; border: 1px solid #e1e9ec; padding: 20px; border-radius: 11px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.qa-row h2 { font-size: 15px; margin: 0 0 6px; }
.qa-row p { color: #697e8a; font-size: 12px; margin: 0; line-height: 1.8; overflow-wrap: anywhere; }
.qa-row .button { min-height: 34px; padding: 7px 10px; font-size: 10px; }
.qa-row .avatar { margin-right: 12px; }
.qa-row-title { display: flex; align-items: center; min-width: 0; }
.qa-pill { display: inline-block; color: #457366; background: #eaf5f0; padding: 4px 7px; border-radius: 5px; font-size: 10px; }
.qa-pill.pending { color: #7d6528; background: #faf0d4; }
.qa-pill.disabled { color: #8b4551; background: #fae9ed; }
.qa-contact-toolbar { display: flex; gap: 10px; margin: 0 0 20px; }
.qa-contact-toolbar .search-field { flex: 1; max-width: 420px; background: white; border-color: #e1e9ec; }
.pagination { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.qa-empty { background: white; border: 1px dashed #bed3d8; padding: 50px 30px; border-radius: 13px; text-align: center; color: #69818d; font-size: 13px; }
.qa-feature-note { max-width: 700px; background: white; border: 1px solid #e1e9ec; padding: 33px; border-radius: 13px; }
.qa-feature-note p { color: #607885; line-height: 1.9; font-size: 13px; }
.qa-sidebar-marker { font-size: 9px; font-weight: 600; color: #84d3c0; letter-spacing: 1px; margin: 0 11px 22px; }
.qa-toolbar-language { max-width: 105px; }
@media(max-width:960px) {
  .qa-workspace .sidebar { grid-template-columns: 1fr; }
  .qa-workspace .brand { justify-content: center; }
  .qa-workspace .navigation { justify-content: center; flex-wrap: wrap; }
  .qa-sidebar-marker { display: none; }
  .qa-auth { grid-template-columns: 1fr; }
  .auth-story { padding: 30px; }
  .auth-story .brand { margin-bottom: 25px; }
  .auth-story h1 { font-size: 30px; margin-top: 12px; }
  .auth-story p { max-width: none; font-size: 13px; }
  .auth-story footer { display: none; }
  .auth-area { padding: 65px 20px 30px; }
}
@media(max-width:680px) {
  .auth-card { padding: 25px; }
  .qa-workspace .navigation { gap: 5px; }
  .qa-workspace .nav-item { padding: 10px 6px; flex: 0 0 auto; font-size: 10px; min-height: 35px; }
  .qa-row { align-items: flex-start; flex-direction: column; }
  .qa-actions { width: 100%; }
  .qa-company-select { align-items: flex-start; flex-direction: column; }
  .qa-company-select select { width: 100%; }
  .qa-workspace .page-heading > .button { font-size: 11px; max-width: 130px; }
  .qa-feature-note { padding: 23px; }
  .qa-status { font-size: 9px; }
}
/* Persistent QA messaging, independent of the visual demo's state. */
.qa-messaging{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;margin-top:20px}.qa-messaging aside{display:flex;flex-direction:column;gap:8px}.qa-conversation{padding:12px;text-align:left;background:white;border:1px solid #dce6e8;border-radius:8px;cursor:pointer}.qa-conversation.selected{border-color:#0b8b87;background:#e9f7f5}.qa-thread{min-height:150px;max-height:430px;overflow:auto;padding:12px;background:#f4f8f8;border-radius:12px}.qa-bubble{padding:12px;margin:10px 0;border-radius:10px;background:white;max-width:90%;overflow-wrap:anywhere}.qa-bubble.out{margin-left:auto;background:#e2f3ef}.qa-bubble p{white-space:pre-wrap}.qa-bubble small{display:block;color:#53676d}.qa-messaging form{display:grid;gap:12px;margin-top:16px}.qa-messaging label{display:grid;gap:6px}.qa-messaging input,.qa-messaging textarea{border:1px solid #cddcde;border-radius:8px;padding:10px;font:inherit}.qa-messaging textarea{min-height:100px;resize:vertical}.qa-finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.qa-amount{display:block;font-size:24px}.qa-amount.positive{color:#087e61}.qa-amount.negative{color:#bc3047}.qa-finance-grid small{display:block;overflow-wrap:anywhere}@media(max-width:760px){.qa-messaging{grid-template-columns:1fr}.qa-messaging aside{max-height:150px;overflow:auto}}