/* KAYNAK-TASARIM: docs/html_web/assets/css/documents.css
   Bu dosya docs/html_web/ tasariminden OLDUGU GIBI alindi. Elle duzenlenmez;
   tasarim guncellendiginde `npm run design:site-import` yeniden kopyalar. */

/* Readable business documents: 14px minimum text, restrained headings.
   Mobile viewers scroll the sheet instead of shrinking the text. */
body .sample-document,
body .live-page {
  border-radius: var(--radius-paper) !important;
}

body .sample-document.business-sheet,
body .business-live.live-page,
body .live-workbench .business-live.live-page,
body .result-layout .business-live.live-page,
body .document-dialog .preview-sheet > .sample-document.business-sheet {
  display: flex;
  flex-direction: column;
  border: 1px solid #d8d8d8;
  border-radius: var(--radius-paper);
  background: #fff;
  color: #282828;
  box-shadow:
    0 2px 3px #2121210a,
    0 14px 28px -18px #21212145;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  transform: none !important;
}
body .business-sheet h3,
body .business-sheet h4,
body .business-live h3 {
  text-wrap: initial;
}
body .business-sheet .doc-letterhead,
body .business-live .live-top,
body .live-workbench .business-live .live-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid #3b3b3b;
  font-size: 14px;
  line-height: 1.4;
}
body .business-sheet .doc-brand,
body .business-live .live-brand {
  font-size: 17px !important;
  font-weight: 700;
  letter-spacing: 0;
}
body .business-sheet .doc-brand > span,
body .business-live .live-brand > span {
  color: #888888;
}
body .business-sheet .doc-sender > span:last-child {
  font-size: 14px;
  color: #6e6e6e;
  margin-top: 5px;
  letter-spacing: 0.035em;
}
body .business-sheet .doc-classification,
body .business-live .live-edition {
  font-size: 14px !important;
  letter-spacing: 0.08em;
  color: #6e6e6e;
  line-height: 1.5;
  max-width: 100px;
}
body .business-sheet .doc-title-row h3,
body .business-live h3,
body .live-workbench .business-live h3 {
  font-size: 24px !important;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0 0 7px !important;
  color: #303030;
}
body .business-live h3,
body .live-workbench .business-live h3 {
  margin: 29px 0 12px !important;
}
body .business-sheet .doc-reference {
  font-size: 14px;
  color: #717171;
  letter-spacing: 0.025em;
}
body .business-sheet .doc-parties {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  font-size: 14px;
}
body .business-sheet .doc-parties > div {
  font-size: 14px;
  line-height: 1.6;
}
body .business-sheet .doc-parties b {
  font-size: 14px;
  font-weight: 600;
}
body .business-sheet .doc-parties > div > span:last-child {
  font-size: 14px;
  color: #6e6e6e;
}
body .business-sheet .doc-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-bottom: 5px;
  color: #6e6e6e;
}
body .business-sheet .doc-parties dl {
  display: block;
  font-size: 14px;
  margin: 0;
}
body .business-sheet .doc-parties dl > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
body .business-sheet .doc-parties dt {
  color: #6e6e6e;
  font-size: 14px;
  line-height: 1.5;
}
body .business-sheet .doc-parties dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: right;
}
body .business-sheet .doc-intro {
  margin: 0 0 21px;
}
body .business-sheet .doc-intro h4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 6px;
}
body .business-sheet .sample-terms,
body .business-live .live-intro {
  font-size: 14px !important;
  color: #656565 !important;
  line-height: 1.65;
  margin: 0;
}
body .business-sheet .doc-lines {
  table-layout: fixed;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
body .business-sheet .doc-lines th {
  background: #f0f0f0;
  color: #4c4c4c;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
body .business-sheet .doc-lines th:first-child {
  width: 61%;
}
body .business-sheet .doc-lines td {
  font-size: 14px;
  vertical-align: top;
  border-bottom: 1px solid #e6e6e6;
}
body .business-sheet .doc-lines strong {
  font-size: 14px;
  font-weight: 500;
}
body .business-sheet .doc-lines td span {
  display: block;
  font-size: 14px;
  margin-top: 3px;
  color: #6e6e6e;
}
body .business-sheet .doc-lines th:nth-child(2),
body .business-sheet .doc-lines td:nth-child(2) {
  display: table-cell;
  text-align: center;
  width: 10%;
}
body .business-sheet .doc-lines td:last-child {
  width: 29%;
  white-space: nowrap;
}
body .business-sheet .doc-totals {
  width: 56%;
  margin: 20px 0 0 auto;
  font-size: 14px;
}
body .business-sheet .doc-totals > div {
  gap: 12px;
}
body .business-sheet .doc-totals .doc-grand {
  margin-top: 5px;
  font-size: 14px;
  border-color: #6e6e6e;
  font-weight: 600;
  color: #303030;
}
body .business-sheet .doc-conditions,
body .business-live .doc-conditions {
  margin: 27px 0 22px;
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}
body .doc-conditions h4 {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 7px;
  color: #4c4c4c;
}
body .doc-conditions p {
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 4px;
  color: #727272;
}
body .business-sheet .doc-signoff,
body .business-live .live-signoff,
body .live-workbench .business-live .live-signoff {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 25px;
  gap: 3px;
}
body .business-sheet .doc-signoff b,
body .business-live .live-signoff strong {
  font-size: 14px;
  font-weight: 600;
}
body .business-sheet .doc-page-footer,
body .business-live .live-footer,
body .live-workbench .business-live .live-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  border-top: 1px solid #dcdcdc;
  margin-top: auto;
  padding-top: 12px;
  font-size: 14px !important;
  line-height: 1.5;
  color: #6e6e6e;
  gap: 12px;
}
body .business-live .live-details,
body .live-workbench .business-live .live-details {
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  margin: 25px 0 18px;
  font-size: 14px;
}
body .business-live .live-details small,
body .live-workbench .business-live .live-details small {
  font-size: 14px;
  color: #6e6e6e;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}
body .business-live .live-details b,
body .live-workbench .business-live .live-details b {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
body .business-live .live-date-line {
  font-size: 14px;
  padding: 12px 0;
  gap: 15px;
  line-height: 1.5;
  border-color: #e6e6e6;
}
body .business-live .live-date-line b {
  font-size: 14px;
  font-weight: 500;
}
body .business-live .live-line-items,
body .live-workbench .business-live .live-line-items {
  margin: 8px 0 0;
  border-collapse: collapse;
}
body .business-live .live-line-items th,
body .live-workbench .business-live .live-line-items th {
  padding: 9px 10px;
  font-size: 14px;
  background: #f0f0f0;
  color: #4c4c4c;
  font-weight: 500;
  border: 0;
}
body .business-live .live-line-items td,
body .live-workbench .business-live .live-line-items td {
  padding: 15px 10px !important;
  font-size: 14px !important;
  line-height: 1.6;
  border-color: #e6e6e6;
}
body .business-live .live-total,
body .live-workbench .business-live .live-total {
  font-size: 14px;
  line-height: 1.5;
  border-color: #6e6e6e;
  padding-top: 13px;
  margin-top: 24px;
  color: #303030;
}
body .business-live .live-tax-note,
body .live-workbench .business-live .live-tax-note {
  font-size: 14px !important;
  line-height: 1.5;
  margin: 8px 0 0;
  color: #6e6e6e !important;
}
body .detail-home .live-workbench .live-scene {
  min-height: 0;
  padding: 35px;
  background: #e6e6e6;
}
body .business-sheet.word-sheet textarea {
  font-size: 14px !important;
  min-height: 56px;
  height: 56px;
  line-height: 1.65;
  padding: 6px;
}
body .detail-home .real-word-ribbon {
  width: calc(100% + 50px);
  margin: -36px -25px 20px;
}
body .real-word-ribbon .ribbon-font,
body .real-word-ribbon .ribbon-style,
body .real-word-ribbon .ribbon-hint {
  font-size: 14px;
}
body .detail-home .document-view-status {
  font-size: 14px;
  padding: 14px 0;
}
body .document-dialog .preview-sheet > .sample-document.business-sheet {
  max-width: 600px;
  width: 100%;
}

@media (max-width: 760px) {
  body .sample-document.business-sheet,
  body .business-live.live-page,
  body .live-workbench .business-live.live-page,
  body .result-layout .business-live.live-page,
  body .document-dialog .preview-sheet > .sample-document.business-sheet {
    padding: 25px 22px 20px !important;
    font-size: 14px;
  }
  body .business-sheet .doc-letterhead,
  body .business-live .live-top,
  body .live-workbench .business-live .live-top {
    padding-bottom: 14px;
    gap: 10px;
  }
  body .business-sheet .doc-brand,
  body .business-live .live-brand {
    font-size: 15px !important;
  }
  body .business-sheet .doc-classification,
  body .business-live .live-edition {
    font-size: 14px !important;
    max-width: 80px;
  }
  body .business-sheet .doc-title-row {
    padding-top: 20px;
  }
  body .business-sheet .doc-title-row h3,
  body .business-live h3,
  body .live-workbench .business-live h3 {
    font-size: 21px !important;
  }
  body .business-sheet .doc-parties {
    gap: 15px;
    margin: 19px 0;
  }
  body .business-sheet .doc-parties b {
    font-size: 14px;
  }
  body .business-sheet .doc-parties dd {
    font-size: 14px;
  }
  body .business-sheet .doc-parties dt {
    font-size: 14px;
  }
  body .business-sheet .doc-lines td,
  body .business-sheet .doc-lines strong {
    font-size: 14px;
  }
  body .business-sheet .doc-lines td {
    padding: 10px 4px;
  }
  body .business-sheet .doc-lines th {
    padding: 8px 4px;
    font-size: 14px;
  }
  body .business-sheet .doc-lines td span {
    font-size: 14px;
  }
  body .business-sheet .doc-totals {
    font-size: 14px;
  }
  body .business-sheet .doc-totals .doc-grand {
    font-size: 14px;
  }
  body .business-sheet .sample-terms,
  body .business-live .live-intro {
    font-size: 14px !important;
  }
  body .business-sheet .doc-conditions,
  body .business-live .doc-conditions {
    margin: 22px 0 18px;
    padding-top: 12px;
  }
  body .doc-conditions p {
    font-size: 14px;
  }
  body .business-sheet .doc-page-footer,
  body .business-live .live-footer,
  body .live-workbench .business-live .live-footer {
    font-size: 14px !important;
  }
  body .business-live .live-details,
  body .live-workbench .business-live .live-details {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  body .business-live .live-details b,
  body .live-workbench .business-live .live-details b {
    font-size: 14px;
  }
  body .business-live .live-line-items td,
  body .live-workbench .business-live .live-line-items td {
    font-size: 14px !important;
    padding: 12px 7px !important;
  }
  body .business-live .live-total,
  body .live-workbench .business-live .live-total {
    font-size: 14px;
  }
  body .detail-home .live-workbench .live-scene {
    padding: 25px 16px;
  }
  body .detail-home .real-word-ribbon {
    width: calc(100% + 26px);
    margin: -24px -13px 18px;
  }
}
/* Homepage output uses a physical A4 ratio; content never stretches the sheet. */
body.detail-home .sample-document.business-sheet {
  width: 600px;
  min-width: 600px;
  max-width: 600px;
}
body .sample-document.business-sheet,
body .business-live.live-page,
body .live-workbench .business-live.live-page,
body .result-layout .business-live.live-page,
body .document-dialog .preview-sheet > .sample-document.business-sheet {
  width: 600px;
  max-width: 100%;
  min-height: 0 !important;
  aspect-ratio: 210 / 297;
  height: auto;
  overflow: hidden;
  padding: 22px 28px 17px !important;
}
body .business-sheet .doc-letterhead,
body .business-live .live-top,
body .live-workbench .business-live .live-top {
  padding-bottom: 9px;
}
body .business-sheet .doc-title-row {
  padding-top: 12px;
}
body .business-sheet .doc-title-row h3 {
  font-size: 22px !important;
  margin-bottom: 4px !important;
}
body .business-sheet .doc-parties {
  margin: 12px 0 10px;
  gap: 22px;
}
body .business-sheet .doc-parties dl > div {
  margin-bottom: 5px;
}
body .business-sheet .doc-intro {
  margin-bottom: 9px;
}
body .business-sheet .sample-terms {
  line-height: 1.5;
}
body .business-sheet .doc-lines td {
  padding: 6px 8px;
  line-height: 1.4;
}
body .business-sheet .doc-lines td span {
  line-height: 1.4;
}
body .business-sheet .doc-lines th {
  padding: 6px 8px;
}
body .business-sheet .doc-totals {
  margin-top: 7px;
}
body .business-sheet .doc-totals > div {
  padding: 3px 0;
}
body .business-sheet .doc-totals .doc-grand {
  padding-top: 8px;
}
body .business-sheet .doc-conditions {
  margin: 11px 0 8px;
  padding-top: 7px;
}
body .business-sheet .doc-conditions p {
  line-height: 1.5;
}
body .business-sheet .doc-signoff {
  flex-direction: row;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 10px;
  padding-top: 5px;
}
body .business-sheet .doc-page-footer {
  margin-top: auto;
  padding-top: 7px;
  font-size: 14px !important;
}

/* Document previews use document typography, scaled independently from the UI. */
body .sample-document.business-sheet {
  font-size: 11px;
}
body .sample-document.business-sheet .doc-letterhead,
body .sample-document.business-sheet .doc-parties,
body .sample-document.business-sheet .doc-parties > div,
body .sample-document.business-sheet .doc-parties b,
body .sample-document.business-sheet .doc-parties dl,
body .sample-document.business-sheet .doc-parties dt,
body .sample-document.business-sheet .doc-parties dd,
body .sample-document.business-sheet .doc-intro h4,
body .sample-document.business-sheet .sample-terms,
body .sample-document.business-sheet .doc-totals,
body .sample-document.business-sheet .doc-totals .doc-grand,
body .sample-document.business-sheet textarea {
  font-size: 11px !important;
}
body .sample-document.business-sheet .doc-brand {
  font-size: 14px !important;
}
body .sample-document.business-sheet .doc-sender > span:last-child,
body .sample-document.business-sheet .doc-classification,
body .sample-document.business-sheet .doc-reference,
body .sample-document.business-sheet .doc-label,
body .sample-document.business-sheet .doc-lines th,
body .sample-document.business-sheet .doc-lines td,
body .sample-document.business-sheet .doc-lines strong,
body .sample-document.business-sheet .doc-lines td span,
body .sample-document.business-sheet .doc-conditions p,
body .sample-document.business-sheet .doc-page-footer {
  font-size: 10px !important;
}
body .sample-document.business-sheet .doc-title-row h3 {
  font-size: 19px !important;
}
body .sample-document.business-sheet textarea {
  min-height: 43px;
  line-height: 1.5;
}
body.detail-home .pdf-paper-mount {
  width: min(100%, 600px);
}
body .detail-home .live-workbench .live-scene {
  display: block;
}
body .live-workbench .business-live.live-page {
  margin-inline: auto;
}
.detail-home .output-window {
  min-width: 0;
}
.detail-home .output-body {
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  padding-right: 12px;
  padding-left: 12px;
}
.detail-home .output-pane {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
body.detail-home .real-word-ribbon {
  box-sizing: border-box;
  width: min(100%, 600px);
  max-width: 100%;
  margin: 0 0 20px;
}
body.detail-home .document-ruler {
  width: min(100%, 600px);
}
.detail-home .output-pane[data-pane="json"] .json-view {
  min-height: 0;
  height: auto;
}
.detail-home .output-pane[data-pane="json"] .json-view pre {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  body .sample-document.business-sheet,
  body .business-live.live-page,
  body .live-workbench .business-live.live-page,
  body .result-layout .business-live.live-page,
  body .document-dialog .preview-sheet > .sample-document.business-sheet {
    min-width: 600px;
    max-width: none;
    width: 600px;
  }
  body .business-sheet .doc-parties {
    grid-template-columns: 1.2fr 1fr;
  }
  body .business-sheet .doc-parties dl > div {
    flex-direction: row;
    gap: 10px;
  }
  body .business-sheet .doc-parties dd {
    text-align: right;
  }
  body .business-sheet .doc-totals {
    width: 56%;
  }
  body .business-sheet .doc-lines th:first-child {
    width: 61%;
  }
  body .business-sheet .doc-lines th:last-child {
    width: 29%;
  }
  body.detail-home .pdf-paper-mount,
  body.detail-home .output-pane[data-pane="word"] {
    min-width: 600px;
  }
  body.detail-home .output-pane[data-pane="word"] .real-word-ribbon {
    width: 600px;
    margin-inline: 0;
  }
  body .detail-home .live-workbench .live-scene,
  body .detail-workflow .result-paper-stage,
  body .document-dialog .preview-stage {
    display: block;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
  .live-preview-panel,
  .result-paper-stage,
  .preview-stage {
    min-width: 0;
    max-width: 100%;
  }
  .detail-home .output-tools > span {
    display: none;
  }
  body.detail-home .sample-document.business-sheet {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
    padding: 14px 16px 11px !important;
  }
  body.detail-home .pdf-paper-mount,
  body.detail-home .output-pane[data-pane="word"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  body.detail-home .output-pane[data-pane="word"] .real-word-ribbon {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  body.detail-home .document-ruler {
    width: 100%;
  }
  body .sample-document.business-sheet .doc-parties {
    gap: 12px;
  }
  body .sample-document.business-sheet .doc-lines td,
  body .sample-document.business-sheet .doc-lines th {
    padding: 4px 5px;
  }
  body .sample-document.business-sheet .doc-conditions {
    margin: 7px 0 5px;
    padding-top: 5px;
  }
}

@media print {
  body .print-root .business-live {
    width: 100% !important;
    max-width: none;
    min-height: 260mm !important;
    font-size: 11pt;
    padding: 12mm !important;
    box-shadow: none;
  }
  body .print-root .business-live .live-line-items td {
    font-size: 11pt !important;
  }
}