.offer-chip {display: inline-flex;align-items: center;gap: 0.45rem;background: linear-gradient(135deg, #2144e1 0%, #6e4698 100%);border: none;border-radius: 8px;padding: 0.25rem 0.55rem;cursor: pointer;transition: filter 0.15s ease, transform 0.1s ease;vertical-align: middle;}
.offer-chip:hover {filter: none;}
.offer-chip:hover .offer-chip__logo {box-shadow: 0 0 0 2px #2144e1;}
.offer-chip:hover .offer-chip__odd {text-decoration: underline;}
.offer-chip:active {transform: scale(0.97);}
.offer-chip__logo {width: 65px;height: 30px;object-fit: contain;background: #fff;border-radius: 4px;padding: 2px 4px;box-sizing: border-box;}
.offer-chip__odd {color: #fff;font-weight: 700;font-size: 0.95rem;font-variant-numeric: tabular-nums;}
.offer-chip__ad {color: rgba(255, 255, 255, 0.75);font-size: 0.6rem;text-transform: uppercase;letter-spacing: 0.4px;align-self: flex-start;}
td .offer-chip {padding: 0.15rem 0.4rem;gap: 0.35rem;}
td .offer-chip__odd {font-size: 0.9rem;}
td.mp-odds-cell {text-align: center;white-space: nowrap;}
.mp-table thead th, .mp-table tbody td {text-align: center;}
.mp-edge-cell {min-width: 60px;}
@media (max-width: 820px){
td.mp-odds-cell {min-width: 158px;white-space: normal;}
td .offer-chip {max-width: 100%;}
td .offer-chip__odd {font-size: 0.85rem;}
}
.offer-compliance {display: inline-block;margin-left: 0.5rem;color: #9ca3af;font-size: 0.68rem;text-transform: uppercase;letter-spacing: 0.4px;}
.offer-compliance-table {display: block;margin: 0.5rem 0 0;text-transform: none;letter-spacing: 0.3px;}
.offer-modal[hidden] {display: none;}
.offer-modal {position: fixed;inset: 0;z-index: 1000;}
.offer-modal__overlay {position: absolute;inset: 0;background: rgba(15, 23, 42, 0.55);backdrop-filter: blur(2px);}
.offer-modal__dialog {position: relative;max-width: 420px;margin: 8vh auto 0;background: #fff;border-radius: 14px;padding: 1.4rem 1.5rem 1.2rem;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);max-height: 84vh;overflow-y: auto;}
.offer-modal-open {overflow: hidden;}
.offer-modal__close {position: absolute;top: 0.5rem;right: 0.6rem;width: 40px;height: 40px;background: #f3f4f6;border: none;border-radius: 50%;font-size: 1.5rem;line-height: 1;font-weight: 700;color: #374151;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background-color 0.15s ease, color 0.15s ease;}
.offer-modal__close:hover {background: #e5e7eb;color: #111827;}
.offer-modal__brand {margin-bottom: 0.6rem;}
.offer-modal__logo {width: 65px;height: 30px;object-fit: contain;background: #f3f4f6;border-radius: 6px;padding: 4px 6px;box-sizing: border-box;}
.offer-modal__headline {margin: 0 0 0.4rem;font-size: 1.15rem;color: #111827;}
.offer-modal__bonus {margin: 0 0 0.9rem;font-size: 0.88rem;color: #4b5563;line-height: 1.45;}
.offer-modal__chart {margin: 0 0 0.9rem;}
.offer-modal__chart canvas {width: 100%;display: block;}
.offer-modal__chart-note {font-size: 0.72rem;color: #9ca3af;margin-top: 0.3rem;}
.offer-modal__meta {font-size: 0.92rem;color: #374151;margin-bottom: 0.9rem;}
.offer-modal__kelly {margin-top: 0.5rem;font-size: 0.8rem;color: #4b5563;background: #f3f4f6;border-radius: 8px;padding: 0.45rem 0.6rem;}
.offer-modal__cta {display: block;text-align: center;background: #16a34a;color: #ffffff;font-weight: 700;text-decoration: none;padding: 0.75rem 1rem;border-radius: 10px;letter-spacing: 0.3px;transition: background-color 0.15s ease;}
.offer-modal__cta:hover, .offer-modal__cta:focus-visible {background: #15803d;color: #ffffff;filter: none;}
.offer-modal__cta:focus-visible {outline: 3px solid #126631;outline-offset: 2px;}
.offer-modal__compliance {margin: 0.8rem 0 0;text-align: center;font-size: 0.68rem;color: #9ca3af;text-transform: uppercase;letter-spacing: 0.5px;}
.ods-brand {display: inline-block;background: #eef2f7;border-radius: 999px;padding: 0.1rem 0.5rem;font-size: 0.72rem;font-weight: 600;color: #374151;margin-right: 0.35rem;vertical-align: middle;}
.offer-odds-slot.offer-slot-plain {cursor: default;}
.bb-bk.offer-chip {margin-right: 0.35rem;}
@media (max-width: 640px){
.offer-modal__dialog {margin: 0;max-width: none;min-height: 100vh;border-radius: 0;padding-top: 2.2rem;}
}