.bs-el-shell{max-width:980px;margin:0 auto;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}
.bs-el-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.bs-el-title h2{margin:0}
.bs-el-subtitle{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.bs-el-pill{display:inline-block;padding:4px 10px;border:1px solid #e5e7eb;border-radius:999px;font-size:12px;color:#374151;background:#f9fafb}
.bs-el-flash{margin:12px 0;padding:10px 12px;border-radius:12px;background:#f3f4f6;color:#111827}
.bs-el-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.bs-el-tab{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;background:#f9fafb}
.bs-el-tab.is-active{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.bs-el-tab-label{font-size:13px;color:#111827}
.bs-el-tab-badge{font-size:12px;color:#374151;background:#eef2ff;border-radius:999px;padding:2px 8px}
.bs-el-panel{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}
.bs-el-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.bs-el-panel-header h3{margin:0}
.bs-el-help{font-size:12px;color:#6b7280;margin-top:4px}
.bs-el-mini{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}
.bs-el-meter{min-width:170px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f9fafb}
.bs-el-meter-row{display:flex;justify-content:space-between;font-size:12px;color:#374151;margin:2px 0}
.bs-el-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bs-el-field{display:flex;flex-direction:column;gap:6px}
.bs-el-field label{font-size:12px;color:#374151}
.bs-el-field .req{color:#b91c1c}
.bs-el-field input,.bs-el-field select,.bs-el-field textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:12px}
.bs-el-span2{grid-column:span 2}
.bs-el-actions{margin-top:12px;display:flex;justify-content:flex-end}
.bs-el-stub{padding:12px;border-radius:12px;background:#f9fafb;border:1px dashed #e5e7eb}
@media (max-width:780px){
  .bs-el-grid{grid-template-columns:1fr}
  .bs-el-span2{grid-column:span 1}
  .bs-el-meter{min-width:auto}
  .bs-el-header{flex-direction:column;align-items:flex-start}
  .bs-el-mm{white-space:normal}
}


.bs-el-actions{display:flex;gap:10px;align-items:center;margin:10px 0 14px}
.bs-el-btn{appearance:none;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 12px;border-radius:12px;font-size:13px;cursor:pointer}
.bs-el-btn:hover{background:#f9fafb}
.bs-el-btn.primary{background:#111827;color:#fff;border-color:#111827}
.bs-el-btn.primary:hover{background:#0b1220}
.bs-el-btn.danger{background:#fff5f5;border-color:#fecaca;color:#991b1b}
.bs-el-btn.danger:hover{background:#fee2e2}
.bs-el-table{display:flex;flex-direction:column;gap:8px}
.bs-el-row{display:grid;gap:8px;align-items:center}
.bs-el-row.bs-el-head{font-size:12px;color:#374151;font-weight:600}
.bs-el-row input[type="text"], .bs-el-row input[type="number"], .bs-el-row select{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}


.bs-el-row-9{grid-template-columns: 1.3fr 0.8fr 0.6fr 0.6fr 0.6fr 1fr 1fr 1.2fr 0.7fr}
.bs-el-row-7{grid-template-columns: 0.8fr 1fr 0.8fr 0.6fr 0.6fr 0.6fr 1.6fr 0.7fr}
.bs-el-row-6{grid-template-columns: 0.9fr 1fr 0.9fr 0.6fr 1.4fr 0.7fr}

.bs-el-row-8{grid-template-columns: 0.9fr 1fr 0.9fr 0.9fr 0.6fr 0.6fr 1.6fr 0.7fr}
.bs-el-mm{
  margin-left:10px;
  font-weight:600;
  opacity:.85;
  font-size:.95em;
  white-space:nowrap;
}

.bs-el-header-actions{
  margin-top:2px;
}