/* A shared, compact journey with a quieter customer-facing document layout. */
.batch-summary .batch-journey{padding:28px 0 32px}
.batch-summary .batch-overall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:40px;margin:24px 0 34px}
.batch-summary .batch-overall>.batch-rate,.batch-summary .batch-delivery-progress{min-width:0}
.batch-summary .batch-delivery-progress{display:grid;gap:20px;padding-inline-start:0;border:0;position:relative}
.batch-summary .batch-delivery-progress:before{content:'';position:absolute;inset-inline-start:-20px;top:0;bottom:0;width:1px;background:#e5e9ed}
.batch-summary .batch-overall .batch-rate>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;min-height:34px}
.batch-summary .batch-overall .batch-rate>div:first-child>span{font-size:13px;color:#596575;line-height:1.5}
.batch-summary .batch-overall strong{font-size:26px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;flex-shrink:0;color:#243346}
.batch-summary .batch-overall .batch-progress-quantity{font-size:12px;margin:10px 0 0;color:#75808c;line-height:1.5}
.batch-summary .batch-overall progress,.batch-summary .batch-overall .batch-unknown-track{height:6px;border-radius:3px}
.batch-summary .batch-delivery-progress progress::-webkit-progress-value{background:#168579}
.batch-summary .batch-delivery-progress progress::-moz-progress-bar{background:#168579}
.batch-summary .batch-journey-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0;padding:12px 0 26px;list-style:none}
.batch-summary .batch-journey-track li{position:relative;padding:0 3px;text-align:center;font-size:12px;line-height:1.5;color:#7b8592;min-width:0}
.batch-summary .batch-journey-track li:before{top:23px;left:calc(-50% + 26px);right:calc(50% + 26px);height:1px;background:#e2e7ed;z-index:0}
.batch-summary .batch-journey-track li.completed+li.completed:before{background:#85bcb2}
.batch-summary .batch-journey-track li:first-child:before{display:none}
.batch-summary .batch-stage-dot{display:grid;place-items:center;position:relative;isolation:isolate;width:46px;height:46px;min-height:46px;margin:0 auto 12px;padding:0;border:1px solid #dfe5eb;border-radius:50%;background:#f8fafc;color:#84909d;font:500 12px/1 'Segoe UI',sans-serif;cursor:pointer;box-shadow:none;transition:box-shadow .15s}
.batch-summary .batch-stage-dot span{position:relative;z-index:1;white-space:nowrap}
.batch-summary .batch-journey-track .completed .batch-stage-dot{background:#e9f4f0;border-color:#cde5db;color:#16816a;font-size:19px;font-weight:600}
.batch-summary .batch-journey-track .in_progress .batch-stage-dot{background:#edf2ff;border-color:#cddafa;color:#2855d1}
.batch-summary .batch-journey-track .blocked .batch-stage-dot{background:#fff8eb;border-color:#ead5ac;color:#916212}
.batch-summary .batch-journey-track .batch-stage-dot.has-percent{border:0;background:conic-gradient(#2d5ed9 var(--stage-percent),#e7edf7 0);color:#254fb7;font-size:12px;font-weight:700}
.batch-summary .batch-journey-track .has-percent:before{content:'';position:absolute;inset:3px;border-radius:50%;background:white;z-index:0}
.batch-summary .batch-journey-track .blocked .has-percent{background:conic-gradient(#b98524 var(--stage-percent),#f0e9db 0)}
.batch-summary .batch-journey-track .batch-stage-dot[aria-pressed=true]{box-shadow:0 0 0 4px #edf1f8}
.batch-summary .batch-stage-dot:hover{box-shadow:0 0 0 4px #f0f3f7}
.batch-summary .batch-stage-dot:focus-visible{outline:2px solid #2d5ed9;outline-offset:5px}
.batch-summary .batch-stage-name{display:block;font-size:12px;font-weight:550;color:#556273;overflow-wrap:anywhere}
.batch-summary .batch-journey-track small{display:block;font-size:10px;font-weight:400;margin-top:4px}
.batch-summary .batch-journey-track .completed,.batch-summary .batch-journey-track .completed .batch-stage-name{color:#267967}
.batch-summary .batch-journey-track .current .batch-stage-name{color:#2855d1;font-weight:650}
.batch-summary .batch-journey-track .completed.current .batch-stage-name{color:#267967}
.batch-summary .batch-node-focus{border-top:1px solid #e5e9ed;padding:22px 0 0;min-width:0;min-height:86px}
.batch-summary .batch-node-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}
.batch-summary .batch-node-heading>div{min-width:0}
.batch-summary .batch-node-caption{font-size:11px;color:#7a8490}
.batch-summary .batch-node-heading h3{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:19px;line-height:1.5;margin:4px 0 0;color:#293646}
.batch-summary .batch-node-state{font-size:12px;color:#59708e;font-weight:500}
.batch-summary .batch-node-focus.completed .batch-node-state{color:#16816a}
.batch-summary .batch-node-focus.blocked .batch-node-state{color:#916212}
.batch-summary .batch-node-values{text-align:end;font-size:12px;color:#7a8490;font-variant-numeric:tabular-nums}
.batch-summary .batch-node-values p{margin:2px 0;overflow-wrap:anywhere}
.batch-summary .batch-node-values strong{font-size:19px;color:#36475b;font-weight:600}
.batch-summary .batch-stage-dates{display:flex;gap:16px 32px;flex-wrap:wrap;margin:18px 0 0}
.batch-summary .batch-stage-dates dt{font-size:11px;color:#7b8592}
.batch-summary .batch-stage-dates dd{font-size:12px;color:#43536a;margin:5px 0 0}
.batch-summary .batch-node-note{font-size:12px;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#657284}
.batch-disclosure{border:0;min-width:0;margin:18px 0 0;padding:0;font-size:13px}
.batch-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;list-style:none;font-weight:500;color:#526379}
.batch-disclosure>summary::-webkit-details-marker{display:none}
.batch-disclosure>summary:after{content:'+';font-size:18px;line-height:1;flex-shrink:0}
.batch-disclosure[open]>summary:after{content:'−'}
.batch-disclosure-body{padding:8px 0 12px;min-width:0}
body:has(.customer-dossier){background:#fff;color:#293646}
.customer-dossier{max-width:1120px;margin:0 auto;min-width:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif}
.customer-dossier *{letter-spacing:0}
.customer-dossier .dossier-top{margin-bottom:20px;align-items:center}
.customer-dossier .breadcrumb{font-size:11px;color:#7d8793;padding:0}
.customer-dossier .actions .secondary{background:transparent;border:0;color:#657284;padding:7px 10px;font-size:12px;min-height:36px}
.customer-dossier .order-title{padding:0 0 26px;display:flex;align-items:center;border-color:#e5e9ed;gap:24px}
.customer-dossier .order-title .eyebrow{font-size:11px;color:#697888;font-weight:500}
.customer-dossier .order-title h1{font-family:inherit;font-size:28px;line-height:1.35;font-weight:600;margin:5px 0 8px;letter-spacing:0;overflow-wrap:anywhere}
.customer-dossier .order-title p{font-size:12px;color:#7d8793;line-height:1.6}
.customer-dossier .sync-state{max-width:220px;flex-shrink:0;font-size:10px;line-height:1.8;color:#87909b;text-align:end;margin:0}
.customer-dossier .batch-band{padding:30px 0;border-color:#e5e9ed}
.customer-dossier .batch-band h2,.customer-dossier .section-head h2{font-family:inherit;font-size:19px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 16px;color:#263548}
.customer-dossier .batch-order-overview{padding:24px 0 0;border:0}
.customer-dossier .batch-order-overview h2{font-size:16px;margin-bottom:8px}
.customer-dossier .batch-contract-strip{font-size:12px;line-height:1.7;gap:6px 20px;color:#7b8592;flex-direction:row;align-items:center}
.customer-dossier .batch-contract-strip strong{margin-inline-start:auto;font-size:12px;color:#277d6d;font-weight:550}
.customer-dossier .batch-contract-version{font-size:11px}
.customer-dossier .batch-product h3{font-size:15px;font-weight:600;margin:0 0 20px;line-height:1.6}
.customer-dossier .batch-key-quantities{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 24px}
.customer-dossier .batch-stat dt{font-size:11px;color:#7b8793;margin-bottom:7px}
.customer-dossier .batch-stat dd{font-size:19px;font-weight:600;color:#304156;font-variant-numeric:tabular-nums}
.customer-dossier .batch-rates{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.customer-dossier .batch-rates .batch-rate>div:first-child{font-size:11px;gap:6px;line-height:1.5;margin-bottom:8px}
.customer-dossier .batch-rates .batch-rate strong{font-weight:600}
.customer-dossier .batch-rates progress{height:4px;border-radius:2px}
.customer-dossier .batch-product .batch-disclosure{margin-top:16px}
.customer-dossier .batch-disclosure .batch-stat dd{font-size:14px;font-weight:500}
.customer-dossier .batch-table{font-size:12px;min-width:520px}
.customer-dossier .batch-table th{background:#f7f9fb;font-size:11px;font-weight:500;color:#788596;border:0;padding:10px 14px}
.customer-dossier .batch-table td{padding:18px 14px;line-height:1.9;border-color:#edf0f4;color:#46576c}
.customer-dossier .batch-table td:first-child{font-weight:600;color:#2c4058}
.customer-dossier .batch-payment-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:18px 0}
.customer-dossier .batch-payment-totals dd{font-size:20px}
.customer-dossier .batch-warning{font-size:11px;line-height:1.65;margin:8px 0 14px;color:#976924}
.customer-dossier .batch-sync-state{font-size:11px;color:#8a95a1}
.customer-dossier .customer-media{padding:28px 0;border-bottom:1px solid #e5e9ed}
.customer-dossier .section-head{margin:0 0 18px;align-items:center}
.customer-dossier .section-head .eyebrow{display:none}
.customer-dossier .media-filters{gap:4px 14px;margin-bottom:16px}
.customer-dossier .media-filters .filter{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#7b8793;padding:6px 0;font-size:11px;min-height:34px}
.customer-dossier .media-filters .filter.selected{color:#2855d1;border-color:#2855d1}
.customer-dossier .media-card{border:1px solid #e5e9ed;border-radius:6px;box-shadow:none}
.customer-dossier .media-card figcaption{padding:12px 14px}
.customer-dossier .media-card h3{font-size:12px}
.customer-dossier .media-card small{color:#87929e}
.customer-dossier .media-preview:hover img{transform:none}
.customer-dossier .empty{border:0;background:#f7f9fb;border-radius:4px;padding:22px;font-size:12px;color:#86919e}
.customer-dossier .customer-specs{padding:16px 0;border-bottom:1px solid #e5e9ed}
.customer-dossier .correspondence{border:0;border-radius:0;box-shadow:none;padding:30px 0;background:transparent;margin-top:20px}
.customer-dossier .correspondence h2{font-size:19px}
.customer-dossier .correspondence .section-head{padding:0;margin:0 0 20px}
.customer-dossier .question-form label,.customer-dossier .question-form small{font-size:11px}
.customer-dossier .question-form input,.customer-dossier .question-form textarea{border-radius:4px;border-color:#dce4ec;font-size:14px}
.customer-dossier .question-form textarea{min-height:100px}
.customer-dossier .question-form .primary{min-height:40px;font-size:12px;border-radius:4px}
.customer-dossier .archive{border:0;border-top:1px solid #e5e9ed;border-radius:0;padding:20px 0}
.customer-dossier .breadcrumb,.customer-dossier .sync-state,.customer-dossier .batch-progress-quantity,.customer-dossier .batch-stage-dates dt,.customer-dossier .batch-node-caption{color:#67758a}
@media(max-width:760px){
  .batch-summary .batch-overall{gap:20px;margin:20px 0 28px}
  .batch-summary .batch-delivery-progress:before{inset-inline-start:-10px}
  .batch-summary .batch-overall .batch-rate>div:first-child{display:block;min-height:64px;margin-bottom:10px}
  .batch-summary .batch-overall .batch-rate>div:first-child>span{display:block;font-size:12px;min-height:20px;margin-bottom:7px}
  .batch-summary .batch-overall strong{font-size:25px;display:block}
  .batch-summary .batch-overall .batch-progress-quantity{font-size:10px;line-height:1.65;overflow-wrap:anywhere;min-height:32px}
  .batch-summary .batch-journey-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 0;padding:0 0 26px}
  .batch-summary .batch-journey-track li:before{display:block}
  .batch-summary .batch-journey-track li:nth-child(4n+1):before{display:none}
  .batch-summary .batch-stage-name{font-size:11px;line-height:1.6}
  .batch-summary .batch-journey-track small{font-size:10px;color:#69798a}
  .batch-summary .batch-stage-dot{margin-bottom:9px}
  .batch-summary .batch-node-heading h3{font-size:17px;gap:8px}
  .batch-summary .batch-node-values strong{font-size:16px}
  .batch-summary .batch-node-values{font-size:10px}
  .batch-summary .batch-stage-dates{gap:14px 24px}
  .customer-dossier .order-title{gap:12px;align-items:flex-start;padding-bottom:22px;flex-direction:column}
  .customer-dossier .order-title h1{font-size:24px}
  .customer-dossier .sync-state{font-size:9px;max-width:none;text-align:start}
  .customer-dossier .dossier-top{margin-bottom:18px;gap:12px}
  .customer-dossier .dossier-top .breadcrumb{max-width:none;font-size:10px;flex:1}
  .customer-dossier .actions{gap:4px}
  .customer-dossier .actions .secondary{font-size:10px;padding:5px 6px;min-height:32px}
  .customer-dossier .batch-band{padding:24px 0}
  .customer-dossier .batch-band h2,.customer-dossier .section-head h2{font-size:17px;margin-bottom:14px}
  .customer-dossier .batch-contract-strip{font-size:11px;gap:5px 12px}
  .customer-dossier .batch-contract-strip strong{margin-inline-start:0}
  .customer-dossier .batch-contract-version{display:none}
  .customer-dossier .batch-key-quantities{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin-bottom:24px}
  .customer-dossier .batch-stat dd{font-size:18px}
  .customer-dossier .batch-product h3{font-size:13px}
  .customer-dossier .batch-rates{gap:12px}
  .customer-dossier .batch-rates .batch-rate>div:first-child{display:block;font-size:10px;min-height:36px}
  .customer-dossier .batch-rates .batch-rate strong{display:block;margin-top:4px}
  .customer-dossier .batch-payment-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .customer-dossier .batch-payment-totals .batch-stat:last-child{grid-column:1/-1;padding-top:16px;border-top:1px solid #e5e9ed}
  .customer-dossier .batch-payment-totals dd{font-size:18px}
  .customer-dossier .batch-table-scroll{overflow:visible}
  .customer-dossier .batch-table,.customer-dossier .batch-table tbody{display:block;width:100%;min-width:0}
  .customer-dossier .batch-table thead{display:none}
  .customer-dossier .batch-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding:20px 0;border-bottom:1px solid #e5e9ed}
  .customer-dossier .batch-table td{display:block;padding:0;max-width:none;min-width:0;border:0;font-size:12px;line-height:1.75}
  .customer-dossier .batch-table td:before{content:attr(data-label);display:block;font-size:10px;font-weight:400;color:#8993a0;margin-bottom:4px}
  .customer-dossier .batch-table td:last-child:nth-child(odd){grid-column:1/-1}
  .customer-dossier .batch-disclosure{font-size:12px}
  .customer-dossier .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .customer-dossier .media-preview{height:auto;aspect-ratio:4/3}
  .customer-dossier .media-preview img,.customer-dossier .media-preview video{height:100%;object-fit:contain}
  .customer-dossier .media-card figcaption{padding:10px}
  .customer-dossier .media-card h3{font-size:11px}
  .customer-dossier .media-card small{font-size:9px}
}
@media print{
  .batch-summary .batch-journey-track{grid-template-columns:repeat(8,minmax(0,1fr))}
  .batch-summary .batch-stage-dot{print-color-adjust:exact}
  .batch-summary .batch-node-focus,.customer-dossier .batch-band{break-inside:avoid}
  .batch-disclosure-body{display:block}
  .customer-dossier .batch-table,.customer-dossier .batch-table tbody{display:table}
  .customer-dossier .batch-table thead{display:table-header-group}
  .customer-dossier .batch-table tr{display:table-row}
  .customer-dossier .batch-table td{display:table-cell;padding:8px}
  .customer-dossier .batch-table td:before{display:none}
}
