/* Practice console for the Profit-First Lens extension (/lens/practice/). Grid look only; the chips come from the extension. */
.lens-practice { padding: 32px 0 96px; }
.lens-practice h1 { margin: 4px 0 8px; }
.lp-lede { max-width: 68ch; }
.lp-products { margin: 16px 0; padding: 14px 16px; border: 1px solid var(--rule, #d5dde5); border-radius: 12px; background: #fff; }
.lp-products p { margin: 4px 0; font-size: 15px; }
.lp-missing { padding: 12px 16px; border-radius: 10px; background: #fff4d9; color: #6a4800; font-weight: 600; }
.lp-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 16px; }
.lp-tabs button { font: inherit; font-size: 15px; font-weight: 600; padding: 8px 14px; border-radius: 999px; border: 1px solid #d5dde5; background: #fff; color: #081827; cursor: pointer; }
.lp-tabs button[aria-current="page"] { background: #081827; color: #fff; border-color: #081827; }
.lens-practice h2 { font-size: 21px; margin: 18px 0 2px; }
.lp-note { color: #34495e; margin: 2px 0 12px; font-size: 15px; }
.lp-grid { background: #fff; border: 1px solid #d5dde5; border-radius: 12px; overflow: hidden; font-size: 14px; color: #081827; }
.lp-grid .fg-head { background: #f7f9fa; border-bottom: 1px solid #d5dde5; font-weight: 600; color: #34495e; }
.lp-grid .ag-pinned-left-cols-container, .lp-grid .fg-head-left { border-right: 1px solid #d5dde5; }
.lp-grid .ag-row { border-bottom: 1px solid #eef1f4; }
.lp-grid .ag-cell, .lp-grid .ag-header-cell { padding: 10px 12px; overflow: hidden; }
.lp-grid .ag-header-cell { position: relative; display: inline-block; height: auto; }
.lp-grid .ag-center-cols-container .ag-cell { text-align: right; }
.lp-grid .ag-cell-value { white-space: normal; }
.lp-grid .ag-floating-bottom { border-top: 1px solid #d5dde5; font-weight: 600; }
.lp-grid .fg-bid { font: inherit; padding: 4px 10px; border: 1px solid #5f7487; border-radius: 6px; background: #fff; color: #081827; cursor: pointer; }
.fg-popover { position: absolute; z-index: 10; background: #fff; border: 1px solid #d5dde5; border-radius: 10px; box-shadow: 0 6px 24px rgba(6,17,29,.18); padding: 12px; }
.fg-pop-box { display: grid; gap: 8px; }
.fg-pop-box input { font: inherit; font-size: 15px; width: 160px; padding: 6px 8px; border: 2px solid #146eb4; border-radius: 6px; }
.fg-pop-actions { display: flex; gap: 8px; justify-content: flex-end; }
.fg-pop-box button { font: inherit; font-size: 15px; font-weight: 600; padding: 6px 12px; border-radius: 999px; border: 0; cursor: pointer; }
.fg-cancel { background: none; color: #0b5c9e; }
.fg-save { background: #081827; color: #fff; }
.lp-tabs button:focus-visible, .lp-grid .fg-bid:focus-visible, .fg-pop-box button:focus-visible { outline: 3px solid #22e5c8; outline-offset: 2px; }