@media (min-width: 2200px) {
html { font-size: 17px; }
}
@media (min-width: 2500px) {
html { font-size: 18px; }
}
.person-pill,
.person-pill.by,
.brand small,
.ag-peek,
.ag-more {
font-size: max(0.75rem, 12px);
}
.order-row > div {
min-width: 0;
}
@media (max-width: 620px) {
.order-row {
grid-template-columns: auto minmax(0, 1fr);
}
.order-row > :nth-child(3) {
grid-column: 1 / -1;
}
.order-row > .task-actions,
.order-row > .row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.4rem;
}
}
@media (max-width: 480px) {
.quem-nome {
display: none;
}
}
@media (pointer: coarse) {
button.pill,
a.pill,
.chip,
.icon-pill,
.pill-mini {
min-height: 40px;
}
button.pill,
a.pill {
padding-block: 0.4rem;
}
label.check {
min-height: 40px;
align-items: center;
}
.header-links > a,
.header-links > .link-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
min-width: 40px;
}
summary {
padding-block: 0.6rem;
}
}
.products {
grid-template-columns: repeat(auto-fill, minmax(max(260px, 13.5vw), 1fr));
}
@container (min-width: 2000px) {
.iw-mural {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}