/* minimal theme-friendly styles */
.us-form.card{ border:1px solid #e6f3f2; border-radius:16px; padding:16px; background:#fff; }
.us-form h2{ font-size:20px; margin:0 0 10px; }
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.us-form input, .us-form select, .us-form textarea{ width:100%; padding:8px; border:1px solid #e6e6e6; border-radius:8px; font-size:14px; }
.us-btn{ display:inline-block; width:100%; padding:8px 12px; border-radius:999px; background:#16c7be; color:#fff; border:0; cursor:pointer; }
.us-note{ border-radius:12px; padding:10px 12px; margin-bottom:10px; }
.us-note.ok{ background:#ecfdf5; border-left:4px solid #10b981; }
.us-note.warn{ background:#fffbeb; border-left:4px solid #f59e0b; }
.us-note.err{ background:#fef2f2; border-left:4px solid #ef4444; }
.us-more{ margin-top:8px; }
.us-more>summary{ list-style:none; cursor:pointer; padding:8px 10px; border:1px solid #e6e6e6; border-radius:8px; background:#fff; font-size:14px; color:#334155; }
.us-more[open]>summary{ border-bottom-left-radius:0; border-bottom-right-radius:0; }
.us-more>*:not(summary){ border:1px solid #e6e6e6; border-top:0; padding:10px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
/* datapanel */
.us-panel .muted{ color:#64748b; font-size:14px; }
.us-tablewrap{ overflow:auto; max-height:320px; border:1px solid #eef2f4; border-radius:8px; }
.us-table{ width:100%; border-collapse:collapse; font-size:14px; }
.us-table th,.us-table td{ padding:8px 10px; border-bottom:1px solid #f1f5f9; white-space:nowrap; }
.us-table thead th{ position:sticky; top:0; background:#fff; }
.us-bars{ display:flex; align-items:flex-end; gap:4px; height:64px; margin:8px 0 6px; }
.us-bars span{ width:10px; background:#16c7be; border-radius:2px; display:block; }
@media (max-width:782px){ .grid-2{ grid-template-columns:1fr; } }