/* Справочник ФККО: страница поиска (fkko.html) и карточка (fkko_item.html) */

.fkko-notfound { background: #fff3dc; color: #7a4d00; padding: 10px 14px; border-radius: 8px; margin-bottom: 14px; }
.fkko-count { margin-top: 0; }
.fkko-list { list-style: none; margin: 0; padding: 0; }
.fkko-list li { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid #eef1f4; }
.fkko-list li:last-child { border-bottom: none; }
.fkko-code { min-width: 150px; display: flex; align-items: flex-start; gap: 4px; }
.fkko-code-text { font-family: ui-monospace, Consolas, monospace; font-weight: 600; color: #1e4a5f; white-space: nowrap; }
.fkko-copy { border: none; background: none; cursor: pointer; color: #99a; font-size: .95rem; padding: 0 4px; }
.fkko-copy:hover { color: #1e4a5f; }
.fkko-copy.done { color: #2f9e5f; }
.fkko-body { flex: 1; min-width: 0; }
.fkko-path { font-size: .8rem; color: #889; margin-bottom: 3px; }
.fkko-path a { color: #889; text-decoration: none; }
.fkko-path a:hover { text-decoration: underline; }
.fkko-name a { color: #223; text-decoration: none; }
.fkko-name a:hover { color: #1e4a5f; text-decoration: underline; }
.fkko-section .fkko-name { font-weight: 600; }
.fkko-meta { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-top: 5px; font-size: .82rem; }
.fkko-meta a { color: #56748c; }
.fkko-hazard, .fkko-tag { padding: 2px 9px; border-radius: 10px; background: #eef1f4; color: #445; }
.fkko-hazard.h1, .fkko-hazard.h2 { background: #fdecea; color: #8e2a20; }
.fkko-hazard.h3 { background: #fff3dc; color: #7a4d00; }
.fkko-hazard.h4 { background: #eaf2fb; color: #1e4a5f; }
.fkko-hazard.h5 { background: #eaf7ef; color: #1d6b3f; }
.fkko-h2 { font-size: 1.1rem; margin-top: 0; }
.fkko-blocks { list-style: none; margin: 0; padding: 0; columns: 2 320px; }
.fkko-blocks li { margin-bottom: 8px; break-inside: avoid; }
.fkko-blocks a { text-decoration: none; color: #1e4a5f; }
.fkko-blocks a:hover { text-decoration: underline; }

/* Карточка: каскад разделов лесенкой */
.fkko-cascade { list-style: none; margin: 0; padding: 0; }
.fkko-cascade li { display: flex; gap: 14px; padding: 7px 0; }
.fkko-cascade .c-code { min-width: 150px; font-family: ui-monospace, Consolas, monospace; color: #889; white-space: nowrap; }
.fkko-cascade a { color: #667; text-decoration: none; }
.fkko-cascade a:hover { color: #1e4a5f; text-decoration: underline; }
.fkko-cascade li.current { padding: 12px 0; margin: 4px 0; border-top: 1px solid #e3e8ee; border-bottom: 1px solid #e3e8ee; }
.fkko-cascade li.current .c-code { color: #1e4a5f; font-weight: 700; font-size: 1.05rem; }
.fkko-cascade li.current .c-name { font-weight: 700; font-size: 1.08rem; color: #1a2a36; }
.fkko-cascade li.child .c-code { color: #1e4a5f; font-weight: 600; }
.fkko-cascade li.child a { color: #223; }
.fkko-props { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.fkko-props dt { color: #778; }
.fkko-props dd { margin: 0; }
.fkko-state-note { color: #667; font-size: .88rem; margin-top: 3px; }

@media (max-width: 600px) {
    .fkko-list li, .fkko-cascade li { flex-direction: column; gap: 2px; }
    .fkko-cascade li { padding-left: 0 !important; }
}

/* Поле поиска с подсказками (_fkko_search.html, форма отходов площадки) */
.fkko-form label { display: block; font-size: .9rem; color: #445; margin-bottom: 6px; }
.fkko-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; }
.fkko-suggest-wrap { position: relative; flex: 1; min-width: 220px; }
.fkko-suggest-wrap input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #cfd6de; border-radius: 8px; font: inherit; font-size: 1rem; }
.fkko-hint { color: #778; font-size: .85rem; margin: 8px 0 0; }
.fkko-suggest {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 50;
    list-style: none; margin: 0; padding: 0; max-height: 420px; overflow-y: auto;
    background: #fff; border: 1px solid #cfd6de; border-radius: 10px; box-shadow: 0 6px 18px rgba(0,0,0,.1);
}
.fkko-suggest li a { display: block; padding: 9px 12px; border-bottom: 1px solid #f0f2f5; color: #223; text-decoration: none; }
.fkko-suggest li:last-child a { border-bottom: none; }
.fkko-suggest li a:hover, .fkko-suggest li.on a { background: #eef4f8; }
.fkko-suggest .s-code { font-family: ui-monospace, Consolas, monospace; font-weight: 600; color: #1e4a5f; white-space: nowrap; }
.fkko-suggest .s-code mark { background: #ffe8a3; color: inherit; padding: 0; }
.fkko-suggest .s-hz { color: #778; font-size: .8rem; margin-left: 6px; }
.fkko-suggest .s-name { display: block; font-size: .88rem; margin-top: 2px; }
.fkko-suggest .s-more a { color: #56748c; font-size: .85rem; }

/* Ссылка на справку для новичков (страница поиска и карточка) */
.fkko-learn { margin: 0 0 16px; }
.fkko-learn a { display: inline-block; background: #eaf7ef; border: 1px solid #b8e3c9; color: #1d6b3f;
    padding: 9px 14px; border-radius: 10px; text-decoration: none; font-size: .94rem; }
.fkko-learn a:hover { border-color: #1d6b3f; }