/* My Account tile (B2B only) */
.pickingpoints-account-link {
  position: relative;
}

.pickingpoints-account-link .link-item {
  position: relative;
}

.pickingpoints-account-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4caf50;
  margin-right: 8px;
  vertical-align: middle;
}

/* Green border when there's an order "to be received" (Em Processamento) */
.pickingpoints-account-link--has-processing .link-item {
  border: 2px solid #4caf50 !important;
  border-radius: 4px;
  padding: 10px;
  display: block;
}

/* If the theme uses a boxed/centered layout, keep the icon aligned */
.pickingpoints-account-link .material-icons {
  vertical-align: middle;
}

/* Front Office Partner List Styles - Match Admin Dashboard Exactly */

/* Table header styling - dark blue background with white text */
.pickingpoints-partner-list table thead th {
  background-color: #2E3A47 !important;
  color: #ffffff !important;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  padding: 12px 8px;
  border: 1px solid #2E3A47 !important;
}

/* Table body styling */
.pickingpoints-partner-list table tbody td {
  text-align: center;
  vertical-align: middle;
  padding: 12px 8px;
}

/* Estado Pills - rounded pills */
.pickingpoints-partner-list .pickingpoints-estado-pill {
  padding: 4px 10px;
  font-weight: 600;
  display: inline-block;
  color: #ffffff !important;
}

.pickingpoints-partner-list .pickingpoints-estado-success {
  background-color: #5CB85C !important;
}

.pickingpoints-partner-list .pickingpoints-estado-info {
  background-color: #25B9D7 !important;
}

/* Processo Dropdown - Match Admin Exactly */
.pickingpoints-partner-list .pickingpoints-inline-dropdown {
  display: inline-block;
  position: relative;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  /* PrestaShop 8.2 Orders-list like dropdown: rectangular colored button with chevron */
  position: relative;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: 4px 28px 4px 10px !important; /* space for chevron on the right */
  box-shadow: none !important;
  font-weight: 600;
  background-image: none !important;
  text-shadow: none !important;
  color: #ffffff !important;
  transition: background-color 150ms ease, border-color 150ms ease;
  outline: none !important;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown .pickingpoints-dropdown-text {
  color: #ffffff;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle:hover,
.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle:focus,
.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle:active {
  box-shadow: none !important;
  text-decoration: none !important;
  color: #ffffff !important;
  outline: none !important;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle {
  outline: none !important;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle .caret {
  /* Hide bootstrap triangle caret; we use Material chevron via ::after */
  display: none !important;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle::after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 150ms ease;
  color: #ffffff;
  pointer-events: none;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown.open .dropdown-toggle::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Color variants (match admin exactly) */
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--default { background: #9E9E9E !important; border-color:#9E9E9E !important; }
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--info    { background: #25B9D7 !important; border-color:#25B9D7 !important; }
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--warning { background: #F0AD4E !important; border-color:#F0AD4E !important; }
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--success { background: #5CB85C !important; border-color:#5CB85C !important; }

/* Hover/active/open states (match Orders list: slightly darker, keep white text) */
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--default:hover,
.pickingpoints-partner-list .open > .pickingpoints-dropdown-toggle--default,
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--default:focus {
  background: #7d7d7d !important;
  border-color: #7d7d7d !important;
}

.pickingpoints-partner-list .pickingpoints-dropdown-toggle--info:hover,
.pickingpoints-partner-list .open > .pickingpoints-dropdown-toggle--info,
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--info:focus {
  background: #1FA3BD !important;
  border-color: #1FA3BD !important;
}

.pickingpoints-partner-list .pickingpoints-dropdown-toggle--warning:hover,
.pickingpoints-partner-list .open > .pickingpoints-dropdown-toggle--warning,
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--warning:focus {
  background: #EC971F !important;
  border-color: #EC971F !important;
}

.pickingpoints-partner-list .pickingpoints-dropdown-toggle--success:hover,
.pickingpoints-partner-list .open > .pickingpoints-dropdown-toggle--success,
.pickingpoints-partner-list .pickingpoints-dropdown-toggle--success:focus {
  background: #449D44 !important;
  border-color: #449D44 !important;
}

/* Dropdown menu styling */
.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-menu {
  text-align: left;
  border-radius: 0;
  margin-top: 2px;
  z-index: 10050; /* ensure menu appears above table cells/panels */
  min-width: 12rem;
}

/* Dropdown menu item hover like admin */
.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-menu > li > a:hover,
.pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-menu > li > a:focus {
  background-color: #f5f5f5;
  color: #363A41;
}

.pickingpoints-partner-list .pickingpoints-inline-dropdown.open {
  position: relative;
  z-index: 10051;
}

/* Static badge when order is Concluido (locked) - same styling as dropdown button */
.pickingpoints-partner-list .pp-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  font-weight: 700;
  font-size: 15px;
  border-radius: 2px;
  color: #ffffff;
  background: #25B9D7;
  white-space: nowrap;
  border: none;
  cursor: default;
  pointer-events: none;
}

.pickingpoints-partner-list .pp-badge.pickingpoints-dropdown-toggle--default {
  background: #9E9E9E !important;
}

.pickingpoints-partner-list .pp-badge.pickingpoints-dropdown-toggle--info {
  background: #25B9D7 !important;
}

.pickingpoints-partner-list .pp-badge.pickingpoints-dropdown-toggle--warning {
  background: #F0AD4E !important;
}

.pickingpoints-partner-list .pp-badge.pickingpoints-dropdown-toggle--success {
  background: #5CB85C !important;
}

/* View button (Ver) - Match Admin Exactly */
.pickingpoints-partner-list .pickingpoints-search-btn {
  background-color: #ffffff !important;
  border-color: #d3d3d3 !important;
  color: #363A41 !important;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  height: 34px !important;
  min-height: 34px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1 !important;
  width: 100%;
  box-sizing: border-box;
}

.pickingpoints-partner-list .pickingpoints-search-btn:hover,
.pickingpoints-partner-list .pickingpoints-search-btn:focus {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.pickingpoints-partner-list .pickingpoints-search-btn .material-icons {
  color: inherit !important;
  margin-right: 0 !important;
}

/* Table responsive wrapper - allow dropdowns to overflow on desktop */
.pickingpoints-partner-list .table-responsive {
  overflow: visible !important;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  /* Convert table to card layout on mobile */
  .pickingpoints-partner-list .table-responsive {
    overflow: visible !important;
  }

  .pickingpoints-partner-list table,
  .pickingpoints-partner-list thead,
  .pickingpoints-partner-list tbody,
  .pickingpoints-partner-list th,
  .pickingpoints-partner-list td,
  .pickingpoints-partner-list tr {
    display: block;
  }

  /* Hide table headers on mobile */
  .pickingpoints-partner-list thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* Style table rows as cards */
  .pickingpoints-partner-list tbody tr {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-bottom: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .pickingpoints-partner-list tbody tr.pickingpoints-received {
    border-left: 4px solid #4caf50;
  }

  /* Style table cells as card sections */
  .pickingpoints-partner-list tbody td {
    border: none;
    padding: 8px 0;
    text-align: left !important;
    position: relative;
    padding-left: 35% !important;
    min-height: 40px;
    display: flex;
    align-items: center;
  }

  /* Add labels before each cell */
  .pickingpoints-partner-list tbody td:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 30%;
    font-weight: 600;
    color: #2E3A47;
    font-size: 13px;
  }

  /* Hide last column (actions) and integrate into card */
  .pickingpoints-partner-list tbody td:last-child {
    border-top: 1px solid #e5e5e5;
    margin-top: 12px;
    padding-top: 12px;
    padding-left: 0 !important;
    justify-content: flex-end;
  }

  .pickingpoints-partner-list tbody td:last-child:before {
    display: none;
  }

  /* Make buttons touch-friendly */
  .pickingpoints-partner-list .pickingpoints-search-btn {
    min-width: 44px;
    min-height: 44px;
    padding: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Make dropdown buttons larger */
  .pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle {
    min-height: 44px;
    padding: 10px 36px 10px 12px !important;
    font-size: 14px;
    width: 100%;
    justify-content: space-between;
  }

  /* Make dropdown menu touch-friendly */
  .pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-menu {
    position: fixed !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 90%;
    max-width: 300px;
    margin-top: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 8px 0;
  }

  .pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-menu > li > a {
    padding: 12px 16px;
    font-size: 14px;
    min-height: 44px;
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  }

  /* Make estado pills readable */
  .pickingpoints-partner-list .pickingpoints-estado-pill {
    padding: 6px 12px;
    font-size: 13px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
  }

  /* Adjust header */
  .partner-list-header {
    font-size: 18px;
    padding-left: 0;
    margin-bottom: 16px;
  }

  /* Improve touch targets */
  .pickingpoints-partner-list a,
  .pickingpoints-partner-list button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    touch-action: manipulation;
  }

  /* Pagination adjustments */
  .pickingpoints-partner-list .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0;
    padding: 0;
  }

  .pickingpoints-partner-list .pagination li {
    margin: 4px;
    list-style: none;
  }

  .pickingpoints-partner-list .pagination li a {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 4px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  }

  /* Improve text readability */
  .pickingpoints-partner-list .text-muted {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 16px;
    padding: 0 8px;
  }

  /* Prevent horizontal scroll on mobile */
  body {
    overflow-x: hidden;
  }

  .pickingpoints-partner-list {
    width: 100%;
    max-width: 100%;
  }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 991px) {
  .pickingpoints-partner-list table {
    font-size: 13px;
  }

  .pickingpoints-partner-list table thead th,
  .pickingpoints-partner-list table tbody td {
    padding: 10px 6px;
  }

  .pickingpoints-partner-list .pickingpoints-search-btn {
    min-width: 40px;
    min-height: 40px;
  }

  .pickingpoints-partner-list .pickingpoints-inline-dropdown .dropdown-toggle {
    padding: 6px 24px 6px 8px !important;
    font-size: 12px;
  }
}

.partner-list-header {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 20px;
}


/* =========================
   Partner Detail (full page)
   ========================= */

.pickingpoints-partner-detail .pp-detail-legacy {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.pickingpoints-partner-detail .pp-legacy-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 6px 0 16px;
  flex-wrap: wrap;
}

.pickingpoints-partner-detail .pp-legacy-header__title {
  font-size: 22px;
  font-weight: 700;
  color: #2E3A47;
  line-height: 1.2;
}

.pickingpoints-partner-detail .pp-legacy-header__ref {
  margin-left: 6px;
  font-weight: 700;
}

/* Processo dropdown in detail page header - same styling as partner list */
.pickingpoints-partner-detail .pp-detail-processo-dropdown {
  display: inline-block;
  vertical-align: middle;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  position: relative;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: 4px 28px 4px 10px !important;
  box-shadow: none !important;
  font-weight: 600;
  background-image: none !important;
  text-shadow: none !important;
  color: #ffffff !important;
  transition: background-color 150ms ease, border-color 150ms ease;
  outline: none !important;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-text {
  color: #ffffff;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle:hover,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle:focus,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle:active {
  color: #ffffff !important;
  outline: none !important;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle .caret {
  /* Hide bootstrap triangle caret; we use Material chevron via ::after */
  display: none !important;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle::after {
  
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 150ms ease;
  color: #ffffff;
  pointer-events: none;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown.open .dropdown-toggle::after {
  transform: translateY(-50%) rotate(180deg);
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10050;
  display: none;
  float: left;
  min-width: 12rem;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  border-radius: 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown.open .dropdown-menu {
  display: block;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-menu > li > a {
  display: block;
  padding: 8px 16px;
  clear: both;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-menu > li > a:hover,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-menu > li > a:focus {
  background-color: #f5f5f5;
  color: #363A41;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown.open {
  position: relative;
  z-index: 10051;
}

/* Apply same color classes as partner list */
.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--default { 
  background: #9E9E9E !important; 
  border-color: #9E9E9E !important; 
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--info { 
  background: #25B9D7 !important; 
  border-color: #25B9D7 !important; 
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--warning { 
  background: #F0AD4E !important; 
  border-color: #F0AD4E !important; 
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--success { 
  background: #5CB85C !important; 
  border-color: #5CB85C !important; 
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--default:hover,
.pickingpoints-partner-detail .pp-detail-processo-dropdown.open > .pickingpoints-dropdown-toggle--default,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--default:focus {
  background: #8E8E8E !important;
  border-color: #8E8E8E !important;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--info:hover,
.pickingpoints-partner-detail .pp-detail-processo-dropdown.open > .pickingpoints-dropdown-toggle--info,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--info:focus {
  background: #1a9bb8 !important;
  border-color: #1a9bb8 !important;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--warning:hover,
.pickingpoints-partner-detail .pp-detail-processo-dropdown.open > .pickingpoints-dropdown-toggle--warning,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--warning:focus {
  background: #ec971f !important;
  border-color: #ec971f !important;
}

.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--success:hover,
.pickingpoints-partner-detail .pp-detail-processo-dropdown.open > .pickingpoints-dropdown-toggle--success,
.pickingpoints-partner-detail .pp-detail-processo-dropdown .pickingpoints-dropdown-toggle--success:focus {
  background: #449d44 !important;
  border-color: #449d44 !important;
}

.pickingpoints-partner-detail .pp-legacy-panel .panel-heading h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-legacy-table th {
  width: 180px;
  color: #2E3A47;
  font-weight: 600;
  font-size: 12px;
  vertical-align: top;
}

.pickingpoints-partner-detail .pp-legacy-table td {
  font-size: 12px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-legacy-products th {
  font-size: 12px;
  font-weight: 600;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-legacy-products td {
  font-size: 12px;
  color: #2E3A47;
}

/* Observações "chat" look (front office) */
.pickingpoints-partner-detail .pp-chat-textarea {
  border: 2px solid #b8ccd6;
  border-radius: 2px;
  padding: 14px;
  min-height: 150px;
}

.pickingpoints-partner-detail .pp-chat-send {
  background: #008c9e !important;
  border-color: #008c9e !important;
  padding: 10px 22px;
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.pickingpoints-partner-detail .pp-chat-send:hover,
.pickingpoints-partner-detail .pp-chat-send:focus {
  background: #006f7d !important;
  border-color: #006f7d !important;
}

.pickingpoints-partner-detail .pickingpoints-obs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pickingpoints-partner-detail .pickingpoints-obs-item.list-group-item {
  border: 0;
  padding: 14px 0;
  background: transparent;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.pickingpoints-partner-detail .pickingpoints-obs-item + .pickingpoints-obs-item {
  border-top: 1px solid #eeeeee;
}
.pickingpoints-obs-icon-company {
  background: #25B9D7;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pickingpoints-obs-icon-company .material-icons {
  color: #fff;
}

.pickingpoints-partner-detail .pickingpoints-obs-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  background: #6c757d;
}

.pickingpoints-partner-detail .pickingpoints-obs-icon i.material-icons {
  font-size: 18px;
  line-height: 18px;
  color: #ffffff;
}

.pickingpoints-partner-detail .pickingpoints-obs-icon--company {
  background: #25B9D7;
}

.pickingpoints-partner-detail .pickingpoints-obs-icon--partner {
  background: #6c757d;
}

.pickingpoints-partner-detail .pickingpoints-obs-content {
  min-width: 0;
  flex: 1 1 auto;
}

.pickingpoints-partner-detail .pickingpoints-obs-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.pickingpoints-partner-detail .pickingpoints-obs-author {
  font-weight: 700;
  color: #2E3A47;
  font-size: 13px;
}

.pickingpoints-partner-detail .pickingpoints-obs-date {
  font-size: 12px;
  color: #6c757d;
  white-space: nowrap;
}

.pickingpoints-partner-detail .pickingpoints-obs-message {
  font-size: 13px;
  color: #2E3A47;
  word-break: break-word;
  padding-left: 0;
}

@media (max-width: 991px) {
  .pickingpoints-partner-detail .pp-detail-legacy {
    padding: 0 16px;
  }
}

.pickingpoints-partner-detail .pp-detail-title {
  font-size: 18px;
  font-weight: 700;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-detail-ref {
  margin-left: 6px;
  font-weight: 600;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  font-weight: 700;
  font-size: 15px;
  border-radius: 2px;
  color: #ffffff;
  background: #F0AD4E;
  white-space: nowrap;
}

.pickingpoints-partner-detail .pp-grid {
  display: grid;
  gap: 14px;
}

.pickingpoints-partner-detail .pp-grid--top {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.pickingpoints-partner-detail .pp-grid--bottom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}

@media (max-width: 991px) {
  .pickingpoints-partner-detail .pp-grid--top {
    grid-template-columns: 1fr;
  }
  .pickingpoints-partner-detail .pp-grid--bottom {
    grid-template-columns: 1fr;
  }
  .pickingpoints-partner-detail .pp-process-edit {
    justify-content: flex-start;
  }
}

.pickingpoints-partner-detail .pp-card {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 12px;
}

/* Flat 3-column summary like the PDF (no card boxes) */
.pickingpoints-partner-detail .pp-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 56px;
  margin: 6px 0 22px;
}

@media (max-width: 991px) {
  .pickingpoints-partner-detail .pp-summary {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* Mobile optimizations for detail page */
@media (max-width: 768px) {
  /* Adjust header for mobile */
  .pickingpoints-partner-detail .pp-legacy-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .pickingpoints-partner-detail .pp-detail-processo-dropdown {
    width: 100%;
    margin-top: 8px;
  }

  .pickingpoints-partner-detail .pp-detail-processo-dropdown .dropdown-toggle {
    width: 100%;
    min-height: 44px;
  }

  /* Make detail page panels stack nicely */
  .pickingpoints-partner-detail .panel {
    margin-bottom: 16px;
  }

  .pickingpoints-partner-detail .panel-body {
    padding: 16px;
  }

  /* Improve product table on mobile */
  .pickingpoints-partner-detail .pp-legacy-products {
    font-size: 13px;
  }

  .pickingpoints-partner-detail .pp-legacy-products th,
  .pickingpoints-partner-detail .pp-legacy-products td {
    padding: 10px 8px;
    font-size: 13px;
  }

  /* Make chat textarea touch-friendly */
  .pickingpoints-partner-detail .pp-chat-textarea {
    min-height: 120px;
    font-size: 16px; /* Prevents zoom on iOS */
  }

  /* Make send button touch-friendly */
  .pickingpoints-partner-detail .pp-chat-send {
    min-height: 44px;
    min-width: 120px;
    font-size: 14px;
    padding: 12px 24px;
  }

  /* Improve observation items on mobile */
  .pickingpoints-partner-detail .pickingpoints-obs-item {
    padding: 12px 0;
  }

  .pickingpoints-partner-detail .pickingpoints-obs-message {
    font-size: 14px;
    line-height: 1.5;
  }

  /* Make process dropdown touch-friendly */
  .pickingpoints-partner-detail .pp-process-edit select {
    min-height: 44px;
    font-size: 16px; /* Prevents zoom on iOS */
    padding: 10px;
  }

  /* Ensure buttons are touch-friendly */
  .pickingpoints-partner-detail .btn {
    min-height: 44px;
    padding: 10px 20px;
    font-size: 14px;
  }

  /* Improve spacing */
  .pickingpoints-partner-detail .pp-detail-legacy {
    padding: 0 12px;
  }
}

.pickingpoints-partner-detail .pp-summary-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 13px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-summary-icon {
  font-size: 18px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-summary-label {
  font-weight: 700;
}

.pickingpoints-partner-detail .pp-summary-value {
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pickingpoints-partner-detail .pp-summary-section {
  margin-top: 12px;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 13px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-summary-block__line {
  font-size: 13px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-products-head {
  margin-bottom: 8px;
  font-size: 13px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-prod {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
}

.pickingpoints-partner-detail .pp-prod__icon {
  font-size: 16px;
  line-height: 16px;
  color: #25B9D7;
  margin-top: 2px;
}

.pickingpoints-partner-detail .pp-prod__name {
  font-size: 13px;
  color: #2E3A47;
  font-weight: 600;
  display: inline-block;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: anywhere;
}

.pickingpoints-partner-detail .pp-card__title {
  font-weight: 700;
  color: #2E3A47;
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.pickingpoints-partner-detail .pp-muted {
  color: #6c757d;
  font-weight: 600;
  font-size: 12px;
}

.pickingpoints-partner-detail .pp-divider {
  height: 1px;
  background: #eeeeee;
  margin: 10px 0;
}

.pickingpoints-partner-detail .pp-kv__row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 0;
}

.pickingpoints-partner-detail .pp-kv__label {
  color: #6c757d;
  font-weight: 600;
  font-size: 12px;
  flex: 0 0 auto;
}

.pickingpoints-partner-detail .pp-kv__value {
  text-align: right;
  font-weight: 600;
  color: #2E3A47;
  min-width: 0;
}

.pickingpoints-partner-detail .pp-address__line {
  font-size: 13px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-address__name {
  margin-bottom: 4px;
}

.pickingpoints-partner-detail .pp-product-name {
  font-size: 12px;
  color: #2E3A47;
  margin-bottom: 10px;
  font-weight: 600;
}

.pickingpoints-partner-detail .pp-products-table-wrap {
  overflow-x: auto;
}

.pickingpoints-partner-detail .pp-products-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.pickingpoints-partner-detail .pp-products-table th,
.pickingpoints-partner-detail .pp-products-table td {
  border-top: 1px solid #eeeeee;
  padding: 8px 6px;
}

.pickingpoints-partner-detail .pp-products-table thead th {
  border-top: 0;
  color: #6c757d;
  font-size: 12px;
  font-weight: 700;
}

/* Summary products table: tighter, no heavy lines */
.pickingpoints-partner-detail .pp-products-table--summary th,
.pickingpoints-partner-detail .pp-products-table--summary td {
  border-top: 0;
  padding: 6px 6px;
  vertical-align: top;
}

.pickingpoints-partner-detail .pp-products-table__name {
  width: 52%;
}
.pickingpoints-partner-detail .pp-products-table__ref {
  width: 22%;
  white-space: nowrap;
}
.pickingpoints-partner-detail .pp-products-table__qty {
  width: 10%;
  text-align: right;
  white-space: nowrap;
}
.pickingpoints-partner-detail .pp-products-table__total {
  width: 16%;
  text-align: right;
  white-space: nowrap;
}

.pickingpoints-partner-detail .pp-products-table__qty,
.pickingpoints-partner-detail .pp-products-table__total {
  text-align: right;
  white-space: nowrap;
}

.pickingpoints-partner-detail .pp-info-textarea {
  resize: vertical;
  min-height: 140px;
}

.pickingpoints-partner-detail .pp-info-actions {
  margin-top: 10px;
}

.pickingpoints-partner-detail .pp-thread {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pickingpoints-partner-detail .pp-thread__item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.pickingpoints-partner-detail .pp-thread__icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  color: #ffffff;
  background: #6c757d;
}

.pickingpoints-partner-detail .pp-thread__item--company .pp-thread__icon {
  background: #25B9D7;
}

.pickingpoints-partner-detail .pp-thread__icon .material-icons {
  font-size: 18px;
  line-height: 18px;
}

.pickingpoints-partner-detail .pp-thread__body {
  min-width: 0;
  flex: 1 1 auto;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 8px 10px;
  background: #fafafa;
}

.pickingpoints-partner-detail .pp-thread__item--company .pp-thread__body {
  background: #f3fbfd;
}

.pickingpoints-partner-detail .pp-thread__meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.pickingpoints-partner-detail .pp-thread__author {
  font-weight: 700;
  color: #2E3A47;
  font-size: 12px;
}

.pickingpoints-partner-detail .pp-thread__date {
  color: #6c757d;
  font-size: 12px;
  white-space: nowrap;
}

.pickingpoints-partner-detail .pp-thread__message {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 13px;
  color: #2E3A47;
}

.pickingpoints-partner-detail .pp-detail-footer {
  margin-top: 10px;
}

.table th, .table td {
  padding: 0px ;
}

.panel-body p {
  margin-bottom: 0px !important;
  font-size: 12px;
}