/* GLOBAL-LIST-UX-20260917 */

td.global-longtext-cell{
  position:relative;
  box-sizing:border-box;
  max-width:280px;
  font-size:0 !important;
  line-height:1.45;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:break-word;
  vertical-align:middle;
  cursor:pointer;
}

td.global-longtext-cell::before{
  content:attr(data-longtext-preview);
  font-size:13px;
  line-height:1.45;
  font-weight:inherit;
  color:inherit;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

td.global-longtext-cell::after{
  content:"… " attr(data-longtext-more);
  display:inline;
  margin-left:4px;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
  color:#2563eb;
  white-space:nowrap;
}

td.global-longtext-cell:hover::after{
  text-decoration:underline;
}

/* 查看详情气泡 */
.global-detail-bubble{
  position:fixed;
  z-index:100050;
  box-sizing:border-box;
  max-height:56vh;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.14);
  border-radius:12px;
  background:#fff;
  box-shadow:
    0 16px 46px rgba(15,23,42,.24);
}

.global-detail-bubble-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 14px;
  border-bottom:1px solid #e5e7eb;
  background:#f8fafc;
  font-size:13px;
  color:#0f172a;
}

.global-detail-bubble-close{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#475569;
  font-size:22px;
  line-height:30px;
  cursor:pointer;
}

.global-detail-bubble-close:hover{
  background:#e2e8f0;
}

.global-detail-bubble-body{
  box-sizing:border-box;
  max-height:calc(56vh - 54px);
  padding:14px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  color:#0f172a;
  font-size:13px;
  line-height:1.6;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* 凭证图片灯箱 */
body.global-lightbox-open{
  overflow:hidden;
}

.global-lightbox{
  position:fixed;
  inset:0;
  z-index:100100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,6,23,.78);
  backdrop-filter:blur(3px);
}

.global-lightbox-dialog{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(94vw,1200px);
  height:min(90vh,900px);
}

.global-lightbox-image{
  display:block;
  max-width:88vw;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
  box-shadow:
    0 18px 60px rgba(0,0,0,.42);
}

.global-lightbox-top{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
}

.global-lightbox-count{
  min-width:58px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:13px;
  text-align:center;
  pointer-events:auto;
}

.global-lightbox-close{
  width:42px;
  height:42px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:29px;
  line-height:42px;
  cursor:pointer;
  pointer-events:auto;
}

.global-lightbox-nav{
  position:absolute;
  top:50%;
  z-index:3;
  width:48px;
  height:58px;
  transform:translateY(-50%);
  padding:0;
  border:0;
  border-radius:10px;
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:42px;
  line-height:50px;
  cursor:pointer;
}

.global-lightbox-prev{
  left:0;
}

.global-lightbox-next{
  right:0;
}

.global-lightbox-nav:hover,
.global-lightbox-close:hover{
  background:rgba(15,23,42,.95);
}

@media(max-width:700px){
  td.global-longtext-cell{
    max-width:220px;
  }

  .global-lightbox{
    padding:10px;
  }

  .global-lightbox-dialog{
    width:98vw;
    height:94vh;
  }

  .global-lightbox-image{
    max-width:94vw;
    max-height:80vh;
  }

  .global-lightbox-nav{
    width:42px;
    height:54px;
  }
}