/* Knigi Wish: плашка «Хочу больше книг в этом разделе» (страницы разделов). Только токены knigi2.css, обе темы. */
.kw { display: flex; flex-direction: column; gap: 14px; padding: 20px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.kw__head { display: flex; align-items: flex-start; gap: 14px; }
.kw__ico { flex: 0 0 44px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius); background: var(--accent-soft); color: var(--accent-text); }
.kw__txt { min-width: 0; }
.kw__t { font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.kw__p { margin-top: 4px; color: var(--muted); }
.kw__act { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.kw__btn[aria-disabled="true"] { background: transparent; color: var(--text); border-color: var(--line); cursor: default; opacity: 1; }
.kw__btn[aria-disabled="true"]:hover { background: transparent; opacity: 1; }
.kw__btn[aria-disabled="true"]::before { content: ""; width: 10px; height: 6px; margin: -3px 2px 0 0; border: solid var(--success); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.kw__count { color: var(--muted); font-size: 15px; }
.kw__form { display: flex; flex-direction: column; gap: 8px; }
.kw__form[hidden] { display: none; }
.kw__label { font-weight: 500; }
.kw__row { display: flex; gap: 8px; }
.kw__input { flex: 1 1 auto; min-width: 0; min-height: 44px; }
.kw__send { flex: 0 0 auto; }
.kw__msg { min-height: 1.5em; margin: -4px 0 0; color: var(--muted); font-size: 15px; }
.kw__msg:empty { display: none; }
.kw__msg.is-ok { color: var(--success); }
.kw__msg.is-err { color: var(--danger); }
.kw.is-busy .kw__btn, .kw.is-busy .kw__send { opacity: .6; pointer-events: none; }
@media (max-width: 600px) {
	.kw { padding: 16px; gap: 12px; }
	.kw__head { gap: 12px; }
	.kw__ico { flex-basis: 40px; width: 40px; height: 40px; }
	.kw__t { font-size: 18px; }
	.kw__act .k-btn { width: 100%; }
	.kw__count { width: 100%; }
	.kw__row { flex-direction: column; }
	.kw__send { width: 100%; }
}