.logistics-manager{margin:24px 0;padding:24px;border:1px solid var(--line,#d5e1e0);border-radius:16px;background:var(--paper,#fff);color:var(--ink,#203a3e);min-width:0}
.logistics-panel-heading,.logistics-journey>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.logistics-panel-heading h2{margin:4px 0;font-size:1.35rem}.logistics-panel-heading p{margin:0;font-size:.75rem;letter-spacing:.09em}.logistics-panel-heading>div:last-child,.logistics-share>div{display:flex;gap:8px;flex-wrap:wrap}
.logistics-explanation,.logistics-muted{color:var(--muted,#53676c);font-size:1rem;line-height:1.55}.logistics-warning{padding:14px;border:1px solid #b8852b;background:#fff4d6;color:#684709;border-radius:10px;font-size:1rem;line-height:1.5}
.logistics-journeys{display:grid;gap:16px}.logistics-journey{min-width:0;border:1px solid var(--line,#d5e1e0);border-radius:12px;padding:18px}.logistics-journey strong{font-size:1rem}.logistics-journey small{display:block;line-height:1.5;font-size:.875rem;color:var(--muted,#53676c)}.logistics-journey footer{margin-top:16px}
.logistics-position{display:grid;gap:8px;margin:16px 0}.logistics-position span{font-size:.875rem}.logistics-position iframe{width:100%;height:270px;border:0;border-radius:8px;background:#e2e9eb}
.logistics-customer-links{border-top:1px solid var(--line,#d5e1e0);padding-top:16px}.logistics-customer-links p{font-size:.875rem;line-height:1.5;color:var(--muted,#53676c)}.logistics-customer-links>div{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#d5e1e0)}.logistics-customer-links>div>span{min-width:0;overflow-wrap:anywhere}.logistics-customer-links button{flex-shrink:0}
.logistics-proof{margin:16px 0;border:1px solid var(--line,#d5e1e0);border-left:4px solid #249365;padding:16px;border-radius:8px}.logistics-proof p{overflow-wrap:anywhere}.logistics-share{display:grid;gap:12px;font-size:1rem}.logistics-share input{width:100%;min-width:0;font-size:1rem}.logistics-share p{line-height:1.55;margin:0}.logistics-share small{font-size:.875rem;line-height:1.5}
#logistics-create-form{display:grid;gap:18px;grid-template-columns:1fr}#logistics-create-form label{display:grid;gap:8px;font-size:1rem}#logistics-create-form :is(input,select){min-width:0;width:100%;font-size:1rem;min-height:44px}#logistics-create-form .logistics-warning{margin:0}
@media(max-width:620px){.logistics-manager{padding:16px;margin:16px 0}.logistics-journey{padding:12px}.logistics-panel-heading>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.logistics-panel-heading button{white-space:normal;min-height:44px}.logistics-customer-links>div{align-items:stretch;flex-direction:column;gap:8px}.logistics-share>div{display:grid}.logistics-position iframe{height:250px}}
/* Append to logistics-manager.css. Scoped to manager panels and their own dialogs. */
.logistics-manager {
  --lm-panel: var(--ri-panel, var(--ref-panel, var(--white, #fff)));
  --lm-text: var(--ri-text, var(--ref-text, var(--ink, #203a3e)));
  --lm-muted: var(--ri-muted, var(--ref-muted, var(--muted, #53676c)));
  --lm-line: var(--ri-line, var(--ref-line, var(--line, #d5e1e0)));
  container: logistics-manager / inline-size;
  width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
  background: var(--lm-panel); color: var(--lm-text); border-color: var(--lm-line);
}
html .logistics-manager :is(.logistics-explanation,.logistics-muted,.logistics-customer-links p,.logistics-journey small) {
  color: var(--lm-muted);
}
html :is(.logistics-manager,#logistics-create-form) .logistics-warning {
  background: #fff4d6; color: #684709; border-color: #b8852b;
  font-size: 16px; line-height: 1.55; overflow-wrap: anywhere;
}
.logistics-manager :is(.logistics-journey,.logistics-customer-links,.logistics-customer-links>div) {
  border-color: var(--lm-line);
}
.logistics-manager :is(.logistics-journeys,.logistics-journey,.logistics-panel-heading>div,.logistics-journey>header>div,.logistics-position,.logistics-proof) {
  min-width: 0; max-width: 100%; box-sizing: border-box;
}
.logistics-manager :is(h2,strong,small,p,.badge) { overflow-wrap: anywhere; }
.logistics-manager .logistics-panel-heading>div:first-child { flex: 1 1 240px; }
.logistics-manager .logistics-panel-heading>div:last-child { flex: 0 1 auto; max-width: 100%; }
.logistics-manager .logistics-journey>header>div { flex: 1 1 220px; }
.logistics-manager .logistics-journey>header>.badge {
  max-width: 100%; white-space: normal; line-height: 1.4; font-size: 14px;
}
.logistics-manager .logistics-customer-links>div { flex-wrap: wrap; }
.logistics-manager .logistics-customer-links>div>span { flex: 1 1 220px; }
html :is(.logistics-manager,.logistics-share,#logistics-create-form,#logistics-revoke-form) .button {
  box-sizing: border-box; min-width: 0; max-width: 100%; min-height: 44px;
  white-space: normal; overflow-wrap: anywhere; line-height: 1.4;
}
.logistics-manager .logistics-proof { display: flex; gap: 10px; flex-wrap: wrap; }
.logistics-manager .logistics-proof>:is(strong,p) { flex-basis: 100%; margin: 0; }
.logistics-manager .logistics-proof>.button { flex: 1 1 190px; text-align: center; }
.logistics-share { container: logistics-share / inline-size; min-width: 0; }
.logistics-share :is(label,p,small) { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.logistics-share label { display: grid; gap: 8px; }
.logistics-share input { box-sizing: border-box; max-width: 100%; min-height: 44px; }
.logistics-share>div { min-width: 0; }
.logistics-share>div>.button { flex: 1 1 180px; }
:is(#logistics-create-form,#logistics-revoke-form) .form-actions { display: flex; flex-wrap: wrap; gap: 10px; }
:is(#logistics-create-form,#logistics-revoke-form) .form-actions>.button { flex: 1 1 170px; }

/* High-contrast actions. The module's existing rules use !important. */
html[data-design="modern"][data-theme] .reference-app:is(.ref-theme-control-dark,.ref-theme-logistics-modular)
:is(.logistics-manager,.logistics-share,#logistics-create-form,#logistics-revoke-form) .button.danger {
  color: #ffaaa2 !important; border-color: #ad6660 !important; background: transparent !important;
}
html[data-design="modern"][data-theme] .reference-app.ref-theme-premium
:is(.logistics-manager,.logistics-share,#logistics-create-form) .button.primary {
  color: #fff !important; background: #805b23 !important; border-color: #805b23 !important;
}
html[data-design="modern"][data-theme] .reference-app.ref-theme-control-dark
:is(.logistics-manager,.logistics-share,#logistics-create-form) .button.primary {
  color: #fff !important; background: #06646c !important; border-color: #06646c !important;
}
html[data-design="modern"][data-theme] .reference-app.ref-theme-logistics-modular
:is(.logistics-manager,.logistics-share,#logistics-create-form) .button.primary {
  color: #fff !important; background: #0560d6 !important; border-color: #0560d6 !important;
}
html :is(.logistics-manager,.logistics-share,#logistics-create-form,#logistics-revoke-form) .button:focus-visible {
  outline: 3px solid currentColor; outline-offset: 3px;
}

/* Container sizing also catches the narrow side column on a wide desktop/zoomed view. */
@container logistics-manager (max-width: 560px) {
  .logistics-manager .logistics-panel-heading>div:last-child {
    flex: 1 1 100%; width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .logistics-manager .logistics-customer-links>div { flex-direction: column; align-items: stretch; gap: 8px; }
  .logistics-manager .logistics-customer-links>div>span { flex: 0 1 auto; }
  .logistics-manager .logistics-journey { padding: 12px; }
  .logistics-manager .logistics-position iframe { height: 250px; }
}
@container logistics-manager (max-width: 340px) {
  .logistics-manager .logistics-panel-heading>div:last-child { grid-template-columns: minmax(0,1fr); }
}
@container logistics-share (max-width: 420px) {
  .logistics-share>div { display: grid; grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 420px) {
  .logistics-manager .logistics-panel-heading>div:last-child { grid-template-columns: minmax(0,1fr); }
  .logistics-share>div { display: grid; grid-template-columns: minmax(0,1fr); }
  :is(#logistics-create-form,#logistics-revoke-form) .form-actions { display: grid; grid-template-columns: minmax(0,1fr); }
}
[data-external-driver][hidden]{display:none!important}