:root{
  --awb-bg:#f7f7f5;
  --awb-bg-soft:#fafafa;
  --awb-panel:#ffffff;
  --awb-panel-strong:#fffdf8;
  --awb-panel-soft:rgba(255,255,255,.94);
  --awb-line:#e7e1d6;
  --awb-line-strong:#d7bd75;
  --awb-gold:#b58121;
  --awb-gold-soft:#8b6418;
  --awb-blue:#2f6feb;
  --awb-green:#238636;
  --awb-text:#1f2933;
  --awb-muted:#667085;
  --awb-muted-soft:#98a2b3;
  --awb-shadow:0 10px 28px rgba(31,41,51,.08);
  --awb-radius:8px;
  --awb-success:#238636;
  --awb-warn:#b7791f;
  --awb-danger:#c2410c;
  --awb-info:#2563eb;
}

*{
  box-sizing:border-box;
}

html,body{
  margin:0;
  min-height:100%;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;
  background:var(--awb-bg);
  color:var(--awb-text);
}

body.awb-body{
  overflow-x:hidden;
}

a{
  color:inherit;
}

button,
input,
textarea,
select{
  font:inherit;
}

button{
  color:inherit;
}

.awb-shell{
  width:min(100% - 28px, 1120px);
  margin:0 auto;
  padding:14px 0 26px;
}

.awb-topbar{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:var(--awb-panel);
  box-shadow:var(--awb-shadow);
}

.awb-brand{
  min-width:0;
}

.awb-eyebrow{
  margin-bottom:8px;
  color:var(--awb-gold);
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}

.awb-title{
  margin:0;
  font-size:28px;
  line-height:1.18;
  font-weight:800;
}

.awb-subtitle{
  margin:8px 0 0;
  color:var(--awb-muted);
  font-size:14px;
  line-height:1.75;
}

.awb-top-actions,
.awb-footer-actions,
.v2-action-row,
.action-row,
.commercial-actions,
.withdraw-actions,
.transfer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.awb-top-actions{
  justify-content:flex-start;
}

.awb-hero,
.awb-section,
.awb-card,
.awb-stat-card,
.v2-card{
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:var(--awb-panel);
  box-shadow:var(--awb-shadow);
}

.awb-hero{
  margin-top:14px;
  padding:18px;
}

.awb-section{
  margin-top:14px;
  padding:16px;
}

.awb-card,
.v2-card{
  padding:16px;
}

.awb-card h3,
.awb-card h4{
  margin:0 0 10px;
  font-weight:800;
}

.awb-card p{
  margin:0;
  color:var(--awb-muted);
  font-size:14px;
  line-height:1.75;
}

.awb-hero-title{
  margin:0;
  font-size:24px;
  line-height:1.25;
  font-weight:800;
}

.awb-hero-copy{
  margin:10px 0 0;
  color:var(--awb-muted);
  font-size:14px;
  line-height:1.75;
}

.awb-agent-line{
  margin-top:12px;
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.65;
}

.awb-agent-line strong{
  color:var(--awb-text);
}

.awb-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.awb-badge,
.awb-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid #efe2bd;
  border-radius:999px;
  background:#fff8e6;
  color:var(--awb-gold-soft);
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.awb-pill.is-success{
  border-color:#bde8c8;
  background:#edf9f0;
  color:var(--awb-success);
}

.awb-pill.is-warn{
  border-color:#f2d39b;
  background:#fff7e8;
  color:var(--awb-warn);
}

.awb-pill.is-danger{
  border-color:#f3c3b2;
  background:#fff1ec;
  color:var(--awb-danger);
}

.awb-pill.is-info{
  border-color:#c7d7fe;
  background:#eef4ff;
  color:var(--awb-info);
}

.awb-section-title{
  margin:0 0 12px;
  color:var(--awb-text);
  font-size:18px;
  line-height:1.35;
  font-weight:800;
}

.awb-workbench-copy,
.awb-toolbar-copy,
.awb-footnote,
.withdraw-muted,
.commercial-note,
.plain-note,
.transfer-note,
.awb-rich-copy{
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.75;
}

.awb-workbench-copy{
  margin:8px 0 0;
}

.awb-grid,
.awb-stat-grid,
.awb-shortcut-grid,
.v2-grid,
.v2-stack{
  display:grid;
  gap:12px;
}

.awb-grid.two,
.awb-grid.three,
.awb-grid.four,
.awb-stat-grid,
.awb-shortcut-grid,
.v2-grid{
  grid-template-columns:1fr;
}

.awb-stat-card{
  padding:14px;
}

.awb-stat-label{
  margin:0;
  color:var(--awb-muted);
  font-size:12px;
  line-height:1.5;
}

.awb-stat-value{
  margin-top:8px;
  color:var(--awb-text);
  font-size:26px;
  line-height:1.1;
  font-weight:800;
  word-break:break-word;
}

.awb-stat-note{
  margin-top:8px;
  color:var(--awb-muted);
  font-size:12px;
  line-height:1.6;
}

.awb-shortcut{
  text-decoration:none;
}

.awb-shortcut-title{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.35;
}

.awb-shortcut-copy{
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.75;
}

.awb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:var(--awb-radius);
  text-decoration:none;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.awb-btn:hover{
  transform:translateY(-1px);
}

.awb-btn:active{
  transform:translateY(0);
}

.awb-btn-primary{
  border-color:#9c6a13;
  background:var(--awb-gold);
  color:#fff;
  box-shadow:0 8px 18px rgba(181,129,33,.18);
}

.awb-btn-secondary{
  border-color:#cfd7e6;
  background:#f8fbff;
  color:#2456b3;
}

.awb-btn-ghost{
  border-color:var(--awb-line);
  background:#fff;
  color:var(--awb-text);
}

.awb-btn-block{
  width:100%;
}

.awb-btn-small{
  min-height:44px;
  padding:0 14px;
  font-size:13px;
}

.awb-btn[disabled],
.awb-btn:disabled{
  opacity:.56;
  cursor:not-allowed;
  transform:none;
}

.awb-form{
  display:grid;
  gap:14px;
}

.awb-field label{
  display:block;
  margin-bottom:8px;
  color:var(--awb-text);
  font-size:13px;
  font-weight:700;
}

.awb-input,
.awb-select,
.awb-textarea,
.feedback-form input,
.feedback-form select,
.feedback-form textarea{
  width:100%;
  min-height:46px;
  padding:0 12px;
  border:1px solid #d0d5dd;
  border-radius:var(--awb-radius);
  background:#fff;
  color:var(--awb-text);
  font-size:16px;
  outline:none;
}

.awb-textarea,
.feedback-form textarea{
  min-height:118px;
  padding:12px;
  line-height:1.7;
  resize:vertical;
}

.awb-input:focus,
.awb-select:focus,
.awb-textarea:focus{
  border-color:var(--awb-blue);
  box-shadow:0 0 0 3px rgba(47,111,235,.12);
}

.awb-toolbar,
.awb-editor-head{
  display:grid;
  gap:10px;
  margin-bottom:12px;
}

.awb-table-wrap{
  overflow:auto;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:#fff;
}

.awb-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.awb-table th,
.awb-table td{
  padding:13px 12px;
  text-align:left;
  border-bottom:1px solid #eef0f3;
  vertical-align:top;
}

.awb-table th{
  color:var(--awb-muted);
  font-size:12px;
  font-weight:800;
  background:#fafafa;
}

.awb-table td{
  color:var(--awb-text);
  font-size:14px;
  line-height:1.65;
}

.awb-table tr:last-child td{
  border-bottom:none;
}

.awb-empty{
  padding:24px 12px;
  text-align:center;
  color:var(--awb-muted);
}

.awb-cell-stack,
.v2-metric,
.v2-copyable{
  display:grid;
  gap:6px;
}

.awb-cell-main,
.awb-customer-name{
  color:var(--awb-text);
  font-weight:800;
}

.awb-cell-sub,
.awb-customer-meta{
  color:var(--awb-muted);
  font-size:12px;
  line-height:1.6;
}

.awb-row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.awb-detail-card[hidden],
.awb-editor-card[hidden]{
  display:none !important;
}

.awb-detail-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:12px;
}

.awb-detail-item{
  padding:12px;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:#fafafa;
}

.awb-detail-label{
  color:var(--awb-muted);
  font-size:12px;
}

.awb-detail-value{
  margin-top:6px;
  color:var(--awb-text);
  font-size:14px;
  line-height:1.7;
  word-break:break-word;
}

.v2-money-card{
  border-color:#ead7a5;
  background:linear-gradient(180deg,#fffdf7 0%,#fff 100%);
}

.v2-kicker{
  margin:0 0 8px;
  color:var(--awb-muted);
  font-size:12px;
  font-weight:800;
}

.v2-money{
  margin:0;
  color:#111827;
  font-size:42px;
  line-height:1.05;
  font-weight:900;
  word-break:break-word;
}

.v2-money-small{
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.7;
}

.v2-summary-row{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
}

.v2-metric{
  padding:12px;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:#fff;
}

a.v2-metric{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

a.v2-metric:hover,
a.v2-metric:focus-visible{
  transform:translateY(-1px);
  border-color:#c9a55b;
  box-shadow:0 10px 20px rgba(22,32,51,.08);
  outline:none;
}

.v2-metric span{
  color:var(--awb-muted);
  font-size:12px;
}

.v2-metric strong{
  color:var(--awb-text);
  font-size:20px;
  line-height:1.15;
}

.v2-metric small{
  color:var(--awb-muted);
  font-size:12px;
  line-height:1.45;
}

.v2-note{
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid #f0d99a;
  border-radius:var(--awb-radius);
  background:#fff8e6;
  color:#79520f;
  font-size:13px;
  line-height:1.65;
}

.v2-note.is-green{
  border-color:#bde8c8;
  background:#edf9f0;
  color:#17662d;
}

.v2-note.is-blue{
  border-color:#c7d7fe;
  background:#eef4ff;
  color:#2456b3;
}

.v2-link-box{
  margin-top:10px;
  padding:12px;
  border:1px dashed #cfd7e6;
  border-radius:var(--awb-radius);
  background:#fafcff;
  color:#2456b3;
  font-size:13px;
  line-height:1.6;
  word-break:break-all;
}

.v2-bottom{
  margin-top:14px;
  padding:16px 0 0;
  border-top:1px solid var(--awb-line);
}

.links-intro{
  margin-top:14px;
  color:var(--awb-muted);
  font-size:14px;
  line-height:1.75;
}

.links-intro p{
  margin:0;
}

.links-recommended{
  display:grid;
  gap:16px;
  border-color:#ead7a5;
  background:linear-gradient(180deg,#fffdf7 0%,#fff 100%);
}

.links-recommended-copy,
.links-recommended-actions,
.links-recommended-tools,
.link-entry-main{
  min-width:0;
}

.links-entry-desc{
  margin:0;
  color:var(--awb-muted);
  font-size:14px;
  line-height:1.75;
}

.links-usage{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.links-usage div{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:#fff;
}

.links-usage strong{
  color:var(--awb-text);
  font-size:13px;
}

.links-usage span{
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.65;
}

.links-url-box{
  margin-top:12px;
  min-height:44px;
  padding:12px;
  border:1px dashed #cfd7e6;
  border-radius:var(--awb-radius);
  background:#fafcff;
  color:#2456b3;
  font-size:13px;
  line-height:1.6;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-all;
}

.links-qr-panel{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:14px;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:#fff;
}

.links-qr-canvas{
  width:min(280px,100%);
  height:auto;
  border:1px solid #edf0f5;
  border-radius:var(--awb-radius);
  background:#fff;
}

.links-qr-caption,
.links-status{
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.65;
}

.links-status{
  min-height:22px;
  margin-top:10px;
}

.links-status.is-success{
  color:var(--awb-success);
  font-weight:700;
}

.links-status.is-error{
  color:var(--awb-danger);
  font-weight:700;
}

.links-heading{
  margin-top:18px;
}

.links-heading p{
  margin:0;
  color:var(--awb-muted);
  font-size:13px;
  line-height:1.75;
}

.link-entry-card{
  display:grid;
  gap:14px;
}

.link-entry-card.is-disabled{
  opacity:.72;
}

.feedback-panel{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(31,41,51,.44);
  z-index:20;
}

.feedback-panel.is-open{
  display:flex;
}

.feedback-dialog{
  width:min(520px,100%);
  padding:18px;
  border:1px solid var(--awb-line);
  border-radius:var(--awb-radius);
  background:#fff;
  box-shadow:0 18px 54px rgba(31,41,51,.18);
}

.feedback-dialog h3{
  margin:0 0 10px;
}

.feedback-form{
  display:grid;
  gap:10px;
}

.feedback-form label{
  display:grid;
  gap:6px;
  color:var(--awb-text);
  font-size:13px;
  font-weight:700;
}

@media (min-width:720px){
  .awb-shell{
    padding-top:20px;
  }

  .awb-topbar{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    padding:18px;
  }

  .awb-top-actions{
    justify-content:flex-end;
  }

  .awb-grid.two,
  .awb-stat-grid,
  .awb-shortcut-grid,
  .v2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .awb-grid.three,
  .awb-grid.four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .v2-summary-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .awb-toolbar,
  .awb-editor-head{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
  }

  .awb-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .links-recommended{
    grid-template-columns:minmax(0,1fr) minmax(260px,320px);
    align-items:start;
  }

  .links-recommended-copy,
  .links-recommended-tools{
    grid-column:1;
  }

  .links-qr-panel{
    grid-column:2;
    grid-row:1 / span 2;
  }

  .links-recommended-actions{
    grid-column:2;
    grid-row:3;
  }

  .links-usage{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .link-entry-card{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
  }

  .link-entry-card .links-status{
    grid-column:1 / -1;
  }
}

@media (min-width:1024px){
  .awb-stat-grid,
  .awb-grid.four{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .awb-grid.three,
  .awb-shortcut-grid,
  .v2-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .v2-summary-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .awb-detail-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .awb-btn{
    width:100%;
  }

  .links-recommended-actions .v2-action-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .links-recommended-actions [data-action="download-qr"]{
    grid-column:1 / -1;
  }

  .awb-title{
    font-size:26px;
  }

  .v2-money{
    font-size:38px;
  }

  .awb-table-wrap:has(.awb-workbench-table){
    overflow:visible;
    border:none;
    background:transparent;
  }

  .awb-workbench-table,
  .awb-workbench-table thead,
  .awb-workbench-table tbody,
  .awb-workbench-table tr,
  .awb-workbench-table td{
    display:block;
    width:100%;
    min-width:0;
  }

  .awb-workbench-table thead{
    display:none;
  }

  .awb-workbench-table tr{
    margin-bottom:10px;
    border:1px solid var(--awb-line);
    border-radius:var(--awb-radius);
    background:#fff;
  }

  .awb-workbench-table td{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:10px;
    padding:12px;
  }

  .awb-workbench-table td::before{
    content:attr(data-label);
    color:var(--awb-muted);
    font-size:12px;
    font-weight:800;
  }
}
