:root{
  --bg:#f6f7f9;
  --panel:#ffffff;
  --text:#172033;
  --muted:#667085;
  --line:#d9dee8;
  --blue:#2563eb;
  --blue-dark:#1d4ed8;
  --green:#0f8f5f;
  --red:#c2410c;
  --shadow:0 10px 28px rgba(18,32,55,.08);
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  line-height:1.5;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}
main{max-width:1180px;margin:0 auto;padding:24px 18px 48px}
.topbar{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 28px;
  background:#fff;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:10;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--text);
  font-size:20px;
  font-weight:800;
}
.brand:hover{text-decoration:none}
.brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#1476ff;
  color:#fff;
  font-size:18px;
  box-shadow:0 8px 18px rgba(20,118,255,.18);
}
.nav{display:flex;align-items:center;gap:16px}
.nav a{color:var(--text)}
.account-chip{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:7px 12px;
  background:#fafbfc;
  color:var(--text);
  cursor:pointer;
}
.account-chip:hover{border-color:#b7c4d8;background:#f3f7ff}
.account-chip strong{color:var(--blue)}
.link-button,.text-switch{
  border:0;
  background:transparent;
  color:var(--blue);
  padding:0;
  cursor:pointer;
}
.primary-button,.secondary-button{
  border:0;
  border-radius:6px;
  padding:10px 16px;
  cursor:pointer;
  white-space:nowrap;
}
.primary-button{background:var(--blue);color:#fff}
.primary-button:hover{background:var(--blue-dark)}
.primary-button.small{padding:8px 14px}
.secondary-button{background:#eef2ff;color:#1e40af;border:1px solid #c7d2fe}
.hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
  gap:22px;
  align-items:stretch;
}
.hero-copy,.upload-panel,.info-block,.records,.table-card,.side-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:var(--shadow);
}
.hero-copy{padding:38px}
.eyebrow{margin:0 0 12px;color:var(--blue);font-weight:700}
h1,h2{letter-spacing:0}
h1{margin:0 0 16px;font-size:34px;line-height:1.18}
h2{margin:0 0 14px;font-size:18px}
.hero-copy p:last-child{font-size:16px;color:var(--muted);max-width:680px}
.upload-panel{padding:24px;display:flex;flex-direction:column;justify-content:center}
.panel-title,.section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.panel-title span,.section-title span{color:var(--muted)}
.file-input{
  width:100%;
  border:1px dashed #aab4c8;
  background:#fafbff;
  padding:16px;
  border-radius:7px;
  margin-bottom:12px;
}
.muted{color:var(--muted);font-size:13px}
.actions{display:flex;gap:10px}
.content-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-top:18px;
}
.info-block,.records{padding:20px}
table{width:100%;border-collapse:collapse}
th,td{
  border-bottom:1px solid var(--line);
  text-align:left;
  padding:11px 10px;
  vertical-align:middle;
  font-size:14px;
}
th{color:#475467;background:#f8fafc;font-weight:700}
tr:last-child td{border-bottom:0}
.sample-table td:first-child{font-weight:700}
.result-sample{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.result-sample div{
  border:1px solid var(--line);
  border-radius:6px;
  padding:12px;
  background:#fafafa;
}
.result-sample span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.records{margin-top:18px;overflow:auto}
.records-table{min-width:900px}
.status{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  background:#eef2ff;
  color:#1e40af;
  font-size:12px;
}
.flash-wrap{max-width:1180px;margin:14px auto 0;padding:0 18px}
.flash{
  padding:10px 12px;
  border-radius:6px;
  border:1px solid var(--line);
  background:#fff;
}
.flash.success{border-color:#bbf7d0;color:#166534;background:#f0fdf4}
.flash.error{border-color:#fed7aa;color:var(--red);background:#fff7ed}
.support-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:20;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  background:#1476ff;
  color:#fff;
  font-weight:800;
  box-shadow:0 14px 34px rgba(20,118,255,.26);
  cursor:pointer;
}
.support-float:hover{background:#0f63d8}
.reply-toast{
  position:fixed;
  right:22px;
  bottom:78px;
  z-index:21;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  max-width:min(320px,calc(100vw - 44px));
  padding:0 16px;
  border:1px solid #bbf7d0;
  border-radius:999px;
  background:#ecfdf5;
  color:#166534;
  font-weight:800;
  box-shadow:0 14px 34px rgba(22,101,52,.18);
}
.reply-toast:hover{text-decoration:none;background:#dcfce7}
.reply-toast[hidden]{display:none}
.modal-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.45);
  z-index:30;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.modal-backdrop.open{display:flex}
.modal{
  width:410px;
  max-width:100%;
  background:#fff;
  border-radius:8px;
  padding:24px;
  box-shadow:0 24px 70px rgba(15,23,42,.25);
  position:relative;
}
.support-modal{
  padding:18px 16px;
}
.support-modal h2{
  margin:0 0 10px;
}
.support-modal .muted{
  margin:4px 0;
  line-height:1.35;
}
.support-modal label{
  margin:10px 0 5px;
}
.support-modal textarea{
  min-height:104px;
  line-height:1.35;
}
.modal-close{
  position:absolute;
  right:14px;
  top:12px;
  border:0;
  background:transparent;
  font-size:24px;
  cursor:pointer;
}
label{display:block;margin:12px 0 6px;font-weight:700}
input,select{
  border:1px solid var(--line);
  border-radius:6px;
  padding:9px 10px;
  background:#fff;
}
.modal input,.modal select,.modal textarea,.modal .primary-button{width:100%}
.modal textarea{
  border:1px solid var(--line);
  border-radius:6px;
  padding:9px 10px;
  background:#fff;
  resize:vertical;
}
.modal .primary-button{margin-top:16px}
.support-replies-panel{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #dbeafe;
  border-radius:8px;
  background:#f8fbff;
}
.support-replies-panel[hidden]{display:none}
#support-modal-replies{
  max-height:150px;
  overflow:auto;
  padding-right:3px;
}
.support-replies-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
}
.support-replies-head h3{
  margin:0;
  font-size:14px;
}
.support-replies-head .secondary-button{
  padding:6px 10px;
  font-size:13px;
}
.support-replies-head .secondary-button[hidden]{display:none}
.modal-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.modal-actions .secondary-button{
  width:100%;
  text-align:center;
}
.logout-modal p:not(.muted){margin:10px 0 0}
.admin-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.admin-compact{
  gap:10px;
}
.admin-compact .section-title{
  margin-bottom:8px;
}
.admin-compact .section-title h1{
  margin:0;
  font-size:26px;
}
.admin-compact .admin-search input{
  height:36px;
  padding:6px 10px;
}
.admin-compact .admin-search .secondary-button{
  min-height:36px;
  padding:0 14px;
}
.admin-compact .table-card th,
.admin-compact .table-card td{
  padding:7px 10px;
  font-size:13px;
}
.admin-compact .table-card .muted{
  font-size:12px;
}
.admin-compact .inline-form{
  gap:5px;
}
.admin-compact .inline-form select,
.admin-compact .inline-form input,
.admin-compact .inline-form button{
  min-height:34px;
  padding:5px 8px;
}
.admin-compact .inline-form input[type="number"]{
  width:68px;
}
.admin-compact .inline-form input[name="note"]{
  width:120px;
}
.admin-main{min-width:0}
.admin-side{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.admin-search{display:flex;gap:8px}
.admin-search input{width:260px}
.admin-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:6px;
}
.admin-pager .secondary-button{
  padding:5px 10px;
}
.task-pager{
  margin-top:8px;
}
.table-card{overflow:auto}
.table-card .records-table{min-width:980px}
.support-records .records-table{min-width:1040px}
.support-records{
  padding:16px 20px;
}
.support-content{
  max-width:360px;
  white-space:pre-wrap;
  word-break:break-word;
}
.support-content p{margin:0 0 8px}
.support-content p:last-child{margin-bottom:0}
.support-reply-preview{
  padding-top:8px;
  border-top:1px solid var(--line);
}
.support-thread-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.support-thread{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:10px 14px;
  border:1px solid #e0e7f2;
  border-radius:8px;
  background:#fff;
  font-size:12px;
  line-height:1.35;
}
.support-thread-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.support-thread-head strong{
  display:block;
  margin-bottom:1px;
  word-break:break-word;
}
.support-thread-meta{
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:3px;
  color:#667085;
  font-size:11px;
  white-space:nowrap;
}
.support-thread-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.support-thread-actions form{
  margin:0;
}
.danger-link{
  border:0;
  background:transparent;
  color:#b42318;
  padding:0;
  font-size:12px;
  cursor:pointer;
}
.danger-link:hover{text-decoration:underline}
.support-thread-sub{
  display:flex;
  flex-wrap:wrap;
  gap:3px 9px;
  color:#667085;
  font-size:11px;
}
.support-chat{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:6px;
  border-radius:6px;
  background:#f8fafc;
}
.chat-row{
  display:flex;
}
.chat-row.user{justify-content:flex-start}
.chat-row.admin{justify-content:flex-end}
.chat-bubble{
  max-width:96%;
  padding:5px 8px;
  border:1px solid #dbe4f0;
  border-radius:6px;
  background:#fff;
  line-height:1.32;
}
.chat-row.admin .chat-bubble{
  border-color:#bbf7d0;
  background:#ecfdf5;
}
.chat-bubble span{
  display:block;
  margin-bottom:2px;
  color:#667085;
  font-size:11px;
}
.chat-bubble p{
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
}
.support-reply-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  align-items:start;
}
.support-reply-form textarea{
  width:100%;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:6px;
  padding:5px 8px;
  resize:vertical;
  line-height:1.32;
  font-size:12px;
}
.support-reply-form .secondary-button{
  min-height:44px;
  padding:0 14px;
}
.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.inline-form input[type="number"]{width:80px}
.inline-form input[name="note"]{width:150px}
.inline-form textarea{
  min-width:220px;
  max-width:320px;
  border:1px solid var(--line);
  border-radius:6px;
  padding:8px 10px;
  resize:vertical;
}
tr.selected{background:#f0f6ff}
.side-card{padding:12px 16px;margin-bottom:0}
.side-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.side-card-title h2{
  margin:0 0 2px;
}
.side-card-title p{
  margin:0;
}
.side-card-title strong{
  flex:0 0 auto;
  color:var(--blue);
  font-size:15px;
  white-space:nowrap;
}
.big-number{font-size:22px;font-weight:800;color:var(--blue)}
.big-number span{font-size:12px;color:var(--muted);margin-left:4px}
.log-list{list-style:none;margin:0;padding:0}
.log-list li{padding:6px 0;border-bottom:1px solid var(--line)}
.log-list li:last-child{border-bottom:0}
.log-list strong{display:inline-block;min-width:42px}
.log-list span{color:var(--muted);font-size:12px;line-height:1.35}
.mini-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-top:6px;
  color:#667085;
  font-size:12px;
}
.mini-pager a{
  color:var(--blue);
}

.zlb-checkboss-page{
  max-width:1120px;
  margin:0 auto;
}
.detail_right_top{
  background:#fff;
  padding:26px 24px 28px;
  border-bottom:15px solid #f5f5f6;
  border-radius:8px;
  box-shadow:0 14px 36px rgba(18,30,52,.06);
}
.zlb-tool-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:18px;
  align-items:stretch;
  padding:24px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  border:1px solid #e4edfb;
  border-radius:8px;
}
.zlb-kicker{
  display:inline-flex;
  margin-bottom:10px;
  color:#1476ff;
  font-size:14px;
  font-weight:700;
}
.zlb-tool-hero h1{
  margin:0;
  color:#111827;
  font-size:34px;
  line-height:1.18;
  letter-spacing:0;
}
.zlb-tool-hero p{
  max-width:760px;
  margin:12px 0 0;
  color:#4b5565;
  font-size:15px;
  line-height:1.8;
}
.zlb-tool-side{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:18px;
  background:#fff;
  border:1px solid #dce8fb;
  border-radius:8px;
}
.zlb-tool-side strong{
  font-size:16px;
  color:#172033;
}
.zlb-tool-side span{
  color:#667085;
  font-size:14px;
  line-height:1.7;
}
.zlb-intro-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:16px;
}
.zlb-intro-card{
  padding:16px;
  background:#fff;
  border:1px solid #e5e9f0;
  border-radius:8px;
}
.zlb-intro-card strong{
  display:block;
  margin-bottom:8px;
  color:#172033;
  font-size:15px;
}
.zlb-intro-card p{
  margin:0;
  color:#667085;
  font-size:13px;
  line-height:1.75;
}
.zlb-upload-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:16px 0;
}
.zlb-upload-steps div{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 12px;
  background:#f8fafc;
  border:1px solid #e5e9f0;
  border-radius:8px;
  color:#253147;
  font-size:14px;
  font-weight:700;
}
.zlb-upload-steps span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#1476ff;
  color:#fff;
  font-size:12px;
}
.zlb-template-preview{
  margin:16px 0;
  border:1px solid #e5e9f0;
  border-radius:8px;
  overflow:hidden;
}
.zlb-template-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  background:#f8fafc;
  border-bottom:1px solid #e5e9f0;
}
.zlb-template-head strong{
  display:block;
  margin-bottom:3px;
  color:#172033;
}
.zlb-template-head span{
  color:#667085;
  font-size:13px;
}
.zlb-template-head a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:7px;
  background:#1476ff;
  color:#fff;
  font-weight:700;
}
.zlb-sample-table-wrap{
  overflow:auto;
}
.zlb-sample-table{
  min-width:760px;
}
.zlb-sample-table th,
.zlb-sample-table td{
  padding:12px 14px;
}
.zlb-login-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:16px 0;
  padding:14px 16px;
  border:1px solid #dbe8ff;
  border-radius:8px;
  background:#f1f6ff;
}
.zlb-login-notice .link-button{
  min-height:34px;
  padding:0 14px;
  border-radius:7px;
  background:#1476ff;
  color:#fff;
  font-weight:700;
}
.support-reply-alert{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:16px 0;
  padding:14px 16px;
  border:1px solid #bfdbfe;
  border-radius:8px;
  background:#eff6ff;
}
.support-reply-alert h2{
  margin:0 0 4px;
}
.support-reply-alert p{
  margin:0;
  color:#475569;
  font-size:14px;
}
.support-home-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.support-reply-item{
  padding:7px 0;
  border-top:1px solid #dbeafe;
}
.support-new-status{
  margin-left:8px;
  background:#dcfce7;
  color:#166534;
}
.support-reply-item p{
  margin:4px 0 0;
  line-height:1.35;
  word-break:break-word;
}
.support-modal .support-reply-item{
  padding:6px 0;
  font-size:13px;
}
.support-modal .support-reply-item .muted{
  display:block;
  margin:0 0 2px;
  font-size:12px;
}
.support-modal .support-reply-item p{
  margin:3px 0 0;
  line-height:1.3;
}
.box{
  position:relative;
  margin-top:16px;
  padding:76px 20px;
  text-align:center;
  background:#c8dadf;
  outline:2px dashed #92b0b3;
  outline-offset:-10px;
  border-radius:8px;
}
.box:hover{
  background:#d3e3e7;
}
.box.is-dragover{
  background:#e8f4ff;
  outline-color:#1476ff;
}
.box__input{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.box__icon{
  width:50px;
  height:43px;
  fill:#0f6c80;
}
.box__file{
  width:.1px;
  height:.1px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  z-index:-1;
}
.box label{
  margin:0;
  color:#0e5664;
  cursor:pointer;
}
.box label strong{
  color:#0d4652;
}
.box__dragndrop{
  color:#45646c;
}
.box__button{
  min-height:38px;
  padding:0 22px;
  border:0;
  border-radius:7px;
  background:#1476ff;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.box-login-placeholder .box__button{
  margin-top:2px;
}
.zlb-upload-note{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:12px 0 4px;
  color:#667085;
  font-size:13px;
}
.zlb-record-panel{
  box-shadow:none;
  border-color:#e5e9f0;
}

@media (max-width:900px){
  .topbar{padding:0 16px}
  .hero,.content-grid,.admin-layout,.zlb-tool-hero,.zlb-intro-grid{grid-template-columns:1fr}
  .support-thread-list{grid-template-columns:1fr}
  h1{font-size:28px}
  .nav{gap:10px}
  main{padding:18px 12px 36px}
  .zlb-upload-steps{grid-template-columns:repeat(2,1fr)}
  .admin-side{order:-1}
  .admin-search input{width:100%;min-width:0}
}
@media (max-width:640px){
  main{padding:12px 10px 34px}
  .topbar{height:auto;align-items:stretch;flex-direction:column;padding:12px 14px;gap:12px}
  .brand{font-size:18px}
  .nav{width:100%;flex-wrap:wrap;gap:9px 12px}
  .nav > a,.nav > button{min-height:32px}
  .account-chip{
    width:100%;
    justify-content:space-between;
    border-radius:8px;
  }
  .account-chip span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .flash-wrap{padding:0 10px}
  .modal-backdrop{align-items:flex-start;overflow:auto;padding:14px 10px}
  .modal{
    width:100%;
    max-height:calc(100vh - 28px);
    overflow:auto;
    padding:20px 16px;
  }
  .hero-copy{padding:24px}
  .panel-title,.section-title{
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .section-title h1,.section-title h2{margin-bottom:0}
  .result-sample{grid-template-columns:1fr}
  .admin-search{width:100%;margin-top:0;flex-wrap:wrap}
  .admin-search input,.admin-search button{width:100%}
  .admin-pager{
    align-items:stretch;
    flex-direction:column;
  }
  .admin-pager .secondary-button{
    width:100%;
    text-align:center;
  }
  .detail_right_top{padding:14px 12px;border-bottom-width:10px}
  .zlb-tool-hero{padding:18px}
  .zlb-tool-hero h1{font-size:26px}
  .zlb-tool-hero p{font-size:14px;line-height:1.7}
  .zlb-tool-side{padding:14px}
  .zlb-upload-steps{grid-template-columns:1fr}
  .zlb-template-head{display:block}
  .zlb-template-head a{width:100%;margin-top:10px}
  .zlb-login-notice{align-items:flex-start;flex-direction:column}
  .box{padding:48px 14px}
  .box__dragndrop{display:none}
  .box label strong{
    display:block;
    max-width:100%;
    word-break:break-word;
  }
  .zlb-upload-note{display:block}
  .zlb-upload-note span{display:block;margin-bottom:8px}
  .records,.table-card,.side-card{padding:14px}
  .records{overflow:visible}
  .table-card{overflow:visible}
  .records-table,
  .table-card .records-table,
  .support-records .records-table,
  .zlb-sample-table{min-width:0}
  .records-table thead,
  .table-card thead{display:none}
  .records-table,
  .records-table tbody,
  .records-table tr,
  .records-table td{display:block;width:100%}
  .records-table tr{
    padding:10px 0;
    border-bottom:1px solid var(--line);
  }
  .records-table tr:last-child{border-bottom:0}
  .records-table td{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:10px;
    min-height:34px;
    padding:8px 0;
    border-bottom:0;
    word-break:break-word;
  }
  .records-table td::before{
    content:attr(data-label);
    color:#667085;
    font-size:12px;
    font-weight:700;
  }
  .records-table td[colspan]{
    display:block;
  }
  .records-table td[colspan]::before{content:""}
  .sample-table td:first-child{font-weight:400}
  .zlb-sample-table,
  .zlb-sample-table tbody,
  .zlb-sample-table tr,
  .zlb-sample-table td{display:block;width:100%}
  .zlb-sample-table thead{display:none}
  .zlb-sample-table tr{
    padding:10px 0;
    border-bottom:1px solid var(--line);
  }
  .zlb-sample-table tr:last-child{border-bottom:0}
  .zlb-sample-table td{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:10px;
    padding:6px 0;
    border-bottom:0;
    word-break:break-word;
  }
  .zlb-sample-table td::before{
    content:attr(data-label);
    color:#667085;
    font-size:12px;
    font-weight:700;
  }
  .inline-form{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
  }
  .inline-form input[type="number"],
  .inline-form input[name="note"],
  .inline-form select,
  .inline-form textarea,
  .inline-form button{
    width:100%;
    min-width:0;
    max-width:none;
  }
  .support-content{max-width:none}
  .support-thread{
    padding:14px;
  }
  .support-thread-head{
    flex-direction:column;
  }
  .support-thread-meta{
    align-items:flex-start;
    flex-direction:row;
    flex-wrap:wrap;
    white-space:normal;
  }
  .support-chat{padding:10px}
  .chat-bubble{max-width:100%}
  .support-reply-form{
    grid-template-columns:1fr;
  }
  .support-reply-form .secondary-button{
    width:100%;
  }
  .support-reply-alert{
    align-items:stretch;
    flex-direction:column;
    padding:14px;
  }
  .support-home-actions{
    width:100%;
    align-items:stretch;
    flex-direction:column;
  }
  .support-home-actions .secondary-button,
  .support-home-actions form,
  .support-home-actions form button{
    width:100%;
  }
  #support-modal-replies{max-height:190px}
  .support-replies-head{align-items:flex-start;flex-direction:column}
  .support-float{
    right:14px;
    bottom:14px;
    padding:11px 15px;
  }
  .reply-toast{
    right:14px;
    bottom:68px;
    max-width:calc(100vw - 28px);
  }
}