/* 02 海牙认证 · unified workspace */
#hagueReviewModuleView{
  --hague-navy:#0b2340;
  --hague-navy-2:#17476e;
  --hague-blue:#eaf1f7;
  --hague-blue-2:#f6f9fc;
  --hague-gold:#c99a45;
  --hague-line:#dfe7ef;
  --hague-muted:#718196;
  gap:18px;
}

#hagueReviewModuleView .hague-hero{
  position:relative;
  min-height:176px;
  padding:30px 34px;
  align-items:flex-end;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 4%,rgba(217,183,107,.22),transparent 27%),
    radial-gradient(circle at 68% 110%,rgba(86,145,188,.23),transparent 38%),
    linear-gradient(125deg,#091f38 0%,#113b60 64%,#164b73 100%);
}
#hagueReviewModuleView .hague-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-142px;
  width:330px;
  height:330px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 116px rgba(255,255,255,.018);
  pointer-events:none;
}
#hagueReviewModuleView .hague-hero-copy,
#hagueReviewModuleView .hague-hero-pickers{
  position:relative;
  z-index:1;
}
#hagueReviewModuleView .hague-hero h2{
  margin:10px 0 0;
  font-size:34px;
  letter-spacing:-.4px;
}
#hagueReviewModuleView .hague-hero-pickers{
  width:min(330px,100%);
  align-items:end;
}
#hagueReviewModuleView .hague-hero .module-client-picker{
  width:100%;
  gap:8px;
  color:#d4e2ee;
  font-size:11.5px;
  letter-spacing:.25px;
}
#hagueReviewModuleView .hague-hero .module-client-picker select{
  min-height:44px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:10px;
  background:#fff;
  color:#153958;
  font-size:12.5px;
  font-weight:700;
  box-shadow:0 8px 22px rgba(3,15,29,.16);
}

#hagueReviewModuleView .hague-subtabs{
  display:flex;
  width:max-content;
  max-width:100%;
  gap:4px;
  margin:0;
  padding:4px;
  overflow:auto;
  border:1px solid var(--hague-line);
  border-radius:12px;
  background:#eaf0f5;
  box-shadow:inset 0 1px 2px rgba(16,35,57,.04);
}
#hagueReviewModuleView .hague-subtab{
  min-height:38px;
  padding:0 18px;
  border:0;
  border-radius:8px;
  color:#64778c;
  font-size:12.5px;
  font-weight:750;
  letter-spacing:.15px;
  white-space:nowrap;
}
#hagueReviewModuleView .hague-subtab:hover{
  background:rgba(255,255,255,.62);
  color:#234b6b;
}
#hagueReviewModuleView .hague-subtab.active{
  border-bottom-color:transparent;
  background:linear-gradient(135deg,var(--hague-navy),var(--hague-navy-2));
  color:#fff;
  box-shadow:0 5px 14px rgba(11,35,64,.18),inset 0 -2px var(--hague-gold);
}
#hagueReviewModuleView .hague-context-bar{
  display:grid;
  grid-template-columns:minmax(130px,.55fr) minmax(240px,1.35fr) minmax(220px,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid #dfe7ef;
  border-radius:13px;
  background:#e7edf3;
  box-shadow:0 6px 18px rgba(16,35,57,.04);
}
#hagueReviewModuleView .hague-context-bar.hidden{display:none}
#hagueReviewModuleView .hague-context-item{
  min-width:0;
  display:grid;
  gap:5px;
  padding:12px 16px;
  background:linear-gradient(180deg,#fff,#f9fbfd);
}
#hagueReviewModuleView .hague-context-item span{
  color:#8391a2;
  font-size:10px;
  font-weight:800;
  letter-spacing:.75px;
}
#hagueReviewModuleView .hague-context-item b{
  min-width:0;
  overflow:hidden;
  color:#1d3852;
  font-size:12.5px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#hagueReviewModuleView .hague-workbench{
  display:grid;
  gap:18px;
  padding:26px 28px;
  border:1px solid var(--hague-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,35,57,.055);
}
#hagueReviewModuleView .hague-workbench-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-width:0;
}
#hagueReviewModuleView .hague-workbench-head>div{min-width:0}
#hagueReviewModuleView .hague-workbench-head h3{
  margin:6px 0 0;
  color:#142b44;
  font-size:19px;
  font-weight:750;
  letter-spacing:-.15px;
}
#hagueReviewModuleView .hague-workbench-head .eyebrow{
  color:#a57b31;
  font-size:9.5px;
  letter-spacing:2px;
}
#hagueReviewModuleView .hague-workbench-head>.badge,
#hagueReviewModuleView .hague-count-label{
  flex:0 0 auto;
}
#hagueReviewModuleView .hague-count-label{
  color:#718196;
  font-size:11.5px;
  font-weight:750;
}

#hagueReviewModuleView .hague-upload-dock{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:15px;
  border:1px solid #dce6ef;
  border-radius:14px;
  background:linear-gradient(135deg,#f7fafc,#edf3f8);
}
#hagueReviewModuleView .hague-file-control{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding:5px 6px;
}
#hagueReviewModuleView .hague-file-mark{
  flex:0 0 auto;
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border:1px solid #d7e3ed;
  border-radius:10px;
  background:linear-gradient(145deg,#0d2b49,#174b75);
  color:#f2d696;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  box-shadow:0 5px 12px rgba(13,43,73,.17);
}
#hagueReviewModuleView .hague-file-control input[type="file"]{
  width:100%;
  min-width:0;
  color:#41566d;
  font-size:12.5px;
}
#hagueReviewModuleView .hague-file-control input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:9px 13px;
  border:1px solid #cedae5;
  border-radius:8px;
  background:#fff;
  color:#1d4d73;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
#hagueReviewModuleView .hague-file-control input[type="file"]:hover::file-selector-button{
  border-color:#b98d3b;
  background:#fffdf8;
}
#hagueReviewModuleView .hague-upload-dock>.btn{
  min-width:154px;
  min-height:43px;
  padding:10px 20px;
  border-radius:9px;
  background:linear-gradient(135deg,#0d2a49,#174a72);
  box-shadow:0 7px 17px rgba(11,41,69,.18);
  white-space:nowrap;
}

#hagueReviewModuleView .hague-job-status{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,300px);
  gap:24px;
  align-items:center;
  min-height:25px;
}
#hagueReviewModuleView .hague-job-status .module-stage{
  min-height:0;
  margin:0;
  color:#5d6f84;
  font-size:12.5px;
}
#hagueReviewModuleView .hague-progress-bar{
  position:relative;
  height:8px;
  margin:0;
  overflow:visible;
  border-radius:999px;
  background:#e7edf3;
}
#hagueReviewModuleView .hague-progress-bar>i{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#b4832d,#e1b961);
}
#hagueReviewModuleView .hague-progress-bar>span{
  position:absolute;
  right:0;
  top:-20px;
  left:auto;
  display:block;
  color:#7a8b9f;
  font-size:10px;
  font-weight:800;
}

#hagueReviewModuleView .hague-empty-state{
  padding:28px 20px;
  border:1px dashed #d8e2eb;
  border-radius:13px;
  background:#f9fbfd;
  color:#8a99aa;
  text-align:center;
  font-size:12.5px;
}
#hagueReviewModuleView .hague-result{
  display:grid;
  gap:16px;
}
#hagueReviewModuleView .hague-result .review-summary,
#hagueReviewModuleView .hague-review-card .review-summary{
  padding:16px 18px;
  border-radius:12px;
  box-shadow:0 5px 16px rgba(16,35,57,.035);
}
#hagueReviewModuleView .review-summary strong{
  margin-bottom:6px;
  font-size:14px;
  font-weight:800;
}
#hagueReviewModuleView .review-summary>div:not(.review-meta):not(.notarial-person-badge){
  font-size:12.5px;
  line-height:1.7;
}
#hagueReviewModuleView .review-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
  margin-top:9px;
  font-size:10.5px;
  opacity:.84;
}
#hagueReviewModuleView .review-meta span{
  display:inline-flex;
  align-items:center;
}
#hagueReviewModuleView .review-meta span+span::before{
  content:"";
  width:3px;
  height:3px;
  margin-right:12px;
  border-radius:50%;
  background:currentColor;
  opacity:.45;
}
#hagueReviewModuleView .review-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0 -2px;
  color:#243b53;
  font-size:13.5px;
  font-weight:800;
}
#hagueReviewModuleView .review-section-title::after{
  content:"";
  flex:1;
  height:1px;
  background:#e8edf2;
}
#hagueReviewModuleView .review-docs{
  border:1px solid #e0e7ee;
  border-radius:12px;
  box-shadow:none;
}
#hagueReviewModuleView .review-docs th{
  background:#f4f7fa;
  font-size:10px;
  letter-spacing:.9px;
}
#hagueReviewModuleView .review-docs td{
  padding:12px 16px;
  font-size:12px;
}
#hagueReviewModuleView .issue-card{
  margin-top:0;
  padding:13px 15px;
  border:1px solid #e4e9ef;
  border-left-width:3px;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(16,35,57,.028);
}
#hagueReviewModuleView .issue-title{
  gap:7px;
  color:#2d445c;
  font-size:12.5px;
}
#hagueReviewModuleView .issue-message{
  margin-top:8px;
  font-size:12px;
  line-height:1.65;
}
#hagueReviewModuleView .issue-quote{
  border:1px solid #e8edf2;
  border-radius:8px;
  background:#f8fafc;
  font-size:11.5px;
  line-height:1.65;
}
#hagueReviewModuleView .review-ok{
  margin-top:0;
  padding:14px 16px;
  border-radius:10px;
  font-size:12.5px;
}
#hagueReviewModuleView details{
  border:1px solid #e3e9f0;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
#hagueReviewModuleView details summary{
  padding:11px 14px;
  color:#365a79;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
#hagueReviewModuleView details ul{
  margin:0;
  padding:4px 18px 15px 34px;
  color:#617286;
  font-size:11.5px;
  line-height:1.75;
}

#hagueReviewModuleView .hague-auto-card{
  background:
    linear-gradient(115deg,rgba(201,154,69,.06),transparent 38%),
    #fff;
}
#hagueReviewModuleView .notarial-auto-result{
  min-height:0;
  padding:12px 14px;
  border:1px solid #e3e9f0;
  border-radius:11px;
  background:#f8fafc;
  color:#3f5369;
  font-size:12px;
  line-height:1.65;
}
#hagueReviewModuleView .notarial-auto-result:empty{display:none}
#hagueReviewModuleView .notarial-auto-result b{
  color:#173d5f;
  font-size:13px;
}
#hagueReviewModuleView .notarial-auto-hint{
  color:#718196;
  font-size:11.5px;
  line-height:1.6;
}

#hagueReviewModuleView .notarial-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#hagueReviewModuleView .hague-review-card{
  position:relative;
  display:grid;
  gap:14px;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:1px solid #dde6ee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,35,57,.045);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#hagueReviewModuleView .hague-review-card:hover{
  border-color:#c9d8e4;
  box-shadow:0 12px 28px rgba(16,35,57,.075);
  transform:translateY(-1px);
}
#hagueReviewModuleView .hague-review-card.auto-target{
  border-color:#c99a45;
  background:linear-gradient(180deg,#fffdf7,#fff);
  box-shadow:0 0 0 2px rgba(201,154,69,.13),0 12px 28px rgba(67,49,16,.075);
}
#hagueReviewModuleView .notarial-card-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:17px 18px 14px;
  border-bottom:1px solid #edf1f5;
  background:linear-gradient(180deg,#fbfcfd,#f7f9fb);
}
#hagueReviewModuleView .notarial-card-index{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #d7e2ec;
  border-radius:9px;
  background:#fff;
  color:#9a752f;
  font:800 11px/1 Inter,"SF Pro Display",sans-serif;
  letter-spacing:.7px;
}
#hagueReviewModuleView .notarial-card-head>div{min-width:0}
#hagueReviewModuleView .notarial-card-head h3{
  margin:0;
  color:#233b53;
  font-size:13.5px;
  font-weight:760;
  line-height:1.45;
}
#hagueReviewModuleView .notarial-card-head small{
  display:block;
  margin-top:4px;
  color:#8b99a9;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:1px;
}
#hagueReviewModuleView .hague-card-state{
  align-self:start;
  padding:4px 9px;
  border-radius:999px;
  background:#eef2f6;
  color:#6e7e90;
  font-size:10px;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
#hagueReviewModuleView .hague-review-card[data-state="running"] .hague-card-state{
  background:#fff3d9;
  color:#8b6219;
}
#hagueReviewModuleView .hague-review-card[data-state="review"] .hague-card-state{
  background:#fff0dc;
  color:#956119;
}
#hagueReviewModuleView .hague-review-card[data-state="passed"] .hague-card-state{
  background:#e5f5ed;
  color:#1f755b;
}
#hagueReviewModuleView .hague-review-card[data-state="failed"] .hague-card-state{
  background:#fcebed;
  color:#a83945;
}
#hagueReviewModuleView .hague-review-card>.notarial-upload{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:0 18px;
}
#hagueReviewModuleView .hague-file-control.compact{
  min-height:43px;
  padding:2px;
}
#hagueReviewModuleView .hague-file-control.compact .hague-file-mark{
  width:34px;
  height:34px;
  border-radius:8px;
  font-size:9px;
}
#hagueReviewModuleView .hague-file-control.compact input[type="file"]{
  font-size:11.5px;
}
#hagueReviewModuleView .hague-file-control.compact input[type="file"]::file-selector-button{
  padding:7px 10px;
  font-size:11px;
}
#hagueReviewModuleView .hague-review-card>.notarial-upload .btn{
  min-height:42px;
  padding:8px 14px;
  border-radius:9px;
  font-size:11.5px;
}
#hagueReviewModuleView .hague-review-card>.hague-progress-bar{
  width:auto;
  margin:0 18px;
}
#hagueReviewModuleView .hague-review-card>.notarial-stage{
  min-height:0;
  margin:-7px 18px 0;
  color:#7b8998;
  font-size:11px;
}
#hagueReviewModuleView .hague-review-card>.notarial-stage:empty::before{
  content:"";
}
#hagueReviewModuleView .hague-review-card>.notarial-result{
  min-height:42px;
  margin:0;
  padding:0 18px 18px;
}
#hagueReviewModuleView .notarial-empty{
  display:block;
  padding:12px 14px;
  border:1px dashed #dfe7ee;
  border-radius:9px;
  background:#fafcfd;
  color:#8d9aa9;
  font-size:11.5px;
  text-align:center;
}

#hagueReviewModuleView .apostille-upload-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
}
#hagueReviewModuleView .apostille-compose-panel{
  display:grid;
  gap:16px;
  padding:26px 28px;
  border:1px solid var(--hague-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,35,57,.055);
}
#hagueReviewModuleView .apostille-compose-panel>.selected-client-summary{
  margin:0;
  padding:13px 16px;
  border:1px solid #e2e9f0;
  border-radius:11px;
  background:#f7f9fb;
}
#hagueReviewModuleView .apostille-upload-slots{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
}
#hagueReviewModuleView .apostille-upload-slots .apostille-slot{
  grid-template-rows:auto auto!important;
  align-content:space-between;
  min-height:142px;
  padding:16px!important;
  border-radius:13px!important;
  box-shadow:0 6px 18px rgba(15,41,68,.045);
}
#hagueReviewModuleView .apostille-slot-head{gap:10px}
#hagueReviewModuleView .apostille-upload-slots .apostille-slot .doc-icon{
  width:36px;
  height:36px;
  border-radius:9px;
}
#hagueReviewModuleView .apostille-slot-title b{font-size:13px}
#hagueReviewModuleView .apostille-slot-title span{font-size:10px}
#hagueReviewModuleView .apostille-slot-foot{align-items:center}
#hagueReviewModuleView .apostille-slot-foot>small{font-size:10px}
#hagueReviewModuleView .apostille-auto-row{
  margin:0;
  padding:13px 14px;
  border:1px solid #dce6ef;
  border-radius:12px;
  background:linear-gradient(135deg,#f5f9fc,#fbfcfd);
}
#hagueReviewModuleView .apostille-auto-row input[type="file"]{
  font-size:11.5px;
}
#hagueReviewModuleView .apostille-auto-row .btn{
  min-height:40px;
  border-radius:9px;
}
#hagueReviewModuleView .apostille-compose-panel>.module-stage{
  margin:-4px 2px 0;
  min-height:0;
  color:#718196;
  font-size:11.5px;
}
#hagueReviewModuleView .apostille-archive-panel{
  padding:18px 20px 20px;
  border-color:#e2e9f0;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfcfd,#f6f9fb);
  box-shadow:0 7px 20px rgba(16,35,57,.035);
}
#hagueReviewModuleView .apostille-archive-panel .panel-head{
  margin-bottom:13px;
  padding-bottom:12px;
  border-bottom-color:#e6edf3;
}
#hagueReviewModuleView .apostille-archive-panel #apostilleUploadList{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
#hagueReviewModuleView .apostille-archive-panel .poa-doc-card{
  border-radius:11px;
  background:#fff;
  box-shadow:0 4px 12px rgba(16,35,57,.035);
}

@media(max-width:1050px){
  #hagueReviewModuleView .notarial-grid{grid-template-columns:1fr}
  #hagueReviewModuleView .hague-job-status{grid-template-columns:1fr}
  #hagueReviewModuleView .hague-progress-bar>span{top:auto;bottom:-20px}
  #hagueReviewModuleView .apostille-archive-panel #apostilleUploadList{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:820px){
  #hagueReviewModuleView .hague-hero{
    display:grid;
    align-items:start;
    padding:26px 24px;
  }
  #hagueReviewModuleView .hague-hero-pickers{width:100%}
  #hagueReviewModuleView .hague-workbench{padding:22px 20px}
  #hagueReviewModuleView .hague-context-bar{grid-template-columns:1fr}
  #hagueReviewModuleView .hague-context-item{padding:10px 14px}
  #hagueReviewModuleView .hague-upload-dock,
  #hagueReviewModuleView .hague-review-card>.notarial-upload{
    grid-template-columns:1fr;
  }
  #hagueReviewModuleView .hague-upload-dock>.btn{width:100%}
  #hagueReviewModuleView .apostille-upload-slots{grid-template-columns:1fr}
}
@media(max-width:560px){
  #hagueReviewModuleView .hague-subtabs{width:100%}
  #hagueReviewModuleView .hague-subtab{flex:1 0 auto;padding:0 14px}
  #hagueReviewModuleView .hague-workbench{padding:20px 16px}
  #hagueReviewModuleView .hague-workbench-head{align-items:flex-start}
  #hagueReviewModuleView .hague-file-control{align-items:flex-start}
  #hagueReviewModuleView .notarial-card-head{grid-template-columns:auto minmax(0,1fr)}
  #hagueReviewModuleView .hague-card-state{grid-column:2;justify-self:start}
  #hagueReviewModuleView .apostille-archive-panel #apostilleUploadList{
    grid-template-columns:1fr;
  }
}