.iccqa {
  --iccqa-navy: #102a4c; --iccqa-blue: #1d5fd1; --iccqa-blue-soft: #edf4ff;
  --iccqa-ink: #15243c; --iccqa-muted: #64748b; --iccqa-line: #dce6f2;
  --iccqa-surface: #ffffff; --iccqa-canvas: #f7faff; --iccqa-green: #087a59;
  --iccqa-green-soft: #e9f8f1; --iccqa-gold: #9a5608; --iccqa-gold-soft: #fff4df;
  --iccqa-red: #a43d3d; --iccqa-red-soft: #fff0f0; --iccqa-radius: 14px;
}
.iccqa, .iccqa * { box-sizing: border-box; }
.iccqa { color: var(--iccqa-ink); background: var(--iccqa-canvas); font-family: Tahoma, "Leelawadee UI", sans-serif; line-height: 1.6; max-width: 1180px; margin: 24px auto; padding: 24px; border: 1px solid var(--iccqa-line); border-radius: 18px; }
.iccqa h2, .iccqa h3, .iccqa h4, .iccqa p { margin-top: 0; }
.iccqa h2 { color: var(--iccqa-navy); font-size: clamp(1.4rem, 2.5vw, 2.1rem); margin-bottom: 6px; }
.iccqa h3 { color: var(--iccqa-navy); }
.iccqa button, .iccqa input, .iccqa select, .iccqa textarea { font: inherit; }
.iccqa input, .iccqa select, .iccqa textarea { width: 100%; border: 1px solid var(--iccqa-line); border-radius: 10px; padding: 10px 12px; color: var(--iccqa-ink); background: #fff; }
.iccqa textarea { resize: vertical; min-height: 120px; }
.iccqa label { display: grid; gap: 5px; font-weight: 700; font-size: .92rem; }
.iccqa-board__header, .iccqa-staff__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.iccqa-eyebrow { color: var(--iccqa-blue); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 4px; }
.iccqa-button { border: 1px solid var(--iccqa-line); border-radius: 10px; background: #fff; color: var(--iccqa-navy); padding: 9px 14px; cursor: pointer; font-weight: 800; }
.iccqa-button:hover { border-color: var(--iccqa-blue); color: var(--iccqa-blue); }
.iccqa-button--primary { background: var(--iccqa-blue); color: #fff; border-color: var(--iccqa-blue); }
.iccqa-button--secondary { background: var(--iccqa-navy); color: #fff; border-color: var(--iccqa-navy); }
.iccqa-button--success { background: var(--iccqa-green); color: #fff; border-color: var(--iccqa-green); }
.iccqa-button:disabled { opacity: .45; cursor: not-allowed; }
.iccqa-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 18px 0; }
.iccqa-stats > div { background: #fff; border: 1px solid var(--iccqa-line); border-radius: 12px; padding: 13px 15px; }
.iccqa-stats strong { display: block; color: var(--iccqa-navy); font-size: 1.4rem; }
.iccqa-stats span { color: var(--iccqa-muted); font-size: .78rem; }
.iccqa-toolbar, .iccqa-staff__toolbar { display: grid; grid-template-columns: 1fr 210px; gap: 10px; margin: 16px 0; }
.iccqa-list { display: grid; gap: 12px; }
.iccqa-card { background: #fff; border: 1px solid var(--iccqa-line); border-radius: var(--iccqa-radius); padding: 17px; box-shadow: 0 8px 22px rgba(16,42,76,.05); }
.iccqa-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--iccqa-muted); font-size: .78rem; }
.iccqa-badge, .iccqa-status { border-radius: 999px; padding: 3px 9px; font-size: .72rem; font-weight: 800; }
.iccqa-badge { color: var(--iccqa-blue); background: var(--iccqa-blue-soft); }
.iccqa-status--published { color: var(--iccqa-green); background: var(--iccqa-green-soft); }
.iccqa-card h3 { margin: 10px 0 5px; font-size: 1.08rem; }
.iccqa-card__question { margin-bottom: 4px; }
.iccqa-card__asker { color: var(--iccqa-muted); font-size: .83rem; margin-bottom: 0; }
.iccqa-answer { margin-top: 13px; border-left: 3px solid var(--iccqa-green); background: var(--iccqa-green-soft); padding: 11px 13px; border-radius: 0 10px 10px 0; }
.iccqa-answer strong { color: var(--iccqa-green); display: block; margin-bottom: 4px; }
.iccqa-form-wrap, .iccqa-login { background: #fff; border: 1px solid var(--iccqa-line); border-radius: var(--iccqa-radius); padding: 18px; margin-top: 18px; }
.iccqa-form-wrap form, .iccqa-login { display: grid; gap: 12px; }
.iccqa-form-wrap[hidden], [data-iccqa-staff-editor][hidden], .iccqa-honeypot { display: none !important; }
.iccqa-form-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.iccqa-check { display: flex; grid-template-columns: auto 1fr; align-items: flex-start; gap: 8px; font-weight: 400; }
.iccqa-check input { width: auto; margin-top: 4px; }
.iccqa-notice { margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: var(--iccqa-blue-soft); color: var(--iccqa-navy); }
.iccqa-notice--error { background: var(--iccqa-red-soft); color: var(--iccqa-red); }
.iccqa-help { color: var(--iccqa-muted); font-size: .85rem; }
.iccqa-staff__workspace { margin-top: 18px; }
.iccqa-staff__session { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; background: var(--iccqa-navy); color: #fff; border-radius: 12px 12px 0 0; }
.iccqa-staff__grid { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(0, 1.4fr); gap: 12px; }
.iccqa-staff__list, .iccqa-staff__editor { background: #fff; border: 1px solid var(--iccqa-line); padding: 14px; min-width: 0; }
.iccqa-staff__list { border-radius: 0 0 0 12px; }
.iccqa-staff__editor { border-radius: 0 0 12px 0; }
.iccqa-staff-row { display: grid; gap: 3px; width: 100%; text-align: left; background: #fff; border: 1px solid var(--iccqa-line); border-radius: 10px; padding: 11px; margin-bottom: 8px; cursor: pointer; }
.iccqa-staff-row:hover, .iccqa-staff-row.is-selected { border-color: var(--iccqa-blue); background: var(--iccqa-blue-soft); }
.iccqa-staff-row strong { color: var(--iccqa-navy); }
.iccqa-staff-row small { color: var(--iccqa-muted); }
.iccqa-staff__question { background: var(--iccqa-canvas); border: 1px solid var(--iccqa-line); border-radius: 10px; padding: 12px; margin: 12px 0; white-space: pre-wrap; }
.iccqa-staff__secondary { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.iccqa-staff__secondary button { background: #fff; border: 0; color: var(--iccqa-red); text-decoration: underline; cursor: pointer; }
.iccqa-staff__editor ol { padding-left: 20px; color: var(--iccqa-muted); font-size: .85rem; }
.iccqa-staff__editor li { margin-bottom: 7px; }
.iccqa .iccqa-screen-reader-text, .iccqa .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
@media (max-width: 760px) { .iccqa { margin: 10px; padding: 14px; } .iccqa-board__header, .iccqa-staff__header { flex-direction: column; } .iccqa-stats { grid-template-columns: 1fr; } .iccqa-toolbar, .iccqa-staff__toolbar { grid-template-columns: 1fr; } .iccqa-staff__grid { grid-template-columns: 1fr; } .iccqa-staff__list, .iccqa-staff__editor { border-radius: 12px; } .iccqa-staff__session { align-items: flex-start; flex-direction: column; } .iccqa-form-actions .iccqa-button { flex: 1 1 auto; } }

.iccqa-empty { margin: 0; padding: 18px; text-align: center; color: var(--iccqa-muted); background: #fff; border: 1px dashed var(--iccqa-line); border-radius: var(--iccqa-radius); }