/* Vendor Console additions on top of the Lekha stylesheet */
.brand-mark { border-radius: 9px; }
.key-ok { color: var(--mint); font-size: 11.5px; }
.key-bad { color: #ff8fa3; font-size: 11.5px; }
.top .search { display: flex; align-items: center; }
.top .search input[type=search] { width: 100%; }
.plan-picks { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.plan-pick { display: grid; gap: 3px; padding: 12px 14px 12px 38px; border: 1px solid var(--rule); border-radius: var(--r-md); cursor: pointer; position: relative; background: #fff; }
.plan-pick input { position: absolute; left: 13px; top: 15px; accent-color: var(--ink-3); }
.plan-pick:has(input:checked) { border-color: var(--ink-3); box-shadow: 0 0 0 3px rgba(15,163,177,.18); background: #f4fbfc; }
.pp-name { font-weight: 600; color: var(--ink); }
.pp-meta { font-size: 12.5px; color: var(--muted); }
.addon-picks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px 16px; }
.addon-picks .incl { color: var(--ok); font-size: 12px; display: none; }
.addon-picks label.included .incl { display: inline; }
.addon-picks label.included { opacity: .7; }
.period-btns .btn-link { font-size: 12px; }
.qr-box { width: 180px; padding: 8px; background: #fff; border: 1px solid var(--rule); border-radius: var(--r-md); margin: 8px 0; }
.qr-box svg { width: 100%; height: auto; display: block; }
.token-box { white-space: pre-wrap; word-break: break-all; }
details > summary.btn { list-style: none; }
details > summary.btn::-webkit-details-marker { display: none; }
.form-grid .full.check { grid-column: 1 / -1; }