/* 8.ro */
.sg-wide { grid-column: 1 / -1; }
.sg-set { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.sg-help { margin: -4px 0 0; font-size: .8125rem; color: var(--muted); }
.sg-pad { margin: 0; padding: 0 18px 12px; }
.sg-color { padding: 4px; height: 40px; cursor: pointer; }
.sg-stage { margin: 14px 18px; border-radius: var(--r-s); background: #fff; box-shadow: 0 0 0 1px var(--line), var(--shadow); overflow: hidden; }
.sg-mail { display: flex; flex-direction: column; gap: 7px; padding: 16px 18px 14px; border-bottom: 1px dashed #e7e5e4; }
.sg-mail span { height: 7px; border-radius: 99px; background: #efedeb; }
.sg-mail span:nth-child(1) { width: 72%; }
.sg-mail span:nth-child(2) { width: 88%; }
.sg-mail span:nth-child(3) { width: 40%; }
.sg-view { padding: 16px 18px 18px; overflow-x: auto; min-height: 90px; color: #1c1917; }
.sg-view a { text-decoration: none; }
.sg-logo { display: grid; place-items: center; aspect-ratio: 1; padding: 6px; border: 1.5px dashed #a8a29e; border-radius: 8px; color: #57534e; font: 600 10px/1.3 var(--font); text-align: center; overflow-wrap: anywhere; }
.sg-acts { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px 10px; }
.sg-src-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; padding: 0 18px 16px; }
.sg-src { min-height: 7rem; font-size: .75rem; }