.sub-page{--sub: #0e7c86}.sub-kpis{grid-template-columns: repeat(auto-fit,minmax(170px,1fr));margin-block-end: 16px}.sub-months{margin-block-end: 16px}.sub-months .neg{color: var(--danger)}.sub-lists{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));gap: 16px}.sub-listcard{min-width: 0;border-top: 3px solid var(--sub)}.sub-listcard.tone-danger{border-top-color: var(--danger)}.sub-list,.sub-side-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px}.sub-row{display: flex;align-items: center;gap: 8px;min-width: 0;padding: 8px 0;border-bottom: 1px solid var(--line)}.sub-row:last-child{border-bottom: 0}.sub-who{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.sub-side-list>li{display: grid;gap: 4px;padding: 8px 0;border-bottom: 1px solid var(--line)}.sub-side-list>li:last-child{border-bottom: 0}.sub-run{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.sub-banners{display: grid;gap: 8px;margin-block-end: 12px}.sub-banner{display: flex;align-items: flex-start;gap: 10px;padding: 10px 12px;border-radius: 8px;border: 1px solid var(--line);background: var(--surface-2,transparent)}.sub-banner.danger{border-color: var(--danger)}.sub-banner.warn{border-color: var(--warn)}.sub-banner.info{border-color: var(--info)}.sub-banner>svg{flex: 0 0 auto;margin-block-start: 2px}@media (max-width: 720px){.sub-kpis{grid-template-columns: repeat(2,minmax(0,1fr))}}