/* Стилі лише окремих сторінок Позов 9; палітра спільного застосунку. */
[hidden] { display: none !important; }
.topbar { position: static; flex-wrap: wrap; gap: 12px; }
.container { padding-top: 28px; }
.card { margin: 16px 0; }
.card__section { padding: 20px; }
.card label { display: block; margin: 12px 0 6px; }
.card input:not([type=checkbox]), .card select, .card textarea {
  box-sizing: border-box; max-width: 100%; padding: 8px 10px;
  color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
}
.card textarea { width: 100%; font: inherit; }
.card button { margin: 8px 8px 8px 0; white-space: normal; }
.card fieldset { border: 1px solid var(--border); border-radius: 10px; padding: 16px; margin: 16px 0; }
.card fieldset label { display: inline-block; margin: 8px 16px 8px 0; }
.card fieldset input { display: block; width: 180px; }
.card fieldset select { display: block; }
.card a, .container > p a { color: var(--text); }
#c9error, #c9adminError { overflow-wrap: anywhere; }
#c9strategy, #c9findings, #c9reportview { line-height: 1.6; overflow-wrap: anywhere; }
#c9inputFields { min-width: 0; }
#c9inputFields label { display: block; margin: 8px 0; }
#c9inputFields input, #c9inputFields select { width: 100%; }
.c9-party-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.c9-party-name { grid-column: 1 / -1; }
.c9-party { min-width: 0; }
.c9-party details { margin-top: 12px; }
.card summary { cursor: pointer; padding: 8px 0; }
#c9analysis section, #c9strategy section { margin: 24px 0; }
#c9analysis article { border-left: 2px solid var(--border); padding-left: 14px; margin: 16px 0; }
#c9analysis, #c9savedExplanations, #c9strategy { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.c9-source { font-size: .9em; opacity: .8; }
@media (max-width: 600px) { .c9-party-grid { grid-template-columns: minmax(0, 1fr); } #c9inputFields { padding: 10px; } }
#c9partyFields { min-width: 0; }
#c9partyFields label { display: block; margin: 8px 0; }
#c9partyFields input, #c9partyFields select { width: 100%; font: inherit; }
#c9partyFields small { display: block; margin-top: 4px; overflow-wrap: anywhere; }
#c9steps { display: flex; flex-wrap: wrap; gap: 12px 32px; padding-left: 24px; }
#c9steps li { padding: 8px; opacity: .65; }
#c9steps [aria-current=step] { opacity: 1; font-weight: bold; border-bottom: 2px solid var(--border); }
#c9partyError { color: #f5b9a8; }
@media (max-width: 600px) { .topbar .nav { flex-wrap: wrap; } .card__section { padding: 14px; } }