/* Mile I Shipping V86.31 — isolated visual and interaction repairs */

/* Store selector must remain above an already-open modal/dialog. */
.v78-store-panel.v8628-store-popover{
  position:fixed!important;
  display:flex!important;
  flex-direction:column!important;
  z-index:2147483600!important;
  width:min(430px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:min(420px,70vh)!important;
  padding:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #adc8e2!important;
  border-radius:18px!important;
  box-shadow:0 32px 90px rgba(3,25,61,.32)!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}
.v78-store-panel.v8628-store-popover[hidden]{display:none!important}
.v78-store-panel.v8628-store-popover .v78-store-options{max-height:286px!important;overflow:auto!important;overscroll-behavior:contain}
dialog[open]>.v8622-store-backdrop{z-index:2147483500!important;pointer-events:auto!important}
dialog[open]>.v78-store-panel.v8622-store-sheet,
dialog[open]>.v78-store-panel.v8628-store-popover{z-index:2147483600!important;pointer-events:auto!important}
dialog[open]:has(>.v78-store-panel.v8622-store-sheet:not([hidden])),
dialog[open]:has(>.v78-store-panel.v8628-store-popover:not([hidden])){overflow:visible!important}

/* Amazon is one clean brand treatment, not a repeated logo/name block. */
.v78-store-badge.amazon{gap:0!important;min-width:96px!important;max-width:112px!important}
.v78-store-badge.amazon .v78-store-badge-label{display:none!important}
.v78-store-badge.amazon .v8622-amazon-mark{--amazon-width:96px;--amazon-height:31px}
.v78-store-option.amazon{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;padding:11px 12px!important}
.v78-store-option.amazon .v8622-amazon-mark{--amazon-width:96px;--amazon-height:31px}
.v78-store-option.amazon>span:last-child{display:block!important;min-width:0!important}
.v78-store-option.amazon small{display:block!important;white-space:normal!important;line-height:1.35!important}
.v78-prealert-store-cell .v78-store-badge{max-width:150px!important}

/* Pre-alert controls */
.v8628-prealert-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.v8628-delete-prealert{
  min-height:39px!important;padding:8px 13px!important;border:1px solid #ef9ca4!important;
  border-radius:11px!important;background:#fff7f8!important;color:#b51f2d!important;
  font:inherit!important;font-weight:900!important;cursor:pointer!important
}
.v8628-delete-prealert:hover,.v8628-delete-prealert:focus-visible{background:#ffe9ec!important;border-color:#e51f33!important;outline:none!important}

/* Public rate confirmation state */
.always-visible-rate-card .rate-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-width:0!important;max-width:none!important;padding:8px 13px!important;border:1px solid #b6d5f0!important;
  border-radius:999px!important;background:#edf6ff!important;color:#0759a8!important;
  font-size:11px!important;font-weight:900!important;line-height:1!important;letter-spacing:.02em!important;
  box-shadow:0 7px 18px rgba(8,76,143,.08)!important;white-space:nowrap!important
}
.always-visible-rate-card .rate-badge[data-confirmed="true"],
.always-visible-rate-card.confirmed .rate-badge{
  color:#087743!important;background:linear-gradient(135deg,#e7fff2,#d9f8e8)!important;
  border-color:#9edbbd!important;box-shadow:0 8px 22px rgba(8,125,70,.14)!important
}
.always-visible-rate-card .rate-badge[data-confirmed="true"]::before,
.always-visible-rate-card.confirmed .rate-badge::before{content:"✓";font-size:12px;font-weight:1000}

/* Audit dialog: long email addresses and JSON must stay inside their cards. */
.v8612-summary-grid>div{min-width:0!important;overflow:hidden!important}
.v8612-summary-grid strong{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.v8612-audit-detail{display:block!important;max-width:100%!important;overflow:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
[data-portal-view="audit"] .audit-summary-grid article[data-live-state="loading"] strong{font-size:0!important}
[data-portal-view="audit"] .audit-summary-grid article[data-live-state="loading"] strong::after{content:"Loading";font-size:14px;color:#6d829d}
[data-portal-view="audit"] .audit-summary-grid article[data-live-state="error"] strong{font-size:16px!important;color:#b4232d!important}

/* Notification cards: keep the icon, content and actions in their own lanes. */
[data-portal-view="notifications"] .v8621-notification-card{
  display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;
  grid-template-areas:"icon copy actions"!important;align-items:center!important;column-gap:22px!important;row-gap:14px!important;
  padding:24px 28px!important;min-width:0!important
}
[data-portal-view="notifications"] .v8621-notification-icon{grid-area:icon!important;align-self:center!important}
[data-portal-view="notifications"] .v8620-notification-copy{grid-area:copy!important;min-width:0!important;text-align:left!important}
[data-portal-view="notifications"] .v8620-notification-copy p{max-width:none!important;overflow-wrap:anywhere!important}
[data-portal-view="notifications"] .v8615-notification-card-actions{grid-area:actions!important;display:flex!important;gap:9px!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;margin:0!important}

/* Live finance states and customer-directory errors remain readable. */
.v8628-live-state{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#edf5fd;color:#174d83;font-size:12px;font-weight:900;white-space:nowrap}
.v8628-live-state[data-state="live"]{background:#e7f8ef;color:#087743}
.v8628-live-state[data-state="error"]{background:#fff0f1;color:#b4232d}
.v8628-ledger-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.v8628-ledger-status.ready{background:#e7f8ef;color:#087743}.v8628-ledger-status.warning{background:#fff4df;color:#9a6000}

@media(max-width:900px){
  [data-portal-view="notifications"] .v8621-notification-card{
    grid-template-columns:44px minmax(0,1fr)!important;grid-template-areas:"icon copy" "actions actions"!important;
    padding:20px!important;column-gap:15px!important
  }
  [data-portal-view="notifications"] .v8615-notification-card-actions{justify-content:flex-start!important;padding-left:0!important}
}
@media(max-width:700px){
  .v78-store-panel.v8628-store-popover{left:14px!important;right:14px!important;bottom:14px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:68vh!important}
  .v78-store-option.amazon{grid-template-columns:94px minmax(0,1fr)!important;gap:10px!important}
  .v78-store-option.amazon .v8622-amazon-mark{--amazon-width:88px;--amazon-height:29px}
  .v8628-prealert-actions>*{flex:1 1 auto!important}
  .v8612-summary-grid{grid-template-columns:1fr!important}
}