/* Base */
.uia-wrap { max-width: 960px; margin: 0 auto; }
.uia-header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
.uia-title { font-weight:700; font-size:20px; }
.uia-loaded-for { font-size:12px; opacity:.7; }

/* ID block remains a small card */
.uia-block { border:1px solid rgba(0,0,0,.08); border-radius:8px; background:#fff; }
.uia-idblock { padding:8px; margin-bottom:12px; }
.uia-idrow { display:flex; gap:10px; padding:4px 0; border-bottom:1px dotted rgba(0,0,0,.08); }
.uia-idrow:last-child { border-bottom:0; }
.uia-label { font-weight:600; }
.uia-idval { font-size:18px; }

/* Section titles and spacing between sections */
.uia-section-title { margin:12px 0 6px; font-weight:700; }
.uia-section { margin-bottom:14px; }

/* Table-like section wrapper */
.uia-section-table { border:1px solid #ddd; border-radius:8px; overflow:hidden; background:#fafafa; }

/* Rows inside table: no background islands; borders like table rows */
.uia-rowgrid { display:grid; column-gap:8px; row-gap:0; padding:6px 8px; border-bottom:1px solid #e6e6e6; background:transparent; }
.uia-section-table .uia-rowgrid:last-child { border-bottom:none; }

/* Column templates per row */
[data-uia-primary-row="1"] { grid-template-columns: repeat(3, 1fr); }   /* 1/3 each */
[data-uia-primary-row="2"] { grid-template-columns: repeat(2, 1fr); }   /* 50/50 */
[data-uia-primary-row="3"] { grid-template-columns: 1fr; }              /* full width */
[data-uia-primary-row="4"] { grid-template-columns: repeat(4, 1fr); }   /* 1/4 each */

[data-uia-secondary-row="1"] { grid-template-columns: repeat(2, 1fr); } /* 50/50 */
[data-uia-secondary-row="2"] { grid-template-columns: 1fr; }            /* full width */

/* Cells & inputs (18px) */
.uia-cell { display:flex; flex-direction:column; }
.uia-input { width:100%; font-size:18px; padding:6px 8px; line-height:1.5; }

/* Compact: keep gaps tight */
.uia-section-table .uia-block { border:0; border-radius:0; margin:0; padding:0; background:transparent; }

/* Actions */
.uia-actions { margin-top:12px; display:flex; gap:12px; align-items:center; }
.uia-status { font-size:14px; min-height:1em; }

.uia-btn { display:inline-flex; align-items:center; gap:6px; border:1px solid #ccc; padding:8px 12px; border-radius:8px; cursor:pointer; background:#f7f7f7; }
.uia-btn:hover { background:#efefef; }
.uia-btn-primary { border-color:#2271b1; background:#2271b1; color:#fff; }
.uia-btn-primary:hover { background:#1b5d90; }

/* Responsive */
@media (max-width: 800px) {
  [data-uia-primary-row="1"],
  [data-uia-primary-row="2"],
  [data-uia-primary-row="4"],
  [data-uia-secondary-row="1"] { grid-template-columns: 1fr; }
}