/* Exterior Painting unit pricing refinement. Scoped to the exterior estimator. */
.pe-live .exterior-unit-pricing .paint-room-top {
  grid-template-columns: minmax(0, 1fr) !important;
}
.pe-live .exterior-unit-pricing .paint-room-top .paint-base-price {
  display: none !important;
}
.pe-live .exterior-unit-pricing .paint-room-top h3 {
  margin-bottom: 4px !important;
}
.pe-live .exterior-unit-pricing .paint-table-head {
  padding: 13px 14px 8px !important;
}
.pe-live .exterior-unit-pricing .exterior-prep-heading {
  margin-top: 8px !important;
  border-top: 1px solid #334452 !important;
}
.pe-live .exterior-unit-table {
  width: 100% !important;
  margin: 0 !important;
  table-layout: fixed !important;
}
.pe-live .exterior-unit-table th:nth-child(1),
.pe-live .exterior-unit-table td:nth-child(1) { width: 40% !important; display: table-cell !important; }
.pe-live .exterior-unit-table th:nth-child(2),
.pe-live .exterior-unit-table td:nth-child(2) { width: 22% !important; display: table-cell !important; }
.pe-live .exterior-unit-table th:nth-child(3),
.pe-live .exterior-unit-table td:nth-child(3) { width: 16% !important; }
.pe-live .exterior-unit-table th:nth-child(4),
.pe-live .exterior-unit-table td:nth-child(4) { width: 12% !important; }
.pe-live .exterior-unit-table th:nth-child(5),
.pe-live .exterior-unit-table td:nth-child(5) { width: 10% !important; }
.pe-live .exterior-unit-row .paint-scope-item {
  align-items: flex-start !important;
}
.pe-live .exterior-unit-row .paint-scope-item-text {
  gap: 5px !important;
}
.pe-live .exterior-unit-row .exterior-row-description,
.pe-live .exterior-unit-row .exterior-row-title {
  min-height: 26px !important;
  padding: 3px 5px !important;
  border-color: transparent !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}
.pe-live .exterior-unit-row .exterior-row-title {
  color: #f5f6f7 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.pe-live .exterior-unit-row .exterior-row-description {
  color: #aebdca !important;
  min-height: 40px !important;
  resize: vertical !important;
  white-space: normal !important;
  overflow: auto !important;
}
.pe-live .exterior-unit-row .exterior-row-description:hover,
.pe-live .exterior-unit-row .exterior-row-description:focus,
.pe-live .exterior-unit-row .exterior-row-title:hover,
.pe-live .exterior-unit-row .exterior-row-title:focus {
  border-color: #526171 !important;
  background: #071723 !important;
}
.pe-live .exterior-unit-row .exterior-quantity-control {
  display: grid !important;
  grid-template-columns: 30px minmax(42px, 1fr) 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.pe-live .exterior-unit-row .exterior-quantity-control button,
.pe-live .exterior-unit-row .exterior-quantity-control button[data-paint-scope-step] {
  min-width: 30px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 solid transparent;
  color: #ff8a1f !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
.pe-live .exterior-unit-row .exterior-quantity-control button:hover,
.pe-live .exterior-unit-row .exterior-quantity-control button[data-paint-scope-step]:hover {
  color: #ffad62 !important;
}
.pe-live .exterior-unit-row .exterior-quantity-control button:focus-visible,
.pe-live .exterior-unit-row .exterior-quantity-control button[data-paint-scope-step]:focus-visible {
  outline: 2px solid #00d9ff !important;
  outline-offset: 0 !important;
}
.pe-live .exterior-unit-row .exterior-quantity-control input {
  text-align: center !important;
}
.pe-live .exterior-unit-row .exterior-unit-select {
  width: 100% !important;
  min-height: 30px !important;
  margin-top: 5px !important;
  padding: 4px 24px 4px 7px !important;
  border: 1px solid #526171 !important;
  border-radius: 6px !important;
  background: #081925 !important;
  color: #f5f6f7 !important;
  font-size: 11px !important;
}
.pe-live .exterior-unit-row .exterior-unit-select:hover {
  border-color: #f58214 !important;
}
.pe-live .exterior-unit-row .exterior-unit-select:focus,
.pe-live .exterior-unit-row .exterior-unit-select:focus-visible {
  border-color: #526171 !important;
  outline: 2px solid #00d9ff !important;
  outline-offset: 1px !important;
  box-shadow: none !important;
}
.pe-live .exterior-unit-row input[data-paint-scope-input="price"] {
  min-height: 34px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  background-size: 0 0 !important;
  box-shadow: none !important;
  color: #ff8a1f !important;
}
.pe-live .exterior-unit-row input[data-paint-scope-input="price"]:hover {
  background: #071723 !important;
}
.pe-live .exterior-unit-row input[data-paint-scope-input="price"]:focus,
.pe-live .exterior-unit-row input[data-paint-scope-input="price"]:focus-visible {
  border: 0 !important;
  outline: 2px solid #00d9ff !important;
  outline-offset: 1px !important;
  box-shadow: none !important;
}
.premium-app .pe-live .painting-module-shell.exterior .exterior-unit-row input[data-paint-scope-input="price"]:not(:disabled):not([readonly]) {
  background-image: none !important;
  background-size: 0 0 !important;
  background-position: 0 0 !important;
}
.pe-live .exterior-unit-row .exterior-orange-toggle input:checked + span {
  border-color: #f58214 !important;
  background: #f58214 !important;
  box-shadow: none !important;
}
.pe-live .exterior-unit-row .exterior-orange-toggle input:focus-visible + span {
  outline: 2px solid #ffad62 !important;
  outline-offset: 3px !important;
}
.pe-live .exterior-item-add {
  position: relative;
}
.pe-live .exterior-item-add > summary {
  list-style: none;
  cursor: pointer;
}
.pe-live .exterior-item-add > summary::-webkit-details-marker { display: none; }
.pe-live .exterior-item-picker {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  padding: 7px;
  border: 1px solid #526171;
  border-radius: 8px;
  background: #081925;
  box-shadow: 0 12px 28px rgba(0,0,0,.38);
}
.pe-live .exterior-item-picker button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #e8edf2;
  text-align: left;
  font-weight: 700;
}
.pe-live .exterior-item-picker button:hover,
.pe-live .exterior-item-picker button:focus-visible {
  background: #102737;
  outline: 1px solid #f58214;
}
.pe-live .exterior-item-picker svg { width: 16px; height: 16px; color: #f58214; }
.pe-live .exterior-scope-list .paint-addon-row strong { color: #f5f6f7 !important; }
.pe-live .exterior-scope-list .paint-room-card strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2 !important;
}
.pe-live .exterior-unit-review[hidden] { display: none !important; }
.pe-live .exterior-unit-review {
  position: fixed;
  z-index: 5000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0,8,14,.78);
}
.pe-live .exterior-unit-review form {
  width: min(520px, 100%);
  border: 1px solid #526171;
  border-radius: 10px;
  background: #0a1823;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
  overflow: hidden;
}
.pe-live .exterior-unit-review header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid #334452;
}
.pe-live .exterior-unit-review header small { color: #f58214; font-weight: 850; text-transform: uppercase; }
.pe-live .exterior-unit-review header h4 { margin: 3px 0; color: #fff; font-size: 18px; }
.pe-live .exterior-unit-review header p { margin: 0; color: #aebdca; font-size: 12px; }
.pe-live .exterior-unit-review header button { align-self: flex-start; border: 0; background: transparent; color: #dce4ea; }
.pe-live .exterior-unit-review-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 10px;
  padding: 16px;
}
.pe-live .exterior-unit-review-grid label { display: grid; gap: 5px; color: #aebdca; font-size: 11px; font-weight: 750; }
.pe-live .exterior-unit-review-grid input { min-height: 40px; border: 1px solid #526171; border-radius: 6px; background: #06131d; color: #fff; padding: 8px; }
.pe-live .exterior-unit-review-note { margin: 0 16px 16px; color: #ffbf78; font-size: 12px; }
.pe-live .exterior-unit-review footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid #334452; }
@media (max-width: 860px) {
  .pe-live .exterior-unit-table { min-width: 0 !important; }
  .pe-live .exterior-unit-table thead { display: none !important; }
  .pe-live .exterior-unit-table tbody,
  .pe-live .exterior-unit-table tr,
  .pe-live .exterior-unit-table td { display: block !important; width: 100% !important; }
  .pe-live .exterior-unit-table tr { padding: 10px !important; border-bottom: 1px solid #334452; }
  .pe-live .exterior-unit-table td { padding: 5px 0 !important; }
  .pe-live .exterior-unit-table td::before { display: block; margin-bottom: 4px; color: #8293a3; font-size: 10px; font-weight: 800; text-transform: uppercase; }
  .pe-live .exterior-unit-table td:nth-child(1)::before { content: 'Item'; }
  .pe-live .exterior-unit-table td:nth-child(2)::before { content: 'Qty'; }
  .pe-live .exterior-unit-table td:nth-child(3)::before { content: 'Unit Price'; }
  .pe-live .exterior-unit-table td:nth-child(4)::before { content: 'Total'; }
  .pe-live .exterior-unit-table td:nth-child(5)::before { content: 'Include'; }
  .pe-live .exterior-unit-review-grid { grid-template-columns: 1fr; }
}