/* kraulis-core · slapukų sutikimas (S-317). Brandbook 2.2 (S-129): tik --kr-* žetonai; citrininė — tik pirkimui (S-088), todėl čia nenaudojama. „Sutikti su visais“ ir „Atmesti nebūtinus“ — VIENODO svorio mygtukai (.kr-cns-btn-p); „Nustatymai“ / „Išsaugoti“ — kontūriniai. Visi selektoriai .kr-cns-* (be temos klasių; mygtukų ::before / ::after nenaudojami — Blocksy pamoka, PRADEK-CIA §8). Lietimo plotai ≥ 44 px (mygtukai 48 px); telefone juosta ≤ 55 % ekrano aukščio, puslapio apačia neuždengiama (body paraštė). */ .kr-cns, .kr-cns-dlg { font-family: var(--kr-font); color: var(--kr-ink); font-size: var(--kr-fs-14); line-height: 1.5; -webkit-font-smoothing: antialiased; } .kr-cns *, .kr-cns-dlg * { box-sizing: border-box; } .kr-cns[hidden] { display: none !important; } html.kr-cns-on body { padding-bottom: var(--kr-cns-h, 0px); } html.kr-cns-lock, html.kr-cns-lock body { overflow: hidden; } /* ---------- juosta ---------- */ .kr-cns { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99000; background: var(--kr-surface); border-top: 1px solid var(--kr-line); box-shadow: var(--kr-shadow-sticky); max-height: 55vh; max-height: 55dvh; overflow-y: auto; overscroll-behavior: contain; padding-bottom: env(safe-area-inset-bottom, 0px); } .kr-cns-in { width: min(1240px, calc(100% - 32px)); margin-inline: auto; padding: 12px 0; display: grid; gap: 10px; } .kr-cns-h { margin: 0 0 2px; font-size: var(--kr-fs-16); font-weight: var(--kr-fw-extrabold); letter-spacing: var(--kr-ls-h2); line-height: 1.3; color: var(--kr-ink); } .kr-cns-p { margin: 0; font-size: var(--kr-fs-14); color: var(--kr-muted); line-height: 1.5; } .kr-cns-pol { color: var(--kr-ink); font-weight: var(--kr-fw-bold); text-decoration: underline; text-decoration-color: var(--kr-border-strong); text-underline-offset: 3px; white-space: nowrap; } .kr-cns-pol:hover { color: var(--kr-forest); text-decoration-color: currentColor; } .kr-cns-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .kr-cns-acts .kr-cns-btn-s { grid-column: 1 / -1; } /* ---------- mygtukai (savi, ne temos) ---------- */ .kr-cns .kr-cns-btn, .kr-cns-dlg .kr-cns-btn { -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 0 16px; border-radius: var(--kr-radius-control); border: 1.5px solid var(--kr-ink); box-shadow: none; font: var(--kr-fw-bold) var(--kr-fs-14)/1.2 var(--kr-font); letter-spacing: normal; text-transform: none; text-align: center; cursor: pointer; touch-action: manipulation; transition: background-color .15s, border-color .15s, color .15s; } .kr-cns .kr-cns-btn-p, .kr-cns-dlg .kr-cns-btn-p { background: var(--kr-ink); color: var(--kr-surface); } .kr-cns .kr-cns-btn-p:hover, .kr-cns-dlg .kr-cns-btn-p:hover { background: var(--kr-ink-hover); border-color: var(--kr-ink-hover); color: var(--kr-surface); } .kr-cns .kr-cns-btn-s, .kr-cns-dlg .kr-cns-btn-s { background: var(--kr-surface); color: var(--kr-ink); } .kr-cns .kr-cns-btn-s:hover, .kr-cns-dlg .kr-cns-btn-s:hover { background: var(--kr-paper); color: var(--kr-ink); } .kr-cns .kr-cns-btn:active, .kr-cns-dlg .kr-cns-btn:active { transform: scale(.98); } .kr-cns :focus-visible, .kr-cns-dlg :focus-visible { outline: 3px solid var(--kr-focus); outline-offset: 2px; } /* ---------- nustatymų langas ---------- */ .kr-cns-dlg { width: min(560px, calc(100% - 32px)); max-width: none; max-height: min(720px, calc(100vh - 32px)); max-height: min(720px, calc(100dvh - 32px)); margin: auto; padding: 0; border: 0; border-radius: var(--kr-radius-dialog); background: var(--kr-surface); box-shadow: var(--kr-shadow-dialog); overflow: hidden; } .kr-cns-dlg[open] { display: flex; flex-direction: column; } .kr-cns-dlg::backdrop { background: #17241D66; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .kr-cns-dlg.kr-cns-dlg-nf { position: fixed; inset: 0; z-index: 100001; } .kr-cns-dhd { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 8px 20px; border-bottom: 1px solid var(--kr-divider); flex: none; } .kr-cns-dh { margin: 0; font-size: var(--kr-fs-20); font-weight: var(--kr-fw-extrabold); letter-spacing: var(--kr-ls-h2); line-height: 1.25; color: var(--kr-ink); } .kr-cns-dlg .kr-cns-x { -webkit-appearance: none; appearance: none; width: 44px; height: 44px; flex: none; display: grid; place-items: center; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--kr-ink); box-shadow: none; cursor: pointer; } .kr-cns-dlg .kr-cns-x:hover { background: var(--kr-divider); } .kr-cns-x svg { display: block; width: 22px; height: 22px; } .kr-cns-dbd { padding: 12px 20px 4px; overflow-y: auto; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0; } .kr-cns-dp { margin: 0 0 8px; color: var(--kr-muted); font-size: var(--kr-fs-14); } .kr-cns-cats { list-style: none; margin: 0; padding: 0; } .kr-cns-cat { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--kr-divider); margin: 0; } .kr-cns-cat-tx { min-width: 0; } .kr-cns-ch { margin: 0 0 2px; font-size: var(--kr-fs-16); font-weight: var(--kr-fw-extrabold); line-height: 1.3; color: var(--kr-ink); letter-spacing: normal; } .kr-cns-cat-tx p { margin: 0; font-size: var(--kr-fs-13); color: var(--kr-muted); line-height: 1.45; } .kr-cns-always { flex: none; display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border-radius: var(--kr-radius-pill); background: var(--kr-success-bg); color: var(--kr-success-fg); font-size: var(--kr-fs-12); font-weight: var(--kr-fw-bold); white-space: nowrap; } .kr-cns-dft { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 20px 16px; border-top: 1px solid var(--kr-divider); flex: none; } .kr-cns-dft .kr-cns-btn-s { grid-column: 1 / -1; } /* jungiklis: