/* 文书页（借款合同 / 贷款结清证明）版式修正
 *
 * 两件事：
 *   1. 宽屏版心 —— 客户端 App 外壳是 max-w-[520px] 的手机版心，文书页被压在里面，
 *      .doc-table-wrap 只能横向滚动，附件明细表（560px）右边被切掉。
 *      客户在电脑上看是缺的，客服截图发出去的也是缺的。
 *      这里只在 ≥900px 时放开到 A4 版心（.doc-paper 自己 max-width:820px），手机上不生效。
 *   2. 印章压字 —— 原样式把 .doc-seal 当普通流内图片排在公司名下面，看着像贴图不像盖章。
 *      改成往上提、旋转、multiply 混合：红墨压住公司名，黑字仍然透得出来。
 *      高度仍是 120px 流内占位，所以下面的「签订日期」不会被压到。
 */

/* ---- 印章：压在公司名上，字透出来 ---- */
.doc-seal {
  margin-top: -24px;
  margin-left: -4px;
  mix-blend-mode: multiply;
  opacity: 0.9;
  transform: rotate(-7deg);
  transform-origin: 50% 50%;
  pointer-events: none;
}

/* ---- 宽屏版心 ---- */
@media (min-width: 900px) {
  body:has(.doc-shell) .max-w-\[520px\] {
    max-width: 920px;
  }

  /* 表格不再横向滚动，整表铺满版心 */
  .doc-table-wrap {
    overflow-x: visible;
  }

  .doc-paper table {
    width: 100%;
  }

  /* 合同编号这类长串在窄列里会被拆成好几行，宽屏给足空间 */
  .doc-paper td,
  .doc-paper th {
    word-break: break-word;
  }
}