#sept-preview .ho-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:20px 0}
#sept-preview .ho-flow>*{display:flex;align-items:center;padding:12px 10px;border:1px solid var(--sp-line);border-radius:7px;font-size:11px;background:var(--sp-paper);font-weight:500;min-height:60px}
#sept-preview .ho-flow strong{color:var(--sp-green);background:var(--sp-soft);border-color:#548e7a}
#sept-preview .ho-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#sept-preview .ho-counts>div{border:1px solid var(--sp-line);border-radius:10px;padding:16px;background:var(--sp-paper)}
#sept-preview .ho-counts strong{display:block;font-size:26px;font-weight:600}
#sept-preview .ho-inherited{border-left:3px solid var(--sp-green);padding:12px 15px;background:var(--sp-soft)}
#sept-preview .ho-inherited small{display:block;margin-top:4px}
#sept-preview[data-portal="c3"] .sp-nav button{display:flex}
#sept-preview #ho-progress select{min-width:104px}
#sept-preview .ho-error{color:#f4b2a8}
@container(max-width:900px){#sept-preview .ho-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:600px){#sept-preview .ho-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}