.clean-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.clean-block{grid-column:span 12;min-height:180px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}
.clean-block:hover{box-shadow:var(--shadow-card-hover)}
.clean-block[data-width="3"]{grid-column:span 3}
.clean-block[data-width="4"]{grid-column:span 4}
.clean-block[data-width="5"]{grid-column:span 5}
.clean-block[data-width="6"]{grid-column:span 6}
.clean-block[data-width="7"]{grid-column:span 7}
.clean-block[data-width="8"]{grid-column:span 8}
.clean-block[data-width="9"]{grid-column:span 9}
.clean-block[data-width="10"]{grid-column:span 10}
.clean-block[data-width="11"],.clean-block[data-width="12"]{grid-column:span 12}
.clean-block-content{min-height:96px;display:flex;flex:1;flex-direction:column}
.clean-block-content[data-state=loading]{min-height:112px}
.clean-block-content[data-state=error]{min-height:124px}
.clean-block-content[data-state=empty],.clean-block-content[data-state=ready]{min-height:112px}