/* Палитра общая с приложением, поля подходят обеим темам. */
.hc-screen{min-width:0;max-width:940px;color:var(--ink);overflow-wrap:anywhere}
.hc-heading,.hc-actions,.hc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.hc-heading h2{font-size:20px;text-transform:none;letter-spacing:normal;margin:0}
.hc-screen button,.hc-screen select,.hc-screen input{min-height:44px;max-width:100%;white-space:normal}
.hc-screen .chip.active{background:var(--olive);color:var(--card)}
.hc-results{display:flex;flex-direction:column;gap:8px}
.hc-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:14px;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.hc-row .badge{white-space:normal}
.hc-olive{background:var(--beige);color:var(--olive-d)}
.hc-berry,.hc-error,.hc-warning{color:var(--berry)}
.hc-muted{background:var(--milk);color:var(--muted)}
.hc-date,.hc-counter{color:var(--muted);font-size:13px}
.hc-field{display:flex;flex-direction:column;gap:6px;margin:14px 0;min-width:0}
.hc-field textarea,.hc-field input,.hc-field select{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
.hc-field textarea{resize:vertical;max-width:100%}
.hc-counter{text-align:right}
.hc-items{display:flex;flex-direction:column;gap:8px}
.hc-item{min-width:0;padding:14px}
.hc-policy,.hc-source,.hc-approval{line-height:1.6}
.hc-source summary{min-height:44px;cursor:pointer}
.hc-notes{background:var(--milk);border-left:3px solid var(--amber);padding:12px;margin:12px 0;color:var(--ink)}
.hc-warning{border-left:3px solid var(--berry);padding-left:10px;font-weight:600}
.hc-approval{padding:14px;border:1px solid var(--olive)}
.hc-pre,.hc-error{white-space:pre-wrap;overflow-wrap:anywhere}
.hc-error:empty,.hc-dirty:empty{display:none}
.hc-dirty{color:var(--amber)}
.hc-screen :focus-visible{outline:2px solid var(--olive-d);outline-offset:3px}
.hc-screen [hidden]{display:none!important}
.hc-demo{max-width:940px;margin:auto;padding:16px}
.hc-demo-caption{color:var(--muted);line-height:1.6}
@media(pointer:coarse){.hc-screen button,.hc-screen summary{min-height:44px}}
@media(min-width:900px){.web .list.hc-results{display:flex;flex-direction:column;align-items:stretch}}