/* Mile I Shipping V86.62 — shipment package layout, card actions and safe deletion */

/* --------------------------------------------------------------------------
   Create Shipment: readable package directory
   -------------------------------------------------------------------------- */
#live-admin-dialog #v84-shipment-package-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  max-height:410px!important;
  padding:10px!important;
  border:1px solid #cdddec!important;
  border-radius:18px!important;
  background:#eef5fc!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
#live-admin-dialog .v8662-package-choice{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:12px!important;
  min-width:0!important;
  min-height:210px!important;
  padding:16px!important;
  border:1px solid #c7d9eb!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(7,44,91,.055)!important;
  cursor:default!important;
  overflow:hidden!important;
}
#live-admin-dialog .v8662-package-choice:hover{
  border-color:#79afe3!important;
  box-shadow:0 10px 27px rgba(7,65,125,.09)!important;
}
#live-admin-dialog .v8662-package-choice.is-unmatched{
  border-color:#efc36d!important;
  background:#fffaf1!important;
}
#live-admin-dialog .v8662-package-choice:has(input:checked){
  border-color:#0b72cf!important;
  background:#f3f9ff!important;
  box-shadow:0 0 0 3px rgba(11,114,207,.12),0 10px 28px rgba(7,65,125,.08)!important;
}
#live-admin-dialog .v8662-package-select{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  min-width:0!important;
  width:100%!important;
  cursor:pointer!important;
}
#live-admin-dialog .v8662-package-select input{
  width:22px!important;
  height:22px!important;
  margin:3px 0 0!important;
}
#live-admin-dialog .v8662-package-identity{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  writing-mode:horizontal-tb!important;
}
#live-admin-dialog .v8662-package-identity small{
  display:block!important;
  margin:0 0 4px!important;
  color:#e22331!important;
  font-size:.67rem!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  word-break:normal!important;
}
#live-admin-dialog .v8662-package-identity strong{
  display:block!important;
  color:#082f68!important;
  font-size:1rem!important;
  font-weight:900!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}
#live-admin-dialog .v8662-package-identity em{
  display:block!important;
  margin-top:5px!important;
  color:#526f8e!important;
  font-size:.82rem!important;
  font-style:normal!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#live-admin-dialog .v8662-package-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
}
#live-admin-dialog .v8662-package-facts>span{
  display:block!important;
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #dbe7f2!important;
  border-radius:11px!important;
  background:#f7fbff!important;
  writing-mode:horizontal-tb!important;
}
#live-admin-dialog .v8662-package-facts small{
  display:block!important;
  margin:0 0 3px!important;
  color:#748aa1!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  word-break:normal!important;
}
#live-admin-dialog .v8662-package-facts strong{
  display:block!important;
  color:#173f70!important;
  font-size:.78rem!important;
  font-weight:850!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}
#live-admin-dialog .v8662-inline-match{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  margin-top:auto!important;
  padding-top:11px!important;
  border-top:1px solid #ead9b7!important;
}
#live-admin-dialog .v8662-inline-match select{
  min-width:0!important;
  width:100%!important;
  min-height:46px!important;
}
#live-admin-dialog .v8662-inline-match button{
  min-height:46px!important;
  padding-inline:13px!important;
  white-space:nowrap!important;
}
#live-admin-dialog .v8662-match-confirmed{
  align-self:flex-start!important;
  margin-top:auto!important;
  white-space:normal!important;
  line-height:1.25!important;
}
#live-admin-dialog .v84-selection-summary{
  position:sticky!important;
  bottom:0!important;
  z-index:2!important;
  border:1px solid #c8dcec!important;
  box-shadow:0 8px 20px rgba(7,47,94,.08)!important;
}

/* --------------------------------------------------------------------------
   Shipment cards and actions
   -------------------------------------------------------------------------- */
[data-portal-view="shipments"] .shipment-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(430px,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
[data-portal-view="shipments"] .v8649-shipment-card{
  min-width:0!important;
  height:auto!important;
  padding:24px!important;
  border:1px solid #ccdeee!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(7,43,88,.08)!important;
}
[data-portal-view="shipments"] .v8649-shipment-card>header{
  align-items:flex-start!important;
  gap:18px!important;
}
[data-portal-view="shipments"] .v8649-shipment-card>header h3{
  margin-top:4px!important;
  overflow-wrap:anywhere!important;
}
[data-portal-view="shipments"] .v8649-shipment-card .status-pill{
  flex:0 0 auto!important;
  max-width:230px!important;
  padding:8px 11px!important;
  font-size:.7rem!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center!important;
}
[data-portal-view="shipments"] .v8648-linked-packages{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:16px!important;
}
[data-portal-view="shipments"] .v8648-linked-packages>span{
  min-width:0!important;
  max-width:100%!important;
  padding:8px 11px!important;
}
[data-portal-view="shipments"] .v8648-linked-packages b{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
[data-portal-view="shipments"] .v8662-shipment-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:18px!important;
  padding-top:17px!important;
  border-top:1px solid #dce7f1!important;
}
[data-portal-view="shipments"] .v8662-shipment-card-actions .v8648-edit-shipment{
  width:100%!important;
  min-height:48px!important;
}
.v8662-delete-shipment{
  min-height:48px!important;
  padding:0 17px!important;
  border:1px solid #e7a8ae!important;
  border-radius:12px!important;
  background:#fff5f6!important;
  color:#b4232d!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.v8662-delete-shipment:hover{
  border-color:#cf2532!important;
  background:#fff0f1!important;
  color:#971a24!important;
}

/* --------------------------------------------------------------------------
   Branded delete confirmation dialog
   -------------------------------------------------------------------------- */
.v8662-delete-dialog{
  width:min(620px,calc(100vw - 28px))!important;
  max-height:92dvh!important;
  padding:0!important;
  border:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 28px 90px rgba(4,28,63,.34)!important;
}
.v8662-delete-dialog::backdrop{background:rgba(5,27,59,.72);backdrop-filter:blur(4px)}
.v8662-delete-shell{display:flex;flex-direction:column;max-height:92dvh;background:#fff}
.v8662-delete-shell>header{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 24px;border-bottom:4px solid #e52231;background:#082d63;color:#fff;
}
.v8662-delete-shell>header small{display:block;color:#9bcdf8;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.v8662-delete-shell>header h2{margin:5px 0 0;color:#fff;font-size:1.55rem}
.v8662-delete-shell>header button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:1.7rem;cursor:pointer}
.v8662-delete-body{display:grid;gap:15px;padding:22px 24px;overflow:auto;background:#f7faff}
.v8662-delete-warning{padding:15px 16px;border:1px solid #efb8bd;border-left:5px solid #d92936;border-radius:14px;background:#fff2f3;color:#7d1d25}
.v8662-delete-warning strong{display:block;margin-bottom:5px;color:#a51e29}
.v8662-delete-warning p{margin:0;line-height:1.55}
.v8662-delete-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}
.v8662-delete-summary>div{min-width:0;padding:12px;border:1px solid #d6e3ef;border-radius:12px;background:#fff}
.v8662-delete-summary dt{color:#778ba1;font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.v8662-delete-summary dd{margin:5px 0 0;color:#153d6e;font-size:.82rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.v8662-delete-body label{display:grid;gap:7px;color:#153d6e;font-weight:900}
.v8662-delete-body textarea{width:100%;min-height:96px;padding:12px 13px;border:1px solid #bcd0e4;border-radius:12px;background:#fff;color:#17395f;font:inherit;resize:vertical;box-sizing:border-box}
.v8662-delete-body textarea:focus{outline:3px solid rgba(225,34,49,.12);border-color:#d92a38}
#v8662-shipment-delete-result{margin:0!important;padding:11px 13px!important;border-radius:11px!important;line-height:1.45!important}
.v8662-delete-shell>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 24px;border-top:1px solid #dce7f1;background:#fff}
.v8662-delete-shell>footer button{min-height:46px;padding-inline:18px}
.v8662-confirm-delete{border:1px solid #d72230!important;background:#d72230!important;color:#fff!important;box-shadow:0 8px 18px rgba(215,34,48,.22)!important}

/* --------------------------------------------------------------------------
   Public tracker action buttons: prevent cramped/overlapping text
   -------------------------------------------------------------------------- */
.v8660-result-footer nav{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  gap:10px!important;
  min-width:330px!important;
}
.v8660-result-footer a{
  min-width:0!important;
  min-height:46px!important;
  padding:10px 14px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}

@media(max-width:900px){
  #live-admin-dialog #v84-shipment-package-list{grid-template-columns:1fr!important}
  [data-portal-view="shipments"] .shipment-card-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  #live-admin-dialog .v8662-package-facts{grid-template-columns:1fr!important}
  #live-admin-dialog .v8662-inline-match{grid-template-columns:1fr!important}
  #live-admin-dialog .v8662-inline-match button{width:100%!important}
  [data-portal-view="shipments"] .v8662-shipment-card-actions{grid-template-columns:1fr!important}
  .v8662-delete-shipment{width:100%!important}
  .v8662-delete-summary{grid-template-columns:1fr!important}
  .v8662-delete-shell>footer{display:grid;grid-template-columns:1fr 1.2fr;padding:12px 14px}
  .v8660-result-footer nav{width:100%!important;min-width:0!important;grid-template-columns:1fr!important}
}
@media(max-width:430px){
  [data-portal-view="shipments"] .v8649-shipment-card{padding:17px!important}
  .v8662-delete-dialog{width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important;border-radius:17px!important}
  .v8662-delete-shell{max-height:calc(100dvh - 10px)!important}
  .v8662-delete-shell>header,.v8662-delete-body{padding-left:15px;padding-right:15px}
}