*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#102a43}header{background:#fff;border-bottom:1px solid #d8e1ee}.head,main{max-width:1180px;margin:auto}.head{min-height:82px;padding:14px 22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.brand{font-size:21px;font-weight:800;color:#073b83}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#102a43;font-weight:700;text-decoration:none}a:hover{color:#0b57d0}.up{margin-left:auto;text-align:right;font-size:13px;color:#526d82}main{padding:28px 22px 70px}h1{margin:0 0 18px}.card{background:#fff;border:1px solid #d8e1ee;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 5px 18px rgba(16,42,67,.05)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.c3{grid-column:span 3}.c4{grid-column:span 4}.c6{grid-column:span 6}.c8{grid-column:span 8}.c12{grid-column:span 12}label{display:block;font-weight:700;margin:10px 0 6px}input,textarea{width:100%;padding:11px 12px;border:1px solid #9fb3c8;border-radius:8px;font:inherit}textarea{min-height:90px}.btn,button{display:inline-block;border-radius:8px;padding:10px 15px;font-weight:800;cursor:pointer;text-decoration:none}.primary{background:#0b57d0;color:#fff;border:1px solid #0b57d0}.secondary{background:#fff;border:1px solid #9fb3c8}.danger{background:#fff;color:#b42318;border:1px solid #fda29b}.small{padding:6px 9px;font-size:13px}.msg{padding:12px 14px;border-left:4px solid;border-radius:8px;margin-bottom:16px}.ok{background:#ecfdf3;border-color:#067647}.err{background:#fee4e2;border-color:#b42318}.warn{background:#fff4e5;border-color:#b54708}.info{background:#eaf2ff;border-color:#0b57d0}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid #e4e7ec;text-align:left;vertical-align:top}th{font-size:13px;color:#526d82}.status{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.active{background:#dcfae6;color:#067647}.inactive{background:#f2f4f7;color:#475467}.actions{display:flex;gap:6px;flex-wrap:wrap}.inline{display:inline}.muted{color:#526d82;font-size:13px}.login{max-width:520px;margin:6vh auto;padding:0 18px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi{background:#fff;border:1px solid #d8e1ee;border-radius:12px;padding:18px}.kpi strong{display:block;font-size:28px;margin-top:6px}@media(max-width:800px){.c3,.c4,.c6,.c8{grid-column:span 12}.kpis{grid-template-columns:1fr}.up{margin-left:0;text-align:left}table{display:block;overflow-x:auto}}
.field-hint {
  margin: -2px 0 8px;
  color: #526d82;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.form-section-heading {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #d8e1ee;
}
.form-section-heading h3 {
  margin: 0;
  color: #073b83;
  font-size: 20px;
}
.payment-holiday-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px !important;
  margin: 0;
  font-weight: 600;
}
.payment-regional-options {
  grid-column: 1 / -1;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #d8e1ee;
}
.payment-regional-options[hidden] { display: none; }
.payment-regional-options h3 { margin: 0 0 10px; }
.payment-regional-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.payment-regional-grid [data-states][hidden],
.payment-regional-grid [data-no-regional][hidden] { display: none; }
.payment-holiday-checkbox input { width: auto; margin-top: 3px; }
@media (max-width:800px) {
  .payment-regional-grid { grid-template-columns: 1fr; }
}
.user-create-grid > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.user-create-grid > div > label {
  display: flex;
  min-height: 2.7em;
  align-items: flex-end;
}
.user-create-grid > div > input {
  margin-top: auto;
}
select {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #9fb3c8;
  border-radius: 8px;
  font: inherit;
  background: #fff;
}
.nav-technical-links {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.mail-accepted {
  background: #eaf2ff;
  color: #0b57d0;
}
.mail-bounced {
  background: #fee4e2;
  color: #b42318;
}
.mail-error-detail {
  max-width: 260px;
  margin-top: 6px;
  color: #b42318;
  font-size: 12px;
  line-height: 1.35;
}
.mail-error-text {
  color: #b42318;
  font-weight: 700;
}
.mail-problem-card {
  border-color: #fda29b;
}
.draft-table-wrap {
  overflow: visible;
}
.draft-items-table {
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.draft-items-table thead {
  display: none;
}
.draft-items-table tbody {
  display: block;
}
.draft-items-table .draft-item-row {
  display: grid;
  grid-template-columns: 48px 90px 100px 110px 140px 100px 125px 105px 105px;
  gap: 12px;
  align-items: end;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #d8e1ee;
  border-radius: 12px;
  background: #f8fafc;
}
.draft-items-table .draft-item-row td {
  min-width: 0;
  width: auto;
  padding: 0;
  border: 0;
}
.draft-items-table .draft-item-row td::before {
  content: attr(data-label);
  display: block;
  margin-bottom: 6px;
  color: #526d82;
  font-size: 13px;
  font-weight: 700;
}
.draft-items-table .draft-item-row td:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  text-align: center;
  font-weight: 800;
}
.draft-items-table .draft-item-row td:nth-child(2) {
  grid-column: 2 / span 3;
  grid-row: 1;
}
.draft-items-table .draft-item-row td:nth-child(3) {
  grid-column: 5 / span 5;
  grid-row: 1;
}
.draft-items-table .draft-item-row td:nth-child(4) { grid-column: 2; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(5) { grid-column: 3; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(6) { grid-column: 4; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(7) { grid-column: 5; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(8) { grid-column: 6; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(9) { grid-column: 7; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(10) { grid-column: 8; grid-row: 2; }
.draft-items-table .draft-item-row td:nth-child(11) { grid-column: 9; grid-row: 2; }
.draft-items-table .draft-item-row input,
.draft-items-table .draft-item-row select,
.draft-items-table .draft-item-row textarea {
  width: 100%;
}
.draft-items-table textarea {
  min-height: 64px;
}
.draft-items-table input,
.draft-items-table select,
.draft-items-table textarea {
  font-size: 14px;
  padding: 8px;
}
.money-cell {
  white-space: nowrap;
  font-weight: 700;
}
.draft-items-table .money-cell {
  min-height: 39px;
  display: flex;
  align-items: center;
}
.draft-items-table .money-cell::before {
  margin-right: 6px;
  margin-bottom: 0 !important;
}
.vat-hint {
  margin: 4px 0 18px;
}
.item-vat-custom {
  margin-top: 6px;
}
.item-vat-custom[hidden] {
  display: none;
}
.item-period-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}
.item-period-fields label {
  margin: 0;
  color: #526d82;
  font-size: 12px;
}
.item-period-fields input {
  margin-top: 4px;
  background: #fff;
}
.item-field-label {
  margin: 8px 0 4px;
  color: #526d82;
  font-size: 12px;
}
.item-field-label:first-child {
  margin-top: 0;
}
.item-basis-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 12px;
  padding: 10px;
  border: 1px solid #bfd1e5;
  border-radius: 8px;
  background: #eef5ff;
}
.item-basis-fields[hidden] {
  display: none;
}
.item-basis-fields label {
  margin: 0;
  color: #526d82;
  font-size: 12px;
}
.item-basis-fields label > span {
  display: block;
  min-height: 2.4em;
}
.item-basis-fields input,
.item-basis-fields select {
  margin-top: 4px;
  background: #fff;
}
.basis-choice-wrap {
  position: relative;
  display: block;
}
.item-basis-fields .basis-choice-select {
  color: transparent;
  text-shadow: none;
}
.item-basis-fields .basis-choice-select option {
  color: #102a43;
}
.basis-choice-short {
  position: absolute;
  left: 9px;
  right: 30px;
  top: 50%;
  transform: translateY(-42%);
  overflow: hidden;
  color: #102a43;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
.item-basis-result {
  grid-column: 1 / -1;
  color: #102a43;
  font-size: 13px;
}
.item-price[readonly],
.item-quantity[readonly] {
  background: #eef2f6;
  color: #344054;
}
.period-copy-panel {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) 170px 170px auto;
  gap: 12px;
  align-items: end;
  margin: -4px 0 18px;
  padding: 14px;
  border: 1px solid #d8e1ee;
  border-radius: 10px;
  background: #f8fafc;
}
.period-copy-panel strong {
  align-self: center;
}
.period-copy-panel label {
  margin: 0;
  color: #526d82;
  font-size: 12px;
}
.period-copy-panel input {
  margin-top: 4px;
  background: #fff;
}
.item-period-display {
  margin-top: 7px;
  color: #526d82;
  font-size: 12px;
  font-weight: 700;
}
.setup-wide {
  max-width: 1100px;
  margin-top: 24px;
}
.setup-account-grid > div {
  grid-column: span 6;
  min-width: 0;
}
.import-options-grid > div {
  grid-column: span 6;
  min-width: 0;
}
.company-settings-grid > div,
.mail-settings-grid > div {
  grid-column: span 3;
  min-width: 0;
}
.company-settings-grid label,
.mail-settings-grid label,
.setup-account-grid label,
.import-options-grid label {
  min-height: 34px;
}
.import-form > label {
  margin-top: 16px;
}
.import-form > button,
.license-upload-form > button {
  margin-top: 12px;
}
.license-summary-grid > div {
  min-width: 0;
}
.license-summary-grid strong {
  overflow-wrap: anywhere;
}
.license-summary-grid > div:nth-last-child(-n+2) {
  grid-column: span 2;
}
.table-scroll {
  width: 100%;
  overflow-x: auto;
}
.nav-admin-functions {
  row-gap: 10px;
}
@media (max-width: 980px) {
  .company-settings-grid > div,
  .mail-settings-grid > div {
    grid-column: span 6;
  }
}
@media (max-width: 620px) {
  .setup-account-grid > div,
  .import-options-grid > div,
  .company-settings-grid > div,
  .mail-settings-grid > div {
    grid-column: span 12;
  }
  .company-settings-grid label,
  .mail-settings-grid label,
  .setup-account-grid label,
  .import-options-grid label {
    min-height: 0;
  }
  .user-create-grid > div > label {
    min-height: 0;
  }
}
.draft-totals {
  margin: 20px 0 0 auto;
  max-width: 520px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.draft-totals > div {
  border: 1px solid #d8e1ee;
  border-radius: 10px;
  padding: 13px;
  background: #f8fafc;
}
.draft-totals span,
.draft-summary-grid span {
  display: block;
  color: #526d82;
  font-size: 13px;
  margin-bottom: 5px;
}
.draft-totals strong {
  font-size: 18px;
}
.draft-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.draft-summary-grid strong {
  display: block;
}
.kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
button:disabled {
  opacity: .65;
  cursor: wait;
}
@media (max-width: 900px) {
  .license-summary-grid > div:nth-last-child(-n+2) {
    grid-column: auto;
  }
  .draft-items-table .draft-item-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .draft-items-table .draft-item-row td:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
  .draft-items-table .draft-item-row td:nth-child(1),
  .draft-items-table .draft-item-row td:nth-child(2),
  .draft-items-table .draft-item-row td:nth-child(3),
  .draft-items-table .draft-item-row td:nth-child(11) {
    grid-column: 1 / -1;
  }
  .draft-totals,
  .draft-summary-grid {
    grid-template-columns: 1fr;
    max-width: none;
  }
  .kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .period-copy-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .period-copy-panel strong,
  .period-copy-panel button {
    grid-column: 1 / -1;
  }
}
@media (max-width: 560px) {
  .item-period-fields,
  .item-basis-fields,
  .period-copy-panel {
    grid-template-columns: 1fr;
  }
  .period-copy-panel strong,
  .period-copy-panel button {
    grid-column: auto;
  }
}

/* Phase 2B1: Doppelpunkt und Leerzeichen in der Entwurfsansicht */
.draft-summary-grid .draft-label,
.draft-totals .draft-label {
  display: inline;
  margin: 0;
  color: #102a43;
}

/* Blaue Aktionsschaltflächen bleiben auch beim Überfahren gut lesbar. */
.btn.primary:hover,
.btn.primary:focus-visible,
button.primary:hover,
button.primary:focus-visible {
  background: #0849b3;
  border-color: #0849b3;
  color: #fff !important;
}

/* Interne Anlagen zu Entwürfen und endgültigen Rechnungen */
.internal-attachments .msg {
  margin-top: 4px;
}
.attachment-upload-form {
  margin-bottom: 20px;
}
.attachment-upload-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.attachment-upload-row input[type="file"] {
  min-width: 0;
  background: #fff;
}
.attachment-table-wrap {
  overflow-x: auto;
}
.internal-attachments table {
  min-width: 720px;
}
.internal-attachments td:first-child {
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  .attachment-upload-row {
    grid-template-columns: 1fr;
  }
  .attachment-upload-row button {
    width: 100%;
  }
}

/* Kompakte Radioauswahl für den Artikeltyp */
.service-type-options {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #9fb3c8;
  border-radius: 8px;
  background: #fff;
}
.service-type-choice {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  min-width: 0;
  cursor: pointer;
  font-weight: 400;
  white-space: nowrap;
}
.service-type-choice input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  accent-color: #0b57d0;
  cursor: pointer;
}
.service-type-choice span {
  line-height: 1.25;
}
.service-type-options:focus-within {
  border-color: #0b57d0;
  box-shadow: 0 0 0 1px #0b57d0 inset;
}
.service-description {
  min-height: 72px;
}
.service-unit-select,
.service-unit-select option,
.service-unit-select optgroup {
  font-size: 14px;
}
.vat-custom-input:disabled,
.item-vat-custom:disabled {
  border-color: #d0d5dd;
  background: #f2f4f7;
  color: #667085;
  cursor: not-allowed;
}
@media (max-width: 450px) {
  .service-type-options {
    flex-wrap: wrap;
  }
}

/* Druckansichten für Kunden, Leistungen und E-Mail-Versandprotokolle */
.print-meta {
  margin: -8px 0 18px;
  color: #526d82;
  font-size: 13px;
}
.print-table-wrap {
  overflow-x: auto;
}
.print-table {
  min-width: 940px;
}
.print-table th,
.print-table td {
  word-break: normal;
  hyphens: auto;
}
.print-table th {
  overflow-wrap: normal;
}
.print-table td {
  overflow-wrap: break-word;
}
.audit-filter-grid {
  display: grid;
  grid-template-columns: minmax(150px, 0.8fr) minmax(150px, 0.8fr) minmax(260px, 1.7fr) auto;
  gap: 14px;
  align-items: end;
}
.audit-filter-grid label {
  margin: 0;
}
.audit-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 1px;
}
.audit-table {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
}
.audit-table th:nth-child(1),
.audit-table td:nth-child(1) { width: 18%; }
.audit-table th:nth-child(2),
.audit-table td:nth-child(2) { width: 18%; }
.audit-table th:nth-child(3),
.audit-table td:nth-child(3) { width: 22%; }
.audit-table th:nth-child(4),
.audit-table td:nth-child(4) { width: 42%; }
.audit-table td {
  overflow-wrap: anywhere;
}

.datev-settings {
  margin: 0 0 1.5rem;
  padding: 1rem;
  border: 1px solid #c7d8ee;
  border-radius: 12px;
  background: #f7faff;
}
.datev-settings .toolbar { margin-bottom: .35rem; }
.datev-settings-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.datev-settings-grid > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.datev-settings-grid > div > label {
  display: flex;
  min-height: 2.7em;
  align-items: flex-end;
}
.datev-settings-grid > div > input,
.datev-settings-grid > div > select {
  margin-top: auto;
}
.datev-change-confirm {
  margin-top: .8rem;
}
.datev-history td,
.datev-history th { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .datev-settings-grid { grid-template-columns: 1fr; }
  .datev-settings-grid > div > label { min-height: 0; }
}
@media (max-width: 900px) {
  .audit-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/*
 * Das Versandprotokoll hat mehrere technisch unterschiedlich lange Inhalte.
 * Feste, ausgewogene Spalten verhindern Umbrüche mitten in Überschriften,
 * Rechnungsarten und Benutzernamen. Nur E-Mail-Adressen und der Betreff dürfen
 * bei Bedarf an beliebiger Stelle umbrechen.
 */
.print-mail-table {
  min-width: 1080px;
  table-layout: fixed;
}
.print-mail-table th {
  white-space: nowrap;
}
.print-mail-table th:nth-child(1),
.print-mail-table td:nth-child(1) { width: 10%; }
.print-mail-table th:nth-child(2),
.print-mail-table td:nth-child(2) { width: 10%; }
.print-mail-table th:nth-child(3),
.print-mail-table td:nth-child(3) { width: 15%; }
.print-mail-table th:nth-child(4),
.print-mail-table td:nth-child(4) { width: 10%; }
.print-mail-table th:nth-child(5),
.print-mail-table td:nth-child(5) { width: 9%; }
.print-mail-table th:nth-child(6),
.print-mail-table td:nth-child(6) { width: 15%; }
.print-mail-table th:nth-child(7),
.print-mail-table td:nth-child(7) { width: 16%; }
.print-mail-table th:nth-child(8),
.print-mail-table td:nth-child(8) { width: 15%; }
.print-mail-table td:nth-child(1),
.print-mail-table td:nth-child(2),
.print-mail-table td:nth-child(7) {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.print-mail-table td:nth-child(3),
.print-mail-table td:nth-child(4),
.print-mail-table td:nth-child(5),
.print-mail-table td:nth-child(6),
.print-mail-table td:nth-child(8) {
  overflow-wrap: anywhere;
}
.print-mail-table td:nth-child(7) .status {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.25;
}
@media screen {
  .print-mail-table td:nth-child(8) {
    white-space: nowrap;
  }
  .print-mail-table td:nth-child(8) small {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
@media print {
  @page {
    size: A4 landscape;
    margin: 12mm;
  }
  body {
    background: #fff;
    color: #000;
    font-size: 9pt;
  }
  header,
  .print-actions,
  .msg {
    display: none !important;
  }
  main {
    max-width: none;
    padding: 0;
  }
  .print-sheet {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .print-sheet h1 {
    margin: 0 0 4mm;
    font-size: 17pt;
  }
  .print-meta {
    margin: 0 0 5mm;
    color: #333;
    font-size: 8.5pt;
  }
  .print-table-wrap {
    overflow: visible;
  }
  .print-table {
    display: table;
    min-width: 0;
    width: 100%;
    table-layout: fixed;
  }
  .print-table thead {
    display: table-header-group;
  }
  .print-table tr {
    break-inside: avoid;
  }
  .print-table th,
  .print-table td {
    padding: 2.2mm 1.5mm;
    border: 1px solid #777;
    font-size: 8pt;
    line-height: 1.25;
  }
  .print-table th {
    color: #000;
    background: #e8eef7 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .print-table .status {
    padding: 0;
    color: #000;
    background: transparent;
    font-size: 8pt;
  }
  .print-mail-table {
    min-width: 0;
  }
  .audit-table th:nth-child(1),
  .audit-table td:nth-child(1) { width: 17%; }
  .audit-table th:nth-child(2),
  .audit-table td:nth-child(2) { width: 16%; }
  .audit-table th:nth-child(3),
  .audit-table td:nth-child(3) { width: 22%; }
  .audit-table th:nth-child(4),
  .audit-table td:nth-child(4) { width: 45%; }
}

.up .version-info {
  display: block;
  color: #067647;
  font-weight: 800;
  white-space: nowrap;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.brand-logo {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.up .login-info {
  display: block;
  margin-top: 9px;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
  width: 100%;
}

.site-footer {
  flex: 0 0 auto;
  padding: 16px 22px;
  border-top: 1px solid #d8e1ee;
  background: #fff;
  color: #526d82;
  font-size: 12px;
  text-align: center;
}

.login.login-branded {
  display: grid;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
  gap: 18px;
  align-items: stretch;
  max-width: 920px;
}

.login-branded .card {
  margin-bottom: 0;
}

.login-company {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.login-company > img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.login-company p {
  margin: 6px 0;
  line-height: 1.45;
}

.login-company-claim {
  color: #073b83;
  font-size: 17px;
  font-weight: 800;
}

.login-form-card {
  align-self: stretch;
  width: 100%;
}

@media (max-width: 800px) {
  .up .version-info {
    white-space: normal;
  }
  .login.login-branded {
    grid-template-columns: 1fr;
    max-width: 560px;
  }
}