.approval-ready {
  min-width: 0;
}

.approval-group-list {
  display: grid;
  gap: 14px;
  max-height: 330px;
  overflow-y: auto;
  padding: 3px;
}

.approval-product-group {
  padding: 12px;
  border: 1px solid #d8e2ee;
  border-radius: 12px;
  background: #f7f9fc;
}

.approval-group-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.approval-group-head span {
  color: #6b7b90;
  font-size: .82rem;
}

.approval-side-badge {
  display: inline-block !important;
  margin-bottom: 5px;
  color: #56708f;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.approval-product-group .approval-proof-grid {
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

.approval-proof-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 12px !important;
  max-height: 230px !important;
  overflow: auto !important;
  padding: 4px !important;
}

label.approval-proof-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  grid-template-rows: 72px !important;
  align-items: center !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  border: 2px solid #d8e2ee !important;
  border-radius: 12px !important;
  background: #fff !important;
  cursor: pointer !important;
}

label.approval-proof-card.selected {
  border-color: #243d66 !important;
  box-shadow: 0 0 0 3px rgba(36, 61, 102, .12) !important;
}

label.approval-proof-card > input[type="radio"],
label.approval-proof-card > input[type="checkbox"] {
  display: none !important;
  appearance: none !important;
}

label.approval-proof-card > img {
  display: block !important;
  box-sizing: border-box !important;
  inline-size: 96px !important;
  block-size: 70px !important;
  width: 96px !important;
  height: 70px !important;
  min-width: 96px !important;
  min-height: 70px !important;
  max-width: 96px !important;
  max-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #eef3f8 !important;
}

label.approval-proof-card > span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

label.approval-proof-card strong,
label.approval-proof-card small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

label.approval-proof-card strong {
  white-space: nowrap !important;
  font-size: .88rem !important;
}

label.approval-proof-card small {
  margin-top: 5px !important;
  color: #6b7b90 !important;
}

label.approval-proof-card > em {
  display: none !important;
}

#review-link-form {
  max-height: calc(88vh - 150px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
}

@media (max-width: 760px) {
  .approval-proof-grid {
    grid-template-columns: 1fr !important;
    max-height: 216px !important;
  }
}

.website-proof-header {
  align-items: stretch !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.website-proof-header .approval-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.website-proof-header .approval-actions .btn {
  margin: 0 !important;
}

@media (max-width: 520px) {
  .website-proof-header .approval-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .website-proof-header .approval-actions .btn {
    width: 100% !important;
  }
}

/* Moved from review-link.js inline <style> (blocked by CSP style-src 'self'): proof approval thumbnails. */
.approval-proof-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:12px!important;max-height:250px!important;overflow-y:auto!important;padding:4px!important}.approval-proof-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:12px!important;align-items:center!important;min-width:0!important;min-height:92px!important;max-height:110px!important;overflow:hidden!important;padding:10px!important;border:2px solid #d8e2ee!important;border-radius:12px!important;background:#fff!important;cursor:pointer!important}.approval-proof-card.selected{border-color:#243d66!important;box-shadow:0 0 0 3px rgba(36,61,102,.12)!important}.approval-proof-card input[type=radio]{display:none!important;position:absolute!important;opacity:0!important;pointer-events:none!important}.approval-proof-card img,.approval-history-thumb img{display:block!important;width:96px!important;height:70px!important;min-width:96px!important;max-width:96px!important;min-height:70px!important;max-height:70px!important;object-fit:contain!important;background:#f1f5f9!important;border-radius:6px!important}.approval-proof-card span{min-width:0!important}.approval-proof-card strong,.approval-proof-card small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}.approval-proof-card strong{white-space:nowrap!important;font-size:.9rem!important}.approval-proof-card small{margin-top:5px!important;color:#6b7b90!important}.approval-proof-card em{position:absolute!important;opacity:0!important}.approval-file-icon{display:grid!important;place-items:center!important;width:96px!important;height:70px!important;background:#f1f5f9!important;border-radius:8px!important}.approval-send-fields{display:grid;grid-template-columns:1fr 1fr 180px;gap:12px;margin-top:18px}.approval-external{margin-top:16px}.approval-external summary{cursor:pointer;font-weight:700}.approval-status-group{margin-top:24px}.approval-status-group h4{display:flex;align-items:center;gap:8px;margin:0 0 10px}.approval-status-group h4 span{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:#e8eef5;font-size:.8rem}.approval-history-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;align-items:start}.approval-history-thumb img,.approval-history-thumb .approval-file-icon{width:105px!important;height:78px!important;min-width:105px!important;max-width:105px!important;min-height:78px!important;max-height:78px!important}.approval-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}#review-link-form{max-height:calc(88vh - 145px);overflow-y:auto;padding-right:6px}@media(max-width:760px){.approval-proof-grid{grid-template-columns:1fr!important}.approval-send-fields{grid-template-columns:1fr}.approval-history-card{grid-template-columns:1fr}#review-link-form{max-height:calc(94vh - 130px)}}

/* Moved from today.js inline <style> (blocked by CSP). */
.hq-proof-summary,.hq-status-conflict{padding:16px;margin:16px 0;border:1px solid #d4a55b;border-left:4px solid #b77918;border-radius:12px;background:#fff7e6;color:#593c16;overflow-wrap:anywhere}.hq-proof-summary p,.hq-status-conflict p{font-size:14px;line-height:1.5;margin:8px 0 12px}.hq-proof-complete{background:#eef8f2;border-color:#8ebca0;color:#245339}.hq-proof-file{padding:8px 0;border-top:1px solid #00000012;font-size:13px}.hq-proof-file span,.hq-proof-file small{display:block}.hq-proof-summary .btn{margin-top:10px}.hq-approval-badge{display:block;margin-top:10px;padding:7px 9px;border-radius:7px;font-size:12px;line-height:1.4;background:#fff0d5;color:#704711;white-space:normal}.hq-approval-badge.is-approved{background:#e7f4ec;color:#245339}.hq-approval-badge.is-compact{display:inline-block;width:max-content;max-width:100%;margin:0 0 0 10px;padding:7px 11px;border:1px solid #d52335;border-radius:999px;background:#fff0f2;color:#c1121f;font-size:11px;font-weight:900;letter-spacing:.08em;line-height:1;vertical-align:middle}.today-list{margin-bottom:28px}.today-metric:focus-visible{outline:3px solid #527ab0;outline-offset:3px}