/* M&P Courier Frontend — Material Design 3 */

:root {
  --mnp-font: 'Google Sans', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mnp-primary: #1a73e8;
  --mnp-surface: #fff;
  --mnp-on-surface: #1f1f1f;
  --mnp-on-surface-variant: #5f6368;
  --mnp-outline: #dadce0;
  --mnp-outline-variant: #e8eaed;
  --mnp-surface-dim: #f8f9fa;
  --mnp-error: #d93025;
  --mnp-error-container: #fce8e6;
  --mnp-elev-3: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);
}

body .woocommerce-order-details .mnp-courier-modal {
  display: none; position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,.32); overflow: auto; padding: 48px 16px;
}
body .woocommerce-order-details .mnp-courier-modal .modal-content {
  background: #fff; margin: 0 auto; padding: 0; border: none;
  border-radius: 28px; box-shadow: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);
  width: 100%; max-width: 560px; min-width: 0;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-header {
  padding: 24px 24px 16px; background: transparent; position: relative;
  border-bottom: 1px solid #e8eaed;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-header .mnp-modal-title {
  margin: 0; font-size: 22px; font-weight: 400; color: #1f1f1f; text-align: left; text-transform: none;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-header .close,
body .woocommerce-order-details .mnp-courier-modal .close {
  color: #5f6368; font-size: 20px; font-weight: 400; cursor: pointer;
  position: absolute; top: 18px; right: 18px;
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  border-radius: 50%; transition: background .15s;
}
body .woocommerce-order-details .mnp-courier-modal .close:hover { background: #e8eaed; color: #1f1f1f; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content { padding: 20px 24px 16px; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-select-wrap select {
  width: 100%; border: 1px solid #dadce0; border-radius: 4px; padding: 12px 16px; font-size: 14px; margin-bottom: 16px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .error-show {
  background: #fce8e6; color: #d93025; border: none; border-radius: 8px; padding: 12px 16px; font-size: 13px; display: none;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .error-show::before { display: inline-block; content: "⚠ "; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-select-wrap label {
  color: #5f6368; width: 100%; font-weight: 500; display: inline-block; margin-bottom: 6px; font-size: 12px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-submit-btn { display: block; width: 100%; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .button { float: right; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-submit-btn::before {
  display: block; content: ""; width: calc(100% + 48px); height: 1px; background: #e8eaed; margin-bottom: 16px; position: relative; left: -24px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details { padding: 20px 24px; }
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details thead tr th {
  font-size: 12px; font-weight: 500; border: none; border-bottom: 1px solid #e8eaed; background: #f8f9fa; padding: 12px 16px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details tbody tr td { border: none; border-bottom: 1px solid #e8eaed; padding: 12px 16px; }
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details tbody tr:nth-child(even) { background: #f8f9fa; }
body .woocommerce-order-details .mnp-courier-modal.leopoard-tracking-modal .modal-content { max-width: 760px; }
body .woocommerce-order-details .center { margin: auto; width: 60%; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius: 12px; }
body .woocommerce-order-details .hideform { display: none; }
body .woocommerce-order-details p.btn-ordertrack { float: left; padding: 10px 12px; color: #1f1f1f; font-weight: 500; }
#mnp-courier-loader {
  position: fixed; inset: 0; background: rgba(255,255,255,.72); backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center; z-index: 9999;
}
@media (max-width: 767px) {
  body .woocommerce-order-details .mnp-courier-modal .modal-content { max-width: 100%; border-radius: 16px; margin: 0 8px; }
  body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details tbody tr td { word-break: initial; }
}