/* Mile I Shipping V86.11 — cross-portal connection, access, points and presentation repair */

/* Public navigation: remove the detached/stuck red line. */
.public-site .site-header nav a::after,
.public-site .site-header nav a.is-current-section::after{
  display:none!important;
  content:none!important;
}
.public-site .site-header nav a.is-current-section{
  background:rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  color:#fff!important;
  box-shadow:inset 0 -2px 0 rgba(239,35,60,.88)!important;
}

/* Contact logo: use the exact approved full-colour artwork and blend its navy canvas. */
.contact-summary{
  background:#061f4c!important;
}
.contact-summary .contact-logo{
  content:url("assets/mile-i-logo-contact-v8611.png")!important;
  display:block!important;
  width:min(560px,100%)!important;
  height:auto!important;
  max-height:none!important;
  margin:0 0 24px!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Role-aware staff shell. */
body[data-staff-role="warehouse"] .portal-appbar>span,
body[data-staff-role="support"] .portal-appbar>span,
body[data-staff-role="finance"] .portal-appbar>span,
body[data-staff-role="operations_admin"] .portal-appbar>span,
body[data-staff-role="owner"] .portal-appbar>span{
  font-weight:900!important;
  color:#082858!important;
}
.v8611-role-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:10px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#eaf3fd!important;
  border:1px solid #c9ddef!important;
  color:#174c83!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}

/* Referral page restoration: clean, readable and close to the earlier premium layout. */
.referral-view-v75 .portal-top{margin-bottom:22px!important}
.referral-view-v75 .referral-balance-banner{
  min-height:150px!important;
  padding:28px 34px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:24px!important;
  background:linear-gradient(115deg,#061f4c 0%,#0a4382 55%,#0873c4 100%)!important;
  box-shadow:0 22px 54px rgba(5,43,91,.18)!important;
}
.referral-view-v75 .referral-balance-icon{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#18ad68!important;
  color:#fff!important;
  font-size:30px!important;
  box-shadow:0 13px 28px rgba(16,168,99,.32)!important;
}
.referral-view-v75 #referral-points-balance{
  color:#3ce98b!important;
  font-size:42px!important;
  line-height:1!important;
  margin:4px 0 8px!important;
}
.referral-view-v75 .referral-layout{
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.referral-view-v75 .v75-referral-card,
.referral-view-v75 .referral-side-column>.panel{
  border:1px solid #d5e3f1!important;
  border-radius:22px!important;
  box-shadow:0 16px 42px rgba(5,43,91,.08)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.referral-view-v75 .v75-referral-card{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  grid-template-areas:
    "intro intro"
    "qr code"
    "qr link"
    "qr share"
    "result result"!important;
  column-gap:28px!important;
  text-align:left!important;
  padding:30px!important;
}
.referral-view-v75 .v75-referral-card>small,
.referral-view-v75 .v75-referral-card>h3,
.referral-view-v75 .v75-referral-card>.referral-description{grid-area:intro!important}
.referral-view-v75 .v75-referral-card>small{align-self:start!important;margin-bottom:54px!important}
.referral-view-v75 .v75-referral-card>h3{align-self:start!important;margin-top:25px!important}
.referral-view-v75 .v75-referral-card>.referral-description{align-self:start!important;margin-top:63px!important;max-width:none!important}
.referral-view-v75 .real-qr-panel{grid-area:qr!important;width:230px!important;height:230px!important;margin:0!important}
.referral-view-v75 .v75-referral-code-label{grid-area:code!important;margin:0!important;align-self:end!important}
.referral-view-v75 .v75-referral-link-label{grid-area:link!important;margin:14px 0 0!important}
.referral-view-v75 .referral-share-buttons{grid-area:share!important;margin:14px 0 0!important}
.referral-view-v75 #referral-share-result{grid-area:result!important}
.referral-view-v75 .v8611-referral-guide{
  margin-top:18px!important;
  padding:18px!important;
  border-radius:16px!important;
  background:#f1f7fd!important;
  border:1px solid #d2e3f2!important;
}
.referral-view-v75 .v8611-referral-guide strong{display:block!important;color:#082858!important;margin-bottom:8px!important}
.referral-view-v75 .v8611-referral-guide ol{margin:0!important;padding-left:20px!important;color:#526c87!important;line-height:1.55!important}

/* Notification cards: stop words from collapsing into a 46px icon column. */
.notification-popover.customer-notification-popover{
  width:min(440px,calc(100vw - 24px))!important;
  padding:12px!important;
}
.customer-notification-popover .notification-preview-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:86px!important;
  padding:15px 16px!important;
  border:1px solid #e1eaf4!important;
  border-radius:14px!important;
  margin-top:8px!important;
}
.customer-notification-popover .notification-preview-item>div{min-width:0!important}
.customer-notification-popover .notification-preview-item strong,
.customer-notification-popover .notification-preview-item small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.35!important;
}
.notification-feed .notification-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  margin:0!important;
  padding:18px 20px!important;
  border:1px solid #dce7f2!important;
  border-radius:15px!important;
  background:#fff!important;
}
.notification-feed .notification-item+.notification-item{margin-top:12px!important}
.notification-feed .notification-item.unread{border-left:5px solid #ef233c!important;background:#fff9fa!important}
.notification-feed .notification-item>div{min-width:0!important}
.notification-feed .notification-item strong,
.notification-feed .notification-item p,
.notification-feed .notification-item small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.notification-feed .notification-item strong{font-size:1rem!important;color:#082858!important}
.notification-feed .notification-item p{font-size:.9rem!important;line-height:1.5!important;margin:6px 0!important}
.notification-feed .notification-item button{min-width:120px!important;border:1px solid #c6d8e9!important;border-radius:11px!important;background:#f7fbff!important}

/* Customer support request actions. */
.v8611-support-dialog-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:22px!important;
}
.v8611-support-delete{
  min-width:150px!important;
  border:1px solid #c51d29!important;
  border-radius:12px!important;
  background:#fff1f2!important;
  color:#a51620!important;
  font-weight:900!important;
}

/* Reliable points refresh feedback. */
.v8611-points-refresh{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 15px!important;
  border:1px solid #bcd1e5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#082858!important;
  font-weight:900!important;
}
#admin-points-table td,#admin-points-table th{vertical-align:middle!important}
#admin-points-table .v844-points-actions{justify-content:flex-start!important}

/* Login portal chooser. */
.v8611-login-choices{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:20px 0 0!important;
}
.v8611-login-choice{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
  padding:13px 14px!important;
  border:1px solid #d3e0ed!important;
  border-radius:13px!important;
  background:#f8fbff!important;
  color:#082858!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.v8611-login-choice small{color:#60768e!important;font-size:.7rem!important;font-weight:700!important}
.v8611-login-choice.active{border-color:#ef233c!important;background:#fff5f6!important;box-shadow:0 0 0 3px rgba(239,35,60,.08)!important}
.v8611-login-security{
  margin-top:16px!important;
  padding:13px 15px!important;
  border-radius:12px!important;
  background:#eef6fd!important;
  color:#3f5f7f!important;
  font-size:.82rem!important;
  line-height:1.5!important;
}

/* Private access owner control should remain actionable and visible. */
.pt-header-actions #pt-manage-access:not([hidden]){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.pt-access-row{align-items:center!important}

@media(max-width:900px){
  .referral-view-v75 .referral-layout{grid-template-columns:1fr!important}
  .referral-view-v75 .v75-referral-card{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "qr" "code" "link" "share" "result"!important;
    text-align:center!important;
  }
  .referral-view-v75 .v75-referral-card>small,
  .referral-view-v75 .v75-referral-card>h3,
  .referral-view-v75 .v75-referral-card>.referral-description{margin:0 0 12px!important}
  .referral-view-v75 .real-qr-panel{margin:10px auto 18px!important}
  .v8611-login-choices{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .contact-summary .contact-logo{width:100%!important}
  .referral-view-v75 .referral-balance-banner{padding:22px!important;min-height:0!important}
  .notification-feed .notification-item{grid-template-columns:1fr!important}
  .notification-feed .notification-item button{width:100%!important}
  .v8611-support-dialog-actions{display:grid!important;grid-template-columns:1fr!important}
}

/* V86.11 pricing-sheet controls: make base, over-weight, processing and tax visible. */
.pt-mile-rate-sheet{
  margin:20px 0;
  padding:22px;
  border:1px solid #c9dced;
  border-radius:20px;
  background:linear-gradient(145deg,#f9fcff 0%,#edf6ff 100%);
  box-shadow:0 14px 35px rgba(7,31,78,.08);
}
.pt-mile-rate-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:18px}
.pt-mile-rate-head small,.pt-tax-title small{display:block;color:#ef233c;font-weight:900;letter-spacing:.12em;margin-bottom:6px}
.pt-mile-rate-head h3{margin:0 0 6px;font-size:1.35rem;color:#071f4e}
.pt-mile-rate-head p{margin:0;color:#5f748c;line-height:1.5}
.pt-rate-key-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.pt-rate-key-cards article{padding:16px;border:1px solid #d4e2ef;border-radius:15px;background:#fff}
.pt-rate-key-cards span{display:block;font-size:.68rem;font-weight:900;letter-spacing:.1em;color:#667b91}
.pt-rate-key-cards strong{display:block;font-size:1.35rem;color:#071f4e;margin:7px 0 4px}
.pt-rate-key-cards small{color:#677e95}
.pt-mile-rate-tables{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.pt-mile-rate-tables>div{padding:17px;border:1px solid #d4e2ef;border-radius:15px;background:#fff}
.pt-mile-rate-tables h4{margin:0 0 12px;color:#071f4e}
.pt-mini-rate-grid,.pt-mini-processing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.pt-mini-rate-grid span,.pt-mini-processing-grid span{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;background:#f1f6fb;color:#4c647e;font-size:.78rem}
.pt-mini-rate-grid b,.pt-mini-processing-grid b{color:#071f4e;white-space:nowrap}
.pt-quick-rate-section{border-color:#9fc6e9!important;background:linear-gradient(135deg,#f4f9ff,#fff)!important}
.pt-quick-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pt-form-title-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pt-tax-control{margin:16px 0;padding:17px;border:1px solid #b8d5ee;border-radius:15px;background:#f3f9ff}
.pt-tax-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}
.pt-tax-title strong{display:block;color:#071f4e;font-size:1.15rem;margin-bottom:4px}
.pt-tax-title p{margin:0;color:#5e758d;font-size:.82rem;line-height:1.45}
.pt-switch{display:flex;flex-direction:row;align-items:center;gap:9px;white-space:nowrap;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #c8ddec}
.pt-switch input{width:20px;height:20px}
.pt-band-row{grid-template-columns:.7fr .7fr 1.2fr .72fr .72fr .95fr auto .7fr auto!important}
.pt-processing-row{grid-template-columns:1.25fr .75fr .75fr 1.55fr .8fr .7fr auto!important}

/* Warehouse sees operational identity only, never private customer emails. */
body[data-staff-role="warehouse"] .v8611-role-badge{background:#e2f4ff!important;color:#075985!important}
body[data-staff-role="warehouse"] .v77-role-notice{border-left-color:#0284c7!important;background:#f0f9ff!important}

@media(max-width:1100px){
  .pt-rate-key-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-mile-rate-tables{grid-template-columns:1fr}
  .pt-band-row,.pt-processing-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .pt-mile-rate-head,.pt-tax-title{flex-direction:column}
  .pt-rate-key-cards{grid-template-columns:1fr}
  .pt-mini-rate-grid,.pt-mini-processing-grid{grid-template-columns:1fr}
  .pt-quick-rate-grid{grid-template-columns:1fr!important}
  .pt-band-row,.pt-processing-row{grid-template-columns:1fr!important}
}