.chb-wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.chb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.chb-card{border:1px solid #dcdcde;background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.chb-form label{display:block;font-weight:600;margin:10px 0 6px}
.chb-form input[type=text],.chb-form input[type=date],.chb-form input[type=email],.chb-form textarea,.chb-form select{width:100%;padding:10px;border:1px solid #c3c4c7;border-radius:10px;box-sizing:border-box}
.chb-form textarea{min-height:120px}
.chb-button,.chb-form button{display:inline-block;background:#2271b1;color:#fff;border:none;padding:10px 14px;border-radius:10px;text-decoration:none;cursor:pointer}
.chb-button.alt{background:#50575e}
.chb-meta{font-size:13px;color:#50575e}
.chb-notice{padding:12px 14px;border-radius:10px;margin:12px 0}
.chb-notice.success{background:#edfaef;color:#0f5132;border:1px solid #badbcc}
.chb-notice.error{background:#fff2f0;color:#842029;border:1px solid #f5c2c7}
.chb-list{display:flex;flex-direction:column;gap:12px}
.chb-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef4ff;font-size:12px;margin-right:6px}
.chb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chb-profile-header{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.chb-unread{border-color:#2271b1;box-shadow:0 0 0 1px rgba(34,113,177,.15)}
audio,video{max-width:100%}