.native-controls { display: grid; gap: 1rem; }
.native-controls-title, .native-controls-head, .native-controls-row, .native-controls-state, .native-controls-actions { display: flex; align-items: center; gap: .65rem; }
.native-controls-title, .native-controls-head { justify-content: space-between; flex-wrap: wrap; }
.native-controls-title h2, .native-controls-head h3, .native-controls-title p, .native-controls-head p { margin: 0; }
.native-controls-body { display: grid; gap: .8rem; }
.native-controls-section { border: 1px solid var(--line, #d9d9d9); border-radius: .7rem; padding: .85rem; display: grid; gap: .65rem; }
.native-controls-list { display: grid; gap: .45rem; }
.native-controls-row { justify-content: space-between; padding: .5rem 0; border-top: 1px solid var(--line-soft, #eeeeee); }
.native-controls-row > div { min-width: 0; display: grid; gap: .18rem; }
.native-controls-row small { overflow-wrap: anywhere; }
.native-controls-status { font-size: .82rem; font-weight: 600; padding: .15rem .45rem; border-radius: 999px; background: #e8edf3; color: #304152; }
.native-controls-status.status-ready { background: #e3f4e8; color: #176638; }
.native-controls-status.status-error { background: #fde8e8; color: #a12622; }
.native-controls-status.status-not_configured { background: #f5f0df; color: #705916; }
.native-controls-toggle { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; }
.native-controls-actions { flex-wrap: wrap; }
.native-controls-flow { background: color-mix(in srgb, var(--line-soft, #eeeeee) 35%, transparent); border-radius: .45rem; padding-inline: .5rem; }
.native-controls-link { color: var(--accent, #2459a9); font-size: .88rem; font-weight: 600; width: fit-content; }
.native-controls-secret-form { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.native-controls-secret-form input { min-width: min(22rem, 100%); flex: 1 1 16rem; }
.native-controls-feedback-form { display: grid; gap: .55rem; }
.native-controls-feedback-form select, .native-controls-feedback-form textarea { width: 100%; box-sizing: border-box; }
.native-controls-feedback-form textarea { min-height: 6rem; resize: vertical; }
.native-controls-check { display: inline-flex; align-items: center; gap: .4rem; width: fit-content; }
.native-controls-row code { user-select: all; overflow-wrap: anywhere; }
.native-controls-dialog.row-context-menu{width:max-content;min-width:230px;max-width:min(320px,calc(100vw - 16px))}
.native-controls-dialog-body{display:grid;gap:2px;min-width:0}
.native-controls-dialog-body>button{text-align:left}
.native-controls-code { max-width: min(46rem, 80vw); max-height: 45vh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: .75rem; border-radius: .5rem; background: var(--surface-soft, #f5f6f8); font: .82rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.native-plugin-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;margin:.55rem 0}@media(max-width:680px){.native-plugin-form{grid-template-columns:1fr}}