[data-supplier-order-drawer] .b2b-reservation-documents-journey{
  margin:18px 0 !important;
  border:1px solid rgba(13,125,139,.18) !important;
  border-radius:22px !important;
  background:#f5f8fa !important;
  overflow:hidden !important;
  box-shadow:0 16px 44px rgba(5,25,48,.08) !important;
}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto 18px !important;
  gap:12px !important;
  align-items:center !important;
  padding:17px !important;
  background:#fff !important;
  color:#071b33 !important;
  cursor:pointer !important;
  list-style:none !important;
}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary::-webkit-details-marker{display:none !important;}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary > span{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  column-gap:10px !important;
  align-items:center !important;
}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary > span > i{
  grid-row:1 / 3 !important;
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:11px !important;
  background:#fff5df !important;
  color:#d99c27 !important;
}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary b{font-size:15px !important;}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary small{color:#718293 !important;font-size:11px !important;line-height:1.3 !important;}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary mark{
  padding:6px 9px !important;
  border-radius:999px !important;
  background:#eaf6f5 !important;
  color:#08756d !important;
  font-size:10px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
[data-supplier-order-drawer] .b2b-reservation-documents-journey > summary > i{transition:transform .25s ease !important;}
[data-supplier-order-drawer] .b2b-reservation-documents-journey[open] > summary > i{transform:rotate(180deg) !important;}
[data-supplier-order-drawer] .b2b-reservation-document-chain{display:grid !important;gap:0 !important;padding:18px !important;animation:b2bDocReveal .26s ease both;}
@keyframes b2bDocReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
[data-supplier-order-drawer] .b2b-reservation-document-card{
  padding:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,#344157,#18273c) !important;
  color:#fff !important;
  box-shadow:0 18px 36px rgba(5,19,38,.19) !important;
}
[data-supplier-order-drawer] .b2b-reservation-document-card.is-admin{background:linear-gradient(145deg,#27374f,#071d38) !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card.is-supplier{background:linear-gradient(145deg,#1d5660,#10373f) !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card > header{display:flex !important;align-items:center !important;gap:11px !important;margin-bottom:14px !important;}
[data-supplier-order-drawer] .b2b-reservation-folder{display:grid !important;place-items:center !important;width:42px !important;height:42px !important;border-radius:13px !important;background:#dda331 !important;color:#fff !important;font-size:19px !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card header div{min-width:0 !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card header b,[data-supplier-order-drawer] .b2b-reservation-document-card header small{display:block !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card header b{font-size:16px !important;overflow-wrap:anywhere !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card header small{margin-top:3px !important;color:#d5dfeb !important;font-size:11px !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet{
  position:relative !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  min-height:96px !important;
  padding:16px !important;
  border-radius:18px !important;
  background:#fff !important;
  color:#071b33 !important;
  box-shadow:0 8px 0 rgba(206,215,225,.45),0 18px 30px rgba(2,15,32,.2) !important;
}
[data-supplier-order-drawer] .b2b-reservation-file-icon{display:grid !important;place-items:center !important;width:48px !important;height:56px !important;border-radius:12px !important;background:#fff0ee !important;color:#d94a3d !important;font-size:24px !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet div{min-width:0 !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet small,[data-supplier-order-drawer] .b2b-reservation-file-sheet b,[data-supplier-order-drawer] .b2b-reservation-file-sheet em{display:block !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet small{color:#0d7d8b !important;font-size:10px !important;font-weight:900 !important;text-transform:uppercase !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet b{margin:3px 0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:13px !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet em{color:#6d7d8e !important;font-size:10px !important;font-style:normal !important;font-weight:750 !important;}
[data-supplier-order-drawer] .b2b-reservation-file-sheet mark{padding:5px 7px !important;border-radius:7px !important;background:#f0f3f6 !important;color:#546477 !important;font-size:9px !important;font-weight:1000 !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card > footer{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:10px !important;margin-top:18px !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card > footer > span{color:#d6e1eb !important;font-size:10px !important;font-weight:850 !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card > footer > span i{color:#5fd09b !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card footer div{display:flex !important;gap:8px !important;}
[data-supplier-order-drawer] .b2b-reservation-document-card footer a,[data-supplier-order-drawer] .b2b-quotation-document-actions a{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;min-height:36px !important;padding:0 11px !important;border:1px solid rgba(255,255,255,.3) !important;border-radius:10px !important;color:#fff !important;font-size:10px !important;font-weight:900 !important;text-decoration:none !important;
}
[data-supplier-order-drawer] .b2b-reservation-document-card footer a:last-child{border-color:#dda331 !important;background:#dda331 !important;color:#071b33 !important;}
[data-supplier-order-drawer] .b2b-reservation-chain-arrow{display:grid !important;place-items:center !important;height:46px !important;color:#d9a331 !important;font-size:19px !important;}

[data-supplier-order-drawer]{width:min(720px,calc(100vw - 32px));max-height:90dvh;border:1px solid #dce6e9;border-radius:22px;padding:16px;background:#f5f9fb;color:#092336;overflow:auto;overscroll-behavior:contain}
[data-supplier-order-drawer]::backdrop{background:#061b3377}.supplier-drawer-toolbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-16px;z-index:2;background:#f5f9fb;padding:8px 0}.supplier-drawer-toolbar button{width:44px;height:44px;border:1px solid #cfdee4;border-radius:50%;background:white;font-size:27px;color:#234955}
[data-supplier-order-drawer] [data-po-detail]{padding:0!important;border:0;background:none;box-shadow:none}[data-supplier-order-drawer] .supplier-order-card{padding:12px;border-radius:16px;gap:10px}[data-supplier-order-drawer] .supplier-order-card h2{font-size:20px}[data-supplier-order-drawer] .supplier-order-card>.supplier-order-section{margin:0}[data-supplier-order-drawer] .supplier-order-card p{font-size:12px}[data-supplier-order-drawer] .supplier-order-next{padding:12px}[data-supplier-order-drawer] .supplier-order-next h3{font-size:14px;margin-bottom:8px}[data-supplier-order-drawer] .supplier-order-section>summary{font-size:13px;padding:12px;min-height:44px}
[data-supplier-order-drawer] .supplier-document-journey>summary{grid-template-columns:1fr 18px!important}[data-supplier-order-drawer] .supplier-document-journey{box-shadow:none!important;border-radius:14px!important;margin:0!important}[data-supplier-order-drawer] .supplier-document-journey [data-po-evidence-root]{padding:0 8px 12px}[data-supplier-order-drawer] .b2b-reservation-document-chain{padding:4px!important}[data-supplier-order-drawer] .b2b-reservation-document-card{padding:14px!important;border-radius:20px!important}[data-supplier-order-drawer] .b2b-reservation-file-sheet{grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important;min-height:74px!important}[data-supplier-order-drawer] .b2b-reservation-file-icon{width:36px!important;height:44px!important;font-size:22px!important}.supplier-document-more{margin-top:14px;font-size:11px}.supplier-document-more summary{cursor:pointer;min-height:30px}.supplier-document-more button{background:transparent;color:white;border:1px solid #8ca9ae;border-radius:8px;min-height:36px;margin:4px;padding:6px 10px}.supplier-document-history{margin-top:14px}.supplier-document-history>summary{padding:12px;cursor:pointer}.supplier-document-history article{margin-top:12px}
@media(max-width:767px){[data-supplier-order-drawer]{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding:12px 10px calc(18px + env(safe-area-inset-bottom))}.supplier-drawer-toolbar{top:-12px}[data-supplier-order-drawer] .supplier-order-card .btn{font-size:12px;min-height:44px}[data-supplier-order-drawer] .b2b-reservation-document-card>footer{gap:8px!important}[data-supplier-order-drawer] .product-table{font-size:12px}}