/* Badgyver licences: My Account > Communities and the product-page selector.
   Colours come from the theme where possible so it follows dark and light. */

.bgl { display: grid; gap: 18px; }
.bgl-lead { opacity: .85; }
.bgl-title { margin: 0; }
.bgl-table code, .bgl-uuid { font-size: 12px; word-break: break-all; }
.bgl-inline { display: inline-flex; gap: 8px; align-items: center; margin: 0 8px 8px 0; }
.bgl-inline input[type="text"] { width: 190px; }
.bgl-form label, .bgl-choose label { display: block; font-weight: 600; margin-bottom: 6px; }
.bgl-form input[type="text"] { width: 100%; max-width: 420px; }
.bgl-note { font-size: 13px; opacity: .8; margin: 8px 0 0; }
.bgl-actions td { border-top: 0; padding-top: 0; }
.bgl-danger { color: #ff8a80 !important; }

.bgl-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.bgl-ok   { background: rgba(76, 175, 80, .18);  color: #81c784; }
.bgl-wait { background: rgba(255, 193, 7, .18);  color: #ffd54f; }
.bgl-bad  { background: rgba(244, 67, 54, .18);  color: #ff8a80; }

.bgl-secret {
	border: 1px solid rgba(200, 205, 212, .45);
	background: rgba(200, 205, 212, .08);
	border-radius: 10px;
	padding: 16px 18px;
}
.bgl-secret code { font-size: 14px; user-select: all; }
.bgl-licences { margin: 0; padding-left: 18px; }

.bgl-choose { width: 100%; margin: 0 0 16px; }
.bgl-choose select { width: 100%; max-width: 420px; }