/* Laya panel styles. Classes and the hidden attribute only: no inline style, no external fonts or images (CSP). */
[hidden] { display: none !important; }

html { font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif; font-size: 14px; }
body { margin: 0; padding: 0; background-color: #ffffff; color: #1f1f1f; line-height: 1.4; }
html[data-theme="default"] body { background-color: #ffffff; color: #1f1f1f; }
html[data-theme="dark"] body { background-color: #1f1f1f; color: #f0f0f0; }
html[data-theme="contrast"] body { background-color: #000000; color: #ffffff; }

#privacy-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 12px; background-color: #eef1f6; color: #1f1f1f; border-bottom: 1px solid #c8cdd6; font-size: 12px; }
html[data-theme="dark"] #privacy-bar { background-color: #2b2b2b; color: #f0f0f0; border-bottom-color: #444444; }
html[data-theme="contrast"] #privacy-bar { background-color: #000000; color: #ffffff; border-bottom-color: #ffffff; }

.banner { padding: 8px 12px; background-color: #fff4ce; color: #1f1f1f; border-bottom: 1px solid #c8b560; }
html[data-theme="dark"] .banner { background-color: #4a3f10; color: #f0f0f0; border-bottom-color: #8a7a30; }
html[data-theme="contrast"] .banner { background-color: #000000; color: #ffff00; border-bottom-color: #ffff00; }

button { font: inherit; cursor: pointer; padding: 3px 10px; border: 1px solid #8a8f98; border-radius: 4px; background-color: #f5f5f5; color: #1f1f1f; }
button:hover { background-color: #e6e8ec; }
button:focus-visible, input:focus-visible { outline: 2px solid #2564cf; outline-offset: 1px; }
html[data-theme="dark"] button { background-color: #333333; color: #f0f0f0; border-color: #666666; }
html[data-theme="dark"] button:hover { background-color: #444444; }
html[data-theme="contrast"] button { background-color: #000000; color: #ffffff; border-color: #ffffff; }

#meeting-switch { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 12px 0 12px; }
#meeting-switch button.current { font-weight: 600; border-color: #2564cf; }

#panel { padding: 8px 12px 16px 12px; }
#meeting-header { margin-bottom: 8px; }
#meeting-subject { margin: 0 0 2px 0; font-size: 18px; font-weight: 600; overflow-wrap: anywhere; }
.meeting-meta { color: #4a4f57; }
html[data-theme="dark"] .meeting-meta { color: #c8c8c8; }
html[data-theme="contrast"] .meeting-meta { color: #ffffff; }
#pick-status { margin-left: 6px; font-weight: 600; }
#orgs { margin: 4px 0; }
.org { display: inline-block; margin: 0 4px 2px 0; padding: 1px 8px; border: 1px solid #8a8f98; border-radius: 10px; }
.header-actions { margin-top: 6px; display: flex; gap: 6px; }

.section { margin-top: 12px; }
.section h2 { margin: 0 0 4px 0; font-size: 14px; font-weight: 600; }
.section-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.section-header h2 { margin-bottom: 0; }
.status { color: #4a4f57; margin-right: 6px; }
html[data-theme="dark"] .status { color: #c8c8c8; }
html[data-theme="contrast"] .status { color: #ffffff; }
.items { list-style: none; margin: 4px 0 0 0; padding: 0; }
.item { padding: 6px 0; border-bottom: 1px solid #d8dbe0; overflow-wrap: anywhere; }
html[data-theme="dark"] .item { border-bottom-color: #444444; }
html[data-theme="contrast"] .item { border-bottom-color: #ffffff; }
.item .title { font-weight: 600; }
.item .heading { color: #4a4f57; font-size: 12px; }
html[data-theme="dark"] .item .heading { color: #c8c8c8; }
html[data-theme="contrast"] .item .heading { color: #ffffff; }
.item .snippet { margin: 2px 0; }
.item a.link { color: #1a56b8; }
html[data-theme="dark"] .item a.link { color: #8ab4f8; }
html[data-theme="contrast"] .item a.link { color: #ffff00; }
.note-body { margin: 4px 0; white-space: pre-wrap; }
.chip { display: inline-block; margin: 2px 4px 0 0; padding: 0 6px; border: 1px solid #8a8f98; border-radius: 8px; font-size: 11px; }
.verification, .actor { margin-right: 6px; font-size: 12px; }
.item button { margin-right: 4px; }

#keyword-only-note, #sec-search .keyword-only { margin: 6px 0; font-style: italic; }
#search-form { display: flex; gap: 6px; margin-top: 12px; }
#search-input { flex: 1 1 auto; padding: 3px 6px; font: inherit; border: 1px solid #8a8f98; border-radius: 4px; background-color: #ffffff; color: #1f1f1f; }
html[data-theme="dark"] #search-input { background-color: #2b2b2b; color: #f0f0f0; border-color: #666666; }
html[data-theme="contrast"] #search-input { background-color: #000000; color: #ffffff; border-color: #ffffff; }

#verdict-box { margin: 8px 12px 0 12px; padding: 8px; border: 1px solid #8a8f98; border-radius: 4px; }
.verdict-buttons { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.verdict-line { margin: 1px 0; }