.mg--bar .mg__form { gap: 22px; }
.bs { display: flex; flex-direction: column; gap: 14px; padding-top: 22px; border-top: 1px solid var(--navy-600); }
.bs:first-of-type { padding-top: 0; border-top: 0; }
.bs__h { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--white); }
.bs__h svg { width: 18px; height: 18px; color: var(--blue-light); }
.bs__h small { font-size: 13px; font-weight: 400; color: var(--periwinkle); }
.bs__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--min, 160px), 1fr)); gap: 14px; }
.mg__row--sw { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.mg__pill span img { width: 20px; height: 14px; border-radius: 3px; object-fit: cover; }
.bs__grid > * { align-self: start; }
.mg__lrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px; }
.mg__rnd { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border: 0; border-radius: 999px; font: inherit; font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--blue-light); background: rgba(0, 81, 255, .14); box-shadow: inset 0 0 0 1px rgba(66, 126, 255, .35); cursor: pointer; transition: background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out); }
.mg__rnd:hover { color: var(--white); background: var(--blue); }
.mg__rnd svg { width: 12px; height: 12px; }
.mg__in[type="date"] { color-scheme: dark; }
.mg__in[type="date"]::-webkit-calendar-picker-indicator { opacity: .7; cursor: pointer; }
.mg__in[type="number"] { -moz-appearance: textfield; }
.mg__in[type="number"]::-webkit-inner-spin-button, .mg__in[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.mg__group { position: relative; }
.bo__badge { flex: none; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--periwinkle); background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px var(--navy-600); }
.bo__badge.is-busy { color: var(--blue-light); background: rgba(0, 81, 255, .14); box-shadow: inset 0 0 0 1px rgba(66, 126, 255, .4); }
.bo__badge.is-ok { color: #8cffc1; background: rgba(60, 200, 120, .12); box-shadow: inset 0 0 0 1px rgba(60, 200, 120, .4); }
.bo__body { display: flex; flex-direction: column; gap: 18px; }
.bo__block { display: flex; flex-direction: column; gap: 10px; }
.bo__pdf { display: block; min-height: 96px; padding: 14px; border-radius: 14px; background: var(--white); }
.bo__pdf svg, .bo__pdf img { display: block; width: 100%; height: auto; }
.bo__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bo__meta div { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 12px; background: var(--navy-800); box-shadow: inset 0 0 0 1px var(--navy-600); }
.bo__meta span { font-size: 12px; color: var(--periwinkle); }
.bo__meta b { font-size: 14px; font-weight: 500; color: var(--white); word-break: break-all; }
.bo__meta b:empty::before { content: "\2014"; color: var(--muted); }
textarea.bo__str { height: auto; min-height: 132px; padding: 12px 14px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; line-height: 1.5; white-space: pre-wrap; resize: vertical; }
.bo__c128 { display: block; width: 100%; max-width: 100%; height: auto; padding: 10px; border-radius: 14px; background: var(--white); }
.bo__settings { border-radius: 14px; background: var(--navy-800); box-shadow: inset 0 0 0 1px var(--navy-600); }
.bo__settings summary { display: flex; align-items: center; gap: 10px; padding: 12px 14px; font-size: 13px; font-weight: 500; color: var(--periwinkle); list-style: none; cursor: pointer; }
.bo__settings summary::-webkit-details-marker { display: none; }
.bo__settings summary::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform var(--dur) var(--ease-out); }
.bo__settings[open] summary::before { transform: rotate(45deg); }
.bo__settings > div { padding: 0 14px 14px; }
.bo__c128-cta { padding-top: 18px; border-top: 1px solid var(--navy-600); }
.bo__c128-cta .pc-btn { align-self: flex-start; }
@media (max-width: 960px) { .mg--bar .mg__out { position: static; } }
@media (max-width: 560px) { .bo__meta { grid-template-columns: 1fr; } }