.kkm-panel { padding:20px; }
.kkm-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.kkm-heading h2 { margin:0; font-size:18px; }
.kkm-heading p { margin:5px 0 0; color:var(--muted,#64748b); }
.kkm-status { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:16px 0; padding:14px; background:var(--panel,#e5eef6); border-radius:12px; }
.kkm-status span { color:var(--muted,#64748b); font-size:13px; }
.kkm-status.is-connected { border-left:4px solid var(--accent,#087bbd); }
.kkm-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.kkm-actions .btn { min-height:42px; }
.kkm-details { display:flex; flex-wrap:wrap; gap:12px; font-size:13px; }
.kkm-error { color:#a63e25; overflow-wrap:anywhere; }
.kkm-help,.kkm-feedback { color:var(--muted,#64748b); font-size:13px; line-height:1.5; }
.kkm-feedback:empty { display:none; }
.kkm-pending { padding:14px; border:1px solid #edc185; background:#fff7e9; border-radius:12px; }
.kkm-pending p { margin:8px 0; font-size:13px; }
.kkm-settings,.kkm-history { margin-top:18px; border-top:1px solid var(--line,#e2e8f0); padding-top:14px; }
.kkm-panel summary { cursor:pointer; font-weight:650; }
.kkm-panel label { display:flex; flex-direction:column; gap:6px; margin:12px 0; font-size:13px; }
.kkm-panel input,.kkm-panel select,.kkm-panel textarea { width:100%; min-width:0; padding:10px 12px; border:1px solid var(--line,#cbd5e1); border-radius:9px; background:white; color:inherit; font:inherit; }
.kkm-panel textarea { min-height:80px; }
.kkm-panel .kkm-check { display:flex; flex-direction:row; align-items:flex-start; }
.kkm-check input { width:18px; flex:none; }
.kkm-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; margin:10px 0; }
.kkm-log { margin-top:12px; display:grid; gap:8px; }
.kkm-log>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:10px 0; border-bottom:1px solid var(--line,#e2e8f0); font-size:13px; }
.kkm-log small { grid-column:1/-1; color:var(--muted,#64748b); }
@media(max-width:600px) { .kkm-panel{padding:14px}.kkm-form-grid{grid-template-columns:1fr}.kkm-actions .btn{flex:1 1 130px}.kkm-heading h2{font-size:16px}.kkm-log>div{grid-template-columns:1fr} }